html {
color: #000;
background: #fff
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {
margin: 0;
padding: 0
}
table {
border-collapse: collapse;
border-spacing: 0
}
fieldset,img {
border: 0
}
address,caption,cite,code,dfn,em,strong,th,var {
font-style: normal;
font-weight: normal
}
ol,ul {
list-style: none
}
caption,th {
text-align: left
}
h1,h2,h3,h4,h5,h6 {
font-size: 100%;
font-weight: normal
}
q:before,q:after {
content: ''
}
abbr,acronym {
border: 0;
font-variant: normal
}
sup {
vertical-align: text-top
}
sub {
vertical-align: text-bottom
}
input,textarea,select {
font-family: inherit;
font-size: inherit;
font-weight: inherit;
}
legend {
color: #000
}
#yui3-css-stamp.cssreset {
display: none
}
body {
font: 12px/1.231 arial,helvetica,clean,sans-serif;
}
select,input,button,textarea {
font: 99% arial,helvetica,clean,sans-serif
}
table {
font-size: inherit;
font: 100%
}
pre,code,kbd,samp,tt {
font-family: monospace;
line-height: 100%
}
#yui3-css-stamp.cssfonts {
display: none
}
h1 {
font-size: 138.5%
}
h2 {
font-size: 123.1%
}
h3 {
font-size: 108%
}
h1,h2,h3 {
margin: 1em 0
}
h1,h2,h3,h4,h5,h6,strong,b {
font-weight: bold
}
acronym {
border-bottom: 1px dotted #000;
cursor: help
}
em {
font-style: italic
}
blockquote,ul,ol,dl {
margin: 1em
}
ol,ul,dl {
margin-left: 2em
}
ol {
list-style: decimal outside
}
ul {
list-style: disc outside
}
dd {
margin-left: 1em
}
th,td {
border: 1px solid #000;
padding: .5em
}
th {
font-weight: bold;
text-align: center
}
caption {
margin-bottom: .5em;
text-align: center
}
p,fieldset,table,pre {
margin-bottom: 1em
}
input[type=text],input[type=password],textarea {
width: 12.25em;
}
#yui3-css-stamp.cssbase {
display: none
}
:root {
--header-height: 5rem
}
* {
box-sizing: border-box
}
.monospaced {
font-family: Consolas,"Lucida Console",Monaco,monospace
}
html {
font: 1rem/1.125rem Helvetica,Arial,Sans-Serif;
height: 100%;
background-color: #0d0d0d;
color: #0d0d0d
}
body {
font: 1rem/1.125rem Helvetica,Arial,Sans-Serif;
height: 100%;
margin: 0;
padding: 0;
color: #0d0d0d;
position: relative
}
body.landing #bodyContainer #bodyContent {
width: 100%;
min-width: 39rem;
max-width: 60rem
}
table {
width: 100%
}
table tr th,table tr td {
border-color: #292e29
}
table thead tr th,table thead tr td {
background-color: #dedede;
font-weight: bold;
color: #fdfdfd;
color: #0d0d0d
}
table thead tr th {
text-align: center
}
table tfoot tr th,table tfoot tr td {
background-color: #dedede;
color: #fdfdfd;
color: #0d0d0d
}
table tfoot tr th {
font-weight: bold
}
table tfoot tr td {
text-align: center
}
hr {
border-color: #292e29
}
h1,h2,h3,h4,h5,.asH1,.asH2,.asH3,.asH4,.asH5 {
display: inline-flex;
justify-content: flex-start;
align-items: center;
width: 100%
}
h1 span,h2 span,h3 span,h4 span,h5 span,.asH1 span,.asH2 span,.asH3 span,.asH4 span,.asH5 span {
flex-grow: 1;
text-align: right
}
h1,.asH1 {
background-color: #1f1f1f;
color: #fdfdfd;
padding: .3125rem .625rem;
font-size: 1.4rem;
margin: 0 0 .625rem 0;
font-weight: bold;
min-height: 3.45rem
}
h1:before,.asH1:before {
font-size: 2.2rem;
margin-right: .3em
}
h1 span:before,.asH1 span:before {
margin-left: .3em;
font-size: 2.2rem
}
h1 span a.button,.asH1 span a.button {
min-height: auto
}
h2,.asH2 {
background-color: #0bd51f;
color: #fdfdfd;
color: #0d0d0d;
padding: .2rem .3rem .2rem .3rem;
font-size: 1.2rem;
margin: 0 0 .4rem 0;
min-height: 2.6rem
}
h2:before,.asH2:before {
font-size: 1.6rem;
margin-right: .3em
}
h2 span:before,.asH2 span:before {
margin-left: .3em;
font-size: 1.6rem
}
h2 span a.button,.asH2 span a.button {
min-height: auto
}
h3,.asH3 {
background-color: transparent;
color: #1f1f1f;
border-bottom: solid .1rem #1f1f1f;
padding: .1rem .2rem .1rem .2rem;
font-size: 1.1rem;
margin: 0 0 .2rem 0
}
h3:before,.asH3:before {
font-size: 1.3rem;
margin-right: .2em
}
h3 span:before,.asH3 span:before {
font-size: 1.3rem;
margin-left: .2em
}
h3 span a.button,.asH3 span a.button {
min-height: 1.1rem
}
h3 span a.button[class^="icon-"]:before,h3 span a.button[class*=" icon-"]:before {
font-size: 1.1rem
}
h4,h5,.asH4,.asH5 {
background-color: transparent;
color: #0bd51f;
border-bottom: solid .1rem #0bd51f;
font-size: 1rem;
padding: .1em .2em .1em .2em;
margin: 0 0 .1em 0
}
h4:before,h5:before,.asH4:before,.asH5:before {
font-size: 1.2rem;
margin-right: .1em
}
h4 span:before,h5 span:before,.asH4 span:before,.asH5 span:before {
font-size: 1.2rem;
margin-left: .1em
}
h4 span a.button,h5 span a.button,.asH4 span a.button,.asH5 span a.button {
min-height: 1rem
}
h4 span a.button[class^="icon-"]:before,h5 span a.button[class^="icon-"]:before,h4 span a.button[class*=" icon-"]:before,h5 span a.button[class*=" icon-"]:before {
font-size: 1rem
}
h4,.asH4 {
font-weight: bold
}
h5,.asH5 {
font-weight: normal
}
a {
color: #0d0d0d;
cursor: pointer;
text-decoration: none
}
a.fillSpace {
width: 100%;
height: 100%;
display: block
}
ol,ul,dl {
margin: 1rem
}
ol li,ul li,dl li {
padding: .1rem
}
dd {
margin: 0
}
body #leftColumn {
container-type: inline-size;
-webkit-container-type: normal;
container-name: leftColumnContainer
}
body #mainContent {
container-type: inline-size;
-webkit-container-type: normal;
container-name: mainContentContainer
}
body #rightColumn {
container-type: inline-size;
-webkit-container-type: normal;
container-name: rightColumnContainer
}
body.useBodyGrid {
display: grid;
grid-template-rows: 5rem auto auto;
grid-template-columns: 1fr 16rem minmax(50rem,65rem) minmax(18rem,22rem) 1fr;
grid-gap: 1.25rem
}
body.useBodyGrid>#headerBar {
z-index: 400;
grid-row: 1;
grid-column: 1/span 5;
position: sticky;
top: 0;
background-color: #1f1f1f
}
body.useBodyGrid>header {
grid-row: 1;
grid-column: 2/span 3;
position: sticky;
top: 0;
padding: 0
}
body.useBodyGrid>header .headerContent {
max-width: 100%;
margin: 0;
padding: 0 1.625rem
}
body.useBodyGrid>header .headerContent nav {
grid-template-columns: 14.375rem minmax(50rem,65rem) auto;
grid-gap: 1.25rem;
padding: 0
}
body.useBodyGrid #leftColumn {
grid-row: 2;
grid-column: 2;
min-width: 0;
width: auto;
padding: 0;
float: none;
overflow: visible;
height: fit-content
}
body.useBodyGrid #mainContent {
grid-row: 2;
grid-column: 3
}
body.useBodyGrid #mainContent #pageContent {
padding: 0;
overflow: visible;
display: grid;
grid-gap: 1.25rem
}
body.useBodyGrid #mainContent.fullwidth {
grid-column: 3/span 2
}
body.useBodyGrid #rightColumn {
grid-row: 2;
grid-column: 4;
min-width: 0;
width: auto;
padding: 0;
float: none;
overflow: visible;
height: fit-content
}
body.useBodyGrid>#footerBar {
background-color: #0d0d0d;
grid-row: 3;
grid-column: 1/span 5
}
body.useBodyGrid>footer {
grid-row: 3;
grid-column: 2/span 3;
min-width: 0
}
body.useBodyGrid>footer .footerContent {
max-width: 100%
}
body.internalScrolling #leftColumn,body.internalScrolling #rightColumn {
position: relative;
top: 0
}
body.internalScrolling #rightColumnScroller,body.internalScrolling #leftColumnScroller {
padding: 0;
margin-bottom: 0;
float: none;
position: fixed;
overflow: hidden;
height: 400px
}
body.internalScrolling #rightColumnScroller>div,body.internalScrolling #leftColumnScroller>div {
margin-bottom: 0
}
body.internalScrolling #rightColumnScroller>div>div,body.internalScrolling #leftColumnScroller>div>div {
margin-bottom: 0
}
body.internalScrolling #leftColumnScroller {
padding-left: 1.625rem
}
body.internalScrolling #leftColumnScroller .os-padding div .os-content {
padding-right: .4rem !important
}
body.internalScrolling #rightColumnScroller {
padding-right: 1.625rem
}
body.internalScrolling #rightColumnScroller .os-padding div .os-content {
padding-left: .4rem !important;
display: grid;
grid-template-rows: auto auto 1fr;
grid-auto-rows: auto;
grid-gap: 1.25rem
}
body.internalScrolling>#headerBar {
position: fixed;
top: 0;
width: 100%;
height: 5rem
}
body.internalScrolling>header {
position: fixed;
left: 0;
right: 0;
padding: 0;
height: 5rem
}
body.internalScrolling>header .headerContent .headLogo {
padding-left: 1.625rem
}
body.internalScrolling>header .headerContent .headDetails {
padding-right: 1.625rem
}
body.internalScrolling>header .headerContent .headerPopUp {
right: 1.625rem
}
body.internalScrolling>#mainContent {
padding-top: 0
}
body.internalScrolling>#mainContent.fullwidth {
padding-right: 2rem
}
body.internalScrolling>#footerBar {
display: none;
grid-row: 3;
grid-column: 3
}
body.internalScrolling>footer {
grid-row: 3;
grid-column: 3;
min-width: 0
}
body.internalScrolling>footer .footerContent {
max-width: 100%
}
#styleDL div.popupPage {
min-height: 30rem
}
#styleDL div.popupPage,body.popupPage {
display: flex;
justify-content: center;
align-items: center;
width: 100%
}
#styleDL div.popupPage>.framePanel,body.popupPage>.framePanel {
display: grid;
grid-gap: 1rem;
min-width: 40rem;
max-width: 80vw
}
#styleDL div.popupPage .clientLogo,body.popupPage .clientLogo {
background-color: #1f1f1f;
padding: .5rem
}
#styleDL div.popupPage .clientLogo img,body.popupPage .clientLogo img {
max-height: 3rem
}
#styleDL div.popupPage .staticMessage,body.popupPage .staticMessage {
margin: 0
}
body>header {
width: 100%;
min-width: 75.5rem;
margin: 0 auto;
padding: 0 .3125rem;
position: relative;
z-index: 450;
background-color: #1f1f1f
}
body>header .headerContent {
width: 100%;
max-width: 96.5rem;
margin-right: auto;
margin-left: auto;
position: relative;
z-index: 460;
padding: .625rem 0;
display: grid;
grid-template-areas: 'headerNav' 'ntjScroller';
grid-gap: .5rem
}
body>header .headerContent nav {
grid-area: headerNav;
width: 100%;
display: grid;
grid-template-columns: 16rem 1fr 18rem;
grid-gap: 1.25rem;
padding: 0 .41666667rem;
align-items: center
}
body>header .headerContent nav .headLogo {
position: relative
}
body>header .headerContent nav .headLogo a {
width: 100%;
height: 5rem;
display: block
}
body>header .headerContent nav .headLogo img {
width: 100%;
height: 5rem;
object-fit: contain
}
body>header .headerContent nav .headNav .tabs {
border-bottom: none
}
body>header .headerContent nav .headNav .tabs li {
background-color: transparent
}
body>header .headerContent nav .headNav .tabs li a {
color: #fdfdfd
}
body>header .headerContent nav .headDetails {
width: 100%;
text-align: right
}
body>header .headerContent nav .headDetails .stateLoggedOut {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: .625rem;
width: 18rem;
margin: 0 0 0 auto
}
body>header .headerContent nav .headDetails .stateLoggedOut.accountSimpleLogin {
grid-template-columns: 1fr;
width: auto;
float: right
}
body>header .headerContent nav .headerPopUp {
position: absolute;
right: 0;
z-index: 440;
top: 100%;
width: 18rem;
overflow: auto;
text-align: center;
display: none;
background-color: #404040;
border: solid 1px #0d0d0d
}
body>header .headerContent nav .headerPopUp form .formLine {
grid-template-columns: 1fr;
width: 100%
}
body>header .headerContent nav .simpleLogin {
display: grid;
grid-template-areas: "username password loginBtn joinBtn" "none none none help";
grid-template-columns: 2fr 2fr 1fr 1fr;
grid-template-rows: 2.25rem auto;
grid-gap: 1rem .5rem
}
body>header .headerContent nav .simpleLogin #login_username {
grid-area: username;
width: 12rem
}
body>header .headerContent nav .simpleLogin #login_password {
grid-area: password;
width: 12rem
}
body>header .headerContent nav .simpleLogin a.login {
grid-area: loginBtn;
min-height: initial
}
body>header .headerContent nav .simpleLogin a.join {
grid-area: joinBtn;
min-height: initial
}
body>header .headerContent nav .simpleLogin a.help {
grid-area: help
}
body>header .headerContent>div.headerNTJScrollSection {
grid-area: ntjScroller
}
body>header #loginBox {
color: #fdfdfd
}
body>header #loginBox form {
padding: 1rem;
margin: 0
}
body>header #loginBox form .formLine {
margin: 0 0 .3125rem 0
}
body>header #loginBox form .formLine>label {
display: none
}
body>header #loginBox form .formLine>div {
width: 100%;
padding: 0;
min-width: 0;
margin: 0
}
body>header #loginBox form .formLine>div>input {
width: 100%
}
body>header #loginBox form .formLine>div .button.halfwidth {
width: 49%
}
body>header #loginBox form .formLine>div .button.halfwidth:first-child {
margin-right: 1%
}
body>header #loginBox form .formLine>div .button.halfwidth:last-child {
margin-left: 1%
}
body>header #accountBox div {
text-align: left;
border-bottom: solid .1rem #187221;
padding: .5rem 1rem;
cursor: pointer;
background-color: #333;
color: #0d0d0d
}
body>header #accountBox div:hover {
background-color: #75808f;
color: #fdfdfd
}
body>header #accountBox div>span {
float: right;
font-weight: bold
}
body>header #accountBox div:before {
font-size: 2rem;
float: left;
margin-right: .5rem
}
body>header #accountBox div:last-child {
font-size: .8rem;
border-bottom: none;
text-align: right
}
body>footer {
width: 100%;
min-width: 75.5rem;
margin: 0 auto;
padding: 1.25rem;
background-color: #0d0d0d;
font-size: .8rem;
border-radius: 10px 10px 0 0
}
body>footer h1,body>footer h2,body>footer h3,body>footer h4 {
border-radius: 0
}
body>footer div.footerContent {
max-width: 96.5rem;
margin: 0 auto;
color: #fdfdfd
}
body>footer div.footerContent a {
color: #fdfdfd
}
body>footer div.footerContent .links {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 1.25rem;
margin-bottom: 1.25rem
}
body>footer div.footerContent .links div {
flex: 1 1 auto
}
body>footer div.footerContent .links div ul {
list-style: none;
margin: 0
}
body>footer div.footerContent .links div ul li a {
width: auto;
display: inline-block;
padding: .25rem
}
body>footer div.footerContent .links div h4 {
width: 95%
}
body>footer div.footerContent .legal {
display: flex;
justify-content: space-between;
align-items: baseline
}
body>footer div.footerContent .legal .gmblMsg {
display: flex;
align-items: center
}
body>footer div.footerContent .legal .gmblMsg img {
margin-right: 1rem
}
body>footer div.footerContent .legal p {
margin: 0
}
body>footer .staticFooter {
display: grid;
grid-template-columns: auto auto;
grid-template-rows: auto auto;
grid-gap: .25rem 1rem;
align-items: center;
align-items: stretch;
margin: .5rem 0;
border-color: #000;
grid-template-areas: 'betstopMsg respGambling' 'sessionTime system';
color: #0d0d0d
}
body>footer .staticFooter a {
color: #0d0d0d
}
body>footer .staticFooter .betstopMsg,body>footer .staticFooter .respGambling {
margin-bottom: 0
}
body>footer .staticFooter .respGambling {
text-align: left
}
body>footer .staticFooter .sessionTime,body>footer .staticFooter .system {
font-size: .75rem
}
body>footer .staticFooter .betstopMsg {
grid-area: betstopMsg
}
body>footer .staticFooter .respGambling {
grid-area: respGambling
}
body>footer .staticFooter .sessionTime {
grid-area: sessionTime
}
body>footer .staticFooter .system {
grid-area: system;
justify-self: end
}
#bodyContainer {
width: 100%;
min-width: 73rem;
max-width: 96.5rem;
margin: 0 auto;
position: relative;
min-height: 600px;
padding: 0 .3125rem
}
#bodyContainer #bodyContent {
width: 100%;
min-width: 73rem;
max-width: 96.5rem;
margin-right: auto;
margin-left: auto;
position: relative;
padding: 0;
display: block;
overflow: hidden
}
#leftColumn {
float: left;
min-width: 17.25rem;
width: 17.25rem;
padding: 1.25rem .625rem 1.25rem .625rem;
clear: right;
overflow: hidden
}
#leftColumn .asH1 {
margin: 0
}
#leftColumn .menuSection {
margin: .625rem 0 0 0
}
#leftColumn .menuSection h2 {
margin: 0
}
#leftColumn .menuSection:first-child {
margin: 0
}
#rightColumn {
float: right;
min-width: 19.25rem;
width: 19.25rem;
padding: 1.25rem .625rem 1.25rem .625rem;
clear: right;
overflow: hidden;
display: grid;
grid-gap: 1.25rem
}
#mainContent {
margin: 0
}
#mainContent #pageContent {
overflow: hidden;
padding: 1.25rem .625rem
}
.framePanel {
margin: 0 0 1.25rem 0;
padding: 1.25rem;
border: 1px solid #292e29;
border-radius: 10px;
overflow: hidden
}
.framePanel .framePanel {
background-color: #1f1f1f;
margin-bottom: .625rem;
padding: .625rem
}
.framePanel .gutterLess {
padding: 0
}
.framePanel .gutterLess table,.framePanel .gutterLess table.marketTable {
margin: 0
}
.framePanel .gutterLess table thead tr,.framePanel .gutterLess table.marketTable thead tr,.framePanel .gutterLess table tbody tr,.framePanel .gutterLess table.marketTable tbody tr {
border-left: none;
border-right: none
}
.framePanel .gutterLess table thead tr td:first-child,.framePanel .gutterLess table.marketTable thead tr td:first-child,.framePanel .gutterLess table tbody tr td:first-child,.framePanel .gutterLess table.marketTable tbody tr td:first-child,.framePanel .gutterLess table thead tr th:first-child,.framePanel .gutterLess table.marketTable thead tr th:first-child,.framePanel .gutterLess table tbody tr th:first-child,.framePanel .gutterLess table.marketTable tbody tr th:first-child {
border-left: none
}
.framePanel .gutterLess table thead tr td:last-child,.framePanel .gutterLess table.marketTable thead tr td:last-child,.framePanel .gutterLess table tbody tr td:last-child,.framePanel .gutterLess table.marketTable tbody tr td:last-child,.framePanel .gutterLess table thead tr th:last-child,.framePanel .gutterLess table.marketTable thead tr th:last-child,.framePanel .gutterLess table tbody tr th:last-child,.framePanel .gutterLess table.marketTable tbody tr th:last-child {
border-right: none
}
.framePanel .gutterLess table tbody:last-of-type:last-child td,.framePanel .gutterLess table.marketTable tbody:last-of-type:last-child td,.framePanel .gutterLess table tbody:last-of-type:last-child th,.framePanel .gutterLess table.marketTable tbody:last-of-type:last-child th {
border-bottom: none
}
.framePanel .gutterLess table tbody:last-of-type:last-child td:first-child,.framePanel .gutterLess table.marketTable tbody:last-of-type:last-child td:first-child,.framePanel .gutterLess table tbody:last-of-type:last-child th:first-child,.framePanel .gutterLess table.marketTable tbody:last-of-type:last-child th:first-child {
border-bottom-left-radius: 10px
}
.framePanel .gutterLess table tbody:last-of-type:last-child td:last-child,.framePanel .gutterLess table.marketTable tbody:last-of-type:last-child td:last-child,.framePanel .gutterLess table tbody:last-of-type:last-child th:last-child,.framePanel .gutterLess table.marketTable tbody:last-of-type:last-child th:last-child {
border-bottom-right-radius: 10px
}
.framePanel .gutterLess table .teamSilk.asFlag,.framePanel .gutterLess table.marketTable .teamSilk.asFlag {
width: 3rem;
height: 2rem
}
.tabs+.framePanel {
border-top-left-radius: 0;
border-top-right-radius: 0
}
.tabs {
margin: 0;
padding: 0;
width: 100%;
display: flex;
flex-wrap: nowrap;
align-content: flex-start
}
.tabs li {
background-color: #83fc8f;
color: #fdfdfd;
font-size: 1.1rem;
font-weight: bold;
padding: 0;
margin: 0 0 0 .25rem;
flex: 1 1 1%;
display: inline-flex;
justify-content: center;
align-items: center;
text-align: center;
min-height: 2.5rem;
border-bottom: solid 3px #0bd51f
}
.tabs li a {
width: 100%;
height: 100%;
display: block;
padding: .75rem .5rem
}
.tabs li a.withSpan {
display: grid;
grid-template-columns: 1fr auto
}
.tabs li span {
margin-left: .3rem;
padding: .3rem
}
.tabs li:hover {
border-color: #187221
}
.tabs li.expired {
background-color: #e6fee9;
border-color: #e6fee9;
color: #0d0d0d;
font-weight: normal
}
.tabs li:hover:not(.disabled) {
opacity: .8
}
.tabs li.selected {
color: #fdfdfd;
background-color: #0bd51f;
border-color: #0bd51f
}
.tabs li.disabled {
color: #fdfdfd;
background-color: #c0c0c0;
border-color: #c0c0c0;
cursor: default;
border-right-color: transparent;
font-weight: normal
}
.tabs li.disabled a {
cursor: default
}
.tabs li.disabled:hover {
border-color: #c0c0c0
}
.tabs.scrollable {
overflow-x: auto
}
.tabs.scrollable li {
white-space: nowrap
}
.tabs.notFull li {
flex-grow: 0;
min-width: 15%
}
.tabs.asButtons {
border-bottom: none
}
.tabs.asButtons li {
margin: .41666667rem;
border: 1px solid #0d0d0d;
color: #0d0d0d;
font-weight: bold;
background-color: #fdfdfd;
border-radius: 10px;
position: relative;
margin-left: .5rem
}
.tabs.asButtons li:hover:not(.disabled) {
opacity: 1;
border-color: #404040;
background-color: #1f1f1f
}
.tabs.asButtons li.selected {
background-color: #1f1f1f;
color: #fdfdfd
}
.tabs.asButtons li.selected a {
color: #fdfdfd
}
.tabs.asButtons li.expired {
background-color: #6c6c6c
}
.tabs.asButtons li.disabled {
border-color: #c0c0c0;
opacity: .4
}
.tabs.asButtons li.disabled:hover {
border-color: #c0c0c0
}
.tabs.asButtons li a {
color: #0d0d0d
}
.tabs.asPills {
border-bottom: none;
margin: .625rem
}
.tabs.asPills li {
flex: 0 1 3rem;
min-height: 3rem;
border-radius: 1.5rem;
padding: 0 .6rem
}
.tabs li:first-child {
margin-left: 0
}
.tabs li:last-child {
margin-right: 0
}
.tabs li[class^="icon-"],.tabs li[class*=" icon-"] {
position: relative;
padding-top: 3rem
}
.tabs li[class^="icon-"]:before,.tabs li[class*=" icon-"]:before {
font-size: 3rem;
position: absolute;
top: 0;
left: auto;
right: auto
}
.tabs li>a {
color: #fdfdfd;
display: flex;
justify-content: center;
align-items: center;
padding: .625rem .3125rem
}
.tabs li>a[class^="icon-"],.tabs li>a[class*=" icon-"] {
padding: 3rem .3125rem .3125rem .3125rem;
position: relative
}
.tabs li>a[class^="icon-"]:before,.tabs li>a[class*=" icon-"]:before {
font-size: 3rem;
position: absolute;
top: .3125rem;
left: auto;
right: auto
}
.tabs li>a[class^="icon-"]:empty,.tabs li>a[class*=" icon-"]:empty {
padding: .625rem .3125rem
}
.tabs li>a[class^="icon-"]:empty:before,.tabs li>a[class*=" icon-"]:empty:before {
position: relative;
top: 0
}
.tabs.subTabs li {
background-color: #333;
border: none;
min-height: 1.875rem
}
.tabs.subTabs li.selected {
color: #fdfdfd;
background-color: #1f1f1f;
border-color: #1f1f1f
}
.tabs.subTabs li.expired {
background-color: #808080
}
.tabs.subTabs li.disabled {
border-color: #404040;
opacity: .4
}
.tabs.subTabs li[class^="icon-"],.tabs.subTabs li[class*=" icon-"] {
position: relative;
padding-top: 2.25rem
}
.tabs.subTabs li[class^="icon-"]:before,.tabs.subTabs li[class*=" icon-"]:before {
font-size: 2.25rem;
position: absolute;
top: 0;
left: auto;
right: auto
}
.tabs.vertTabs {
min-width: 10rem;
width: 30%;
border-bottom-width: 0;
float: left;
flex-direction: column;
height: min-content;
height: fit-content;
height: -moz-fit-content
}
.tabs.vertTabs li {
margin: 0 0 .25rem 0;
min-height: 2.5rem;
padding: .5rem
}
.tabs.vertTabs li a {
text-align: left;
display: inline-flex;
justify-content: flex-start;
align-items: center
}
.tabs.vertTabs li a[class^="icon-"],.tabs.vertTabs li a[class*=" icon-"] {
padding: .625rem .625rem .625rem .3125rem
}
.tabs.vertTabs li a[class^="icon-"]:before,.tabs.vertTabs li a[class*=" icon-"]:before {
position: relative;
top: 0;
font-size: 1.6rem;
left: .25rem;
padding-right: .625rem
}
.tabs.vertTabs li a.withSpan {
display: grid;
grid-template-columns: 1fr auto
}
.tabs.vertTabs li a.withSpan[class^="icon-"],.tabs.vertTabs li a.withSpan[class*=" icon-"] {
grid-template-columns: auto 1fr auto
}
.tabs.vertTabs li a span {
padding: .3125rem;
display: inline-flex;
justify-content: center;
align-items: center
}
.tabs.vertTabs li span {
padding: 0
}
.tabVertical {
display: flex;
flex-direction: row
}
.tabVertical>ul.tabs {
min-width: 10rem;
width: 30%;
border-bottom-width: 0;
float: left;
flex-direction: column;
height: min-content;
height: fit-content;
height: -moz-fit-content
}
.tabVertical>ul.tabs li {
margin: 0 0 .25rem 0;
min-height: 2.5rem;
padding: .5rem
}
.tabVertical>ul.tabs li a {
text-align: left;
display: inline-flex;
justify-content: flex-start;
align-items: center
}
.tabVertical>ul.tabs li a[class^="icon-"],.tabVertical>ul.tabs li a[class*=" icon-"] {
padding: .625rem .625rem .625rem .3125rem
}
.tabVertical>ul.tabs li a[class^="icon-"]:before,.tabVertical>ul.tabs li a[class*=" icon-"]:before {
position: relative;
top: 0;
font-size: 1.6rem;
left: .25rem;
padding-right: .625rem
}
.tabVertical>ul.tabs li a.withSpan {
display: grid;
grid-template-columns: 1fr auto
}
.tabVertical>ul.tabs li a.withSpan[class^="icon-"],.tabVertical>ul.tabs li a.withSpan[class*=" icon-"] {
grid-template-columns: auto 1fr auto
}
.tabVertical>ul.tabs li a span {
padding: .3125rem;
display: inline-flex;
justify-content: center;
align-items: center
}
.tabVertical>ul.tabs li span {
padding: 0
}
.tabVertical>ul.tabs.asPills li {
flex: 1 1 1%
}
.tabVertical>ul.tabs .scrollable {
width: 100%;
overflow: scroll
}
.tabVertical>div {
width: 70%;
float: left;
margin-left: 1rem
}
.blocks {
width: 100%;
height: auto;
display: grid;
grid-template-columns: repeat(4,1fr);
grid-auto-rows: 1fr;
grid-gap: .625rem;
padding: 0;
margin: 0;
margin-bottom: .625rem
}
.blocks li {
background-color: #fdfdfd;
color: #0d0d0d;
border: solid .1rem #83fc8f;
list-style: none;
padding: 0;
margin: 0;
text-align: center;
border-radius: 10px;
font-weight: bold;
min-height: 2.5rem
}
.blocks li.selected {
color: #fdfdfd;
background-color: #0bd51f;
border-color: #0bd51f
}
.blocks li.expired {
background-color: #83fc8f;
border-color: #83fc8f;
color: #0d0d0d;
font-weight: normal
}
.blocks li.disabled {
background-color: #e6fee9;
color: #fdfdfd;
border-color: #e6fee9
}
.blocks li.disabled:hover {
border-color: #e6fee9;
cursor: default
}
.blocks li:hover {
border-color: #0bd51f
}
.blocks li[class^="icon-"],.blocks li[class*=" icon-"] {
position: relative;
padding-top: 3rem
}
.blocks li[class^="icon-"]:before,.blocks li[class*=" icon-"]:before {
font-size: 3rem;
position: absolute;
top: 0;
left: auto;
right: auto
}
.blocks li>a {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
padding: .625rem .3125rem
}
.blocks li>a[class^="icon-"],.blocks li>a[class*=" icon-"] {
padding: 3.3125rem .3125rem .3125rem .3125rem;
position: relative
}
.blocks li>a[class^="icon-"]:before,.blocks li>a[class*=" icon-"]:before {
font-size: 3rem;
position: absolute;
top: .3125rem;
left: auto;
right: auto
}
.blocks li>a[class^="icon-"]:empty,.blocks li>a[class*=" icon-"]:empty {
padding: .625rem .3125rem
}
.blocks li>a[class^="icon-"]:empty:before,.blocks li>a[class*=" icon-"]:empty:before {
position: relative;
top: 0
}
.blocks.icon li {
position: relative;
padding: 4rem 0 0 0
}
.blocks.icon li:before {
font-size: 3rem;
position: absolute;
top: 6px;
left: 0;
right: 0
}
.blocks.dynamic {
grid-template-columns: repeat(4,1fr)
}
.blocks.blocksmax1,.blocks.max1 {
grid-template-columns: repeat(1,1fr)
}
.blocks.blocksmax2,.blocks.max2 {
grid-template-columns: repeat(2,1fr)
}
.blocks.blocksmax3,.blocks.max3 {
grid-template-columns: repeat(3,1fr)
}
.blocks.blocksmax4,.blocks.max4 {
grid-template-columns: repeat(4,1fr)
}
.blocks.blocksmax5,.blocks.max5 {
grid-template-columns: repeat(5,1fr)
}
.blocks.blocksmax6,.blocks.max6 {
grid-template-columns: repeat(6,1fr)
}
.blocks.blocksmax7,.blocks.max7 {
grid-template-columns: repeat(7,1fr)
}
.blocks.blocksmax8,.blocks.max8 {
grid-template-columns: repeat(8,1fr)
}
.blocks.blocksmax9,.blocks.max9 {
grid-template-columns: repeat(9,1fr)
}
.blocks.blocksmax10,.blocks.max10 {
grid-template-columns: repeat(10,1fr)
}
div.eventHub .bar {
display: grid;
grid-template-columns: auto auto;
grid-gap: .625rem;
width: 100%;
align-items: center;
padding: 0 1rem
}
div.eventHub .bar>div {
display: grid;
grid-auto-flow: column;
grid-auto-columns: 1fr;
grid-gap: .625rem;
align-content: center
}
div.eventHub .bar>div>div {
width: 100%
}
div.eventHub .bar>div>div>* {
width: 100%;
margin: .625rem 0
}
div.eventHub .bar .eventElements {
justify-self: start
}
div.eventHub .bar .userElements {
justify-self: end
}
div.eventHub.race .bar {
padding: 0
}
div.eventHub.comp .bar .eventElements {
min-height: 3rem
}
div.eventHub.upcoming .bar {
padding: 0
}
.hoverstyle_default {
opacity: .8
}
.button {
padding: .375rem .75rem;
min-height: 2.5rem;
cursor: pointer;
text-align: center;
vertical-align: middle;
border: 1px solid #0d0d0d;
color: #0d0d0d;
font-weight: bold;
background-color: #fdfdfd;
border-radius: 10px;
position: relative;
display: inline-flex;
justify-content: center;
align-items: center
}
.button:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
.button.selected {
background-color: #1f1f1f;
color: #fdfdfd
}
.button.selected:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
.button.inverse {
background-color: transparent;
border-color: #fdfdfd;
color: #fdfdfd
}
.button.inverse:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
.button.inverse.selected {
background-color: rgba(253,253,253,.4)
}
.button.inverse.selected:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
.button.expired {
background-color: #bfbfbf;
border-color: #262626;
color: #262626;
color: #0d0d0d
}
.button.expired:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
.button.expired.selected {
background-color: #8c8c8c;
border-color: #0d0d0d;
color: #0d0d0d
}
.button.expired.selected:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
.button.delete {
background-color: #cb1029;
border-color: #f797a4;
color: #fdfdfd
}
.button.delete:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
.button.delete.selected {
background-color: #6c0916
}
.button.delete.selected:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
.button.confirm {
background-color: #1f1f1f;
border-color: #1f1f1f;
color: #fdfdfd
}
.button.confirm:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
.button.confirm.selected {
background-color: #0d0d0d
}
.button.confirm.selected:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
.button.disabled {
opacity: .5
}
.button.betlink {
border-color: #0d0d0d;
color: #0d0d0d;
min-width: 100%;
white-space: nowrap
}
.button.betlink:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
.button.betlink.selected {
background-color: #0d0d0d;
color: #0d0d0d
}
.button.betlink.selected:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
.button[class^="icon-"],.button[class*=" icon-"] {
padding-top: .225rem;
padding-bottom: .225rem;
padding-left: .225rem
}
.button[class^="icon-"]:before,.button[class*=" icon-"]:before {
font-size: 1.9rem;
font-weight: normal;
padding-right: .225rem
}
.button[class^="icon-"]:empty,.button[class*=" icon-"]:empty {
padding: .225rem
}
.button[class^="icon-"]:empty:before,.button[class*=" icon-"]:empty:before {
padding: 0
}
.button[class^="icon-"].vertical,.button[class*=" icon-"].vertical {
flex-direction: column;
align-items: center;
padding-right: .225rem;
padding-bottom: .3rem
}
.button.small {
min-height: 1.875rem;
font-size: .75rem;
padding: .21875rem .4375rem
}
.button.small[class^="icon-"],.button.small[class*=" icon-"] {
padding-top: .16875rem;
padding-bottom: .16875rem;
padding-left: .16875rem
}
.button.small[class^="icon-"]:before,.button.small[class*=" icon-"]:before {
font-size: 1.425rem;
font-weight: normal;
padding-right: .16875rem
}
.button.small[class^="icon-"]:empty,.button.small[class*=" icon-"]:empty {
padding: .16875rem
}
.button.small[class^="icon-"]:empty:before,.button.small[class*=" icon-"]:empty:before {
padding: 0
}
.button.small[class^="icon-"].vertical,.button.small[class*=" icon-"].vertical {
padding-right: .16875rem
}
.button.majorAction {
font-size: 1.4rem;
padding: .875rem
}
.button.majorAction[class^="icon-"],.button.majorAction[class*=" icon-"] {
padding-top: .315rem;
padding-bottom: .315rem;
padding-left: .315rem
}
.button.majorAction[class^="icon-"]:before,.button.majorAction[class*=" icon-"]:before {
font-size: 2.66rem;
font-weight: normal;
padding-right: .315rem
}
.button.majorAction[class^="icon-"]:empty,.button.majorAction[class*=" icon-"]:empty {
padding: .315rem
}
.button.majorAction[class^="icon-"]:empty:before,.button.majorAction[class*=" icon-"]:empty:before {
padding: 0
}
.button.invisible {
visibility: hidden
}
.button.tooltip {
position: relative;
display: inline-block
}
.button.tooltip .tooltiptext {
visibility: hidden;
width: auto;
background-color: #333;
color: #fdfdfd;
text-align: center;
padding: 3px;
border-radius: 10px;
position: absolute;
top: 3px;
right: 3px;
z-index: 490;
font-size: 13px;
line-height: 16px;
font-weight: normal
}
.button.tooltip:hover .tooltiptext {
visibility: visible
}
.prodDesc {
display: inline;
position: absolute;
top: 1rem;
left: 1rem;
max-width: 15rem;
background-color: #292e29;
color: #0d0d0d;
text-align: center;
font-weight: normal;
font-size: .8rem;
padding: .5rem;
border: none;
border-radius: 10px;
box-shadow: 0 .1rem .3rem rgba(0,0,0,.4)
}
.teamSilkBlock {
display: grid;
grid-template-columns: auto 1fr;
grid-template-areas: 'flag meeting';
align-items: center;
grid-gap: 0 .625rem
}
.teamSilkBlock.racestate {
grid-template-rows: 10fr 9fr;
grid-template-areas: 'flag meeting' 'flag meetstate';
grid-gap: 0 1rem
}
.teamSilkBlock.racestate>span.meetName {
grid-area: meeting
}
.teamSilkBlock.racestate>span.meetState {
grid-area: meetstate;
font-weight: normal;
font-size: .9rem
}
.teamSilkBlock .teamSilk {
grid-area: flag
}
.teamSilkBlock>span {
text-align: left;
grid-area: meeting
}
.teamSilkBlock>span.raceState {
display: block;
grid-area: racestate;
font-weight: normal;
font-size: 90%
}
.teamSilk {
width: 3rem;
height: 3rem;
object-fit: cover;
background-position: center;
background-size: cover;
display: inline-block;
vertical-align: middle
}
.teamSilk.asFlag {
width: 4.5rem;
height: 3rem;
border-radius: 10px;
border: solid 1px #292e29
}
.teamSilk.asSilk {
width: 4.5rem;
height: 3rem
}
table.marketTable {
margin: 0
}
table.marketTable>thead tr,table.marketTable>tfoot tr {
border: none
}
table.marketTable>thead tr th,table.marketTable>tfoot tr th {
text-align: left
}
table.marketTable>thead tr th,table.marketTable>tfoot tr th,table.marketTable>thead tr td,table.marketTable>tfoot tr td {
background-color: transparent;
color: #0d0d0d;
border: none;
font-size: .8rem
}
table.marketTable>thead tr th.teamName,table.marketTable>tfoot tr th.teamName,table.marketTable>thead tr td.teamName,table.marketTable>tfoot tr td.teamName {
padding-left: 1.5rem
}
table.marketTable>tbody tr th {
text-align: left
}
table.marketTable>tbody tr th.teamName {
padding-left: 1.5rem
}
table.marketTable>tbody tr td .betlink {
margin: 6px 0
}
table.marketTable>tfoot tr td {
padding: 0;
box-shadow: none
}
table.marketTable>tfoot tr td>div {
padding: .75rem 0 0 0
}
table.marketTable tr {
border-left: solid 1px #292e29;
border-right: solid 1px #292e29
}
table.marketTable tr th,table.marketTable tr td {
border-left: none;
border-right: none
}
table.marketTable tr th.oddsColumn,table.marketTable tr td.oddsColumn {
width: 5rem;
text-align: center
}
table.marketTable tr th.oddsColumn.wide,table.marketTable tr td.oddsColumn.wide {
min-width: 8rem
}
table.sortableTable thead tr>th:not(.sorter-false),table.sortableTable thead tr>th:not(.sorter-false) .sortableHeader,table.sortableTable thead th:not(.sorter-false).sortableHeader {
cursor: pointer
}
table.sortableTable thead>tr>th,table.sortableTable thead>tr>td {
position: relative
}
table.sortableTable thead>tr>th:active:not(.sorter-false),table.sortableTable thead>tr>td:active:not(.sorter-false) {
background-color: #292e29
}
table.sortableTable thead>tr>th:focus,table.sortableTable thead>tr>td:focus {
outline: none
}
table.sortableTable thead>tr>th.icon-SORTDESC:before,table.sortableTable thead>tr>td.icon-SORTDESC:before,table.sortableTable thead>tr>th.icon-SORTASC:before,table.sortableTable thead>tr>td.icon-SORTASC:before,table.sortableTable thead>tr>th.icon-SORTAVAIL:before,table.sortableTable thead>tr>td.icon-SORTAVAIL:before {
position: absolute;
top: auto;
right: 0;
bottom: auto
}
table.sortableTable tfoot>tr>th.icon-SORTDESC:before,table.sortableTable tfoot>tr>td.icon-SORTDESC:before,table.sortableTable tfoot>tr>th.icon-SORTASC:before,table.sortableTable tfoot>tr>td.icon-SORTASC:before,table.sortableTable tfoot>tr>th.icon-SORTAVAIL:before,table.sortableTable tfoot>tr>td.icon-SORTAVAIL:before {
display: none
}
dl.accordion {
margin: .3125rem 0 0 0;
border: 0;
overflow: hidden
}
dl.accordion dt {
background-color: #83fc8f;
color: #fdfdfd;
color: #0d0d0d;
margin: 0 0 .3125rem 0;
padding: .3125rem;
border: none;
cursor: pointer;
position: relative
}
dl.accordion dt a {
color: #fdfdfd;
text-align: left;
color: #0d0d0d;
width: 100%;
padding: .625rem;
display: flex;
justify-content: flex-start;
justify-content: left;
align-items: center
}
dl.accordion dt a[class^="icon-"]:before,dl.accordion dt a[class*=" icon-"]:before {
font-size: 2rem;
margin: -.6rem .3rem -.6rem 0
}
dl.accordion dt a.icon-navNext,dl.accordion dt a.navToggleIcon {
padding-right: 2.4rem
}
dl.accordion dt a.icon-navNext:after,dl.accordion dt a.navToggleIcon:after {
position: absolute;
top: auto;
right: 0;
bottom: auto;
font-size: 2.4rem;
content: ""
}
dl.accordion dt a.icon-navNext:after {
content: ""
}
dl.accordion dt.selected {
background-color: #0bd51f;
margin: 0
}
dl.accordion dt.selected.selected a.navToggleIcon:after {
content: ""
}
dl.accordion dt.disabled {
background-color: #bcc3bd;
opacity: .6;
cursor: default
}
dl.accordion dt.static {
cursor: default
}
dl.accordion dd {
padding: .9375rem;
margin-left: 0
}
dl.accordion.tiered2>dd {
padding: 0
}
dl.accordion.tiered2>dd>dl {
margin: 0;
margin-bottom: .5rem;
border-radius: 0 0 10px 10px;
overflow: hidden
}
dl.accordion.tiered2>dd>dl>dt {
background-color: #e6fee9;
border: none;
border-radius: 0;
margin: 0;
margin-top: 1px
}
dl.accordion.tiered2>dd>dl>dt a {
color: #fdfdfd;
color: #0d0d0d
}
dl.accordion.tiered2>dd>dl>dt.selected {
background-color: #83fc8f
}
dl.accordion.tiered2>dd>dl>dt.selected a {
color: #fdfdfd;
color: #0d0d0d
}
dl.accordion.tiered3>dd {
padding: 0
}
dl.accordion.tiered3>dd>dl {
margin: 0
}
dl.accordion.tiered3>dd>dl>dt {
background-color: #e6fee9
}
dl.accordion.tiered3>dd>dl>dt a {
color: #fdfdfd;
color: #0d0d0d
}
dl.accordion.tiered3>dd>dl>dt.selected {
background-color: #83fc8f
}
dl.accordion.tiered3>dd>dl>dt.selected a {
color: #fdfdfd;
color: #0d0d0d
}
dl.accordion.tiered3>dd>dl>dd {
padding: 0
}
dl.accordion.tiered3>dd>dl>dd>dl {
margin: 0
}
dl.accordion.tiered3>dd>dl>dd>dl>dt {
background-color: #404040;
color: #fdfdfd
}
dl.accordion.tiered3>dd>dl>dd>dl>dt a {
color: #fdfdfd
}
dl.accordion.tiered3>dd>dl>dd>dl>dt.selected {
background-color: #1f1f1f
}
dl.accordion.tiered3>dd>dl>dd>dl>dt.selected a {
color: #fdfdfd
}
dl.accordion.eventBets {
margin: 0
}
dl.accordion.eventBets dt {
margin: 0;
display: grid;
grid-template-columns: 1fr auto
}
dl.accordion.eventBets dt a {
padding: 0
}
dl.accordion.eventBets dd {
padding: .5rem;
background-color: #333;
border: solid 1px #464c42;
border-top: none
}
.prodDesc {
display: none;
position: absolute;
top: 10px;
left: 10px;
max-width: 150px;
background-color: #eee;
color: #0d0d0d;
text-align: left;
font-weight: normal;
font-size: 80%;
line-height: 1.2;
padding: 6px;
border: none;
border-radius: 3px;
box-shadow: 0 1px 4px rgba(0,0,0,.4)
}
.status.TransStatusAccepted,.status.accepted,.status.stsAccepted {
color: #0bd51f
}
.status.approved,.status.stsApproved {
color: #0bd51f
}
.status.return_at,.status.return-at,.status.stsReturn_At {
color: #0bd51f
}
.status.return_of,.status.return-of,.status.stsReturn_Of {
color: #0bd51f
}
.status.stsAlive {
color: #0bd51f
}
.status.stsCancelled {
color: #cb1029
}
.status.cancelled_at,.status.cancelled-at,.status.stsCancelled_At {
color: #cb1029
}
.status.cancellation_of,.status.cancellation-of,.status.stsCancellation_Of {
color: #cb1029
}
.status.declined,.status.stsDeclined {
color: #cb1029
}
.status.erased,.status.stsErased {
color: #cb1029
}
.status.rejected,.status.stsRejected {
color: #cb1029
}
.status.stsDead {
color: #cb1029
}
.status.no_return,.status.no-return,.status.stsNo_Return {
color: #cb1029
}
.status.partially-accepted,.status.TransStatusPartial,.status.stsPartially_Accepted {
color: #2272ae
}
.status.stsOpen {
color: #2272ae
}
.status.stsUNKNOWN {
color: #f4a403
}
.status.processing,.status.unknown,.status.TransStatusProcessing,.status.stsProcessing {
color: #f4a403
}
.status.stsClosed {
color: #f4a403
}
.eventComment {
font-size: .8rem;
padding: .625rem 2.5rem 0 2.5rem;
text-align: center
}
.dialogBox {
display: grid;
grid-template-columns: 1fr;
grid-template-rows: 1fr;
height: 100%;
justify-content: center;
align-items: center;
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 492;
background-color: rgba(0,0,0,.7)
}
.dialogBox .dialogContent {
margin: auto auto;
max-width: 40%;
min-width: 40%;
max-height: 60%;
background-color: #1f1f1f;
box-shadow: 0 1px 9px rgba(0,0,0,.2);
overflow-y: auto
}
.dialogBox .dialogContent.info,.dialogBox .dialogContent.error,.dialogBox .dialogContent.warning {
box-shadow: 0 0 3px 3px rgba(0,0,0,.3);
overflow: hidden;
text-align: center
}
.dialogBox .dialogContent.info span,.dialogBox .dialogContent.error span,.dialogBox .dialogContent.warning span {
padding: 1.2rem .6rem .6rem .6rem;
display: inline-block
}
.dialogBox .dialogContent.info #errorControls,.dialogBox .dialogContent.error #errorControls,.dialogBox .dialogContent.warning #errorControls {
margin: .6rem 0
}
.dialogBox .dialogContent.info #errorControls .button,.dialogBox .dialogContent.error #errorControls .button,.dialogBox .dialogContent.warning #errorControls .button {
width: 20%
}
.dialogBox .dialogContent.warning h1 {
background-color: #f0710a
}
.dialogBox .dialogContent.error h1 {
background-color: #cb1029
}
.dialogBox .dialogContent .alertControls {
text-align: center;
padding: .3125rem
}
.dialogBox .dialogContent form {
width: 100%;
max-width: 100%
}
.navToggleIcon:after {
font-size: 1.9rem;
content: ""
}
.navToggleIcon.selected:after {
content: ""
}
.compHeaderBox {
text-align: center;
padding: 1.25rem;
border-bottom: 3px solid #75808f
}
.compHeaderBox .suspendAt {
font-size: .75rem
}
.compHeaderBox .upcomingTime {
float: right
}
.matchHeaderBox {
margin-left: .625rem;
display: grid;
grid-template-areas: 'matchTime upcomingTime' 'matchVenue upcomingTime';
grid-template-columns: auto auto;
grid-template-rows: 1fr auto;
grid-gap: 0 2rem;
width: fit-content;
align-items: center
}
.matchHeaderBox .upcomingTime {
grid-area: upcomingTime
}
.matchHeaderBox .matchTime {
grid-area: matchTime;
font-size: .9rem;
white-space: nowrap
}
.matchHeaderBox .matchVenue {
grid-area: matchVenue;
font-weight: normal
}
.wc_s_upcomingcontent .matchHeaderBox .matchDescription {
grid-area: matchTime
}
.wc_s_upcomingcontent .matchHeaderBox .matchTime {
grid-area: matchVenue
}
.additionalMarkets>.framePanel {
border-top-left-radius: 0;
border-top-right-radius: 0
}
.additionalMarkets dt {
position: relative
}
.additionalMarkets dt .icon-SGM {
font-size: 2rem;
position: absolute;
top: auto;
right: 2.5rem;
bottom: auto;
left: initial
}
.additionalMarkets dl.accordion {
margin-top: .625rem
}
.additionalMarkets dl.accordion dd {
padding: 0
}
.additionalMarkets dl.accordion dd .framePanel {
border-top: none;
border-radius: 0 0 10px 10px;
border-color: #0bd51f
}
.additionalMarkets dl.accordion dd .framePanel .marketTable tr:first-of-type th,.additionalMarkets dl.accordion dd .framePanel .marketTable tr:first-of-type td {
border-top: none
}
.additionalMarkets dl.accordion dd:last-of-type>.framePanel {
margin: 0
}
#modal {
position: fixed;
top: 0;
left: 0;
z-index: 9000;
height: 100%;
width: 100%;
display: grid;
grid-template-columns: 1fr;
grid-template-rows: 1fr;
grid-template-areas: "modal"
}
#modal.hidden {
display: none !important
}
#modal>.backdrop {
grid-area: modal;
align-self: stretch;
justify-self: stretch;
background-color: rgba(0,0,0,.5)
}
#modal>.content {
grid-area: modal;
align-self: center;
justify-self: center;
min-height: 600px;
min-width: 650px;
background-color: #fdfdfd;
border-radius: 10px;
border: 1px solid #292e29;
box-shadow: none;
display: grid;
grid-template-columns: 1fr;
grid-template-rows: auto 1fr;
grid-template-areas: "header" "modalcontentbody";
overflow: hidden
}
#modal>.content>.header {
background-color: #0d0d0d;
text-align: right
}
#modal>.content>.contentBackground {
grid-area: modalcontentbody;
display: grid;
height: 100%;
width: 100%;
grid-template-columns: 1fr;
grid-template-rows: 1fr;
align-items: center;
justify-items: center
}
#modal>.content>.contentBackground>img {
height: 5rem
}
#modal>.content>.contentBody {
grid-area: modalcontentbody;
display: grid;
grid-template-columns: 1fr;
align-items: stretch;
justify-items: stretch
}
#modal>.content>.contentBody>iframe {
border: unset
}
@media only screen and (max-width: 700px) {
#modal>.content {
min-width:unset;
min-height: unset;
align-self: stretch;
justify-self: stretch;
margin: 2rem 0
}
}
.noCap {
text-transform: none
}
ul.cards {
display: grid;
grid-template-columns: 1fr;
grid-gap: .5rem;
list-style: none
}
ul.cards>li {
border: 1px solid #292e29;
border-radius: 10px;
padding: .5rem;
text-align: left
}
ul.cards>li:hover {
cursor: pointer
}
#ccdepositprogress {
display: none
}
#ccdepositprogress.loading .progress-indicator {
display: inline
}
#ccdepositprogress.loading #CCReturnBtn {
display: none
}
#ccdepositprogress .progress-indicator {
display: none
}
#wdo-spin img,#ccdepositprogress img {
max-width: 100%
}
#wdo-content iframe {
max-width: 100%
}
.betstopMsg,.respGambling {
border: 1px solid #000;
background-color: #fefefe;
color: #000;
border-radius: 10px;
text-align: center;
font-size: .9rem;
margin: .5rem 0;
padding: .5rem 1rem
}
.betstopMsg a,.respGambling a {
color: #000 !important
}
.betstopMsg .respGamblingMesg,.respGambling .respGamblingMesg {
font-size: .9rem;
font-weight: bold;
text-transform: uppercase
}
.betstopMsg .respGamblingCall,.respGambling .respGamblingCall {
font-size: .7rem;
line-height: 1.1rem;
font-weight: normal
}
.betstopMsg {
display: grid;
grid-template-columns: 1fr auto;
grid-gap: .5rem;
align-items: center;
text-align: left;
font-size: .7rem
}
.betstopMsg img {
width: 10rem;
justify-self: center;
align-self: center
}
.seoBeforeContent:empty {
display: none
}
.seoAfterContent:empty {
display: none
}
#dynamicCoupons {
display: grid;
align-content: center;
justify-content: center;
z-index: 391;
position: fixed;
top: 0;
left: 0
}
#dynamicCoupons>div {
background-color: #1f1f1f;
width: 80vw;
min-width: 20rem;
max-width: 22rem;
box-shadow: rgba(0,0,0,.6) 5px 5px 5px;
border: solid 1px #404040;
border-radius: 10px;
overflow: hidden
}
#dynamicCoupons>div h1,#dynamicCoupons>div .asH1,#dynamicCoupons>div h2,#dynamicCoupons>div .asH2 {
border-radius: 0
}
#toastMessage {
position: fixed;
bottom: -100px;
left: 50%;
transform: translateX(-50%);
box-shadow: 0 0 .5rem rgba(0,0,0,.3);
z-index: 496;
opacity: 0;
width: 80%;
max-width: 32rem;
text-align: center;
transition: bottom .3s,opacity .3s;
max-height: 6.75rem;
overflow-y: hidden;
display: grid;
grid-template-columns: 1.9rem 1fr 1.9rem;
grid-template-areas: ". message clsbtn";
grid-gap: 1rem;
align-items: center
}
#toastMessage.show {
bottom: .5rem;
opacity: 1
}
#toastMessage.hide {
bottom: -100px;
opacity: 0
}
#toastMessage .message {
grid-area: message;
overflow-y: auto;
max-height: 5rem;
min-height: 2.5rem;
display: grid;
align-items: center;
justify-content: center
}
#toastMessage .closeButton {
grid-area: clsbtn
}
#toastMessage .closeButton:before {
content: "";
font-family: 'GW_Icons';
color: #cb1029;
font-size: 2rem;
line-height: 2.25rem
}
#toastMessage .closeButton:hover {
cursor: pointer
}
.matchbanner {
grid-template-areas: 'teamAName description teamBName' 'teamASilk vs teamBSilk' 'teamABet outcomeLoc teamBBet';
display: grid;
grid-template-rows: 1fr auto 1fr;
grid-template-columns: 1fr minmax(auto,30%) 1fr;
gap: 1rem;
padding: 1rem;
background-color: #1f1f1f;
vertical-align: middle;
border-radius: 10px;
height: 100%;
width: 100%;
background-size: cover;
color: #0d0d0d
}
.matchbanner .versus,.matchbanner .location,.matchbanner .outcomeAt,.matchbanner .description,.matchbanner .teamAName,.matchbanner .teamBName,.matchbanner .teamASilk,.matchbanner .teamBSilk {
user-select: none;
text-align: center
}
.matchbanner .outcomeAt,.matchbanner .description,.matchbanner .versus {
font-weight: bold
}
.matchbanner .teamABet,.matchbanner .teamBBet {
display: grid;
justify-content: center;
user-select: none;
align-self: start
}
.matchbanner .teamAName,.matchbanner .teamBName {
width: 100%;
font-size: 2rem;
line-height: 2.25rem;
justify-content: center;
align-self: end
}
.matchbanner .teamASilk,.matchbanner .teamBSilk {
width: 100%;
height: 100%;
align-self: center;
background-repeat: no-repeat;
background-size: cover
}
.matchbanner .versus {
grid-area: vs;
align-self: center;
font-size: 2rem
}
.matchbanner .versus.icon-SGM {
font-size: 0
}
.matchbanner .description {
grid-area: description;
width: 100%;
font-size: 1.5rem;
line-height: 1.6875rem;
align-self: end
}
.matchbanner .teamAName {
grid-area: teamAName
}
.matchbanner .teamBName {
grid-area: teamBName
}
.matchbanner .teamASilk {
grid-area: teamASilk
}
.matchbanner .teamBSilk {
grid-area: teamBSilk
}
.matchbanner .teamABet {
grid-area: teamABet
}
.matchbanner .teamBBet {
grid-area: teamBBet
}
.matchbanner .asFlag {
width: 150px;
height: 100px
}
.matchbanner .asShirt {
width: 130px;
height: 130px
}
.matchbanner .asSilk {
width: 115px;
height: 75px
}
.matchbanner .outcomeLoc {
display: grid;
grid-area: outcomeLoc;
grid-template-areas: 'outcomeAt' 'location';
align-self: end;
grid-gap: 1rem
}
.matchbanner .location {
grid-area: location;
font-size: 1rem
}
.matchbanner .outcomeAt {
grid-area: outcomeAt;
font-size: 1.5rem
}
.matchbanner .league {
grid-area: league;
display: flex;
justify-content: center;
user-select: none;
display: none
}
.matchbanner.lightText {
color: #fdfdfd
}
.matchbanner.lightText .teamABet a,.matchbanner.lightText .teamBBet a {
color: #fdfdfd
}
.matchbanner.lightText .hasSGM {
background: #fdfdfd;
color: #fdfdfd
}
.matchbanner.darkText {
color: #0d0d0d
}
.matchbanner.darkText .teamABet a,.matchbanner.darkText .teamBBet a {
color: #0d0d0d
}
.matchbanner.darkText .hasSGM {
background: #0d0d0d;
color: #0d0d0d
}
.GW_rotatebanner .matchbanner {
position: absolute;
top: 0
}
@container (min-width:36rem)and(max-width:54rem) {
.matchbanner {
gap: .5rem;
padding: unset;
}
.matchbanner .teamAName,.matchbanner .teamBName {
font-size: 1.5rem;
line-height: 1.35rem;
}
.matchbanner .outcomeLoc {
grid-gap: unset;
align-self: start;
}
.matchbanner .outcomeAt {
font-size: 1rem;
}
.matchbanner .location {
font-size: .9rem;
}
.matchbanner .asFlag {
width: 80px;
height: 60px;
}
.matchbanner .asShirt {
width: 80px;
height: 80px;
}
.matchbanner .asSilk {
width: 80px;
height: 50px;
}
.matchbanner .button.betlink {
min-height: 2.75rem;
}
}
@container (max-width:36rem) {
.GW_rotatebanner .matchbanner {
grid-template-areas: 'description description description description description' 'teamAName teamAName . teamBName teamBName' 'teamASilk teamABet vs teamBBet teamBSilk' 'teamASilk outcomeLoc outcomeLoc outcomeLoc teamBSilk';
grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
gap: .25rem;
}
.GW_rotatebanner .matchbanner .teamAName,.GW_rotatebanner .matchbanner .teamBName {
font-size: 1rem;
line-height: 1.125rem;
font-weight: bold;
}
.GW_rotatebanner .matchbanner .description {
font-size: 1rem;
line-height: 1.125rem;
}
.GW_rotatebanner .matchbanner .versus {
align-self: center;
}
.GW_rotatebanner .matchbanner .outcomeLoc {
grid-gap: unset;
}
.GW_rotatebanner .matchbanner .outcomeAt {
font-size: 1rem;
}
.GW_rotatebanner .matchbanner .location {
font-size: .8rem;
}
.GW_rotatebanner .matchbanner .asFlag {
width: 60px;
height: 45px;
}
.GW_rotatebanner .matchbanner .asShirt {
width: 80px;
height: 80px;
}
.GW_rotatebanner .matchbanner .asSilk {
width: 70px;
height: 45px;
}
.GW_rotatebanner .matchbanner .button.betlink {
min-height: 2.75rem;
}
.matchbanner {
display: grid;
grid-template-areas: 'description description description' 'teamAName . teamBName' 'teamASilk vs teamBSilk' 'teamABet . teamBBet' 'outcomeLoc outcomeLoc outcomeLoc';
grid-template-columns: minmax(auto,30%)1fr minmax(auto,30%);
grid-template-rows: 1fr;
background-color: #e6fee9;
padding: .5rem;
gap: .5rem;
}
.matchbanner .description,.matchbanner .versus,.matchbanner .location,.matchbanner .outcomeAt {
font-weight: bold;
user-select: none;
font-size: 1.5rem;
}
.matchbanner .location,.matchbanner .outcomeAt {
font-size: 1rem;
}
.matchbanner .teamAName,.matchbanner .teamBName {
line-height: unset;
user-select: none;
font-size: 1rem;
}
.matchbanner .versus {
align-self: end;
}
.matchbanner .outcomeLoc {
grid-gap: .5rem;
}
.matchbanner .asFlag {
width: 65px;
height: 45px;
}
.matchbanner .asShirt {
width: 65px;
height: 65px;
}
.matchbanner .asSilk {
width: 70px;
height: 45px;
}
.matchbanner .button.betlink {
min-height: 2.75rem;
width: 70px;
}
}
@container (max-width:25rem) {
.GW_rotatebanner .matchbanner {
grid-template-areas: 'description description description description description' 'teamASilk teamAName teamAName teamAName teamABet' 'vs vs vs vs vs' 'teamBSilk teamBName teamBName teamBName teamBBet';
grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
grid-template-columns: 0 1fr 1fr 1fr;
gap: .25rem;
padding: .25rem;
}
.GW_rotatebanner .matchbanner .teamAName,.GW_rotatebanner .matchbanner .teamBName {
font-size: 1rem;
line-height: 1rem;
text-align: start;
align-self: center;
}
.GW_rotatebanner .matchbanner .versus:not(.icon-SGM) {
display: none;
}
.GW_rotatebanner .matchbanner .icon-SGM {
width: 1.5rem;
height: 1.5rem;
}
.GW_rotatebanner .matchbanner .asFlag {
width: 50px;
height: 35px;
}
.GW_rotatebanner .matchbanner .asShirt {
width: 35px;
height: 35px;
}
.GW_rotatebanner .matchbanner .asSilk {
width: 50px;
height: 35px;
}
.GW_rotatebanner .matchbanner .outcomeLoc {
display: none;
}
.GW_rotatebanner .matchbanner .button.betlink {
min-height: 1.75rem;
height: 2.2rem;
min-width: 1rem;
}
}
@container (max-width:20rem) {
.GW_rotatebanner .matchbanner .teamAName,.GW_rotatebanner .matchbanner .teamBName {
font-size: .7rem;
line-height: .7rem;
}
.GW_rotatebanner .matchbanner .description {
font-size: .8rem;
line-height: 1.1rem;
}
.GW_rotatebanner .matchbanner .asFlag {
width: 30px;
height: 25px;
}
.GW_rotatebanner .matchbanner .asShirt {
width: 30px;
height: 30px;
}
.GW_rotatebanner .matchbanner .asSilk {
width: 35px;
height: 25px;
}
.GW_rotatebanner .matchbanner .button.betlink {
min-height: 1.5rem;
height: 1.5rem;
min-width: 1rem;
}
.GW_rotatebanner .matchbanner .icon-SGM {
width: 1.2rem;
height: 1.2rem;
}
}
#toastMessage,.staticMessage,.ajaxReply,.bettingPanel .coupErrMsg,.wc_a_register div.signupErrMsg {
border: 1px solid #292e29;
padding: 1rem;
background-color: #fdfdfd;
border-radius: 10px;
text-align: center
}
#toastMessage.correctText,.staticMessage.correctText,.ajaxReply.correctText {
border-color: #0bd51f;
background-color: #9ed897
}
#toastMessage.errorText,.staticMessage.errorText,.ajaxReply.errorText,.bettingPanel .coupErrMsg {
border-color: #cb1029;
background-color: #f797a4
}
#toastMessage.warningText,.staticMessage.warningText,.ajaxReply.warningText,.bettingPanel .bettingLegs.zeroBets .coupErrMsg,.wc_a_register div.signupErrMsg {
border-color: #f0710a;
background-color: #fcd2b1
}
#toastMessage *:last-child,.staticMessage *:last-child,.ajaxReply *:last-child {
margin: 0
}
.staticMessage,.ajaxReply,.bettingPanel .coupErrMsg,.wc_a_register div.signupErrMsg {
margin: 1rem
}
.staticMessage table,.ajaxReply table {
width: fit-content;
margin: auto
}
.ajaxReply {
display: none
}
input[type="text"],input[type="number"],input[type="password"],input[type="email"],input[type="tel"],input[type="date"],input[type="datetime"],select {
border: 1px solid #dedede;
color: #0d0d0d;
width: 16rem;
height: 2.25rem;
border-radius: .3rem;
background-color: #fdfdfd;
padding: .5rem
}
input[type=radio],input[type=checkbox] {
display: none
}
input[type=radio]+label,input[type=checkbox]+label {
display: inline-grid;
grid-template-columns: auto 1fr;
align-items: center;
grid-gap: 1rem;
font-weight: bold;
vertical-align: middle;
cursor: pointer
}
input[type=radio]+label:before,input[type=checkbox]+label:before {
margin: 0;
margin-right: 1.25rem;
vertical-align: middle;
text-align: center;
line-height: 2.25rem;
width: 2.25rem;
height: 2.25rem;
border: solid 2px #dedede;
display: inline-block;
box-sizing: border-box;
border-radius: 10px
}
input[type=radio]+label+span,input[type=checkbox]+label+span {
display: inline-block;
vertical-align: middle;
width: 12.5rem !important
}
input[type=radio]+label:not([class^="icon-"]):before,input[type=checkbox]+label:not([class^="icon-"]):before {
background-color: #1f1f1f;
content: ' '
}
input[type=radio]+label[class^="icon-"],input[type=checkbox]+label[class^="icon-"] {
padding: .225rem;
padding-bottom: .3rem;
border-radius: 10px;
border: solid 1px #0d0d0d;
display: inline-block;
line-height: normal;
font-weight: normal;
margin-right: .5rem
}
input[type=radio]+label[class^="icon-"] span:before,input[type=checkbox]+label[class^="icon-"] span:before {
line-height: 39px
}
input[type=radio]+label[class^="icon-"]:before,input[type=checkbox]+label[class^="icon-"]:before {
border: none;
display: block;
margin: 0 auto;
font-size: 2.25rem;
width: 2.25rem;
height: 2.25rem;
line-height: 2.25rem
}
input[type=radio]+label.SRM,input[type=checkbox]+label.SRM {
padding: .375rem .75rem;
cursor: pointer;
text-align: center;
vertical-align: middle;
border: 1px solid #0d0d0d;
font-weight: bold;
background-color: #fdfdfd;
border-radius: 10px;
position: relative;
display: inline-flex;
justify-content: center;
align-items: center;
min-height: 2.5rem;
min-width: 2.5rem;
padding: .25rem .9375rem;
background-color: unset;
border: solid 2px #fdfdfd;
border-radius: 2.5rem;
font-family: "Barlow Semi Condensed",Helvetica,Arial,Sans-Serif;
font-size: .9rem;
font-style: italic;
font-weight: 700;
letter-spacing: .5px;
text-transform: uppercase;
border-color: #0d0d0d;
color: #0d0d0d;
min-width: 100%;
white-space: nowrap;
min-height: 3.125rem;
width: 100%;
min-width: 4.375rem;
padding: .25rem .5rem;
background-color: #353e36;
border-color: #353e36;
border-width: 1px;
border-radius: 5px;
color: #fdfdfd;
font-size: 1.1rem;
font-style: normal;
font-weight: 600
}
input[type=radio]+label.SRM:hover,input[type=checkbox]+label.SRM:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
input[type=radio]+label.SRM.selected,input[type=checkbox]+label.SRM.selected {
background-color: #1f1f1f;
color: #fdfdfd
}
input[type=radio]+label.SRM.selected:hover,input[type=checkbox]+label.SRM.selected:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
input[type=radio]+label.SRM.inverse,input[type=checkbox]+label.SRM.inverse {
background-color: transparent;
border-color: #fdfdfd;
color: #fdfdfd
}
input[type=radio]+label.SRM.inverse:hover,input[type=checkbox]+label.SRM.inverse:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
input[type=radio]+label.SRM.inverse.selected,input[type=checkbox]+label.SRM.inverse.selected {
background-color: rgba(253,253,253,.4)
}
input[type=radio]+label.SRM.inverse.selected:hover,input[type=checkbox]+label.SRM.inverse.selected:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
input[type=radio]+label.SRM.expired,input[type=checkbox]+label.SRM.expired {
background-color: #bfbfbf;
border-color: #262626;
color: #262626;
color: #0d0d0d
}
input[type=radio]+label.SRM.expired:hover,input[type=checkbox]+label.SRM.expired:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
input[type=radio]+label.SRM.expired.selected,input[type=checkbox]+label.SRM.expired.selected {
background-color: #8c8c8c;
border-color: #0d0d0d;
color: #0d0d0d
}
input[type=radio]+label.SRM.expired.selected:hover,input[type=checkbox]+label.SRM.expired.selected:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
input[type=radio]+label.SRM.delete,input[type=checkbox]+label.SRM.delete {
background-color: #cb1029;
border-color: #f797a4;
color: #fdfdfd
}
input[type=radio]+label.SRM.delete:hover,input[type=checkbox]+label.SRM.delete:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
input[type=radio]+label.SRM.delete.selected,input[type=checkbox]+label.SRM.delete.selected {
background-color: #6c0916
}
input[type=radio]+label.SRM.delete.selected:hover,input[type=checkbox]+label.SRM.delete.selected:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
input[type=radio]+label.SRM.confirm,input[type=checkbox]+label.SRM.confirm {
background-color: #1f1f1f;
border-color: #1f1f1f;
color: #fdfdfd
}
input[type=radio]+label.SRM.confirm:hover,input[type=checkbox]+label.SRM.confirm:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
input[type=radio]+label.SRM.confirm.selected,input[type=checkbox]+label.SRM.confirm.selected {
background-color: #0d0d0d
}
input[type=radio]+label.SRM.confirm.selected:hover,input[type=checkbox]+label.SRM.confirm.selected:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
input[type=radio]+label.SRM.disabled,input[type=checkbox]+label.SRM.disabled {
opacity: .5
}
input[type=radio]+label.SRM.betlink,input[type=checkbox]+label.SRM.betlink {
border-color: #0d0d0d;
color: #0d0d0d;
min-width: 100%;
white-space: nowrap
}
input[type=radio]+label.SRM.betlink:hover,input[type=checkbox]+label.SRM.betlink:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
input[type=radio]+label.SRM.betlink.selected,input[type=checkbox]+label.SRM.betlink.selected {
background-color: #0d0d0d;
color: #0d0d0d
}
input[type=radio]+label.SRM.betlink.selected:hover,input[type=checkbox]+label.SRM.betlink.selected:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
input[type=radio]+label.SRM[class^="icon-"],input[type=checkbox]+label.SRM[class^="icon-"],input[type=radio]+label.SRM[class*=" icon-"],input[type=checkbox]+label.SRM[class*=" icon-"] {
padding-top: .225rem;
padding-bottom: .225rem;
padding-left: .225rem
}
input[type=radio]+label.SRM[class^="icon-"]:before,input[type=checkbox]+label.SRM[class^="icon-"]:before,input[type=radio]+label.SRM[class*=" icon-"]:before,input[type=checkbox]+label.SRM[class*=" icon-"]:before {
font-size: 1.9rem;
font-weight: normal;
padding-right: .225rem
}
input[type=radio]+label.SRM[class^="icon-"]:empty,input[type=checkbox]+label.SRM[class^="icon-"]:empty,input[type=radio]+label.SRM[class*=" icon-"]:empty,input[type=checkbox]+label.SRM[class*=" icon-"]:empty {
padding: .225rem
}
input[type=radio]+label.SRM[class^="icon-"]:empty:before,input[type=checkbox]+label.SRM[class^="icon-"]:empty:before,input[type=radio]+label.SRM[class*=" icon-"]:empty:before,input[type=checkbox]+label.SRM[class*=" icon-"]:empty:before {
padding: 0
}
input[type=radio]+label.SRM[class^="icon-"].vertical,input[type=checkbox]+label.SRM[class^="icon-"].vertical,input[type=radio]+label.SRM[class*=" icon-"].vertical,input[type=checkbox]+label.SRM[class*=" icon-"].vertical {
flex-direction: column;
align-items: center;
padding-right: .225rem;
padding-bottom: .3rem
}
input[type=radio]+label.SRM.small,input[type=checkbox]+label.SRM.small {
min-height: 1.875rem;
font-size: .75rem;
padding: .21875rem .4375rem
}
input[type=radio]+label.SRM.small[class^="icon-"],input[type=checkbox]+label.SRM.small[class^="icon-"],input[type=radio]+label.SRM.small[class*=" icon-"],input[type=checkbox]+label.SRM.small[class*=" icon-"] {
padding-top: .16875rem;
padding-bottom: .16875rem;
padding-left: .16875rem
}
input[type=radio]+label.SRM.small[class^="icon-"]:before,input[type=checkbox]+label.SRM.small[class^="icon-"]:before,input[type=radio]+label.SRM.small[class*=" icon-"]:before,input[type=checkbox]+label.SRM.small[class*=" icon-"]:before {
font-size: 1.425rem;
font-weight: normal;
padding-right: .16875rem
}
input[type=radio]+label.SRM.small[class^="icon-"]:empty,input[type=checkbox]+label.SRM.small[class^="icon-"]:empty,input[type=radio]+label.SRM.small[class*=" icon-"]:empty,input[type=checkbox]+label.SRM.small[class*=" icon-"]:empty {
padding: .16875rem
}
input[type=radio]+label.SRM.small[class^="icon-"]:empty:before,input[type=checkbox]+label.SRM.small[class^="icon-"]:empty:before,input[type=radio]+label.SRM.small[class*=" icon-"]:empty:before,input[type=checkbox]+label.SRM.small[class*=" icon-"]:empty:before {
padding: 0
}
input[type=radio]+label.SRM.small[class^="icon-"].vertical,input[type=checkbox]+label.SRM.small[class^="icon-"].vertical,input[type=radio]+label.SRM.small[class*=" icon-"].vertical,input[type=checkbox]+label.SRM.small[class*=" icon-"].vertical {
padding-right: .16875rem
}
input[type=radio]+label.SRM.majorAction,input[type=checkbox]+label.SRM.majorAction {
font-size: 1.4rem;
padding: .875rem
}
input[type=radio]+label.SRM.majorAction[class^="icon-"],input[type=checkbox]+label.SRM.majorAction[class^="icon-"],input[type=radio]+label.SRM.majorAction[class*=" icon-"],input[type=checkbox]+label.SRM.majorAction[class*=" icon-"] {
padding-top: .315rem;
padding-bottom: .315rem;
padding-left: .315rem
}
input[type=radio]+label.SRM.majorAction[class^="icon-"]:before,input[type=checkbox]+label.SRM.majorAction[class^="icon-"]:before,input[type=radio]+label.SRM.majorAction[class*=" icon-"]:before,input[type=checkbox]+label.SRM.majorAction[class*=" icon-"]:before {
font-size: 2.66rem;
font-weight: normal;
padding-right: .315rem
}
input[type=radio]+label.SRM.majorAction[class^="icon-"]:empty,input[type=checkbox]+label.SRM.majorAction[class^="icon-"]:empty,input[type=radio]+label.SRM.majorAction[class*=" icon-"]:empty,input[type=checkbox]+label.SRM.majorAction[class*=" icon-"]:empty {
padding: .315rem
}
input[type=radio]+label.SRM.majorAction[class^="icon-"]:empty:before,input[type=checkbox]+label.SRM.majorAction[class^="icon-"]:empty:before,input[type=radio]+label.SRM.majorAction[class*=" icon-"]:empty:before,input[type=checkbox]+label.SRM.majorAction[class*=" icon-"]:empty:before {
padding: 0
}
input[type=radio]+label.SRM.invisible,input[type=checkbox]+label.SRM.invisible {
visibility: hidden
}
input[type=radio]+label.SRM.tooltip,input[type=checkbox]+label.SRM.tooltip {
position: relative;
display: inline-block
}
input[type=radio]+label.SRM.tooltip .tooltiptext,input[type=checkbox]+label.SRM.tooltip .tooltiptext {
visibility: hidden;
width: auto;
background-color: #333;
color: #fdfdfd;
text-align: center;
padding: 3px;
border-radius: 10px;
position: absolute;
top: 3px;
right: 3px;
z-index: 490;
font-size: 13px;
line-height: 16px;
font-weight: normal
}
input[type=radio]+label.SRM.tooltip:hover .tooltiptext,input[type=checkbox]+label.SRM.tooltip:hover .tooltiptext {
visibility: visible
}
input[type=radio]+label.SRM:hover:not(.disabled,.selected,.expired),input[type=checkbox]+label.SRM:hover:not(.disabled,.selected,.expired) {
opacity: 1
}
input[type=radio]+label.SRM:hover:not(.disabled,.selected),input[type=checkbox]+label.SRM:hover:not(.disabled,.selected) {
background-color: #282828;
border-color: #fdfdfd;
color: #fdfdfd
}
input[type=radio]+label.SRM.selected,input[type=checkbox]+label.SRM.selected {
background-color: #0bd51f;
border-color: #0bd51f;
color: #0d0d0d
}
input[type=radio]+label.SRM.selected:hover:not(.disabled,.expired),input[type=checkbox]+label.SRM.selected:hover:not(.disabled,.expired) {
opacity: 1;
background-color: #13f32a;
border-color: #13f32a;
color: #0d0d0d
}
input[type=radio]+label.SRM.disabled,input[type=checkbox]+label.SRM.disabled {
opacity: .65
}
input[type=radio]+label.SRM.disabled:hover,input[type=checkbox]+label.SRM.disabled:hover {
cursor: default
}
input[type=radio]+label.SRM[class^="icon-"],input[type=checkbox]+label.SRM[class^="icon-"],input[type=radio]+label.SRM[class*=" icon-"],input[type=checkbox]+label.SRM[class*=" icon-"] {
grid-gap: .25rem;
padding: .5rem;
border-radius: 10px
}
input[type=radio]+label.SRM[class^="icon-"]:empty,input[type=checkbox]+label.SRM[class^="icon-"]:empty,input[type=radio]+label.SRM[class*=" icon-"]:empty,input[type=checkbox]+label.SRM[class*=" icon-"]:empty {
min-width: 2.5rem
}
input[type=radio]+label.SRM[class^="icon-"]:before,input[type=checkbox]+label.SRM[class^="icon-"]:before,input[type=radio]+label.SRM[class*=" icon-"]:before,input[type=checkbox]+label.SRM[class*=" icon-"]:before {
padding: 0;
font-size: 1.5rem
}
input[type=radio]+label.SRM[class^="icon-"].vertical,input[type=checkbox]+label.SRM[class^="icon-"].vertical,input[type=radio]+label.SRM[class*=" icon-"].vertical,input[type=checkbox]+label.SRM[class*=" icon-"].vertical {
justify-content: center;
grid-gap: .25rem;
padding: .625rem .75rem;
border-radius: 10px
}
input[type=radio]+label.SRM[class^="icon-"].vertical:before,input[type=checkbox]+label.SRM[class^="icon-"].vertical:before,input[type=radio]+label.SRM[class*=" icon-"].vertical:before,input[type=checkbox]+label.SRM[class*=" icon-"].vertical:before {
position: unset;
display: flex;
align-items: center;
justify-content: center;
justify-self: center;
height: 2.5rem;
width: 2.5rem;
border: solid 2px #0bd51f;
border-radius: 2.5rem;
font-size: 1.5rem
}
input[type=radio]+label.SRM[class^="icon-"].vertical.selected:before,input[type=checkbox]+label.SRM[class^="icon-"].vertical.selected:before,input[type=radio]+label.SRM[class*=" icon-"].vertical.selected:before,input[type=checkbox]+label.SRM[class*=" icon-"].vertical.selected:before {
border-color: #0d0d0d
}
input[type=radio]+label.SRM.expired,input[type=checkbox]+label.SRM.expired {
opacity: .65;
background-color: unset;
border-color: #fdfdfd;
color: #fdfdfd
}
input[type=radio]+label.SRM.expired:hover:not(.disabled,.selected),input[type=checkbox]+label.SRM.expired:hover:not(.disabled,.selected) {
opacity: .75;
background-color: #13f32a;
border-color: #fdfdfd;
color: #fdfdfd
}
input[type=radio]+label.SRM.expired.selected,input[type=checkbox]+label.SRM.expired.selected {
opacity: .65;
background-color: #0bd51f;
border-color: #0bd51f;
color: #0d0d0d
}
input[type=radio]+label.SRM.delete,input[type=checkbox]+label.SRM.delete {
background-color: #cb1029;
border-color: #cb1029
}
input[type=radio]+label.SRM.delete.selected,input[type=checkbox]+label.SRM.delete.selected {
background-color: #cb1029;
border-color: #cb1029;
color: #fdfdfd
}
input[type=radio]+label.SRM.delete:hover:not(.disabled),input[type=checkbox]+label.SRM.delete:hover:not(.disabled) {
background-color: #b30e24;
border-color: #b30e24;
color: #fdfdfd
}
input[type=radio]+label.SRM.confirm,input[type=checkbox]+label.SRM.confirm {
background-color: transparent;
border-color: #0bd51f;
color: #fdfdfd
}
input[type=radio]+label.SRM.confirm.selected,input[type=checkbox]+label.SRM.confirm.selected {
background-color: #0bd51f;
border-color: #0bd51f;
color: #0d0d0d
}
input[type=radio]+label.SRM.confirm.selected:hover,input[type=checkbox]+label.SRM.confirm.selected:hover {
opacity: 1;
background-color: #0ced23;
border-color: #0ced23;
color: #0d0d0d
}
input[type=radio]+label.SRM.confirm:hover:not(.disabled,.selected),input[type=checkbox]+label.SRM.confirm:hover:not(.disabled,.selected) {
opacity: 1;
background-color: #282828;
border-color: #0bd51f;
color: #fdfdfd
}
input[type=radio]+label.SRM.inverse,input[type=checkbox]+label.SRM.inverse {
border-color: #1f1f1f;
color: #0d0d0d
}
input[type=radio]+label.SRM.inverse:hover:not(.disabled,.selected),input[type=checkbox]+label.SRM.inverse:hover:not(.disabled,.selected) {
background-color: #adb4bd;
border-color: #1f1f1f;
color: #0d0d0d
}
input[type=radio]+label.SRM.betlink,input[type=checkbox]+label.SRM.betlink {
min-height: 3.125rem;
width: 100%;
min-width: 4.375rem;
padding: .25rem .5rem;
background-color: #353e36;
border-color: #353e36;
border-width: 1px;
border-radius: 5px;
color: #fdfdfd;
font-size: 1.1rem;
font-style: normal;
font-weight: 600
}
input[type=radio]+label.SRM.betlink:hover:not(.disabled,.selected),input[type=checkbox]+label.SRM.betlink:hover:not(.disabled,.selected) {
background-color: #445045;
border-color: #445045
}
input[type=radio]+label.SRM.betlink.selected,input[type=checkbox]+label.SRM.betlink.selected {
background-color: #0bd51f;
border-color: #0bd51f;
color: #0d0d0d
}
input[type=radio]+label.SRM.betlink.selected.disabled,input[type=checkbox]+label.SRM.betlink.selected.disabled {
opacity: .4;
background-color: #0bd51f;
border-color: #0bd51f;
color: #0d0d0d
}
input[type=radio]+label.SRM.betlink.selected.disabled:hover,input[type=checkbox]+label.SRM.betlink.selected.disabled:hover {
opacity: .4;
background-color: #0bd51f;
border-color: #0bd51f;
color: #0d0d0d
}
input[type=radio]+label.SRM.betlink.disabled,input[type=checkbox]+label.SRM.betlink.disabled {
opacity: .4;
color: #fdfdfd
}
input[type=radio]+label.SRM.betlink.disabled:hover,input[type=checkbox]+label.SRM.betlink.disabled:hover {
opacity: .4;
background-color: #353e36;
border-color: #353e36;
color: #fdfdfd
}
input[type=radio]+label.SRM.small,input[type=checkbox]+label.SRM.small {
padding: .25rem .625rem
}
input[type=radio]+label.SRM.login,input[type=checkbox]+label.SRM.login {
background-color: transparent;
border-color: #0bd51f;
color: #fdfdfd
}
input[type=radio]+label.SRM.login:hover:not(.disabled,.selected),input[type=checkbox]+label.SRM.login:hover:not(.disabled,.selected) {
opacity: 1;
background-color: #333;
border-color: #0bd51f;
color: #fdfdfd
}
input[type=radio]+label.SRM.login.selected,input[type=checkbox]+label.SRM.login.selected {
opacity: 1;
background-color: #404040;
border-color: #0bd51f;
color: #fdfdfd
}
input[type=radio]+label.SRM.login.selected:hover,input[type=checkbox]+label.SRM.login.selected:hover {
opacity: 1;
background-color: #4d4d4d;
border-color: #0bd51f;
color: #fdfdfd
}
input[type=radio]+label.SRM.join,input[type=checkbox]+label.SRM.join {
background-color: #0bd51f;
border-color: #0bd51f;
color: #0d0d0d
}
input[type=radio]+label.SRM.join:hover:not(.disabled),input[type=checkbox]+label.SRM.join:hover:not(.disabled) {
opacity: 1;
background-color: #13f32a;
border-color: #13f32a;
color: #0d0d0d
}
input[type=radio]+label.SRM.button-primary,input[type=checkbox]+label.SRM.button-primary {
border: solid 2px #0bd51f
}
input[type=radio]+label.SRM.buttonAcceptAction,input[type=checkbox]+label.SRM.buttonAcceptAction {
background-color: #0bd51f;
border-color: #0bd51f;
color: #0d0d0d
}
input[type=radio]+label.SRM.buttonAcceptAction:hover,input[type=checkbox]+label.SRM.buttonAcceptAction:hover {
opacity: 1;
background-color: #0ac41d;
border-color: #0ac41d;
color: #0d0d0d
}
input[type=radio]+label.SRM:hover,input[type=checkbox]+label.SRM:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
input[type=radio]+label.SRM.selected,input[type=checkbox]+label.SRM.selected {
background-color: #0d0d0d;
color: #0d0d0d
}
input[type=radio]+label.SRM.selected:hover,input[type=checkbox]+label.SRM.selected:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
input[type=radio]+label.SRM:hover:not(.disabled,.selected),input[type=checkbox]+label.SRM:hover:not(.disabled,.selected) {
background-color: #445045;
border-color: #445045
}
input[type=radio]+label.SRM.selected,input[type=checkbox]+label.SRM.selected {
background-color: #0bd51f;
border-color: #0bd51f;
color: #0d0d0d
}
input[type=radio]+label.SRM.selected.disabled,input[type=checkbox]+label.SRM.selected.disabled {
opacity: .4;
background-color: #0bd51f;
border-color: #0bd51f;
color: #0d0d0d
}
input[type=radio]+label.SRM.selected.disabled:hover,input[type=checkbox]+label.SRM.selected.disabled:hover {
opacity: .4;
background-color: #0bd51f;
border-color: #0bd51f;
color: #0d0d0d
}
input[type=radio]+label.SRM.disabled,input[type=checkbox]+label.SRM.disabled {
opacity: .4;
color: #fdfdfd
}
input[type=radio]+label.SRM.disabled:hover,input[type=checkbox]+label.SRM.disabled:hover {
opacity: .4;
background-color: #353e36;
border-color: #353e36;
color: #fdfdfd
}
input[type=radio]+label.SRM:before,input[type=checkbox]+label.SRM:before {
display: none
}
input[type=radio]+label.noLabel,input[type=checkbox]+label.noLabel {
grid-template-columns: auto;
grid-gap: 0
}
input[type=radio]+label.noLabel+span,input[type=checkbox]+label.noLabel+span {
margin-left: 1.2rem
}
input[type=radio]:checked+label[class^="icon-"],input[type=checkbox]:checked+label[class^="icon-"] {
background-color: #1f1f1f;
color: #fdfdfd
}
input[type=radio]:checked+label[class^="icon-"]:before,input[type=checkbox]:checked+label[class^="icon-"]:before {
color: #fdfdfd;
background-color: transparent
}
input[type=radio]:disabled+label,input[type=checkbox]:disabled+label {
opacity: .6
}
input[type=radio]:disabled+label:hover,input[type=checkbox]:disabled+label:hover {
color: unset;
background-color: unset;
opacity: .6
}
input[type=checkbox]:checked+label:not([class^="icon-"]):before {
color: #fdfdfd;
background-color: #1f1f1f;
font-size: 1.6875rem;
font-family: 'GW_Icons';
content: ""
}
input[type=radio]+label {
margin-bottom: .28125rem
}
input[type=radio]+label:before {
border-radius: 1.125rem
}
input[type=radio]:checked+label {
color: #1f1f1f
}
input[type=radio]:checked+label:before {
background-color: #fdfdfd;
background: radial-gradient(circle,#1f1f1f 0%,#0d0d0d 55%,transparent 60%)
}
.checkboxList {
display: grid;
grid-template-columns: auto 1fr;
align-items: center;
grid-gap: .25rem
}
form {
position: relative;
margin: 0 auto 0 auto;
max-width: 56rem
}
form .staticMessage,form .ajaxReply {
min-width: 16rem;
min-height: 2.25rem;
text-align: justify;
margin: .5rem auto;
width: fit-content
}
form input[type="text"],form input[type="number"],form input[type="password"],form input[type="email"],form input[type="tel"],form select {
border: 1px solid #dedede;
color: #0d0d0d;
width: 16rem;
height: 2.25rem;
border-radius: 10px;
padding: 0 .5rem;
font-size: 1rem
}
form div.formLine {
display: inline-block;
width: 80%;
margin: 0 10% .5rem 10%
}
form div.formLine>label {
width: 30%;
display: inline-block;
text-align: right;
margin: .5rem .5rem 0 0;
vertical-align: top;
font-weight: bold
}
form div.formLine>label.noBold {
font-weight: normal
}
form div.formLine>div {
display: inline-block;
text-align: left;
padding: 0 0 0 1rem;
width: 17rem;
min-width: 17rem;
margin-right: 20%
}
form div.formLine>div>input,form div.formLine>div>select,form div.formLine>div>span,form div.formLine>div>.button {
width: 16rem
}
form div.formLine>div>input.halfwidth,form div.formLine>div>select.halfwidth,form div.formLine>div>span.halfwidth,form div.formLine>div>.button.halfwidth {
width: 7.6875rem
}
form div.formLine>div>input.halfwidth:first-child,form div.formLine>div>select.halfwidth:first-child,form div.formLine>div>span.halfwidth:first-child,form div.formLine>div>.button.halfwidth:first-child {
margin-right: .3125rem
}
form div.formLine>div>input.halfwidth:last-child,form div.formLine>div>select.halfwidth:last-child,form div.formLine>div>span.halfwidth:last-child,form div.formLine>div>.button.halfwidth:last-child {
margin-left: .3125rem
}
form div.formLine>div>input.narrow,form div.formLine>div>select.narrow,form div.formLine>div>span.narrow,form div.formLine>div>.button.narrow {
width: 3rem;
text-align: center
}
form div.formLine>div>input.dobD,form div.formLine>div>select.dobD,form div.formLine>div>span.dobD,form div.formLine>div>.button.dobD,form div.formLine>div>input.datepartD,form div.formLine>div>select.datepartD,form div.formLine>div>span.datepartD,form div.formLine>div>.button.datepartD {
width: 4.39285714rem;
padding: 0 0 0 .25rem
}
form div.formLine>div>input.dobM,form div.formLine>div>select.dobM,form div.formLine>div>span.dobM,form div.formLine>div>.button.dobM,form div.formLine>div>input.datepartM,form div.formLine>div>select.datepartM,form div.formLine>div>span.datepartM,form div.formLine>div>.button.datepartM {
width: 6.85714286rem;
margin: 0 .17857143rem;
padding: 0 0 0 .25rem
}
form div.formLine>div>input.dobY,form div.formLine>div>select.dobY,form div.formLine>div>span.dobY,form div.formLine>div>.button.dobY,form div.formLine>div>input.datepartY,form div.formLine>div>select.datepartY,form div.formLine>div>span.datepartY,form div.formLine>div>.button.datepartY {
width: 4.39285714rem;
padding: 0 0 0 .25rem
}
form div.formLine>div>input:disabled,form div.formLine>div>select:disabled,form div.formLine>div>span:disabled,form div.formLine>div>.button:disabled {
background-color: #a6a6a6;
border-color: #a6a6a6 !important
}
form div.formLine>div.formLineFieldConfirm {
margin: .5rem 0 0 0
}
form div.formLine input.required,form div.formLine input:required {
border: solid .1rem #f0710a
}
form div.formLine.invalid input,form div.formLine.invalid select {
border-color: #cb1029
}
form div.formLine.invalid>label:after {
font-size: 1.2rem;
content: ' *';
color: #cb1029;
margin-right: -1.25rem;
vertical-align: sub
}
form div.formLine.multiLine>label {
align-self: start;
margin-top: .5rem
}
form div.formLine div.formLineField label.currency,form div.formLine div.formLineField label.percentage {
width: 1.5rem;
min-width: 1.5rem;
display: inline-block;
height: 2.25rem;
vertical-align: top;
line-height: 2.25rem;
text-align: center;
font-weight: bold;
border: solid 1px #dedede
}
form div.formLine div.formLineField label.currency {
border-radius: 10px 0 0 10px;
border-right: none
}
form div.formLine div.formLineField label.percentage {
border-radius: 0 10px 10px 0;
border-left: none
}
form div.formLine div.formLineField input.currency,form div.formLine div.formLineField input.percentage {
width: 14.5rem
}
form div.formLine div.formLineField input.currency {
border-radius: 0 10px 10px 0
}
form div.formLine div.formLineField input.percentage {
border-radius: 10px 0 0 10px
}
form div.formLine div.formLineField element.style {
display: block
}
form div.formLine div.formLineField .customSelectBox {
width: 16rem;
min-width: 16rem
}
form hr {
border: solid 1px #404040;
margin: .5rem 0 1rem 0
}
.customSelectBox {
display: block;
overflow-y: auto;
max-height: 7rem;
border: 1px solid #dedede;
line-height: 1.2rem;
font-size: .7rem;
padding: .3125rem;
margin-top: .625rem
}
.customSelectBox>div {
display: block;
cursor: pointer;
white-space: nowrap
}
.INRACE_A_LINK a {
display: grid;
grid-template-columns: 1.8rem 1fr 1rem 3rem;
grid-template-areas: "flag meeting raceNum jump";
justify-content: center;
align-items: center;
text-align: center;
grid-gap: .6rem .3rem;
border-top: solid 1px #292e29;
padding: .3rem
}
.INRACE_A_LINK .teamSilk {
grid-area: flag;
width: 1.8rem;
height: 1.2rem
}
.INRACE_A_LINK .meeting {
grid-area: meeting;
text-align: left;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis
}
.INRACE_A_LINK .raceNum {
grid-area: raceNum
}
.INRACE_A_LINK .jump {
grid-area: jump;
white-space: nowrap;
font-weight: bold;
background-color: #0bd51f;
color: #0d0d0d;
padding: .2rem;
text-align: center;
border-radius: .3rem;
color: #fdfdfd
}
.widget_quicklinkMenu dl.accordion dd,.widget_raceMenu dl.accordion dd,.widget_sportMenu dl.accordion dd {
padding: 0 0 .2rem 0
}
.widget_quicklinkMenu dl.accordion dd ul,.widget_raceMenu dl.accordion dd ul,.widget_sportMenu dl.accordion dd ul {
margin: 0
}
.widget_quicklinkMenu dl.accordion dd ul li,.widget_raceMenu dl.accordion dd ul li,.widget_sportMenu dl.accordion dd ul li {
border-bottom: solid .1rem #0bd51f;
font-size: .9rem
}
.widget_quicklinkMenu dl.accordion dd ul li:last-child,.widget_raceMenu dl.accordion dd ul li:last-child,.widget_sportMenu dl.accordion dd ul li:last-child {
border-bottom-width: 0
}
.widget_quicklinkMenu dl.accordion dd ul li a,.widget_raceMenu dl.accordion dd ul li a,.widget_sportMenu dl.accordion dd ul li a {
margin: .2rem 0;
padding: .4rem .3rem;
width: 100%;
height: 100%;
display: block
}
.widget_quicklinkMenu dl.accordion dd ul li.specialmenu a,.widget_raceMenu dl.accordion dd ul li.specialmenu a,.widget_sportMenu dl.accordion dd ul li.specialmenu a {
display: grid;
grid-template-columns: 1.3rem 1fr;
align-items: center;
grid-gap: .5rem;
margin: 0
}
.widget_quicklinkMenu dl.accordion dd ul li.specialmenu:before,.widget_raceMenu dl.accordion dd ul li.specialmenu:before,.widget_sportMenu dl.accordion dd ul li.specialmenu:before {
font-size: 1.3rem
}
.widget_raceMenu .ntjMenu ul.tabs li {
color: #0d0d0d
}
.widget_raceMenu .ntjMenu ul.tabs li a {
color: #0d0d0d
}
.widget_raceMenu .ntjMenu ul.tabs li a:before {
font-size: 2rem
}
.widget_raceMenu .ntjMenu ul.tabs li.selected {
background-color: #e6fee9;
color: #0d0d0d
}
.widget_raceMenu .ntjMenu ul.tabs li.selected a {
color: #fdfdfd
}
.widget_raceMenu .ntjMenu ul.ntj {
display: none;
margin: 0
}
.widget_raceMenu .ntjMenu ul.ntj li {
font-size: 14px;
display: grid;
grid-template-columns: 30px 1fr 24px 54px;
grid-gap: 0 9px;
align-items: center;
margin-bottom: 3px;
padding: 3px 6px;
cursor: pointer;
margin: 0;
border-bottom: 1px solid #292e29;
font-size: 1rem;
color: #fdfdfd
}
.widget_raceMenu .ntjMenu ul.ntj li>span[class^="icon-"]:before,.widget_raceMenu .ntjMenu ul.ntj li>span[class*=" icon-"]:before {
font-size: 30px
}
.widget_raceMenu .ntjMenu ul.ntj li>span.raceMeet {
font-weight: bold
}
.widget_raceMenu .ntjMenu ul.ntj li>span.raceNum {
height: 24px;
width: 24px;
line-height: 24px;
background-color: #0bd51f;
color: #0d0d0d;
text-align: center
}
.widget_raceMenu .ntjMenu ul.ntj li>span.timeToGo {
white-space: nowrap;
text-align: right;
font-size: .8rem;
font-weight: bold
}
.widget_raceMenu .ntjMenu div.ntjList>a {
display: grid;
grid-gap: .3125rem;
grid-template-columns: auto 3fr 2rem 1fr;
background-color: #333;
color: #fdfdfd;
align-items: center;
padding: .625rem;
border-bottom: 1px solid #292e29
}
.widget_raceMenu .ntjMenu div.ntjList>a>div {
cursor: pointer;
color: #fdfdfd;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.widget_raceMenu .ntjMenu div.ntjList>a>div[class^="icon-"]:before,.widget_raceMenu .ntjMenu div.ntjList>a>div[class*=" icon-"]:before {
font-size: 1.6rem
}
.widget_raceMenu .ntjMenu div.ntjList>a>div.raceMeet {
justify-content: flex-start;
font-weight: bold
}
.widget_raceMenu .ntjMenu div.ntjList>a>div.timeToGo {
white-space: nowrap;
font-size: .8rem;
font-weight: bold;
background-color: #0bd51f;
color: #0d0d0d;
padding: .3125rem;
text-align: center;
border-radius: 10px
}
.widget_nextxraces {
overflow: hidden
}
.widget_nextxraces .NextRacePanel {
float: left;
padding: 0 .625rem
}
.widget_nextxraces .NextRacePanel:first-child {
padding-left: 0
}
.widget_nextxraces .NextRacePanel:last-child {
padding-right: 0
}
.widget_nextxraces section.widget_nextrace {
overflow: hidden
}
.widget_nextxraces section.widget_nextrace header {
background-color: #0bd51f;
color: #0d0d0d;
font-size: 1.1rem;
font-weight: bold;
cursor: pointer;
display: grid;
grid-template-columns: auto 1fr auto;
padding: .625rem;
grid-gap: .625rem;
justify-content: flex-start;
align-items: center;
border-radius: 10px 10px 0 0
}
.widget_nextxraces section.widget_nextrace header[class^="icon-"]::before,.widget_nextxraces section.widget_nextrace header[class*=" icon-"]::before {
font-size: 2.1rem
}
.widget_nextxraces section.widget_nextrace header .meetName {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis
}
.widget_nextxraces section.widget_nextrace header .meetName span {
display: block;
font-size: .9rem
}
.widget_nextxraces section.widget_nextrace header .ttgCountdownContainer {
background-color: #83fc8f;
color: #0d0d0d;
border-radius: 10px;
padding: .3125rem .625rem;
font-size: .9rem;
min-width: 3rem;
text-align: center
}
.widget_nextxraces section.widget_nextrace footer {
text-align: center;
background-color: #0bd51f;
color: #0d0d0d;
border-radius: 10px;
margin-top: .3125rem
}
.widget_nextxraces section.widget_nextrace footer a {
width: 100%;
border: none;
font-size: .9rem
}
.widget_nextxraces section.widget_nextrace table {
background-color: #1f1f1f;
color: #fdfdfd;
border-radius: 0 0 10px 10px
}
.widget_nextxraces section.widget_nextrace table tr td:first-child {
padding-left: 1rem
}
.widget_nextxraces section.widget_nextrace table tr td:last-child {
padding-right: 1rem
}
.widget_upcominglist .framePanel {
display: grid;
grid-template-areas: "icon description ttg" "icon teams ttg";
grid-template-columns: auto 1fr 5rem;
grid-column-gap: .5rem;
padding: .5rem;
align-items: center
}
.widget_upcominglist .framePanel [class*=" icon-"],.widget_upcominglist .framePanel [class^="icon-"] {
grid-area: icon;
font-size: 1.9rem
}
.widget_upcominglist .framePanel .description {
grid-area: description;
font-weight: bold
}
.widget_upcominglist .framePanel .teams {
grid-area: teams;
font-size: .8rem
}
.widget_upcominglist .framePanel .countdown {
grid-area: ttg;
display: flex;
justify-content: center;
align-items: center;
white-space: nowrap;
font-size: .8rem;
font-weight: bold;
background-color: #0bd51f;
color: #0d0d0d;
height: 100%
}
.widget_sportupcominglist .staticMessage {
margin-top: 0;
margin-bottom: 0
}
.widget_sportupcominglist ul li a {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: 3fr 2fr 1fr 2fr 4fr;
grid-template-areas: "description description" "teamA teamA" "versus versus" "teamB teamB" "sporticon countdown";
grid-gap: 0 .5rem;
justify-items: start;
align-items: center;
width: 7rem;
height: 7rem;
margin: .5rem;
padding: 0
}
.widget_sportupcominglist ul li a div {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 100%
}
.widget_sportupcominglist ul li a .description {
grid-area: description
}
.widget_sportupcominglist ul li a .teamA {
grid-area: teamA;
padding: 0
}
.widget_sportupcominglist ul li a .versus {
grid-area: versus
}
.widget_sportupcominglist ul li a .teamB {
grid-area: teamB;
padding: 0
}
.widget_sportupcominglist ul li a .sporticon {
grid-area: sporticon
}
.widget_sportupcominglist ul li a .sporticon:before {
font-size: 1.5rem
}
.widget_sportupcominglist ul li a .countdown {
grid-area: countdown;
justify-self: end
}
.widget_sportupcominglist ul li a .countdown.ttgLive {
display: grid;
grid-template-columns: 1fr auto 1fr;
grid-template-rows: 1fr;
grid-template-areas: "scoreA dash scoreB";
grid-gap: .25rem
}
.widget_sportupcominglist ul li a .countdown.ttgLive .scoreA {
grid-area: scoreA;
justify-self: end
}
.widget_sportupcominglist ul li a .countdown.ttgLive .scoreB {
grid-area: scoreB;
justify-self: start
}
.widget_sportupcominglist ul li a .countdown.ttgLive .gameStage {
grid-area: sporticon;
display: none
}
.widget_upcomingmatches {
display: grid;
grid-gap: 1rem
}
.widget_upcomingmatches .framePanel {
display: grid;
grid-template-areas: "details details details" "teamA teamA priceA" "teamB teamB priceB";
grid-template-columns: auto 1fr 6rem;
grid-template-rows: minmax(0,auto);
grid-gap: .5rem 0;
padding: 0 0 .5rem 0;
margin: 0
}
.widget_upcomingmatches .framePanel.hasDraw {
grid-template-areas: "details details details" "teamA teamA priceA" "teamD teamD priceD" "teamB teamB priceB"
}
.widget_upcomingmatches .framePanel div {
height: 100%;
display: flex;
align-items: center
}
.widget_upcomingmatches .framePanel a.details {
display: grid;
grid-area: details;
grid-template-areas: "icon description ttg";
grid-template-columns: auto 1fr 6rem;
background-color: #0bd51f;
color: #0d0d0d
}
.widget_upcomingmatches .framePanel a.details [class*=" icon-"],.widget_upcomingmatches .framePanel a.details [class^="icon-"] {
grid-area: icon;
font-size: 1.9rem;
padding: .5rem;
background-color: #187221;
color: #fdfdfd
}
.widget_upcomingmatches .framePanel a.details .description {
grid-area: description;
font-weight: bold;
padding: .5rem
}
.widget_upcomingmatches .framePanel a.details .countdown {
grid-area: ttg;
display: flex;
justify-content: center;
align-items: center;
white-space: nowrap;
font-size: .8rem;
font-weight: bold;
height: 100%
}
.widget_upcomingmatches .framePanel .teamA {
grid-area: teamA
}
.widget_upcomingmatches .framePanel .priceA {
grid-area: priceA
}
.widget_upcomingmatches .framePanel .teamD {
grid-area: teamD
}
.widget_upcomingmatches .framePanel .priceD {
grid-area: priceD
}
.widget_upcomingmatches .framePanel .teamB {
grid-area: teamB
}
.widget_upcomingmatches .framePanel .priceB {
grid-area: priceB
}
.widget_upcomingmatches .framePanel .teamA,.widget_upcomingmatches .framePanel .teamB,.widget_upcomingmatches .framePanel .teamD {
padding: 0 0 0 1rem
}
.widget_upcomingmatches .framePanel .priceA,.widget_upcomingmatches .framePanel .priceB,.widget_upcomingmatches .framePanel .priceD {
padding: 0 .5rem
}
.widget_upcomingmatches .framePanel .button.betlink {
padding: 0
}
.widget_upcomingmatches .framePanel .teamA,.widget_upcomingmatches .framePanel .teamD,.widget_upcomingmatches .framePanel .priceA,.widget_upcomingmatches .framePanel .priceD,.widget_upcomingmatches .framePanel .scoreA {
border-bottom: solid 1px #292e29;
padding-bottom: .5rem
}
.widget_upcomingmatches .framePanel.isLive {
grid-template-areas: "details details details details" "gameStage gameStage gameStage gameStage" "teamA teamA scoreA priceA" "teamB teamB scoreB priceB";
grid-template-columns: auto 1fr 1.5rem 6rem
}
.widget_upcomingmatches .framePanel.isLive.hasDraw {
grid-template-areas: "details details details details" "gameStage gameStage gameStage gameStage" "teamA teamA scoreA priceA" "teamD teamD deadcell priceD" "teamB teamB scoreB priceB"
}
.widget_upcomingmatches .framePanel.isLive .scoreA {
grid-area: scoreA
}
.widget_upcomingmatches .framePanel.isLive .scoreB {
grid-area: scoreB
}
.widget_upcomingmatches .framePanel.isLive .scoreA,.widget_upcomingmatches .framePanel.isLive .scoreB {
text-align: center;
width: 100%;
justify-content: center;
font-weight: bold;
min-height: 2.5rem;
display: flex;
align-items: center
}
.widget_upcomingmatches .framePanel.isLive .gameStage {
grid-area: gameStage;
font-size: .9rem;
width: 100%;
justify-content: center;
background-color: #333;
color: #fdfdfd
}
.widget_upcomingmatches .framePanel.isLive .suspended {
grid-area: priceA/priceA/priceB/priceB;
justify-self: center;
text-align: center;
align-self: center;
height: fit-content
}
.widget_upcomingmatches .framePanel.isLive .suspended a.button.betlink {
font-size: .8rem;
font-weight: normal
}
.widget_racecard {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 1rem
}
.widget_racecard div.raceList {
display: grid;
grid-template-rows: auto auto;
grid-auto-rows: auto;
grid-gap: .5rem;
height: fit-content;
padding-bottom: .5rem
}
.widget_racecard div.raceList h3 {
grid-column: 0 span 3;
margin: 0
}
.widget_racecard div.raceList h3:before {
font-size: 2.85rem
}
.widget_racecard div.raceList a {
display: grid;
grid-template-columns: 1.8rem 1fr 1rem 3rem;
grid-template-areas: "flag meeting raceNum jump";
justify-content: center;
align-items: center;
text-align: center;
grid-gap: .6rem .3rem;
border-top: solid 1px #292e29;
padding: .3rem
}
.widget_racecard div.raceList .teamSilk {
grid-area: flag;
width: 1.8rem;
height: 1.2rem
}
.widget_racecard div.raceList .meeting {
grid-area: meeting;
text-align: left;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis
}
.widget_racecard div.raceList .raceNum {
grid-area: raceNum
}
.widget_racecard div.raceList .jump {
grid-area: jump;
white-space: nowrap;
font-weight: bold;
background-color: #0bd51f;
color: #0d0d0d;
padding: .2rem;
text-align: center;
border-radius: .3rem;
color: #fdfdfd
}
section.widget_ntj .ntjPanel {
width: 33.33333333%;
float: left;
padding: 0 .625rem
}
section.widget_ntj .ntjPanel:first-child {
padding-left: 0
}
section.widget_ntj .ntjPanel:last-child {
padding-right: 0
}
section.widget_ntj .ntjPanel header {
background-color: #0bd51f;
color: #0d0d0d;
font-size: 1.1rem;
font-weight: bold;
display: grid;
grid-template-columns: 1fr auto;
padding: .625rem;
grid-gap: .625rem;
justify-content: flex-start;
align-items: center;
border-radius: 10px
}
section.widget_ntj .ntjPanel ul.blocks.max1 {
grid-gap: .3125rem;
margin-top: .3125rem
}
section.widget_ntj .ntjPanel ul.blocks.max1 li a {
display: grid;
grid-template-columns: auto 1fr 1.8rem 3rem;
grid-gap: .3125rem;
justify-content: center;
align-items: center;
text-align: center;
padding: .3125rem .625rem
}
section.widget_ntj .ntjPanel ul.blocks.max1 li a [class^="icon-"]:before,section.widget_ntj .ntjPanel ul.blocks.max1 li a [class*=" icon-"]:before {
font-size: 2.1rem
}
section.widget_ntj .ntjPanel ul.blocks.max1 li a .raceName {
align-items: flex-start;
text-align: left;
overflow: hidden;
white-space: nowrap
}
section.widget_ntj .ntjPanel ul.blocks.max1 li a .raceNum span {
display: block;
background-color: #1f1f1f;
color: #fdfdfd;
padding: .25rem;
line-height: 2rem;
min-width: 2.5rem;
min-height: 2.5rem;
border-radius: 10px
}
section.widget_ntj .ntjPanel ul.blocks.max1 li a .raceTTG {
background-color: #0bd51f;
color: #0d0d0d;
padding: .3125rem;
text-align: center;
border-radius: 10px;
font-size: .8rem
}
section.widget_ntj .ntjPanel ul.blocks.max1 li a .raceTTG .abandoned,section.widget_ntj .ntjPanel ul.blocks.max1 li a .raceTTG .startAt,section.widget_ntj .ntjPanel ul.blocks.max1 li a .raceTTG .result {
font-weight: normal;
font-size: .8rem
}
section.NextSports section.NextSportPanel {
border-radius: 3px 3px 0 0;
overflow: hidden
}
section.NextSports section.NextSportPanel header {
background-color: #75808f;
color: #0d0d0d;
font-weight: bold;
font-style: italic;
font-size: 14px;
text-transform: uppercase;
padding: 8px
}
section.NextSports section.NextSportPanel header>[class^="icon-"],section.NextSports section.NextSportPanel header>[class*=" icon-"] {
float: right
}
section.NextSports section.NextSportPanel footer {
text-align: center;
background-color: #0d0d0d;
color: #fdfdfd;
border-radius: 0 0 3px 3px;
padding: 8px
}
.GW_rotatebanner {
position: relative;
min-height: 0;
overflow: hidden;
border-radius: 10px
}
.GW_rotatebanner p {
padding: 0;
margin: 0
}
.GW_rotatebanner .rotateBanner_left,.GW_rotatebanner .rotateBanner_right {
cursor: pointer;
background-repeat: no-repeat;
background-position: 0 0;
position: absolute;
top: 48%;
z-index: 99;
color: rgba(255,255,255,0);
font-size: 0;
height: 16px;
width: 16px
}
.GW_rotatebanner .rotateBanner_left {
margin-left: 4px
}
.GW_rotatebanner .rotateBanner_right {
margin-right: 3px;
right: 0
}
.GW_rotatebanner .GW_rotatebanner_banners {
overflow: hidden;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
margin: 0
}
.GW_rotatebanner .GW_rotatebanner_banners .GW_rotatebanner_banner {
position: relative;
height: 100%;
width: 100%
}
.GW_rotatebanner .GW_rotatebanner_banners .GW_rotatebanner_banner img {
width: 100%;
margin: auto
}
.GW_rotatebanner .GW_rotatebanner_banners .GW_rotatebanner_banner-clickable {
cursor: pointer
}
.GW_rotatebanner>.GW_rotatebanner_ctrl-nextbanner,.GW_rotatebanner .GW_rotatebanner_ctrl-prevbanner {
opacity: .5;
position: absolute;
top: 0;
width: 25px;
height: 100%;
cursor: pointer;
background-position: center center;
background-repeat: no-repeat
}
.GW_rotatebanner>.GW_rotatebanner_ctrl-nextbanner:hover,.GW_rotatebanner .GW_rotatebanner_ctrl-prevbanner:hover {
opacity: 1
}
.GW_rotatebanner>.GW_rotatebanner_ctrl-nextbanner {
right: 0
}
.sideNavBanners p {
margin: 0 0 .625rem 0
}
.sideNavBanners img {
width: 100%
}
body.useBodyGrid .widget_nextxraces {
overflow: hidden;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 1.25rem
}
body.useBodyGrid .widget_nextxraces .NextRacePanel {
width: 100% !important;
float: none;
padding: 0
}
body.useBodyGrid section.widget_ntj {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 1.25rem
}
body.useBodyGrid section.widget_ntj .ntjPanel {
width: 100%;
float: none;
padding: 0
}
body.useBodyGrid section.widget_ntj .ntjPanel ul.blocks {
margin-bottom: 0
}
.headerNTJScrollSection .NTJScrollPanel {
display: grid;
grid-template-columns: auto auto 1fr auto;
grid-gap: .625rem
}
.headerNTJScrollSection .NTJScrollPanel>div.navIcon {
align-items: center;
display: flex
}
.headerNTJScrollSection .NTJScrollPanel>div.navIcon>a {
height: 1.5rem;
width: 1.5rem;
align-items: center;
justify-content: center;
display: flex;
font-size: .76rem;
border: .1rem solid #1f1f1f;
border-radius: 50%;
background-color: #1f1f1f;
color: #fdfdfd
}
.headerNTJScrollSection .NTJScrollPanel>div.navIcon>a:hover:not(.disabled) {
opacity: .8
}
.headerNTJScrollSection .NTJScrollPanel>div.navIcon>a:before {
padding-left: .2rem
}
.headerNTJScrollSection .NTJScrollPanel>div.navIcon.left>a:before {
padding-right: .3rem
}
.headerNTJScrollSection .NTJScrollPanel>div.navIcon.disabled>a {
border-color: #1f1f1f;
cursor: default
}
.headerNTJScrollSection .NTJScrollPanel>div.navIcon.disabled>a:hover:not(.disabled) {
opacity: 1
}
.headerNTJScrollSection .NTJScrollPanel a {
width: 1.875rem;
height: 1.875rem;
min-height: 1.875rem
}
.headerNTJScrollSection .NTJScrollPanel #NTJSelector {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-gap: .15625rem
}
.headerNTJScrollSection .NTJScrollPanel #NTJSelector li {
border: solid 1px #292e29;
border-radius: 7.5px;
width: 1.875rem;
height: 1.875rem;
min-height: 1.875rem;
margin: 0
}
.headerNTJScrollSection .NTJScrollPanel #NTJSelector li a {
padding: 0
}
.headerNTJScrollSection .NTJScrollPanel #NTJSelector li a:before {
font-size: 1.425rem
}
.headerNTJScrollSection .NTJScrollPanel #NTJScroller {
overflow-wrap: normal;
overflow-y: hidden;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
position: relative;
width: 100%;
display: inline-block;
border-right: solid .1rem rgba(253,253,253,.1);
border-left: solid .1rem rgba(253,253,253,.1)
}
.headerNTJScrollSection .NTJScrollPanel #NTJScroller ul.ntjMenu {
padding-top: 0;
height: 100%
}
.headerNTJScrollSection .NTJScrollPanel #NTJScroller ul.ntjMenu li {
min-width: 15%;
min-height: 100%;
display: grid;
grid-template-columns: auto 1fr auto minmax(2.5rem,2.75rem);
grid-gap: .25rem;
margin: 0;
padding: 0 .5rem;
border-radius: 0;
box-shadow: none;
border: none;
border-right: solid 1px #292e29;
font-weight: normal;
cursor: pointer
}
.headerNTJScrollSection .NTJScrollPanel #NTJScroller ul.ntjMenu li:last-child {
border-right-color: transparent
}
.headerNTJScrollSection .NTJScrollPanel #NTJScroller ul.ntjMenu li:last-child:hover:not(.disabled) {
border-right-color: transparent
}
.headerNTJScrollSection .NTJScrollPanel #NTJScroller ul.ntjMenu li:hover:not(.disabled) {
border-color: #404040;
border-right: solid .1rem rgba(253,253,253,.1)
}
.headerNTJScrollSection .NTJScrollPanel #NTJScroller ul.ntjMenu li span {
margin: 0;
padding: 0
}
.headerNTJScrollSection .NTJScrollPanel #NTJScroller ul.ntjMenu li span.icon {
box-sizing: border-box;
width: 2rem;
font-size: 1.9rem;
border-radius: 50%;
padding-top: 100%;
position: relative
}
.headerNTJScrollSection .NTJScrollPanel #NTJScroller ul.ntjMenu li span.icon:before {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%)
}
.headerNTJScrollSection .NTJScrollPanel #NTJScroller ul.ntjMenu li div.text {
text-align: left;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis
}
.headerNTJScrollSection .NTJScrollPanel #NTJScroller ul.ntjMenu li div.text div {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
font-size: .7rem
}
.headerNTJScrollSection .NTJScrollPanel #NTJScroller ul.ntjMenu li div.clock>div {
margin-left: .3125rem;
background-color: #1f1f1f;
color: #fdfdfd;
padding: .3125rem;
border-radius: 10px;
font-size: .65rem
}
.headerNTJScrollSection .NTJScrollPanel #NTJScroller ul.ntjMenu li div.clock>div span {
color: #fdfdfd
}
.headerNTJScrollSection .NTJScrollPanel #NTJScroller ul.ntjMenu li div.clock>div.ttgLive {
background-color: #75808f;
color: #0d0d0d
}
.headerNTJScrollSection .NTJScrollPanel #NTJScroller ul.ntjMenu li div.clock>div.ttgLive span {
color: #0d0d0d
}
.headerNTJScrollSection .NTJScrollPanel #NTJScroller ul.ntjMenu li div.clock>div.ttg600 {
background-color: #0bd51f;
color: #0d0d0d
}
.headerNTJScrollSection .NTJScrollPanel #NTJScroller ul.ntjMenu li div.clock>div.ttg600 span {
color: #0d0d0d
}
.headerNTJScrollSection .NTJScrollPanel #NTJScroller ul.ntjMenu li div.clock>div.ttg120 {
background-color: #187221;
color: #fdfdfd
}
.headerNTJScrollSection .NTJScrollPanel #NTJScroller ul.ntjMenu li div.clock>div.ttg120 span {
color: #fdfdfd
}
.headerNTJScrollSection .NTJScrollPanel #NTJScroller ul.ntjMenu li div.textNum {
font-weight: bold
}
#inraceMeetings {
width: 15rem;
position: absolute;
top: 100%;
left: 0;
background-color: #1f1f1f;
color: #fdfdfd;
z-index: 350;
border: solid 1px #292e29;
border-top: none;
font-weight: bold
}
#inraceMeetings .tabs li {
font-size: .9rem;
background-color: #fdfdfd;
color: #0d0d0d;
border: none;
height: 2rem;
min-height: 1px;
padding: 0
}
#inraceMeetings .tabs li:before {
font-size: 2rem
}
#inraceMeetings .tabs li.selected {
border-color: #75808f
}
#inraceMeetings .tabs li.selected:hover {
background-color: #fdfdfd;
color: #0d0d0d;
border-color: #75808f
}
#inraceMeetings .tabs li.expired {
background-color: #adb4bd;
color: #0d0d0d
}
#inraceMeetings .tabs li.expired:hover {
background-color: #adb4bd;
color: #0d0d0d
}
#inraceMeetings>div {
color: #0d0d0d;
font-size: .8rem;
padding: 0
}
#inraceMeetings>div a {
display: grid;
grid-template-columns: 1.8rem 1fr 1rem 3rem;
grid-template-areas: "flag meeting raceNum jump";
justify-content: center;
align-items: center;
text-align: center;
grid-gap: .6rem .3rem;
border-top: solid 1px #292e29;
padding: .3rem
}
#inraceMeetings>div .teamSilk {
grid-area: flag;
width: 1.8rem;
height: 1.2rem
}
#inraceMeetings>div .meeting {
grid-area: meeting;
text-align: left;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis
}
#inraceMeetings>div .raceNum {
grid-area: raceNum
}
#inraceMeetings>div .jump {
grid-area: jump;
white-space: nowrap;
font-weight: bold;
background-color: #0bd51f;
color: #0d0d0d;
padding: .2rem;
text-align: center;
border-radius: .3rem;
color: #fdfdfd
}
#inRoundMatches {
width: 15rem;
position: absolute;
top: 100%;
left: 0;
background-color: #1f1f1f;
color: #fdfdfd;
z-index: 350;
border: solid 1px #292e29;
border-top: none;
font-weight: bold
}
#inRoundMatches h2 {
margin-bottom: 0
}
#inRoundMatches ul li {
display: block;
border-bottom: solid 1px #292e29;
padding: .5rem 0
}
#inRoundMatches ul li a {
display: grid;
grid-template-areas: "silkA teamA versus teamB silkB" "scoreA outcome outcome outcome scoreB" "scoreA location location location scoreB";
grid-template-columns: auto 1fr auto 1fr auto;
grid-template-rows: 1fr auto;
grid-gap: 0 .25rem;
font-size: .8rem
}
#inRoundMatches ul li a .teamSilk {
width: 2.7rem;
height: 1.8rem
}
#inRoundMatches ul li a .teamSilk.teamA {
grid-area: silkA
}
#inRoundMatches ul li a .teamSilk.teamB {
grid-area: silkB
}
#inRoundMatches ul li a .teamName {
text-align: center;
align-self: center
}
#inRoundMatches ul li a .teamName.teamA {
grid-area: teamA
}
#inRoundMatches ul li a .teamName.teamB {
grid-area: teamB
}
#inRoundMatches ul li a .score {
text-align: center
}
#inRoundMatches ul li a .score.scoreA {
grid-area: scoreA
}
#inRoundMatches ul li a .score.scoreB {
grid-area: scoreB
}
#inRoundMatches ul li a .versus {
grid-area: versus;
padding: 0 .25rem;
align-self: center
}
#inRoundMatches ul li a .outcome {
grid-area: outcome;
font-size: .7rem;
font-weight: bold;
text-align: center
}
#inRoundMatches ul li a .location {
grid-area: location;
font-size: .7rem;
text-align: center;
font-weight: normal
}
.widget_accountHeaderBox {
margin-bottom: 1rem;
border-radius: 10px;
color: #fdfdfd
}
.widget_accountHeaderBox .title {
display: flex
}
.widget_accountHeaderBox .title .accountName {
flex: 7 0 auto;
padding: 9px;
font-size: .75rem
}
.widget_accountHeaderBox .title .accountName span {
font-size: 1.25rem;
font-weight: bold
}
.widget_accountHeaderBox .title .accountLogout {
flex: 1 0 auto;
text-align: center;
min-height: 50px;
line-height: 50px;
font-size: 1.25rem;
padding: 0
}
.widget_accountHeaderBox .title a.logout {
color: #fdfdfd;
margin: auto;
padding-right: 6px
}
.widget_accountHeaderBox .title a.logout div {
font-size: 30px
}
.widget_accountHeaderBox .accountDetails,.widget_accountHeaderBox .acctDetails {
min-height: 50px;
margin: 0
}
.widget_accountHeaderBox .accountDetails li,.widget_accountHeaderBox .acctDetails li {
box-sizing: border-box;
border: none;
border-left: solid 1px rgba(253,253,253,.3);
font-size: .75rem;
display: block
}
.widget_accountHeaderBox .accountDetails li:first-child,.widget_accountHeaderBox .acctDetails li:first-child {
border: none
}
.widget_accountHeaderBox .accountDetails li div,.widget_accountHeaderBox .acctDetails li div {
font-size: 1.2rem;
padding-top: 3px
}
.widget_accountHeaderBox .accountDetails li span,.widget_accountHeaderBox .acctDetails li span {
clear: both;
display: block
}
.widget_accountHeaderBox .accountDetails li span.icon,.widget_accountHeaderBox .acctDetails li span.icon {
height: 2.85rem;
font-size: 2.85rem
}
.widget_headeracctmenu.default {
display: grid;
grid-template-columns: auto 2.5rem 2.5rem;
grid-gap: .3125rem;
width: fit-content;
margin: 0 0 0 auto
}
.widget_headeracctmenu.default .balBtn {
width: fit-content;
padding-left: 1.25rem;
padding-right: 1.25rem
}
.widget_headeracctmenu.icons {
display: grid;
grid-auto-columns: auto;
grid-template-rows: 1fr 1fr;
grid-template-areas: 'myAcct banking pending bonus points boost balance' 'logout banking pending bonus points boost balance'
}
.widget_headeracctmenu.icons nav {
grid-template-columns: minmax(12.8rem,19.2rem) 1fr auto
}
.widget_headeracctmenu.icons nav .headNav ul {
display: grid;
grid-gap: 1rem;
grid-auto-columns: auto;
grid-auto-flow: column;
width: fit-content
}
.widget_headeracctmenu.icons nav .headNav ul li a {
padding: 0 1rem
}
.widget_headeracctmenu.icons .button {
min-height: 1px;
font-size: .6rem;
min-width: 6rem
}
.widget_headeracctmenu.icons .button span {
color: #75808f;
font-size: 1rem
}
.widget_headeracctmenu.icons .button.small {
grid-column: auto/span 1;
min-width: 3rem
}
.widget_headeracctmenu.icons .button.small label {
display: none
}
.widget_headeracctmenu.icons .button.small:before {
font-size: 1rem
}
.widget_headeracctmenu.icons .wc_w_hami-Account {
grid-area: myAcct
}
.widget_headeracctmenu.icons .wc_w_hami-Logout {
grid-area: logout
}
.widget_headeracctmenu.icons .wc_w_hami-Banking {
grid-area: banking
}
.widget_headeracctmenu.icons .wc_w_hami-Pending {
grid-area: pending
}
.widget_headeracctmenu.icons .wc_w_hami-Pending #clientPENDC {
display: none
}
.widget_headeracctmenu.icons .wc_w_hami-Points {
grid-area: points
}
.widget_headeracctmenu.icons .wc_w_hami-Bonus {
grid-area: bonus
}
.widget_headeracctmenu.icons .wc_w_hami-BoostT {
grid-area: boost
}
.widget_headeracctmenu.icons .wc_w_hami-Balance {
grid-area: balance
}
.widget_headeracctmenu.benefits .benefitsHeaderBox {
display: grid;
grid-gap: .25rem;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: column
}
.widget_headeracctmenu.benefits .benefitsHeaderBox>* {
width: auto
}
.widget_headeracctmenu.benefits .benefitpopupbox {
display: none;
z-index: 9999;
padding: 10px;
background: #0d0d0d;
border-radius: 5px;
box-shadow: 0 4px 6px rgba(0,0,0,.9);
width: 100%;
max-width: 32rem;
margin-right: 1.625rem
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsUserData {
display: grid;
align-items: center;
grid-template-areas: 'pin name closeButton' 'pin uid closeButton';
grid-template-columns: repeat(3,1fr);
margin-bottom: 20px;
padding: 7.5px;
background-color: #000
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsUserData .benefitsUserPin {
grid-area: pin;
justify-self: start
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsUserData .benefitsUserName {
grid-area: name;
font-weight: 700;
text-align: center
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsUserData .benefitsUserId {
grid-area: uid;
font-size: 85%;
text-align: center
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsUserData .benefitsCloseMenu {
grid-area: closeButton;
justify-self: end
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitUserBalances {
display: grid;
align-items: center;
grid-template-columns: auto;
text-align: center;
grid-auto-flow: column;
gap: 10px;
margin-bottom: 20px
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsUserBenefits {
display: grid;
align-items: center;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
text-align: center;
grid-auto-flow: column;
gap: 10px;
margin-bottom: 20px
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsUserBenefits .button {
width: 100%;
height: 100%
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsSiteLinks {
display: grid;
align-items: center;
grid-template-columns: 1fr 1fr;
grid-auto-flow: row;
grid-gap: 10px;
text-align: center
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsSiteLinks .button {
min-width: 100%
}
.bettingPanel .coupErrMsg {
font-weight: bold;
font-size: .9rem;
margin: .25rem
}
.bettingPanel .coupErrMsg a {
min-height: auto;
margin: .75rem 1% 0 1%;
padding: .5rem;
width: 46%;
border: none
}
.bettingPanel .asH1 {
margin: 0
}
.bettingPanel .asH4 {
background-color: #1f1f1f;
color: #fdfdfd;
border: none;
padding: .5rem 1rem
}
.bettingPanel form {
margin-top: 0;
width: 100%;
border: solid 0 #2c312b;
border-left-width: 1px;
border-right-width: 1px
}
.bettingPanel .title {
font-size: .8rem;
font-weight: bold
}
.bettingPanel .boostedDivi {
color: #0d0d0d;
font-weight: bold
}
.bettingPanel .bettingLegs .bettingLeg {
display: grid;
grid-template-columns: auto 1fr auto;
grid-template-areas: "sportIcon eventDetails editIcon" "controls controls controls";
grid-gap: 1rem;
border-bottom: solid 1px #2c312b;
padding: 1rem;
font-size: .9rem;
padding-bottom: 0
}
.bettingPanel .bettingLegs .bettingLeg:last-child {
border-bottom: none
}
.bettingPanel .bettingLegs .bettingLeg input {
width: 100%;
font-size: .8rem;
height: auto;
padding: .5rem .5rem;
text-align: right
}
.bettingPanel .bettingLegs .bettingLeg a.button.icon-TRASH {
grid-area: editIcon;
height: 36px;
width: 36px;
min-width: 36px;
min-height: 36px
}
.bettingPanel .bettingLegs .bettingLeg a.button.icon-TRASH:before {
height: 33px;
width: 33px;
line-height: 33px
}
.bettingPanel .bettingLegs .bettingLeg .sportIcon {
grid-area: sportIcon
}
.bettingPanel .bettingLegs .bettingLeg .sportIcon:before {
height: 39px;
width: 39px;
font-size: 30px;
text-align: center;
vertical-align: middle;
color: #0d0d0d
}
.bettingPanel .bettingLegs .bettingLeg .eventDetails {
grid-area: eventDetails;
display: grid;
grid-template-columns: 1fr;
grid-template-rows: auto auto auto;
grid-template-areas: "selection" "eventName" "teamNames"
}
.bettingPanel .bettingLegs .bettingLeg .eventDetails .eventName {
grid-area: eventName;
font-size: .8rem
}
.bettingPanel .bettingLegs .bettingLeg .eventDetails .selection {
grid-area: selection;
font-weight: bold;
font-size: 1rem
}
.bettingPanel .bettingLegs .bettingLeg .eventDetails .teamNames {
grid-area: teamNames;
font-size: .8rem
}
.bettingPanel .bettingLegs .bettingLeg .eventDetails .exoticSels {
grid-area: teamNames;
display: grid;
grid-template-columns: auto auto;
width: fit-content;
grid-gap: .3125rem 1.25rem;
margin-top: 1rem;
justify-self: center
}
.bettingPanel .bettingLegs .bettingLeg .eventDetails .exoticSels .position {
font-weight: bold;
text-align: right
}
.bettingPanel .bettingLegs .bettingLeg .coupErrMsg,.bettingPanel .bettingLegs .bettingLeg .controls {
grid-area: controls
}
.bettingPanel .bettingLegs .bettingLeg .controls {
grid-area: controls;
display: grid;
grid-gap: 1rem
}
.bettingPanel .bettingLegs .bettingLeg .controls .wagerDetails {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
justify-items: center;
align-items: center;
font-size: .9rem;
grid-gap: .25rem
}
.bettingPanel .bettingLegs .bettingLeg .controls .wagerDetails .normalDivi.boosted {
display: none
}
.bettingPanel .bettingLegs .bettingLeg .controls .wagerDetails .product,.bettingPanel .bettingLegs .bettingLeg .controls .wagerDetails .dividend {
text-align: center
}
.bettingPanel .bettingLegs .bettingLeg .controls.exotic .wagerDetails {
grid-template-columns: 1fr 1fr;
grid-gap: .25rem 2rem
}
.bettingPanel .bettingLegs .bettingLeg .controls.exotic .wagerDetails .quickAmounts {
grid-column: 1/3
}
.bettingPanel .bettingLegs .bettingLeg .controls.banking .wagerDetails {
grid-template-columns: 1fr;
grid-gap: .25rem 2rem;
margin: 0 1.5rem
}
.bettingPanel .bettingLegs .bettingLeg .controls .benefitSelector {
overflow-x: auto;
width: 100%
}
.bettingPanel .bettingLegs .bettingLeg .controls .benefitSelector .benefits {
justify-content: start
}
.bettingPanel .bettingLegs .bettingLeg .controls .benefits {
display: grid;
grid-auto-flow: column;
grid-gap: 1%;
grid-auto-columns: 24%;
justify-content: end
}
.bettingPanel .bettingLegs .bettingLeg .controls .benefits .benefitButton {
width: 100%;
display: inline-block;
font-size: .9rem;
text-align: center;
min-height: 2.6rem
}
.bettingPanel .bettingLegs .bettingLeg .controls .benefits .benefitButton label {
width: 100%;
height: 100%;
font-size: .6rem;
min-height: 3rem
}
.bettingPanel .bettingLegs .bettingLeg .controls .benefits .benefitButton label:before {
font-size: 2.5rem;
line-height: 2.2rem;
height: 2.2rem
}
.bettingPanel .bettingLegs .bettingLeg .controls .benefits .benefitButton label span {
display: none
}
.bettingPanel .bettingLegs .bettingLeg .controls .benefits .benefitButton label:hover:before {
display: none
}
.bettingPanel .bettingLegs .bettingLeg .controls .benefits .benefitButton label:hover span {
display: block;
position: absolute
}
.bettingPanel .bettingLegs .bettingLeg .controls .benefits .benefitButton .description {
display: none
}
.bettingPanel .bettingLegs .bettingLeg .controls .benefitMsg {
text-align: center;
border-top: 2px dotted #2c312b;
padding: .5rem 1rem 0 1rem
}
.bettingPanel .bettingLegs .bettingLeg .controls .benefitMsg span {
margin: 0 .5rem;
font-weight: bold
}
.bettingPanel .bettingLegs .bettingLeg .controls .benefitMsg .benefitSel {
text-align: start
}
.bettingPanel .bettingLegs .bettingLeg .controls .quickAmounts {
grid-column: 1/4;
width: 100%;
display: grid;
grid-gap: .25rem;
grid-auto-flow: row;
grid-auto-columns: 1fr;
grid-auto-rows: 1fr
}
.bettingPanel .bettingLegs .bettingLeg .controls .quickAmounts .quickAmount {
grid-column: auto
}
.bettingPanel .bettingLegs .bettingLeg .controls .quickAmounts.ttlBtn6 {
grid-template-columns: repeat(3,1fr)
}
.bettingPanel .bettingLegs .bettingLeg .controls .quickAmounts.ttlBtn7,.bettingPanel .bettingLegs .bettingLeg .controls .quickAmounts.ttlBtn8 {
grid-template-columns: repeat(4,1fr)
}
.bettingPanel .bettingLegs .bettingLeg .controls .quickAmounts.ttlBtn5,.bettingPanel .bettingLegs .bettingLeg .controls .quickAmounts.ttlBtn9,.bettingPanel .bettingLegs .bettingLeg .controls .quickAmounts.ttlBtn10 {
grid-template-columns: repeat(5,1fr)
}
.bettingPanel .bettingLegs .bettingLeg .controls .quickAmounts.ttlBtn7,.bettingPanel .bettingLegs .bettingLeg .controls .quickAmounts.ttlBtn9 {
grid-auto-flow: unset;
grid-auto-columns: unset
}
.bettingPanel .bettingLegs .bettingLeg .controls .quickAmounts.ttlBtn7 .clear,.bettingPanel .bettingLegs .bettingLeg .controls .quickAmounts.ttlBtn9 .clear {
grid-column: span 2
}
.bettingPanel .bettingLegs .bettingLeg .finalMessage {
grid-area: finalMessage;
display: grid;
grid-template-columns: auto 1fr;
grid-gap: .25rem .75rem;
font-size: .8rem;
background-color: rgba(0,0,0,.05);
padding: .25rem .5rem;
border-radius: 5px;
padding-bottom: 1rem
}
.bettingPanel .bettingLegs .bettingLeg .finalMessage label {
font-weight: bold
}
.bettingPanel .bettingLegs .bettingLeg .finalMessage div {
display: inline-block
}
.bettingPanel .bettingLegs.multiBets .bettingLeg {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-template-rows: auto auto;
grid-gap: .625rem;
align-items: center;
padding-bottom: 1rem
}
.bettingPanel .bettingLegs.multiBets .bettingLeg.titles {
font-weight: bold;
grid-template-rows: auto;
padding: .25rem;
grid-gap: 0
}
.bettingPanel .bettingLegs.multiBets .bettingLeg.titles .title {
justify-self: center
}
.bettingPanel .bettingLegs.multiBets .bettingLeg .details {
grid-column: 1;
align-items: flex-start;
line-height: initial
}
.bettingPanel .bettingLegs.multiBets .bettingLeg .details .description {
font-weight: bold;
color: #0d0d0d
}
.bettingPanel .bettingLegs.multiBets .bettingLeg .details .selection,.bettingPanel .bettingLegs.multiBets .bettingLeg .details .price {
font-size: .8rem
}
.bettingPanel .bettingLegs.multiBets .bettingLeg .betUnit,.bettingPanel .bettingLegs.multiBets .bettingLeg .betTotal {
justify-self: flex-end
}
.bettingPanel .bettingLegs.multiBets .bettingLeg .betReturn {
grid-column-start: 1;
grid-column-end: 4;
justify-self: end;
text-align: right;
font-size: .8rem
}
.bettingPanel .bettingLegs.multiBets .bettingLeg .betReturn label {
padding-right: .25rem
}
.bettingPanel .bettingLegs.multiBets .bettingLeg .betReturn div {
display: inline-block
}
.bettingPanel .bettingLegs.multiBets .bettingLeg .benefits {
grid-column-start: 1;
grid-column-end: 4
}
.bettingPanel .bettingLegs.multiBets .bettingLeg .benefitMsg {
grid-column-start: 1;
grid-column-end: 4
}
.bettingPanel .bettingLegs.zeroBets {
grid-template-areas: "controls"
}
.bettingPanel .bettingLegs.zeroBets .bettingLeg {
padding-top: 0
}
.bettingPanel header {
background-color: #2c312b
}
.bettingPanel header .allBets {
text-align: right;
grid-template-columns: 1fr auto;
padding: .5rem 1rem
}
.bettingPanel header .allBets input {
width: 4rem;
font-size: .8rem;
height: auto;
padding: .5rem .5rem;
text-align: right
}
.bettingPanel footer {
background-color: #2c312b;
padding: 1rem 1rem;
display: grid;
grid-gap: .625rem
}
.bettingPanel footer .coupTotals {
text-align: right;
display: grid;
grid-template-columns: 1fr auto;
grid-gap: .25rem
}
.bettingPanel footer .coupTotals label {
font-weight: bold
}
.bettingPanel footer .coupTotals div {
display: inline-block
}
.bettingPanel footer .coupTotals .betSpend {
display: none
}
.bettingPanel footer .buttons {
display: grid;
grid-gap: 1.25rem;
grid-template-columns: 1fr 1fr;
justify-content: center
}
.bettingPanel footer .buttons a {
border: none
}
.bettingPanel footer .retain {
display: none
}
.bettingPanel .bettingLeg.sts_accepted {
background-color: #fafffa
}
.bettingPanel .bettingLeg.sts_approved {
background-color: #fafffa
}
.bettingPanel .bettingLeg.sts_return_at {
background-color: #fafffa
}
.bettingPanel .bettingLeg.sts_return_of {
background-color: #fafffa
}
.bettingPanel .bettingLeg.sts_alive {
background-color: #fafffa
}
.bettingPanel .bettingLeg.sts_cancelled {
background-color: #fbc6cd
}
.bettingPanel .bettingLeg.sts_cancelled_at {
background-color: #fbc6cd
}
.bettingPanel .bettingLeg.sts_cancellation_of {
background-color: #fbc6cd
}
.bettingPanel .bettingLeg.sts_declined {
background-color: #fbc6cd
}
.bettingPanel .bettingLeg.sts_erased {
background-color: #fbc6cd
}
.bettingPanel .bettingLeg.sts_rejected {
background-color: #fbc6cd
}
.bettingPanel .bettingLeg.sts_dead {
background-color: #fbc6cd
}
.bettingPanel .bettingLeg.sts_no_return {
background-color: #fbc6cd
}
.bettingPanel .bettingLeg.sts_partially_accepted {
background-color: #c2def3
}
.bettingPanel .bettingLeg.sts_open {
background-color: #c2def3
}
.bettingPanel .bettingLeg.sts_unknown {
background-color: #fff4de
}
.bettingPanel .bettingLeg.sts_processing {
background-color: #fff4de
}
.bettingPanel .bettingLeg.sts_closed {
background-color: #fff4de
}
.bettingPanel.betslipalerts form {
border: none
}
.bettingPanel.betslipalerts .bettingLegs {
display: grid;
grid-gap: .625rem
}
.bettingPanel.betslipalerts .bettingLeg {
border: solid 1px #0d0d0d;
border-radius: 10px;
grid-template-areas: "sportIcon eventDetails editIcon" "controls controls controls" "finalMessage finalMessage finalMessage"
}
.bettingPanel.betslipalerts .bettingLeg:last-child {
border-bottom: solid 1px #0d0d0d
}
.bettingPanel.globalalerts {
overflow-y: hidden;
display: grid;
grid-template-rows: auto 1fr auto
}
.bettingPanel.globalalerts form {
overflow: hidden auto
}
.bettingPanel.globalalerts .bettingLeg {
grid-template-areas: "sportIcon eventDetails editIcon" "controls controls controls" "finalMessage finalMessage finalMessage"
}
.bettingPanel.globalalerts .buttons {
grid-template-columns: 1fr 2fr 1fr
}
.bettingPanel.globalalerts .buttons a {
grid-column: 2
}
.bettingPanel.transHistory form {
border: none;
max-width: 100%
}
.bettingPanel.transHistory .bettingLegs {
display: grid;
grid-gap: .625rem;
margin-top: .625rem
}
.bettingPanel.transHistory .bettingLegs .bettingLeg .controls .benefitMsg {
display: grid;
grid-template-columns: 1fr auto auto 1fr;
grid-template-areas: ". icon message .";
align-items: center
}
.bettingPanel.transHistory .bettingLegs .bettingLeg .controls .benefitMsg [class^="icon-"] {
font-size: 2rem;
grid-area: icon
}
.bettingPanel.transHistory .bettingLegs .bettingLeg .controls .benefitMsg .message {
grid-area: message
}
.bettingPanel.transHistory .bettingLeg {
border: solid 1px #0d0d0d;
border-radius: 10px
}
.bettingPanel.transHistory .bettingLeg:last-child {
border-bottom: solid 1px #0d0d0d
}
.bettingPanel.transHistory .status {
height: fit-content;
padding: .3125rem .625rem;
display: grid;
grid-template-columns: auto 1fr;
grid-gap: .25rem .75rem;
font-size: .8rem;
background-color: rgba(0,0,0,.05);
padding: .25rem .5rem;
border-radius: 5px;
grid-area: editIcon
}
.bettingPanel.transHistory .status label {
font-weight: bold;
text-align: right
}
.bettingPanel.transHistory .status div {
display: inline-block
}
.bettingPanel.transHistory .transHistExpand {
grid-column-start: 1;
grid-column-end: 4;
grid-row: 3;
text-align: center
}
.bettingPanel.transHistory .transHistDetails {
grid-column-start: 1;
grid-column-end: 4;
grid-row: 4;
background-color: rgba(0,0,0,.05);
border-radius: 10px;
font-size: .8rem
}
.bettingPanel.transHistory .transHistDetails th,.bettingPanel.transHistory .transHistDetails td {
border: none
}
.bettingPanel.transHistory .transHistDetails th {
text-align: right
}
.bettingPanel.transHistory .transHistDetails .transHistory.multiTable thead th {
text-align: left
}
.bettingPanel.transHistory .transHistDetails .transHistory.multiLegs {
display: grid;
grid-template-columns: auto auto 1fr 1fr auto;
grid-template-areas: "legstatus icon event selection dividend";
grid-auto-rows: auto;
align-items: center;
grid-gap: .5rem 0
}
.bettingPanel.transHistory .transHistDetails .transHistory.multiLegs div {
padding: 0 1rem
}
.bettingPanel.transHistory .transHistDetails .transHistory.multiLegs div.title {
height: 100%
}
.bettingPanel.transHistory .transHistDetails .transHistory.multiLegs div.legstatus {
grid-area: legstatus;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
background-color: rgba(0,0,0,.05);
border: solid 1px transparent
}
.bettingPanel.transHistory .transHistDetails .transHistory.multiLegs div.legstatus.title {
background-color: transparent
}
.bettingPanel.transHistory .transHistDetails .transHistory.multiLegs div.legstatus.sts_accepted {
border-color: #0bd51f
}
.bettingPanel.transHistory .transHistDetails .transHistory.multiLegs div.legstatus.sts_approved {
border-color: #0bd51f
}
.bettingPanel.transHistory .transHistDetails .transHistory.multiLegs div.legstatus.sts_return_at {
border-color: #0bd51f
}
.bettingPanel.transHistory .transHistDetails .transHistory.multiLegs div.legstatus.sts_return_of {
border-color: #0bd51f
}
.bettingPanel.transHistory .transHistDetails .transHistory.multiLegs div.legstatus.sts_alive {
border-color: #0bd51f
}
.bettingPanel.transHistory .transHistDetails .transHistory.multiLegs div.legstatus.sts_cancelled {
border-color: #cb1029
}
.bettingPanel.transHistory .transHistDetails .transHistory.multiLegs div.legstatus.sts_cancelled_at {
border-color: #cb1029
}
.bettingPanel.transHistory .transHistDetails .transHistory.multiLegs div.legstatus.sts_cancellation_of {
border-color: #cb1029
}
.bettingPanel.transHistory .transHistDetails .transHistory.multiLegs div.legstatus.sts_declined {
border-color: #cb1029
}
.bettingPanel.transHistory .transHistDetails .transHistory.multiLegs div.legstatus.sts_erased {
border-color: #cb1029
}
.bettingPanel.transHistory .transHistDetails .transHistory.multiLegs div.legstatus.sts_rejected {
border-color: #cb1029
}
.bettingPanel.transHistory .transHistDetails .transHistory.multiLegs div.legstatus.sts_dead {
border-color: #cb1029
}
.bettingPanel.transHistory .transHistDetails .transHistory.multiLegs div.legstatus.sts_no_return {
border-color: #cb1029
}
.bettingPanel.transHistory .transHistDetails .transHistory.multiLegs div.legstatus.sts_partially_accepted {
border-color: #2272ae
}
.bettingPanel.transHistory .transHistDetails .transHistory.multiLegs div.legstatus.sts_open {
border-color: #2272ae
}
.bettingPanel.transHistory .transHistDetails .transHistory.multiLegs div.legstatus.sts_unknown {
border-color: #f4a403
}
.bettingPanel.transHistory .transHistDetails .transHistory.multiLegs div.legstatus.sts_processing {
border-color: #f4a403
}
.bettingPanel.transHistory .transHistDetails .transHistory.multiLegs div.legstatus.sts_closed {
border-color: #f4a403
}
.bettingPanel.transHistory .transHistDetails .transHistory.multiLegs div.legstatus.sts_accepted {
background-color: #fafffa
}
.bettingPanel.transHistory .transHistDetails .transHistory.multiLegs div.legstatus.sts_approved {
background-color: #fafffa
}
.bettingPanel.transHistory .transHistDetails .transHistory.multiLegs div.legstatus.sts_return_at {
background-color: #fafffa
}
.bettingPanel.transHistory .transHistDetails .transHistory.multiLegs div.legstatus.sts_return_of {
background-color: #fafffa
}
.bettingPanel.transHistory .transHistDetails .transHistory.multiLegs div.legstatus.sts_alive {
background-color: #fafffa
}
.bettingPanel.transHistory .transHistDetails .transHistory.multiLegs div.legstatus.sts_cancelled {
background-color: #fbc6cd
}
.bettingPanel.transHistory .transHistDetails .transHistory.multiLegs div.legstatus.sts_cancelled_at {
background-color: #fbc6cd
}
.bettingPanel.transHistory .transHistDetails .transHistory.multiLegs div.legstatus.sts_cancellation_of {
background-color: #fbc6cd
}
.bettingPanel.transHistory .transHistDetails .transHistory.multiLegs div.legstatus.sts_declined {
background-color: #fbc6cd
}
.bettingPanel.transHistory .transHistDetails .transHistory.multiLegs div.legstatus.sts_erased {
background-color: #fbc6cd
}
.bettingPanel.transHistory .transHistDetails .transHistory.multiLegs div.legstatus.sts_rejected {
background-color: #fbc6cd
}
.bettingPanel.transHistory .transHistDetails .transHistory.multiLegs div.legstatus.sts_dead {
background-color: #fbc6cd
}
.bettingPanel.transHistory .transHistDetails .transHistory.multiLegs div.legstatus.sts_no_return {
background-color: #fbc6cd
}
.bettingPanel.transHistory .transHistDetails .transHistory.multiLegs div.legstatus.sts_partially_accepted {
background-color: #c2def3
}
.bettingPanel.transHistory .transHistDetails .transHistory.multiLegs div.legstatus.sts_open {
background-color: #c2def3
}
.bettingPanel.transHistory .transHistDetails .transHistory.multiLegs div.legstatus.sts_unknown {
background-color: #fff4de
}
.bettingPanel.transHistory .transHistDetails .transHistory.multiLegs div.legstatus.sts_processing {
background-color: #fff4de
}
.bettingPanel.transHistory .transHistDetails .transHistory.multiLegs div.legstatus.sts_closed {
background-color: #fff4de
}
.bettingPanel.transHistory .transHistDetails .transHistory.multiLegs div.icon {
grid-area: icon;
font-size: 1.9rem;
text-align: center
}
.bettingPanel.transHistory .transHistDetails .transHistory.multiLegs div.icon:before {
font-size: 1.9rem
}
.bettingPanel.transHistory .transHistDetails .transHistory.multiLegs div.event {
grid-area: event
}
.bettingPanel.transHistory .transHistDetails .transHistory.multiLegs div.event .outcomeAt {
display: block;
font-size: 80%
}
.bettingPanel.transHistory .transHistDetails .transHistory.multiLegs div.selection {
grid-area: selection
}
.bettingPanel.transHistory .transHistDetails .transHistory.multiLegs div.dividend {
grid-area: dividend;
text-align: center
}
.bettingPanel.transHistory .transHistDetails .transHistory.multiLegs div:nth-child(5n+1),.bettingPanel.transHistory .transHistDetails .transHistory.multiLegs div:nth-child(5n+2),.bettingPanel.transHistory .transHistDetails .transHistory.multiLegs div:nth-child(5n+3),.bettingPanel.transHistory .transHistDetails .transHistory.multiLegs div:nth-child(5n+4),.bettingPanel.transHistory .transHistDetails .transHistory.multiLegs div:nth-child(5n+5) {
grid-row: auto
}
.bettingPanel.transHistory .transHistDetails .transHistory.multiLegs.srm {
grid-template-columns: auto auto 1fr;
grid-template-areas: "legstatus event selection"
}
.bettingPanel.transHistory.eventHistory .bettingLegs {
display: grid;
grid-gap: .25rem;
margin-top: 0
}
.bettingPanel.transHistory.eventHistory .bettingLegs .bettingLeg {
grid-template-columns: auto 1fr 1fr auto;
grid-template-areas: "sportIcon eventDetails controls editIcon";
align-items: center;
grid-gap: .5rem 1rem;
padding: .5rem;
border-radius: 7.5px;
grid-template-rows: 1fr
}
.bettingPanel.transHistory.eventHistory .bettingLegs .bettingLeg .eventDetails {
grid-template-columns: 1fr 1fr;
grid-template-rows: 1fr auto;
grid-template-areas: "selection teamNames" "eventName teamNames"
}
.bettingPanel.transHistory.eventHistory .bettingLegs .bettingLeg .eventDetails .exoticSels {
margin-top: 0;
align-items: center
}
.bettingPanel.transHistory.eventHistory .bettingLegs .bettingLeg .eventDetails .selection {
align-self: center
}
.bettingPanel.transHistory.eventHistory .bettingLegs .bettingLeg .eventDetails>.selection>.transHistDetails {
margin-top: 0
}
.bettingPanel.transHistory.eventHistory .bettingLegs .bettingLeg .sportIcon {
padding-left: .5rem
}
.bettingPanel.transHistory.eventHistory .bettingLegs .bettingLeg .status {
height: 100%;
align-items: center;
margin: 0
}
.bettingPanel.transHistory.eventHistory .bettingLegs .bettingLeg.isMulti .eventDetails {
grid-template-columns: auto auto;
grid-gap: 0 .5rem;
width: fit-content
}
.bettingPanel.transHistory.eventHistory .transHistExpand {
justify-self: center;
grid-area: teamNames;
align-self: end
}
.bettingPanel.transHistory.eventHistory .transHistDetails {
grid-row: 2;
grid-column: 1/span 4;
margin: 0;
border-radius: 7.5px;
padding: 0;
background-color: transparent;
border: none
}
.bettingPanel.transHistory.eventHistory .transHistDetails .viewing {
font-weight: bold
}
.bettingPanel.transHistory.eventHistory .transHistDetails .transHistory.multiLegs {
padding: 0
}
.bettingPanel.transHistory.eventHistory .transHistDetails .transHistory.multiLegs div {
height: 100%;
border-top: solid 1px #292e29;
border-bottom: solid 1px #292e29;
display: flex;
align-items: center
}
.bettingPanel.transHistory.eventHistory .transHistDetails .transHistory.multiLegs div.legstatus {
border-top-left-radius: 5px;
border-bottom-left-radius: 5px
}
.bettingPanel.transHistory.eventHistory .transHistDetails .transHistory.multiLegs div.dividend {
border-right: solid 1px #292e29;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px
}
.bettingPanel.transHistory.eventHistory .transHistDetails .transHistory.multiLegs div.title {
display: none
}
.bettingPanel.transHistory.eventHistory .transHistDetails .transHistory.multiLegs div.event {
display: grid
}
.bettingPanel.transHistory.eventHistory .transHistDetails .transHistory.multiLegs div.event.title {
display: none
}
.bettingPanel.transHistory.eventHistory .transHistDetails .transHistory.multiLegs div.event .outcomeAt {
font-weight: normal
}
.bettingPanel.transHistory.eventHistory .transHistDetails .transHistory.multiLegs.srm {
font-size: .75rem;
font-weight: normal;
grid-gap: .25rem 0
}
.bettingPanel.transHistory.eventHistory .transHistDetails .transHistory.multiLegs.srm .legstatus {
display: none
}
.bettingPanel.transHistory.eventHistory .transHistDetails .transHistory.multiLegs.srm .title,.bettingPanel.transHistory.eventHistory .transHistDetails .transHistory.multiLegs.srm .selection {
font-size: .75rem;
font-weight: normal
}
.wc_account h3,.wc_account h4 {
margin: .625rem 0
}
.wc_a_c_checkup .checkboxList {
grid-auto-flow: column;
grid-auto-columns: 1fr;
grid-template-columns: 1fr;
grid-template-rows: auto 1fr auto;
justify-content: center;
justify-items: center;
text-align: center;
width: 60%;
margin: 0 auto .5rem auto
}
.wc_a_c_checkup .checkboxList input[type=radio] {
display: inline;
visibility: hidden
}
.wc_a_home #ShowOverview {
width: 75%;
margin: auto
}
.wc_a_home #ShowOverview table.overviewDetails {
margin: .625rem auto;
width: 50%
}
.wc_a_home #ShowOverview table.overviewDetails th {
color: #404040;
text-align: left
}
.wc_a_banking .minDeposit {
border: 1px solid #292e29;
padding: 1rem;
border-radius: 10px;
margin: 1rem;
background-color: #fdfdfd;
border-color: #fdfdfd;
color: #0d0d0d;
padding: .9375rem;
background-color: transparent;
border-color: transparent;
border-radius: 7.5px;
background-color: #333;
border: solid 1px #404040;
color: #fdfdfd;
text-transform: capitalize;
margin: 0;
width: 16rem;
text-align: center;
padding: .5rem
}
.wc_a_banking .minDeposit.correctText {
border-color: #0bd51f;
background-color: #9ed897
}
.wc_a_banking .minDeposit.errorText {
border-color: #cb1029;
background-color: #f797a4
}
.wc_a_banking .minDeposit.warningText {
border-color: #f0710a;
background-color: #fcd2b1
}
.wc_a_banking .minDeposit *:last-child {
margin: 0
}
.wc_a_banking .minDeposit table {
width: fit-content;
margin: auto
}
.wc_a_banking .minDeposit.correctText {
border-color: #0bd51f;
background-color: #0bd51f;
color: #0d0d0d
}
.wc_a_banking .minDeposit.errorText {
border-color: #cb1029;
background-color: #cb1029;
color: #fdfdfd
}
.wc_a_banking .minDeposit.warningText {
border-color: #333;
background-color: #333
}
.wc_a_benefits .boostVoucher .remaining {
line-height: 42px;
padding: 3px
}
.wc_a_benefits .boostVoucher .remaining span {
font-size: 40px;
float: left;
margin-right: 12px
}
.wc_a_benefits .BBRVouchers {
display: grid;
grid-template-columns: auto auto auto auto auto
}
.wc_a_benefits .BBRVouchers div {
border: solid 1px #292e29;
border-top-width: 0;
border-left-width: 0;
padding: .3125rem
}
.wc_a_benefits .BBRVouchers div.filler {
display: none
}
.wc_a_benefits .BBRVouchers div.header {
background-color: #404040;
font-weight: bold;
color: #fefefe
}
.wc_a_benefits .BBRVouchers div.title {
display: none
}
.wc_a_benefits .BBRVouchers div:nth-child(10n-3) {
border-left-width: 3px;
border-left-color: #292e29
}
.wc_a_benefits .framePanel.eventbenefits,.wc_a_benefits .framePanel.benefits {
display: grid;
grid-template-columns: 1fr 1fr;
grid-auto-rows: 1fr;
grid-gap: .5rem
}
.wc_a_benefits .framePanel.eventbenefits .benefit,.wc_a_benefits .framePanel.benefits .benefit {
display: grid;
grid-template-areas: "icon title" "icon description" "icon remaining";
grid-template-columns: 3rem 1fr;
grid-gap: .5rem .5rem;
border: solid 1px #0d0d0d;
border-radius: .5rem;
padding: .5rem
}
.wc_a_benefits .framePanel.eventbenefits .benefit .icon,.wc_a_benefits .framePanel.benefits .benefit .icon {
grid-area: icon;
font-size: 3rem;
justify-self: center;
align-self: center
}
.wc_a_benefits .framePanel.eventbenefits .title,.wc_a_benefits .framePanel.benefits .title {
font-size: 1.3rem;
font-weight: bold;
grid-area: title
}
.wc_a_benefits .framePanel.eventbenefits .description,.wc_a_benefits .framePanel.benefits .description {
grid-area: description
}
.wc_a_benefits .framePanel.eventbenefits .remaining,.wc_a_benefits .framePanel.benefits .remaining {
grid-area: remaining
}
.wc_a_benefits .framePanel.eventbenefits .remaining span,.wc_a_benefits .framePanel.benefits .remaining span {
font-weight: bold
}
.wc_a_benefits .framePanel.eventbenefits {
padding: .5rem;
border: none;
margin: 0
}
.wc_a_benefits_overview .benefit .benefit,.wc_a_benefits_overview .wc_a_benefits_home .benefit {
padding: .9375rem
}
.wc_a_benefits_overview .benefitsFilterSection,.wc_a_benefits_home .benefitsFilterSection,.wc_a_b_home .benefitsFilterSection {
display: grid;
grid-template-columns: auto;
grid-auto-flow: column;
text-align: center;
grid-gap: 1rem;
justify-content: center;
padding: 1rem;
margin-bottom: .4rem
}
.wc_a_benefits_overview .benefitsFilterSection>a,.wc_a_benefits_home .benefitsFilterSection>a,.wc_a_b_home .benefitsFilterSection>a {
max-width: 5rem
}
.wc_a_benefits_overview .framePanel.eventbenefits,.wc_a_benefits_home .framePanel.eventbenefits,.wc_a_b_home .framePanel.eventbenefits,.wc_a_benefits_overview .framePanel.benefits,.wc_a_benefits_home .framePanel.benefits,.wc_a_b_home .framePanel.benefits {
display: grid;
grid-template-columns: 1fr 1fr;
grid-auto-rows: 1fr;
grid-gap: .625rem
}
.wc_a_benefits_overview .framePanel.eventbenefits .benefit,.wc_a_benefits_home .framePanel.eventbenefits .benefit,.wc_a_b_home .framePanel.eventbenefits .benefit,.wc_a_benefits_overview .framePanel.benefits .benefit,.wc_a_benefits_home .framePanel.benefits .benefit,.wc_a_b_home .framePanel.benefits .benefit {
display: grid;
padding: .625rem;
grid-gap: .9375rem;
grid-row-gap: .3125rem;
grid-template-areas: "overview title" "overview description" "overview expiry";
grid-template-columns: auto 1fr;
grid-template-rows: auto auto auto;
align-items: center;
background-color: #121212;
color: #fdfdfd;
border: solid 1px #333;
border-radius: 7.5px;
height: 100%
}
.wc_a_benefits_overview .framePanel.eventbenefits .benefit .overview,.wc_a_benefits_home .framePanel.eventbenefits .benefit .overview,.wc_a_b_home .framePanel.eventbenefits .benefit .overview,.wc_a_benefits_overview .framePanel.benefits .benefit .overview,.wc_a_benefits_home .framePanel.benefits .benefit .overview,.wc_a_b_home .framePanel.benefits .benefit .overview {
grid-area: overview;
display: grid;
grid-template-areas: 'icon' 'remaining';
align-self: center;
grid-template-rows: auto auto;
padding: .625rem;
grid-gap: .625rem;
justify-items: center;
align-items: center
}
.wc_a_benefits_overview .framePanel.eventbenefits .benefit .icon,.wc_a_benefits_home .framePanel.eventbenefits .benefit .icon,.wc_a_b_home .framePanel.eventbenefits .benefit .icon,.wc_a_benefits_overview .framePanel.benefits .benefit .icon,.wc_a_benefits_home .framePanel.benefits .benefit .icon,.wc_a_b_home .framePanel.benefits .benefit .icon {
font-size: 2.5rem;
grid-area: icon;
height: 2.5rem
}
.wc_a_benefits_overview .framePanel.eventbenefits .benefit .remaining,.wc_a_benefits_home .framePanel.eventbenefits .benefit .remaining,.wc_a_b_home .framePanel.eventbenefits .benefit .remaining,.wc_a_benefits_overview .framePanel.benefits .benefit .remaining,.wc_a_benefits_home .framePanel.benefits .benefit .remaining,.wc_a_b_home .framePanel.benefits .benefit .remaining {
grid-area: remaining;
background-color: #050505;
color: #fdfdfd;
border-radius: 14px;
padding: .625rem;
min-width: 2.5rem;
text-align: center
}
.wc_a_benefits_overview .framePanel.eventbenefits .benefit span,.wc_a_benefits_home .framePanel.eventbenefits .benefit span,.wc_a_b_home .framePanel.eventbenefits .benefit span,.wc_a_benefits_overview .framePanel.benefits .benefit span,.wc_a_benefits_home .framePanel.benefits .benefit span,.wc_a_b_home .framePanel.benefits .benefit span {
font-weight: 700
}
.wc_a_benefits_overview .framePanel.eventbenefits .benefit .title,.wc_a_benefits_home .framePanel.eventbenefits .benefit .title,.wc_a_b_home .framePanel.eventbenefits .benefit .title,.wc_a_benefits_overview .framePanel.benefits .benefit .title,.wc_a_benefits_home .framePanel.benefits .benefit .title,.wc_a_b_home .framePanel.benefits .benefit .title {
grid-area: title;
display: flex;
align-items: center;
font-size: 1.2rem;
font-weight: bold
}
.wc_a_benefits_overview .framePanel.eventbenefits .benefit .description,.wc_a_benefits_home .framePanel.eventbenefits .benefit .description,.wc_a_b_home .framePanel.eventbenefits .benefit .description,.wc_a_benefits_overview .framePanel.benefits .benefit .description,.wc_a_benefits_home .framePanel.benefits .benefit .description,.wc_a_b_home .framePanel.benefits .benefit .description {
grid-area: description
}
.wc_a_benefits_overview .framePanel.eventbenefits .benefit .expires,.wc_a_benefits_home .framePanel.eventbenefits .benefit .expires,.wc_a_b_home .framePanel.eventbenefits .benefit .expires,.wc_a_benefits_overview .framePanel.benefits .benefit .expires,.wc_a_benefits_home .framePanel.benefits .benefit .expires,.wc_a_b_home .framePanel.benefits .benefit .expires {
grid-area: expiry
}
.wc_a_benefits_overview .framePanel.eventbenefits,.wc_a_benefits_home .framePanel.eventbenefits,.wc_a_b_home .framePanel.eventbenefits {
padding: .625rem;
margin: .625rem
}
.wc_a_benefits_store .staticContent {
display: grid;
grid-gap: .625rem
}
.wc_a_benefits_store .storeHeader {
display: grid;
grid-template-columns: 3fr 1fr;
grid-gap: 1.25rem;
align-items: center
}
.wc_a_benefits_store .storeHeaderDescription {
background-color: #0bd51f;
color: #0d0d0d;
padding: 1.25rem;
border-radius: 14px
}
.wc_a_benefits_store .storeHeaderDescription .storeInfo {
font-size: 130%;
font-weight: bold;
display: block
}
.wc_a_benefits_store .storeHeaderDescription .storeInfoDesc {
font-size: 1.2rem
}
.wc_a_benefits_store .storeHeaderPointsShowCase {
background-color: #1f1f1f;
color: #fdfdfd;
text-align: center;
padding: 1rem;
border-radius: 14px
}
.wc_a_benefits_store .storeHeaderDescription,.wc_a_benefits_store .storeHeaderPointsShowCase {
min-height: 100%;
display: flex;
flex-direction: column;
justify-content: center
}
.wc_a_benefits_store .pointsShowCasePoints {
display: block
}
.wc_a_benefits_store .pointsShowCasePoints span#BSPTotalLoyaltyPoints {
font-size: 130%;
font-weight: bold
}
.wc_a_benefits_store .benefitStoreItem {
display: grid;
grid-template-columns: 25% 1fr 1fr 1fr;
grid-template-areas: "item price quantity spend";
grid-gap: 1rem;
padding: 1.5rem;
border: solid 1px #333;
border-radius: 14px;
margin-bottom: 0;
background: #050505;
color: #fdfdfd
}
.wc_a_benefits_store .item {
display: grid;
grid-area: item;
grid-template-columns: auto 1fr;
grid-template-areas: "icon publicName" "icon publicDesc";
align-items: center;
grid-gap: 1rem;
row-gap: .25rem;
align-content: center
}
.wc_a_benefits_store .item .icon {
grid-area: icon;
display: flex;
font-size: 2.5rem
}
.wc_a_benefits_store .publicName {
grid-area: publicName;
cursor: pointer;
font-weight: bold;
font-size: 1.2rem
}
.wc_a_benefits_store .publicDesc {
grid-area: publicDesc
}
.wc_a_benefits_store .price {
grid-area: price;
display: grid;
align-items: center;
align-content: center;
justify-content: center;
justify-items: center;
font-size: 1.1rem;
font-weight: 700
}
.wc_a_benefits_store .priceLabel {
font-size: 80%;
font-weight: normal
}
.wc_a_benefits_store .quantity {
grid-area: quantity;
display: grid;
align-items: center;
gap: .5rem;
justify-content: flex-end;
align-self: center;
grid-template-areas: 'quantityInputs' 'limitInfo';
width: 100%
}
.wc_a_benefits_store .quantityInputs {
display: grid;
grid-gap: .5rem;
grid-template-areas: 'quantityDecrement quantityValue quantityIncrement quantityMaximum';
grid-template-columns: auto 1fr auto auto;
min-width: 15rem
}
.wc_a_benefits_store .generic_form_button {
min-height: 0;
aspect-ratio: 1;
font-size: 1.2rem
}
.wc_a_benefits_store .limitInfo {
grid-area: limitInfo;
display: flex;
justify-content: space-between;
flex-direction: row;
gap: .5rem;
font-size: .9rem;
align-self: center;
width: 100%
}
.wc_a_benefits_store .remaining {
align-self: center;
font-size: .9rem
}
.wc_a_benefits_store .dailyLimit {
align-self: center;
font-size: .9rem
}
.wc_a_benefits_store .quantityDecrement {
grid-area: quantityDecrement;
padding: .25rem;
cursor: pointer
}
.wc_a_benefits_store .quantityValue {
grid-area: quantityValue;
width: 100%;
text-align: center
}
.wc_a_benefits_store .quantityIncrement {
grid-area: quantityIncrement;
padding: .25rem;
cursor: pointer
}
.wc_a_benefits_store .quantityMaximum {
grid-area: quantityMaximum;
padding: .25rem;
cursor: pointer;
font-size: .8rem
}
.wc_a_benefits_store .spendPerItem {
display: grid;
align-items: center;
align-content: center;
justify-content: center;
font-size: 1.1rem;
font-weight: 700;
text-align: center
}
.wc_a_benefits_store .benefitStoreItem.disabled {
opacity: .5;
pointer-events: none;
user-select: none
}
.wc_a_benefits_store .benefitStoreItem.disabled input,.wc_a_benefits_store .benefitStoreItem.disabled button {
cursor: not-allowed
}
.wc_a_benefits_store .totalAmount {
margin-top: 20px;
font-size: 1.2rem;
font-weight: bold;
text-align: right
}
.wc_a_benefits_store .loyaltyPointsAmount {
margin-top: 20px;
font-size: 1.2rem;
font-weight: bold;
text-align: left
}
.wc_a_benefits_store .btnBuyItems {
display: block;
justify-self: center;
align-content: center
}
.wc_a_benefits_store .benefitsStoreButtons {
display: flex;
justify-content: center;
gap: 1rem
}
.wc_a_benefits_store .benefitsStoreButtons a {
flex-grow: 1;
max-width: 200px
}
.wc_a_benefits_store input[type=number]::-webkit-outer-spin-button,.wc_a_benefits_store input[type=number]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0
}
.wc_a_benefits_store input[type=number] {
-moz-appearance: textfield
}
.wc_a_siteSettings form .staticMessage {
font-size: .8rem;
padding: .5rem
}
.wc_a_siteSettings .quickAmounts {
display: grid;
grid-gap: .25rem;
grid-auto-flow: row;
grid-auto-columns: 1fr;
grid-auto-rows: 1fr;
width: 100%
}
.wc_a_siteSettings .quickAmounts .quickAmount {
grid-column: auto;
cursor: unset;
width: 100%;
text-align: center
}
.wc_a_siteSettings .quickAmounts .quickAmount::-webkit-inner-spin-button,.wc_a_siteSettings .quickAmounts .quickAmount::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0
}
.wc_a_siteSettings .quickAmounts.ttlBtn6 {
grid-template-columns: repeat(3,1fr)
}
.wc_a_siteSettings .quickAmounts.ttlBtn7,.wc_a_siteSettings .quickAmounts.ttlBtn8 {
grid-template-columns: repeat(4,1fr)
}
.wc_a_siteSettings .quickAmounts.ttlBtn5,.wc_a_siteSettings .quickAmounts.ttlBtn9,.wc_a_siteSettings .quickAmounts.ttlBtn10 {
grid-template-columns: repeat(5,1fr)
}
.wc_a_siteSettings .quickAmounts.ttlBtn7,.wc_a_siteSettings .quickAmounts.ttlBtn9 {
grid-auto-flow: unset;
grid-auto-columns: unset
}
.wc_a_siteSettings .quickAmounts.ttlBtn7 .addQuickAmount,.wc_a_siteSettings .quickAmounts.ttlBtn9 .addQuickAmount {
grid-column: span 2
}
.wc_a_registerComplete .veriStatus .staticMessage,.wc_a_overview .veriStatus .staticMessage {
padding: .25rem;
margin: 0
}
.wc_a_b_bpayBNotificationform .bpayDetails {
display: grid;
grid-template-columns: auto auto 1fr;
grid-template-areas: "logo titlebiller detailsbiller" "logo titleref detailsref" "logo bpayInfo bpayInfo";
border: solid 1px #292e29
}
.wc_a_b_bpayBNotificationform .bpayDetails div {
padding: .5rem
}
.wc_a_b_bpayBNotificationform .bpayDetails .title {
font-weight: bold
}
.wc_a_b_bpayBNotificationform .bpayDetails .logo {
grid-area: logo;
padding: 1rem
}
.wc_a_b_bpayBNotificationform .bpayDetails .title.biller {
grid-area: titlebiller
}
.wc_a_b_bpayBNotificationform .bpayDetails .details.biller {
grid-area: detailsbiller
}
.wc_a_b_bpayBNotificationform .bpayDetails .title.reference {
grid-area: titleref
}
.wc_a_b_bpayBNotificationform .bpayDetails .details.reference {
grid-area: detailsref
}
.wc_a_b_bpayBNotificationform .bpayDetails .bpayInfo {
grid-area: bpayInfo
}
.wc_a_b_ccDepositForm .checkboxList {
display: grid;
grid-template-columns: 1fr 1fr;
width: 16rem
}
.wc_a_b_ccDepositForm #CCaddTypeV+label,.wc_a_b_ccDepositForm #CCaddTypeM+label {
grid-column: 1;
grid-row: 1
}
.wc_a_b_ccDepositForm #CCaddTypeV+label:before,.wc_a_b_ccDepositForm #CCaddTypeM+label:before {
margin-left: auto;
margin-right: auto;
font-size: 1.6875rem;
font-family: 'GW_Icons';
color: #1f1f1f;
background-color: #fdfdfd
}
.wc_a_b_ccDepositForm #CCaddTypeV+label+span,.wc_a_b_ccDepositForm #CCaddTypeM+label+span {
grid-column: 1;
grid-row: 2;
width: auto !important;
margin: 0;
text-align: center
}
.wc_a_b_ccDepositForm #CCaddTypeV:checked+label:before,.wc_a_b_ccDepositForm #CCaddTypeM:checked+label:before {
color: #fdfdfd;
background-color: #1f1f1f
}
.wc_a_b_ccDepositForm #CCaddTypeM+label {
grid-column: 1
}
.wc_a_b_ccDepositForm #CCaddTypeM+label+span {
grid-column: 1
}
.wc_a_b_ccDepositForm #CCaddTypeV+label {
grid-column: 2
}
.wc_a_b_ccDepositForm #CCaddTypeV+label+span {
grid-column: 2
}
.wc_a_b_ccEditForm .creditcard {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-template-rows: auto auto;
grid-template-areas: "cardNum bankName control" "cardNum expiry control";
grid-gap: .5rem;
align-items: center;
justify-items: center
}
.wc_a_b_ccEditForm .cardNum {
grid-area: cardNum;
font-weight: bold;
font-size: 1.1rem
}
.wc_a_b_ccEditForm .bankName {
grid-area: bankName;
font-size: .9rem
}
.wc_a_b_ccEditForm .expiry {
grid-area: expiry;
font-size: .9rem
}
.wc_a_b_ccEditForm .control {
grid-area: control
}
.wc_a_b_cclaunch3ds {
padding: 1rem
}
.wc_a_b_cclaunch3ds>header img {
width: 90%;
margin: 0 auto 1rem auto;
max-width: 300px;
display: block
}
.wc_a_b_cclaunch3ds .formLine.datemmyy .formLineField {
display: inline-flex
}
.wc_a_b_eftNotificationForm .eftdDetails {
margin: .625rem auto;
width: 50%
}
.wc_a_b_eftNotificationForm .eftdDetails th {
color: #404040;
text-align: left
}
.wc_a_b_zepto .formcontent {
position: relative;
margin: 1rem auto 0 auto;
max-width: 56rem
}
.wc_a_b_zepto #ZPTCAReply.stateactive {
border-color: #0bd51f;
background-color: #9ed897
}
.wc_a_b_zepto #ZPTDPayID>p {
margin-top: 1rem
}
.wc_a_b_zepto .agreements {
padding-top: .5rem
}
.wc_a_b_zepto .pendingcard {
display: grid;
grid-template-columns: 1fr auto 1fr;
grid-template-areas: '. description copy';
align-items: center;
justify-items: start;
grid-gap: .5rem
}
.wc_a_b_zepto .pendingcard .description {
font-size: 1.25rem;
grid-area: description
}
.wc_a_b_zepto .pendingcard .copy {
grid-area: copy;
justify-self: right
}
.wc_a_b_zepto .pendingcard .uniqueID {
grid-area: uniqueID;
font-size: .75rem
}
.wc_a_b_zepto .pendingcard.stateactive {
border-color: #0bd51f;
background-color: #9ed897
}
.wc_a_b_zepto .pendingcard.statedeclined {
border-color: #cb1029;
background-color: #f797a4
}
.wc_account .depositLimitSummary p,.wc_a_selfExclude p,.wc_a_preCommitment p {
text-align: justify;
text-align-last: left
}
.wc_account .depositLimitSummary ul,.wc_a_selfExclude ul,.wc_a_preCommitment ul {
border: 1px solid #292e29;
padding: 1rem;
border-radius: 10px;
text-align: center;
margin: 1rem;
background-color: #fdfdfd;
border-color: #fdfdfd;
color: #0d0d0d;
margin: 0;
padding: .9375rem;
background-color: transparent;
border-color: transparent;
border-radius: 7.5px;
background-color: #333;
border: solid 1px #404040;
color: #fdfdfd;
text-transform: capitalize;
display: grid;
grid-gap: 1rem;
margin: 1rem auto;
min-width: 20rem;
width: 90%;
max-width: 45rem
}
.wc_account .depositLimitSummary ul.correctText,.wc_a_selfExclude ul.correctText,.wc_a_preCommitment ul.correctText {
border-color: #0bd51f;
background-color: #9ed897
}
.wc_account .depositLimitSummary ul.errorText,.wc_a_selfExclude ul.errorText,.wc_a_preCommitment ul.errorText {
border-color: #cb1029;
background-color: #f797a4
}
.wc_account .depositLimitSummary ul.warningText,.wc_a_selfExclude ul.warningText,.wc_a_preCommitment ul.warningText {
border-color: #f0710a;
background-color: #fcd2b1
}
.wc_account .depositLimitSummary ul *:last-child,.wc_a_selfExclude ul *:last-child,.wc_a_preCommitment ul *:last-child {
margin: 0
}
.wc_account .depositLimitSummary ul table,.wc_a_selfExclude ul table,.wc_a_preCommitment ul table {
width: fit-content;
margin: auto
}
.wc_account .depositLimitSummary ul.correctText,.wc_a_selfExclude ul.correctText,.wc_a_preCommitment ul.correctText {
border-color: #0bd51f;
background-color: #0bd51f;
color: #0d0d0d
}
.wc_account .depositLimitSummary ul.errorText,.wc_a_selfExclude ul.errorText,.wc_a_preCommitment ul.errorText {
border-color: #cb1029;
background-color: #cb1029;
color: #fdfdfd
}
.wc_account .depositLimitSummary ul.warningText,.wc_a_selfExclude ul.warningText,.wc_a_preCommitment ul.warningText {
border-color: #333;
background-color: #333
}
.wc_account .depositLimitSummary ul li,.wc_a_selfExclude ul li,.wc_a_preCommitment ul li {
display: block
}
.wc_account .depositLimitSummary dl.depLimRelTrans dt,.wc_a_selfExclude dl.depLimRelTrans dt,.wc_a_preCommitment dl.depLimRelTrans dt {
font-size: .9rem
}
.wc_account .depositLimitSummary dl.depLimRelTrans dd,.wc_a_selfExclude dl.depLimRelTrans dd,.wc_a_preCommitment dl.depLimRelTrans dd {
background-color: #333;
display: grid;
grid-template-columns: repeat(4,auto);
font-size: .8rem;
grid-gap: 1px
}
.wc_account .depositLimitSummary dl.depLimRelTrans dd div,.wc_a_selfExclude dl.depLimRelTrans dd div,.wc_a_preCommitment dl.depLimRelTrans dd div {
background-color: #fdfdfd;
display: flex;
justify-content: center;
align-items: center;
padding: .5rem
}
.wc_account .depositLimitSummary dl.depLimRelTrans dd div.title,.wc_a_selfExclude dl.depLimRelTrans dd div.title,.wc_a_preCommitment dl.depLimRelTrans dd div.title {
background-color: #333;
font-weight: bold
}
.wc_account .depositLimitSummary dl.depLimRelTrans dd div.subtitle,.wc_a_selfExclude dl.depLimRelTrans dd div.subtitle,.wc_a_preCommitment dl.depLimRelTrans dd div.subtitle {
background-color: #333;
font-weight: bold;
display: none
}
.wc_account .depositLimitSummary dl.depLimRelTrans dd div table,.wc_a_selfExclude dl.depLimRelTrans dd div table,.wc_a_preCommitment dl.depLimRelTrans dd div table {
margin: 0
}
.wc_account .depositLimitSummary dl.depLimRelTrans dd div table th,.wc_a_selfExclude dl.depLimRelTrans dd div table th,.wc_a_preCommitment dl.depLimRelTrans dd div table th,.wc_account .depositLimitSummary dl.depLimRelTrans dd div table td,.wc_a_selfExclude dl.depLimRelTrans dd div table td,.wc_a_preCommitment dl.depLimRelTrans dd div table td {
padding: .125rem;
border: none
}
.wc_account .depositLimitSummary dl.depLimRelTrans dd div table th,.wc_a_selfExclude dl.depLimRelTrans dd div table th,.wc_a_preCommitment dl.depLimRelTrans dd div table th {
text-align: right
}
.wc_account .depositLimitSummary dl.depLimRelTrans dd div table td,.wc_a_selfExclude dl.depLimRelTrans dd div table td,.wc_a_preCommitment dl.depLimRelTrans dd div table td {
text-align: left
}
.wc_account .depositLimitSummary ul {
max-width: unset;
width: 100%;
margin: 1rem 0 0 0
}
.wc_r_formguide {
display: grid;
height: 100%;
min-width: 40rem;
width: 100%;
max-width: 60rem;
grid-template-rows: auto auto 1fr;
grid-gap: 0
}
.wc_r_formguide .guideTitle {
display: grid;
grid-template-columns: auto 1fr;
grid-template-rows: auto auto;
grid-template-areas: "logo title" "logo racename";
background-color: #1f1f1f
}
.wc_r_formguide .guideTitle .headerLogo {
grid-area: logo;
padding: 1.25rem;
max-width: min(15rem,33vw);
min-width: 5rem
}
.wc_r_formguide .guideTitle .headerLogo img {
object-fit: contain;
height: 100%;
width: 100%
}
.wc_r_formguide .guideTitle h1 {
grid-area: title;
margin: 0
}
.wc_r_formguide .guideTitle h2 {
grid-area: racename;
margin: 0
}
.wc_r_formguide>.framePanel {
margin: .625rem;
overflow-y: scroll
}
.wc_r_formguide .formrnnrTitle {
border-top: solid 1px #292e29;
display: grid;
grid-template-columns: auto 1fr 1fr auto;
grid-template-rows: 1.5rem 1.5rem;
justify-content: center;
grid-template-areas: "silk title jockey nav" "silk title trainer nav";
grid-gap: .3125rem;
row-gap: 0;
padding: .3125rem 1.25rem
}
.wc_r_formguide .formrnnrTitle:hover {
cursor: pointer
}
.wc_r_formguide .formrnnrTitle .silk {
grid-area: silk;
justify-self: center;
align-self: center
}
.wc_r_formguide .formrnnrTitle .silk .silkImg {
width: 3rem;
height: 3rem;
background-size: auto 100%
}
.wc_r_formguide .formrnnrTitle .title {
font-size: 1.25rem;
font-weight: bold;
grid-area: title;
align-self: center
}
.wc_r_formguide .formrnnrTitle .jockey {
grid-area: jockey;
align-self: center
}
.wc_r_formguide .formrnnrTitle .trainer {
grid-area: trainer;
align-self: center
}
.wc_r_formguide .formrnnrTitle .jockey b,.wc_r_formguide .formrnnrTitle .trainer b {
font-size: .9rem;
margin-right: .3125rem
}
.wc_r_formguide .formrnnrTitle a.button {
grid-area: nav;
width: 2.8rem;
height: fit-content;
align-self: center;
justify-self: end
}
.wc_r_formguide .formrnnrTitle:first-child {
border-top: none;
border-radius: 10px 10px 0 0
}
.wc_r_formguide_basic {
padding: 1.875rem;
font-size: .9rem
}
.wc_r_formguide_basic .runnerDetails {
display: grid;
grid-template-columns: 1.5fr 1fr 1fr 1fr;
grid-gap: 1.25rem;
grid-template-areas: "runnerPedigree careerGen sotPerf postSpell"
}
.wc_r_formguide_basic .runnerDetails .runnerPedigree {
grid-area: runnerPedigree
}
.wc_r_formguide_basic .runnerDetails .careerGen {
grid-area: careerGen
}
.wc_r_formguide_basic .runnerDetails .sotPerf {
grid-area: sotPerf
}
.wc_r_formguide_basic .runnerDetails .postSpell {
grid-area: postSpell
}
.wc_r_formguide_basic .runnerDetails>.framePanel {
border-radius: .25rem;
border: solid 1px #292e29
}
.wc_r_formguide_basic .runnerDetails>.framePanel sup {
line-height: 0;
vertical-align: super
}
.wc_r_formguide_basic .runnerDetails>.framePanel tr:first-of-type th,.wc_r_formguide_basic .runnerDetails>.framePanel tr:first-of-type td {
border-top: none
}
.wc_r_formguide_basic .runnerDetails>.framePanel td {
text-align: right
}
.wc_r_formguide_basic .recentRuns H5 {
padding-left: 0;
margin-bottom: .625rem
}
.wc_r_formguide_basic .prevRuns {
display: flex;
flex-direction: column;
grid-gap: .25rem;
font-size: .75rem
}
.wc_r_formguide_basic .prevRuns .asH5 {
text-align: center;
font-size: .75rem;
font-weight: 700;
border-bottom: 0;
margin-bottom: 0;
justify-content: center;
padding: 0
}
.wc_r_formguide_basic .prevRun {
display: grid;
overflow: hidden;
margin: 0;
border: 1px solid #292e29;
border-radius: 10px;
background-color: #fdfdfd;
grid-template-columns: repeat(9,1fr);
grid-template-areas: "location meetdate distance class sot barrier weight margin flucs" "location meetdate distance class sot barrier weight margin flucs" "location winningTime winningTime placing placing placing placing placing placing"
}
.wc_r_formguide_basic .prevRun>div {
display: flex;
align-items: center
}
.wc_r_formguide_basic .prevRun .group-location {
grid-area: location
}
.wc_r_formguide_basic .prevRun .group-meetdate {
grid-area: meetdate
}
.wc_r_formguide_basic .prevRun .group-distance {
grid-area: distance
}
.wc_r_formguide_basic .prevRun .group-class {
grid-area: class
}
.wc_r_formguide_basic .prevRun .group-sot {
grid-area: sot
}
.wc_r_formguide_basic .prevRun .group-barrier {
grid-area: barrier
}
.wc_r_formguide_basic .prevRun .group-weight {
grid-area: weight
}
.wc_r_formguide_basic .prevRun .group-margin {
grid-area: margin
}
.wc_r_formguide_basic .prevRun .group-flucs {
grid-area: flucs
}
.wc_r_formguide_basic .prevRun .group-winningTime {
grid-area: winningTime
}
.wc_r_formguide_basic .prevRun .group-placing {
grid-area: placing
}
.wc_r_formguide_basic .prevRun .group-location {
display: grid;
grid-template-rows: auto auto;
background-color: rgba(41,46,41,.5)
}
.wc_r_formguide_basic .prevRun .group-location .placement {
flex: 2;
display: flex;
justify-content: center;
flex-direction: column;
text-align: center
}
.wc_r_formguide_basic .prevRun .group-winningTime>* {
display: inline-block;
flex: 1 1 0
}
.wc_r_formguide_basic .prevRun .group-winningTime span {
text-align: center
}
.wc_r_formguide_basic .prevRun .group-placing .asH5 {
flex: 1
}
.wc_r_formguide_basic .prevRun .group-placing>span {
flex: 5;
display: flex;
justify-content: space-evenly
}
.wc_r_formguide_basic .column {
flex-direction: column
}
.wc_r_formguide_advanced {
display: grid;
grid-template-columns: auto 1fr;
grid-template-rows: auto;
grid-template-areas: "guideTabs guidePage";
grid-gap: .625rem;
padding: .625rem
}
.wc_r_formguide_advanced .blocks {
margin: 0;
height: max-content
}
.wc_r_formguide_advanced * {
font-size: .8rem
}
.wc_r_formguide_advanced .runnerInfo {
grid-template-areas: "details overview" "remarks remarks";
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr
}
.wc_r_formguide_advanced .runnerInfo.noremarks {
grid-template-areas: "details overview";
grid-template-rows: auto
}
.wc_r_formguide_advanced .runnerInfo .details {
grid-area: details
}
.wc_r_formguide_advanced .runnerInfo .overview {
grid-area: overview
}
.wc_r_formguide_advanced .runnerInfo .remarks {
grid-area: remarks
}
.wc_r_formguide_advanced .runnerInfo .remarks table tbody tr td,.wc_r_formguide_advanced .runnerInfo .remarks table tbody tr th {
border-bottom: none;
text-align: center
}
.wc_r_formguide_advanced .performance {
grid-template-areas: "career track1 track2" "winning groups misc";
grid-template-rows: 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr
}
.wc_r_formguide_advanced .performance .career {
grid-area: career
}
.wc_r_formguide_advanced .performance .track1 {
grid-area: track1
}
.wc_r_formguide_advanced .performance .track2 {
grid-area: track2
}
.wc_r_formguide_advanced .performance .winning {
grid-area: winning
}
.wc_r_formguide_advanced .performance .groups {
grid-area: groups
}
.wc_r_formguide_advanced .performance .misc {
grid-area: misc
}
.wc_r_formguide_advanced .performance table th {
width: 45%
}
.wc_r_formguide_advanced .performance table td {
width: 55%
}
.wc_r_formguide_advanced .previousruns {
grid-template-columns: 1fr;
grid-auto-rows: auto
}
.wc_r_formguide_advanced .previousruns .recentStart {
margin-bottom: .625rem;
display: grid;
grid-template-columns: 10% 50% 40%;
grid-template-areas: "header race results"
}
.wc_r_formguide_advanced .previousruns .recentStart .header {
grid-area: header;
display: grid;
grid-template-rows: 30% 1fr;
grid-template-areas: "raceDate" "runnerPlace";
justify-content: center;
align-items: center;
text-align: center;
background-color: #333
}
.wc_r_formguide_advanced .previousruns .recentStart .header .raceDate {
grid-area: raceDate
}
.wc_r_formguide_advanced .previousruns .recentStart .header .runnerPlace {
grid-area: runnerPlace
}
.wc_r_formguide_advanced .previousruns .recentStart .header .runnerPlace>div {
font-size: 1.1rem;
font-weight: bold
}
.wc_r_formguide_advanced .previousruns .recentStart .race {
grid-area: race
}
.wc_r_formguide_advanced .previousruns .recentStart .results {
grid-area: results;
background-color: #75808f
}
.wc_r_formguide_advanced .previousruns .recentStart div table thead tr th {
background-color: transparent;
color: #0d0d0d;
min-height: 2rem;
border: none
}
.wc_r_formguide_advanced .previousruns .recentStart div table tbody th {
font-weight: bold
}
.wc_r_formguide_advanced .previousruns .recentStart div table tbody td {
border: none
}
.wc_r_formguide_advanced .flucgraph {
display: grid;
grid-template-areas: "title title title title" "openF graph graph graph" "highF graph graph graph" "lowF graph graph graph" "curF graph graph graph";
grid-template-columns: 1fr 4fr;
grid-template-rows: auto 1fr 1fr 1fr 1fr;
grid-gap: .625rem
}
.wc_r_formguide_advanced .flucgraph h3 {
grid-area: title
}
.wc_r_formguide_advanced .flucgraph div span {
display: block
}
.wc_r_formguide_advanced .flucgraph div span.title {
font-weight: bold
}
.wc_r_formguide_advanced .flucgraph div span.value {
width: 80%;
text-align: right;
font-size: 1.5rem
}
.wc_r_formguide_advanced .flucgraph .openF {
grid-area: openF
}
.wc_r_formguide_advanced .flucgraph .highF {
grid-area: highF
}
.wc_r_formguide_advanced .flucgraph .lowF {
grid-area: lowF
}
.wc_r_formguide_advanced .flucgraph .curF {
grid-area: curF
}
.wc_r_formguide_advanced .flucgraph .canvas {
grid-area: graph
}
.wc_r_formguide_advanced .runnerInfo,.wc_r_formguide_advanced .performance,.wc_r_formguide_advanced .previousruns {
width: 100%;
display: grid;
grid-gap: .625rem;
grid-area: guidePage
}
.wc_r_formguide_advanced .runnerInfo .framePanel,.wc_r_formguide_advanced .performance .framePanel,.wc_r_formguide_advanced .previousruns .framePanel {
height: fit-content;
margin: 0
}
.wc_r_formguide_advanced .runnerInfo .staticMessage,.wc_r_formguide_advanced .performance .staticMessage,.wc_r_formguide_advanced .previousruns .staticMessage {
margin: 0;
display: flex;
align-items: center;
justify-content: center
}
.wc_r_formguide_advanced .runnerInfo div table thead tr th,.wc_r_formguide_advanced .performance div table thead tr th,.wc_r_formguide_advanced .previousruns div table thead tr th {
column-span: all
}
.wc_r_formguide_advanced .runnerInfo div table tbody tr td,.wc_r_formguide_advanced .performance div table tbody tr td,.wc_r_formguide_advanced .previousruns div table tbody tr td,.wc_r_formguide_advanced .runnerInfo div table tbody tr th,.wc_r_formguide_advanced .performance div table tbody tr th,.wc_r_formguide_advanced .previousruns div table tbody tr th {
border: none;
border-bottom: 1px solid #292e29
}
.wc_r_formguide_advanced .runnerInfo div table tbody tr:last-child td,.wc_r_formguide_advanced .performance div table tbody tr:last-child td,.wc_r_formguide_advanced .previousruns div table tbody tr:last-child td,.wc_r_formguide_advanced .runnerInfo div table tbody tr:last-child th,.wc_r_formguide_advanced .performance div table tbody tr:last-child th,.wc_r_formguide_advanced .previousruns div table tbody tr:last-child th {
border-bottom: none
}
.wc_r_raceCard .framePanel {
padding: 0;
position: relative;
padding-top: 2rem;
border-radius: 0;
min-height: 4rem
}
.wc_r_raceCard .framePanel.filters {
border: none;
padding: 0;
display: grid;
grid-template-columns: auto 12% auto;
width: 100%;
justify-items: start;
align-items: center
}
.wc_r_raceCard.results .framePanel.filters {
grid-template-columns: 1fr auto auto
}
.wc_r_raceCard .dayFilter .tabs {
width: 100%
}
.wc_r_raceCard .dayFilter .tabs li {
max-width: 12rem
}
.wc_r_raceCard .typeFilter .tabs {
width: 100%
}
.wc_r_raceCard .typeFilter .tabs li {
margin-top: 0;
margin-bottom: 0
}
.wc_r_raceCard .typeFilter .tabs li>a[class^="icon-"]:before {
font-size: 2rem
}
.wc_r_raceCard .typeFilter .tabs li>a[class^="icon-"]:empty,.wc_r_raceCard .typeFilter .tabs li>a[class*=" icon-"]:empty {
padding: .1rem .1rem
}
.wc_r_raceCard div.dateFilter {
justify-self: end
}
.wc_r_raceCard div.dateFilter form {
margin: 0;
padding: 0
}
.wc_r_raceCard div.dateFilter form>div.formLine {
margin: 0;
width: auto
}
.wc_r_raceCard div.dateFilter form>div.formLine>label {
display: none
}
.wc_r_raceCard div.dateFilter form>div.formLine>div {
display: grid;
grid-template-columns: auto auto auto auto;
grid-gap: .125rem;
width: auto;
margin: 0 .5rem 0 0
}
.wc_r_raceCard div.dateFilter form>div.formLine>div .datepartM {
margin: 0
}
.wc_r_raceCard div.dateFilter form>div.formLine>div a.button {
width: auto;
white-space: nowrap;
height: 2.25rem;
min-height: 0
}
.wc_r_raceCard div.dateFilter form>div.formLine>div.asDate {
grid-template-columns: auto auto
}
.wc_r_raceCard div.dateFilter form>div.formLine>div.asDate input {
text-align: center;
font-weight: bold
}
.wc_r_raceCard h3 {
border: none;
padding: 0;
position: absolute;
top: .25rem;
left: .75rem
}
.wc_r_raceCard h3:before {
font-size: 3rem
}
.wc_r_raceCard .staticMessage {
margin-top: 1.5rem
}
.wc_r_raceCard div.raceCard {
display: grid;
grid-template-columns: minmax(13rem,auto) 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-template-rows: auto;
grid-auto-rows: 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
grid-gap: .5rem;
margin: .75rem;
justify-content: center
}
.wc_r_raceCard div.raceCard>div {
border-radius: 7.5px;
background-color: #f5f5f5;
border: solid 1px #eee
}
.wc_r_raceCard div.raceCard>div.raceMeeting {
grid-column: 1;
justify-self: stretch;
font-weight: bold;
padding: .5rem;
background-color: #f0f0f0;
border: solid 1px #ebebeb
}
.wc_r_raceCard div.raceCard>div.noraceLate {
background-color: transparent;
border: solid 1px #f5f5f5
}
.wc_r_raceCard div.raceCard>div.race1 {
grid-column: 2
}
.wc_r_raceCard div.raceCard>div.race2 {
grid-column: 3
}
.wc_r_raceCard div.raceCard>div.race3 {
grid-column: 4
}
.wc_r_raceCard div.raceCard>div.race4 {
grid-column: 5
}
.wc_r_raceCard div.raceCard>div.race5 {
grid-column: 6
}
.wc_r_raceCard div.raceCard>div.race6 {
grid-column: 7
}
.wc_r_raceCard div.raceCard>div.race7 {
grid-column: 8
}
.wc_r_raceCard div.raceCard>div.race8 {
grid-column: 9
}
.wc_r_raceCard div.raceCard>div.race9 {
grid-column: 10
}
.wc_r_raceCard div.raceCard>div.race10 {
grid-column: 11
}
.wc_r_raceCard div.raceCard>div.race11 {
grid-column: 12
}
.wc_r_raceCard div.raceCard>div.race12 {
grid-column: 13
}
.wc_r_raceCard div.raceCard>div.race13 {
grid-column: 14
}
.wc_r_raceCard div.raceCard [class^="icon-"],.wc_r_raceCard div.raceCard .raceName {
display: none
}
.wc_r_raceCard div.raceCard a {
display: grid;
grid-template-columns: 1fr auto;
grid-template-rows: 1fr 1fr;
grid-template-areas: 'raceNum indicators' 'raceTTG raceTTG';
height: 100%;
width: 100%;
align-items: center;
padding: .5rem
}
.wc_r_raceCard div.raceCard .raceNum {
grid-area: raceNum
}
.wc_r_raceCard div.raceCard .raceNum:before {
content: 'R'
}
.wc_r_raceCard div.raceCard .indicators {
grid-area: indicators
}
.wc_r_raceCard div.raceCard .raceTTG {
grid-area: raceTTG;
text-align: center
}
.wc_r_raceCard div.raceCard .nextNum,.wc_r_raceCard div.raceCard .nextTime,.wc_r_raceCard div.raceCard .raceTime {
display: none
}
.wc_r_raceCard div.raceCard .indicators {
display: grid;
grid-auto-columns: 1fr;
grid-auto-flow: column;
grid-gap: .125rem;
align-self: start;
justify-self: end
}
.wc_r_raceCard div.raceCard .indicators span {
border-radius: 5px;
color: #fdfdfd;
font-size: .6rem;
font-weight: 600;
display: flex;
align-items: center;
justify-content: center;
min-width: .75rem;
height: .75rem
}
.wc_r_raceCard div.raceCard .indicators span.indFixed {
background-color: #75808f
}
.wc_r_raceCard div.raceCard .indicators span.indBenefit,.wc_r_raceCard div.raceCard .indicators span.indBoost {
background-color: #0bd51f
}
.wc_r_raceCard div.raceCard .indicators span.indSRM {
background-color: #f0710a
}
.wc_r_raceCard div.raceCard .final {
background-color: #d7d7d7;
font-size: .95rem
}
.wc_r_raceCard div.raceCard .final .raceTTG,.wc_r_raceCard div.raceCard .final .raceTime {
background-color: rgba(253,253,253,.2)
}
.wc_r_raceCard div.raceCard .interim .raceTTG,.wc_r_raceCard div.raceCard .suspended .raceTTG,.wc_r_raceCard div.raceCard .interim .raceTime,.wc_r_raceCard div.raceCard .suspended .raceTime {
background-color: #1f1f1f;
color: #fdfdfd
}
.wc_r_raceCard div.raceCard .abandoned {
background-color: #d7d7d7;
font-size: .95rem
}
.wc_r_raceCard div.raceCard .abandoned .raceTTG,.wc_r_raceCard div.raceCard .abandoned .raceTime {
color: rgba(13,13,13,.4)
}
.wc_r_raceCard div.raceCard .closing30min .raceTTG,.wc_r_raceCard div.raceCard .closing30min .raceTime {
background-color: #f0710a;
color: #fdfdfd
}
.wc_r_raceCard div.raceCard .closing5min .raceTTG,.wc_r_raceCard div.raceCard .closed .raceTTG,.wc_r_raceCard div.raceCard .closing5min .raceTime,.wc_r_raceCard div.raceCard .closed .raceTime {
background-color: #cb1029;
color: #fdfdfd
}
.wc_r_raceCard table.raceCard {
margin: 0
}
.wc_r_raceCard table.raceCard thead tr td,.wc_r_raceCard table.raceCard tbody tr td,.wc_r_raceCard table.raceCard thead tr th,.wc_r_raceCard table.raceCard tbody tr th {
padding: .625rem 0
}
.wc_r_raceCard table.raceCard thead tr td:first-child,.wc_r_raceCard table.raceCard tbody tr td:first-child,.wc_r_raceCard table.raceCard thead tr th:first-child,.wc_r_raceCard table.raceCard tbody tr th:first-child {
border-left: none
}
.wc_r_raceCard table.raceCard thead tr td:last-child,.wc_r_raceCard table.raceCard tbody tr td:last-child,.wc_r_raceCard table.raceCard thead tr th:last-child,.wc_r_raceCard table.raceCard tbody tr th:last-child {
border-right: none
}
.wc_r_raceCard table.raceCard thead tr th {
background-color: transparent;
color: #0d0d0d;
border: none
}
.wc_r_raceCard table.raceCard thead tr th span:before {
content: ""
}
.wc_r_raceCard table.raceCard tbody tr th {
padding-left: .625rem;
width: 15%;
text-align: left
}
.wc_r_raceCard table.raceCard tbody tr td {
min-width: 5%;
text-align: center;
max-width: 1rem;
padding: .25rem
}
.wc_r_raceCard table.raceCard tbody tr td a {
width: 100%;
height: 100%;
margin: auto;
display: flex;
justify-content: center;
align-items: center;
padding: .5rem 0
}
.wc_r_raceCard table.raceCard tbody:last-of-type tr:last-child td,.wc_r_raceCard table.raceCard tbody:last-of-type tr:last-child th {
border-bottom: none
}
.wc_r_raceCard table.raceCard tbody:last-of-type tr:last-child td:first-child,.wc_r_raceCard table.raceCard tbody:last-of-type tr:last-child th:first-child {
border-bottom-left-radius: 10px
}
.wc_r_raceCard table.raceCard tbody:last-of-type tr:last-child td:last-child,.wc_r_raceCard table.raceCard tbody:last-of-type tr:last-child th:last-child {
border-bottom-right-radius: 10px
}
.wc_r_raceCard table.raceCard .teamSilk.asFlag {
width: 3rem;
height: 2rem
}
.wc_r_raceCard table.raceCard .raceCell:hover,.wc_r_raceCard ul.tableLegend .raceCell:hover {
font-weight: bold
}
.wc_r_raceCard table.raceCard .fixed,.wc_r_raceCard ul.tableLegend .fixed {
position: relative
}
.wc_r_raceCard table.raceCard .fixed:after,.wc_r_raceCard ul.tableLegend .fixed:after {
top: 0;
right: 0;
content: "";
height: 0;
width: 0;
position: absolute;
margin: auto;
border: solid 5px transparent;
border-top-color: #0d0d0d;
border-right-color: #0d0d0d
}
.wc_r_raceCard table.raceCard .abandoned,.wc_r_raceCard ul.tableLegend .abandoned,.wc_r_raceCard table.raceCard .interim,.wc_r_raceCard ul.tableLegend .interim,.wc_r_raceCard table.raceCard .final,.wc_r_raceCard ul.tableLegend .final {
font-size: .8rem
}
.wc_r_raceCard table.raceCard .final,.wc_r_raceCard ul.tableLegend .final {
background-color: #9efaa7
}
.wc_r_raceCard table.raceCard .interim,.wc_r_raceCard ul.tableLegend .interim,.wc_r_raceCard table.raceCard .suspended,.wc_r_raceCard ul.tableLegend .suspended {
background-color: #6c6c6c
}
.wc_r_raceCard table.raceCard .abandoned,.wc_r_raceCard ul.tableLegend .abandoned {
background-color: #737373
}
.wc_r_raceCard table.raceCard .abandoned a,.wc_r_raceCard ul.tableLegend .abandoned a {
color: #fdfdfd
}
.wc_r_raceCard table.raceCard .closing30min,.wc_r_raceCard ul.tableLegend .closing30min {
background-color: #f67e1e
}
.wc_r_raceCard table.raceCard .closing30min a,.wc_r_raceCard ul.tableLegend .closing30min a {
color: #fdfdfd
}
.wc_r_raceCard table.raceCard .closing5min,.wc_r_raceCard ul.tableLegend .closing5min,.wc_r_raceCard table.raceCard .closed,.wc_r_raceCard ul.tableLegend .closed {
background-color: #e3122e
}
.wc_r_raceCard table.raceCard .closing5min a,.wc_r_raceCard ul.tableLegend .closing5min a,.wc_r_raceCard table.raceCard .closed a,.wc_r_raceCard ul.tableLegend .closed a {
color: #fdfdfd
}
.wc_r_raceCard ul.tableLegend {
font-size: .8rem;
margin: 0 0 0 1rem;
list-style: none;
display: grid;
grid-template-columns: auto auto auto auto auto;
width: fit-content;
grid-gap: 1rem
}
.wc_r_raceCard ul.tableLegend li {
color: #0d0d0d;
font-weight: bold
}
.wc_r_raceCard ul.tableLegend span.legendSample {
margin-right: .25rem;
padding: .75rem;
display: inline-block;
border-radius: 10px;
height: 2rem;
width: 2rem;
border: solid 1px #292e29;
vertical-align: middle;
overflow: hidden
}
.wc_r_NextToJumpGrid .framePanel,.wc_r_raceCardGrid .framePanel {
padding: .5rem;
position: relative;
border-radius: 0;
margin-bottom: 1.25rem;
border-radius: 10px
}
.wc_r_NextToJumpGrid .framePanel.filters,.wc_r_raceCardGrid .framePanel.filters {
border: none;
padding: 0;
display: grid;
grid-template-columns: 1fr;
grid-auto-flow: column;
width: 100%;
justify-items: start;
align-items: center;
background-color: transparent;
grid-gap: 1rem;
margin-bottom: .5rem
}
.wc_r_NextToJumpGrid .framePanel.filters>section,.wc_r_raceCardGrid .framePanel.filters>section {
position: relative;
justify-content: center;
grid-gap: 1.25rem;
padding: 1.25rem 0;
border: none;
margin: 0;
width: auto
}
.wc_r_NextToJumpGrid .framePanel.filters>section li,.wc_r_raceCardGrid .framePanel.filters>section li {
background-color: #333;
border: none;
min-height: 1.875rem
}
.wc_r_NextToJumpGrid .framePanel.filters>section li.selected,.wc_r_raceCardGrid .framePanel.filters>section li.selected {
color: #fdfdfd;
background-color: #1f1f1f;
border-color: #1f1f1f
}
.wc_r_NextToJumpGrid .framePanel.filters>section li.expired,.wc_r_raceCardGrid .framePanel.filters>section li.expired {
background-color: #808080
}
.wc_r_NextToJumpGrid .framePanel.filters>section li.disabled,.wc_r_raceCardGrid .framePanel.filters>section li.disabled {
border-color: #404040;
opacity: .4
}
.wc_r_NextToJumpGrid .framePanel.filters>section li[class^="icon-"],.wc_r_raceCardGrid .framePanel.filters>section li[class^="icon-"],.wc_r_NextToJumpGrid .framePanel.filters>section li[class*=" icon-"],.wc_r_raceCardGrid .framePanel.filters>section li[class*=" icon-"] {
position: relative;
padding-top: 2.25rem
}
.wc_r_NextToJumpGrid .framePanel.filters>section li[class^="icon-"]:before,.wc_r_raceCardGrid .framePanel.filters>section li[class^="icon-"]:before,.wc_r_NextToJumpGrid .framePanel.filters>section li[class*=" icon-"]:before,.wc_r_raceCardGrid .framePanel.filters>section li[class*=" icon-"]:before {
font-size: 2.25rem;
position: absolute;
top: 0;
left: auto;
right: auto
}
.wc_r_NextToJumpGrid .framePanel.filters>section li,.wc_r_raceCardGrid .framePanel.filters>section li {
flex-grow: 0;
padding: 0;
background-color: #1f1f1f;
border: solid 1px rgba(11,213,31,.25);
border-radius: 10px
}
.wc_r_NextToJumpGrid .framePanel.filters>section li>a[class^="icon-"],.wc_r_raceCardGrid .framePanel.filters>section li>a[class^="icon-"],.wc_r_NextToJumpGrid .framePanel.filters>section li>a[class*=" icon-"],.wc_r_raceCardGrid .framePanel.filters>section li>a[class*=" icon-"] {
display: grid;
position: unset;
align-items: center;
justify-content: center;
justify-items: center;
grid-gap: .3125rem;
min-width: 5rem;
padding: .675rem;
color: #fdfdfd
}
.wc_r_NextToJumpGrid .framePanel.filters>section li>a[class^="icon-"]:before,.wc_r_raceCardGrid .framePanel.filters>section li>a[class^="icon-"]:before,.wc_r_NextToJumpGrid .framePanel.filters>section li>a[class*=" icon-"]:before,.wc_r_raceCardGrid .framePanel.filters>section li>a[class*=" icon-"]:before {
position: unset;
display: flex;
align-items: center;
justify-content: center;
height: 3rem;
width: 3rem;
border: solid 2px #0bd51f;
border-radius: 3rem;
font-size: 1.75rem
}
.wc_r_NextToJumpGrid .framePanel.filters>section li.selected,.wc_r_raceCardGrid .framePanel.filters>section li.selected {
background-color: #0bd51f;
border-color: #0bd51f
}
.wc_r_NextToJumpGrid .framePanel.filters>section li.selected a,.wc_r_raceCardGrid .framePanel.filters>section li.selected a {
color: #0d0d0d
}
.wc_r_NextToJumpGrid .framePanel.filters>section li.selected>a[class^="icon-"]:before,.wc_r_raceCardGrid .framePanel.filters>section li.selected>a[class^="icon-"]:before,.wc_r_NextToJumpGrid .framePanel.filters>section li.selected>a[class*=" icon-"]:before,.wc_r_raceCardGrid .framePanel.filters>section li.selected>a[class*=" icon-"]:before {
border-color: #1f1f1f
}
.wc_r_NextToJumpGrid .framePanel.filters>section li.selected:hover:not(.disabled),.wc_r_raceCardGrid .framePanel.filters>section li.selected:hover:not(.disabled) {
background-color: #13f32a;
border-color: #13f32a
}
.wc_r_NextToJumpGrid .framePanel.filters>section li.selected:hover:not(.disabled)>a,.wc_r_raceCardGrid .framePanel.filters>section li.selected:hover:not(.disabled)>a {
color: #0d0d0d
}
.wc_r_NextToJumpGrid .framePanel.filters>section li:hover:not(.disabled),.wc_r_raceCardGrid .framePanel.filters>section li:hover:not(.disabled) {
background-color: #282828;
border-color: rgba(11,213,31,.5)
}
.wc_r_NextToJumpGrid .framePanel.noRaces .raceCard,.wc_r_raceCardGrid .framePanel.noRaces .raceCard {
grid-template-columns: 1fr
}
.wc_r_NextToJumpGrid .staticMessage,.wc_r_raceCardGrid .staticMessage {
margin: 0
}
.wc_r_NextToJumpGrid .tabs,.wc_r_raceCardGrid .tabs {
border: none;
min-height: 0;
grid-gap: .5rem
}
.wc_r_NextToJumpGrid .tabs li,.wc_r_raceCardGrid .tabs li {
margin-top: 0;
margin-bottom: 0;
min-height: 3rem
}
.wc_r_NextToJumpGrid .tabs.dayFilter,.wc_r_raceCardGrid .tabs.dayFilter {
width: auto;
display: grid;
grid-auto-flow: column;
grid-auto-columns: minmax(8rem,12rem);
justify-content: start
}
.wc_r_NextToJumpGrid .tabs.ausintFilter,.wc_r_raceCardGrid .tabs.ausintFilter,.wc_r_NextToJumpGrid .tabs.typeFilter,.wc_r_raceCardGrid .tabs.typeFilter {
justify-self: end;
width: fit-content
}
.wc_r_NextToJumpGrid .tabs.ausintFilter li,.wc_r_raceCardGrid .tabs.ausintFilter li,.wc_r_NextToJumpGrid .tabs.typeFilter li,.wc_r_raceCardGrid .tabs.typeFilter li {
max-width: 3rem;
width: 3rem
}
.wc_r_NextToJumpGrid .tabs.ausintFilter li>a[class^="icon-"]:before,.wc_r_raceCardGrid .tabs.ausintFilter li>a[class^="icon-"]:before,.wc_r_NextToJumpGrid .tabs.typeFilter li>a[class^="icon-"]:before,.wc_r_raceCardGrid .tabs.typeFilter li>a[class^="icon-"]:before {
font-size: 2rem
}
.wc_r_NextToJumpGrid .tabs.ausintFilter li>a[class^="icon-"]:empty,.wc_r_raceCardGrid .tabs.ausintFilter li>a[class^="icon-"]:empty,.wc_r_NextToJumpGrid .tabs.typeFilter li>a[class^="icon-"]:empty,.wc_r_raceCardGrid .tabs.typeFilter li>a[class^="icon-"]:empty,.wc_r_NextToJumpGrid .tabs.ausintFilter li>a[class*=" icon-"]:empty,.wc_r_raceCardGrid .tabs.ausintFilter li>a[class*=" icon-"]:empty,.wc_r_NextToJumpGrid .tabs.typeFilter li>a[class*=" icon-"]:empty,.wc_r_raceCardGrid .tabs.typeFilter li>a[class*=" icon-"]:empty {
padding: .1rem .1rem
}
.wc_r_NextToJumpGrid h3,.wc_r_raceCardGrid h3 {
border: none;
padding: 0;
margin: 0
}
.wc_r_NextToJumpGrid h3:before,.wc_r_raceCardGrid h3:before {
font-size: 3rem
}
.wc_r_NextToJumpGrid .raceCardContainer,.wc_r_raceCardGrid .raceCardContainer {
padding-top: .25rem
}
.wc_r_NextToJumpGrid .raceCard,.wc_r_raceCardGrid .raceCard {
display: grid;
grid-template-columns: minmax(13rem,auto) 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-template-rows: auto;
grid-auto-rows: auto;
grid-auto-columns: 1fr;
grid-auto-flow: row;
grid-gap: .5rem;
justify-content: center
}
.wc_r_NextToJumpGrid .raceCard.noRaces,.wc_r_raceCardGrid .raceCard.noRaces {
grid-template-columns: 1fr
}
.wc_r_NextToJumpGrid .raceCard a,.wc_r_raceCardGrid .raceCard a {
border-radius: inherit;
display: grid;
grid-template-columns: 1fr auto;
grid-template-rows: 1fr 1fr;
grid-template-areas: 'raceNum indicators' 'raceTTG raceTTG';
height: 100%;
width: 100%;
align-items: center;
padding: .5rem
}
.wc_r_NextToJumpGrid .raceCard>div,.wc_r_raceCardGrid .raceCard>div {
border-radius: 7.5px;
background-color: #f5f5f5;
border: solid 1px #eee
}
.wc_r_NextToJumpGrid .raceCard>div.raceBlock a.final:hover:not(.disabled),.wc_r_raceCardGrid .raceCard>div.raceBlock a.final:hover:not(.disabled) {
background-color: #d0d0d0
}
.wc_r_NextToJumpGrid .raceCard>div.raceBlock a.abandoned:hover:not(.disabled),.wc_r_raceCardGrid .raceCard>div.raceBlock a.abandoned:hover:not(.disabled) {
background-color: #d0d0d0
}
.wc_r_NextToJumpGrid .raceCard>div.raceBlock a:hover:not(.disabled),.wc_r_raceCardGrid .raceCard>div.raceBlock a:hover:not(.disabled) {
background-color: #ececec
}
.wc_r_NextToJumpGrid .raceCard>div.raceMeeting,.wc_r_raceCardGrid .raceCard>div.raceMeeting {
grid-column: 1;
justify-self: stretch;
font-weight: bold;
padding: .5rem;
background-color: #f4f4f4;
border: solid 1px #e9e9e9
}
.wc_r_NextToJumpGrid .raceCard>div.raceMeeting.noraceLate,.wc_r_raceCardGrid .raceCard>div.raceMeeting.noraceLate {
background-color: transparent;
border: solid 1px #f5f5f5
}
.wc_r_NextToJumpGrid .raceCard>div.race1,.wc_r_raceCardGrid .raceCard>div.race1 {
grid-column: 2
}
.wc_r_NextToJumpGrid .raceCard>div.race2,.wc_r_raceCardGrid .raceCard>div.race2 {
grid-column: 3
}
.wc_r_NextToJumpGrid .raceCard>div.race3,.wc_r_raceCardGrid .raceCard>div.race3 {
grid-column: 4
}
.wc_r_NextToJumpGrid .raceCard>div.race4,.wc_r_raceCardGrid .raceCard>div.race4 {
grid-column: 5
}
.wc_r_NextToJumpGrid .raceCard>div.race5,.wc_r_raceCardGrid .raceCard>div.race5 {
grid-column: 6
}
.wc_r_NextToJumpGrid .raceCard>div.race6,.wc_r_raceCardGrid .raceCard>div.race6 {
grid-column: 7
}
.wc_r_NextToJumpGrid .raceCard>div.race7,.wc_r_raceCardGrid .raceCard>div.race7 {
grid-column: 8
}
.wc_r_NextToJumpGrid .raceCard>div.race8,.wc_r_raceCardGrid .raceCard>div.race8 {
grid-column: 9
}
.wc_r_NextToJumpGrid .raceCard>div.race9,.wc_r_raceCardGrid .raceCard>div.race9 {
grid-column: 10
}
.wc_r_NextToJumpGrid .raceCard>div.race10,.wc_r_raceCardGrid .raceCard>div.race10 {
grid-column: 11
}
.wc_r_NextToJumpGrid .raceCard>div.race11,.wc_r_raceCardGrid .raceCard>div.race11 {
grid-column: 12
}
.wc_r_NextToJumpGrid .raceCard>div.race12,.wc_r_raceCardGrid .raceCard>div.race12 {
grid-column: 13
}
.wc_r_NextToJumpGrid .raceCard>div.race13,.wc_r_raceCardGrid .raceCard>div.race13 {
grid-column: 14
}
.wc_r_NextToJumpGrid .raceCard [class^="icon-"],.wc_r_raceCardGrid .raceCard [class^="icon-"],.wc_r_NextToJumpGrid .raceCard .raceName,.wc_r_raceCardGrid .raceCard .raceName,.wc_r_NextToJumpGrid .raceCard .nextNum,.wc_r_raceCardGrid .raceCard .nextNum,.wc_r_NextToJumpGrid .raceCard .nextTime,.wc_r_raceCardGrid .raceCard .nextTime,.wc_r_NextToJumpGrid .raceCard .raceTime,.wc_r_raceCardGrid .raceCard .raceTime {
display: none
}
.wc_r_NextToJumpGrid .raceCard .raceNum,.wc_r_raceCardGrid .raceCard .raceNum {
align-self: start;
line-height: 1;
font-weight: 600;
grid-area: raceNum
}
.wc_r_NextToJumpGrid .raceCard .raceNum:before,.wc_r_raceCardGrid .raceCard .raceNum:before {
content: 'R'
}
.wc_r_NextToJumpGrid .raceCard .raceTTG,.wc_r_raceCardGrid .raceCard .raceTTG {
padding-bottom: 1px;
border-radius: 5px;
font-family: "monspace";
font-size: 87.5%;
grid-area: raceTTG;
text-align: center
}
.wc_r_NextToJumpGrid .raceCard .indicators,.wc_r_raceCardGrid .raceCard .indicators {
grid-area: indicators;
display: grid;
grid-auto-columns: 1fr;
grid-auto-flow: column;
grid-gap: .125rem;
align-self: start;
justify-self: end
}
.wc_r_NextToJumpGrid .raceCard .indicators span,.wc_r_raceCardGrid .raceCard .indicators span {
border-radius: 5px;
color: #fdfdfd;
font-size: .6rem;
font-weight: 600;
display: flex;
align-items: center;
justify-content: center;
padding-top: 1px;
min-width: 12px;
height: 12px
}
.wc_r_NextToJumpGrid .raceCard .indicators span.indFixed,.wc_r_raceCardGrid .raceCard .indicators span.indFixed {
background-color: #75808f
}
.wc_r_NextToJumpGrid .raceCard .indicators span.indBenefit,.wc_r_raceCardGrid .raceCard .indicators span.indBenefit,.wc_r_NextToJumpGrid .raceCard .indicators span.indBoost,.wc_r_raceCardGrid .raceCard .indicators span.indBoost {
background-color: #0bd51f
}
.wc_r_NextToJumpGrid .raceCard .indicators span.indSRM,.wc_r_raceCardGrid .raceCard .indicators span.indSRM {
background-color: #f0710a
}
.wc_r_NextToJumpGrid .raceCard .closing30min .raceTTG,.wc_r_raceCardGrid .raceCard .closing30min .raceTTG,.wc_r_NextToJumpGrid ul.tableLegend .closing30min .raceTTG,.wc_r_raceCardGrid ul.tableLegend .closing30min .raceTTG,.wc_r_NextToJumpGrid .raceCard .closing30min .raceTime,.wc_r_raceCardGrid .raceCard .closing30min .raceTime,.wc_r_NextToJumpGrid ul.tableLegend .closing30min .raceTime,.wc_r_raceCardGrid ul.tableLegend .closing30min .raceTime {
background-color: #f0710a;
color: #fdfdfd;
font-weight: 600
}
.wc_r_NextToJumpGrid .raceCard .closing5min .raceTTG,.wc_r_raceCardGrid .raceCard .closing5min .raceTTG,.wc_r_NextToJumpGrid ul.tableLegend .closing5min .raceTTG,.wc_r_raceCardGrid ul.tableLegend .closing5min .raceTTG,.wc_r_NextToJumpGrid .raceCard .closed .raceTTG,.wc_r_raceCardGrid .raceCard .closed .raceTTG,.wc_r_NextToJumpGrid ul.tableLegend .closed .raceTTG,.wc_r_raceCardGrid ul.tableLegend .closed .raceTTG,.wc_r_NextToJumpGrid .raceCard .closing5min .raceTime,.wc_r_raceCardGrid .raceCard .closing5min .raceTime,.wc_r_NextToJumpGrid ul.tableLegend .closing5min .raceTime,.wc_r_raceCardGrid ul.tableLegend .closing5min .raceTime,.wc_r_NextToJumpGrid .raceCard .closed .raceTime,.wc_r_raceCardGrid .raceCard .closed .raceTime,.wc_r_NextToJumpGrid ul.tableLegend .closed .raceTime,.wc_r_raceCardGrid ul.tableLegend .closed .raceTime {
background-color: #cb1029;
color: #fdfdfd;
font-weight: 600
}
.wc_r_NextToJumpGrid .raceCard .interim .raceTTG,.wc_r_raceCardGrid .raceCard .interim .raceTTG,.wc_r_NextToJumpGrid ul.tableLegend .interim .raceTTG,.wc_r_raceCardGrid ul.tableLegend .interim .raceTTG,.wc_r_NextToJumpGrid .raceCard .suspended .raceTTG,.wc_r_raceCardGrid .raceCard .suspended .raceTTG,.wc_r_NextToJumpGrid ul.tableLegend .suspended .raceTTG,.wc_r_raceCardGrid ul.tableLegend .suspended .raceTTG,.wc_r_NextToJumpGrid .raceCard .interim .raceTime,.wc_r_raceCardGrid .raceCard .interim .raceTime,.wc_r_NextToJumpGrid ul.tableLegend .interim .raceTime,.wc_r_raceCardGrid ul.tableLegend .interim .raceTime,.wc_r_NextToJumpGrid .raceCard .suspended .raceTime,.wc_r_raceCardGrid .raceCard .suspended .raceTime,.wc_r_NextToJumpGrid ul.tableLegend .suspended .raceTime,.wc_r_raceCardGrid ul.tableLegend .suspended .raceTime {
background-color: #1f1f1f;
color: #fdfdfd
}
.wc_r_NextToJumpGrid .raceCard .abandoned,.wc_r_raceCardGrid .raceCard .abandoned,.wc_r_NextToJumpGrid ul.tableLegend .abandoned,.wc_r_raceCardGrid ul.tableLegend .abandoned {
background-color: #d7d7d7;
font-size: .95rem
}
.wc_r_NextToJumpGrid .raceCard .abandoned .raceTTG,.wc_r_raceCardGrid .raceCard .abandoned .raceTTG,.wc_r_NextToJumpGrid ul.tableLegend .abandoned .raceTTG,.wc_r_raceCardGrid ul.tableLegend .abandoned .raceTTG,.wc_r_NextToJumpGrid .raceCard .abandoned .raceTime,.wc_r_raceCardGrid .raceCard .abandoned .raceTime,.wc_r_NextToJumpGrid ul.tableLegend .abandoned .raceTime,.wc_r_raceCardGrid ul.tableLegend .abandoned .raceTime {
color: rgba(13,13,13,.4)
}
.wc_r_NextToJumpGrid .raceCard .final,.wc_r_raceCardGrid .raceCard .final,.wc_r_NextToJumpGrid ul.tableLegend .final,.wc_r_raceCardGrid ul.tableLegend .final {
background-color: #d7d7d7;
font-size: .95rem
}
.wc_r_NextToJumpGrid .raceCard .final .raceTTG,.wc_r_raceCardGrid .raceCard .final .raceTTG,.wc_r_NextToJumpGrid ul.tableLegend .final .raceTTG,.wc_r_raceCardGrid ul.tableLegend .final .raceTTG,.wc_r_NextToJumpGrid .raceCard .final .raceTime,.wc_r_raceCardGrid .raceCard .final .raceTime,.wc_r_NextToJumpGrid ul.tableLegend .final .raceTime,.wc_r_raceCardGrid ul.tableLegend .final .raceTime {
background-color: transparent
}
.wc_r_NextToJumpGrid .raceCard .indicators span.indFixed,.wc_r_raceCardGrid .raceCard .indicators span.indFixed,.wc_r_NextToJumpGrid ul.tableLegend .indicators span.indFixed,.wc_r_raceCardGrid ul.tableLegend .indicators span.indFixed {
background-color: #75808f
}
.wc_r_NextToJumpGrid .raceCard .indicators span.indBenefit,.wc_r_raceCardGrid .raceCard .indicators span.indBenefit,.wc_r_NextToJumpGrid ul.tableLegend .indicators span.indBenefit,.wc_r_raceCardGrid ul.tableLegend .indicators span.indBenefit,.wc_r_NextToJumpGrid .raceCard .indicators span.indBoost,.wc_r_raceCardGrid .raceCard .indicators span.indBoost,.wc_r_NextToJumpGrid ul.tableLegend .indicators span.indBoost,.wc_r_raceCardGrid ul.tableLegend .indicators span.indBoost {
background-color: #0bd51f
}
.wc_r_NextToJumpGrid .raceCard .indicators span.indSRM,.wc_r_raceCardGrid .raceCard .indicators span.indSRM,.wc_r_NextToJumpGrid ul.tableLegend .indicators span.indSRM,.wc_r_raceCardGrid ul.tableLegend .indicators span.indSRM {
background-color: #f0710a
}
.wc_r_NextToJumpGrid ul.tableLegend,.wc_r_raceCardGrid ul.tableLegend {
font-size: .8rem;
margin: 0 0 0 1rem;
list-style: none;
display: grid;
grid-template-columns: auto auto auto auto auto auto;
width: fit-content;
grid-gap: 1rem
}
.wc_r_NextToJumpGrid ul.tableLegend li,.wc_r_raceCardGrid ul.tableLegend li {
color: #0d0d0d;
font-weight: bold
}
.wc_r_NextToJumpGrid ul.tableLegend span.legendSample,.wc_r_raceCardGrid ul.tableLegend span.legendSample {
margin-right: .25rem;
border-radius: 10px;
height: 2rem;
width: 2rem;
border: solid 1px #292e29;
vertical-align: middle;
overflow: hidden;
display: inline-flex;
align-content: center;
justify-content: center;
align-items: flex-end;
padding-bottom: .25rem
}
.wc_r_NextToJumpGrid ul.tableLegend span.legendSample span,.wc_r_raceCardGrid ul.tableLegend span.legendSample span {
width: 1.4rem;
height: .7rem;
display: block;
border-radius: 5px
}
.wc_r_NextToJumpGrid ul.tableLegend span.legendSample.indicators,.wc_r_raceCardGrid ul.tableLegend span.legendSample.indicators {
justify-content: end;
align-items: start;
padding: .25rem .25rem 0 0
}
.wc_r_NextToJumpGrid ul.tableLegend span.legendSample.indicators span,.wc_r_raceCardGrid ul.tableLegend span.legendSample.indicators span {
width: .6rem;
height: .6rem;
font-size: 0
}
.wc_r_NextToJumpGrid.futures .raceCard,.wc_r_raceCardGrid.futures .raceCard {
grid-template-columns: 3fr 5fr 3fr 5fr
}
.wc_r_NextToJumpGrid.futures .raceCard .raceNum,.wc_r_raceCardGrid.futures .raceCard .raceNum {
display: none
}
.wc_r_NextToJumpGrid.futures .raceCard .raceName,.wc_r_raceCardGrid.futures .raceCard .raceName {
display: inline;
grid-area: raceNum;
font-weight: bold
}
.wc_r_NextToJumpGrid.futures .raceCard .raceTTG,.wc_r_raceCardGrid.futures .raceCard .raceTTG {
text-align: start
}
.wc_r_NextToJumpGrid.futures .raceCard.noRaces,.wc_r_raceCardGrid.futures .raceCard.noRaces {
grid-template-columns: 1fr
}
.wc_r_NextToJumpGrid.futures .raceCard div.raceMeeting,.wc_r_raceCardGrid.futures .raceCard div.raceMeeting,.wc_r_NextToJumpGrid.futures .raceCard div.race1,.wc_r_raceCardGrid.futures .raceCard div.race1 {
grid-column: auto
}
.wc_r_NextToJumpGrid div.dateFilter,.wc_r_raceCardGrid div.dateFilter {
display: grid;
grid-auto-flow: column;
justify-self: end;
align-items: center;
grid-gap: .25rem;
margin: 0;
width: auto
}
.wc_r_NextToJumpGrid div.dateFilter form,.wc_r_raceCardGrid div.dateFilter form {
padding: 0;
margin: 0;
width: auto
}
.wc_r_NextToJumpGrid div.dateFilter form>label,.wc_r_raceCardGrid div.dateFilter form>label {
display: none
}
.wc_r_NextToJumpGrid div.dateFilter form div.formLine,.wc_r_raceCardGrid div.dateFilter form div.formLine {
display: grid;
grid-template-columns: 1fr auto 1fr;
margin: 0;
width: auto;
grid-gap: .5rem
}
.wc_r_NextToJumpGrid div.dateFilter form div.formLine a,.wc_r_raceCardGrid div.dateFilter form div.formLine a {
width: 100%;
white-space: nowrap;
height: 2.25rem;
min-height: 0;
margin-top: 0;
display: inline-flex;
min-height: 3rem
}
.wc_r_NextToJumpGrid div.dateFilter form div.formLine .dates,.wc_r_raceCardGrid div.dateFilter form div.formLine .dates {
position: relative;
justify-content: center;
grid-gap: 1.25rem;
padding: 1.25rem 0;
border: none;
display: grid;
grid-template-columns: 2fr 3fr 2fr;
align-items: center;
grid-gap: .25rem;
width: auto;
padding: .25rem .5rem;
margin: 0
}
.wc_r_NextToJumpGrid div.dateFilter form div.formLine .dates li,.wc_r_raceCardGrid div.dateFilter form div.formLine .dates li {
background-color: #333;
border: none;
min-height: 1.875rem
}
.wc_r_NextToJumpGrid div.dateFilter form div.formLine .dates li.selected,.wc_r_raceCardGrid div.dateFilter form div.formLine .dates li.selected {
color: #fdfdfd;
background-color: #1f1f1f;
border-color: #1f1f1f
}
.wc_r_NextToJumpGrid div.dateFilter form div.formLine .dates li.expired,.wc_r_raceCardGrid div.dateFilter form div.formLine .dates li.expired {
background-color: #808080
}
.wc_r_NextToJumpGrid div.dateFilter form div.formLine .dates li.disabled,.wc_r_raceCardGrid div.dateFilter form div.formLine .dates li.disabled {
border-color: #404040;
opacity: .4
}
.wc_r_NextToJumpGrid div.dateFilter form div.formLine .dates li[class^="icon-"],.wc_r_raceCardGrid div.dateFilter form div.formLine .dates li[class^="icon-"],.wc_r_NextToJumpGrid div.dateFilter form div.formLine .dates li[class*=" icon-"],.wc_r_raceCardGrid div.dateFilter form div.formLine .dates li[class*=" icon-"] {
position: relative;
padding-top: 2.25rem
}
.wc_r_NextToJumpGrid div.dateFilter form div.formLine .dates li[class^="icon-"]:before,.wc_r_raceCardGrid div.dateFilter form div.formLine .dates li[class^="icon-"]:before,.wc_r_NextToJumpGrid div.dateFilter form div.formLine .dates li[class*=" icon-"]:before,.wc_r_raceCardGrid div.dateFilter form div.formLine .dates li[class*=" icon-"]:before {
font-size: 2.25rem;
position: absolute;
top: 0;
left: auto;
right: auto
}
.wc_r_NextToJumpGrid div.dateFilter form div.formLine .dates li,.wc_r_raceCardGrid div.dateFilter form div.formLine .dates li {
flex-grow: 0;
padding: 0;
background-color: #1f1f1f;
border: solid 1px rgba(11,213,31,.25);
border-radius: 10px
}
.wc_r_NextToJumpGrid div.dateFilter form div.formLine .dates li>a[class^="icon-"],.wc_r_raceCardGrid div.dateFilter form div.formLine .dates li>a[class^="icon-"],.wc_r_NextToJumpGrid div.dateFilter form div.formLine .dates li>a[class*=" icon-"],.wc_r_raceCardGrid div.dateFilter form div.formLine .dates li>a[class*=" icon-"] {
display: grid;
position: unset;
align-items: center;
justify-content: center;
justify-items: center;
grid-gap: .3125rem;
min-width: 5rem;
padding: .675rem;
color: #fdfdfd
}
.wc_r_NextToJumpGrid div.dateFilter form div.formLine .dates li>a[class^="icon-"]:before,.wc_r_raceCardGrid div.dateFilter form div.formLine .dates li>a[class^="icon-"]:before,.wc_r_NextToJumpGrid div.dateFilter form div.formLine .dates li>a[class*=" icon-"]:before,.wc_r_raceCardGrid div.dateFilter form div.formLine .dates li>a[class*=" icon-"]:before {
position: unset;
display: flex;
align-items: center;
justify-content: center;
height: 3rem;
width: 3rem;
border: solid 2px #0bd51f;
border-radius: 3rem;
font-size: 1.75rem
}
.wc_r_NextToJumpGrid div.dateFilter form div.formLine .dates li.selected,.wc_r_raceCardGrid div.dateFilter form div.formLine .dates li.selected {
background-color: #0bd51f;
border-color: #0bd51f
}
.wc_r_NextToJumpGrid div.dateFilter form div.formLine .dates li.selected a,.wc_r_raceCardGrid div.dateFilter form div.formLine .dates li.selected a {
color: #0d0d0d
}
.wc_r_NextToJumpGrid div.dateFilter form div.formLine .dates li.selected>a[class^="icon-"]:before,.wc_r_raceCardGrid div.dateFilter form div.formLine .dates li.selected>a[class^="icon-"]:before,.wc_r_NextToJumpGrid div.dateFilter form div.formLine .dates li.selected>a[class*=" icon-"]:before,.wc_r_raceCardGrid div.dateFilter form div.formLine .dates li.selected>a[class*=" icon-"]:before {
border-color: #1f1f1f
}
.wc_r_NextToJumpGrid div.dateFilter form div.formLine .dates li.selected:hover:not(.disabled),.wc_r_raceCardGrid div.dateFilter form div.formLine .dates li.selected:hover:not(.disabled) {
background-color: #13f32a;
border-color: #13f32a
}
.wc_r_NextToJumpGrid div.dateFilter form div.formLine .dates li.selected:hover:not(.disabled)>a,.wc_r_raceCardGrid div.dateFilter form div.formLine .dates li.selected:hover:not(.disabled)>a {
color: #0d0d0d
}
.wc_r_NextToJumpGrid div.dateFilter form div.formLine .dates li:hover:not(.disabled),.wc_r_raceCardGrid div.dateFilter form div.formLine .dates li:hover:not(.disabled) {
background-color: #282828;
border-color: rgba(11,213,31,.5)
}
.wc_r_NextToJumpGrid div.dateFilter form div.formLine .dates .datepartD,.wc_r_raceCardGrid div.dateFilter form div.formLine .dates .datepartD,.wc_r_NextToJumpGrid div.dateFilter form div.formLine .dates .datepartM,.wc_r_raceCardGrid div.dateFilter form div.formLine .dates .datepartM,.wc_r_NextToJumpGrid div.dateFilter form div.formLine .dates .datepartY,.wc_r_raceCardGrid div.dateFilter form div.formLine .dates .datepartY {
margin: 0;
width: auto
}
.wc_r_NextToJumpGrid div.dateFilter form div.formLine .dates.asDate,.wc_r_raceCardGrid div.dateFilter form div.formLine .dates.asDate {
grid-template-columns: auto auto
}
.wc_r_NextToJumpGrid div.dateFilter form div.formLine .dates.asDate input,.wc_r_raceCardGrid div.dateFilter form div.formLine .dates.asDate input {
text-align: center;
font-weight: bold
}
.wc_r_NextToJumpGrid div.dateFilter.asDate form>div.formLine>div,.wc_r_raceCardGrid div.dateFilter.asDate form>div.formLine>div {
grid-template-columns: 1fr auto
}
.wc_r_NextToJumpGrid .raceCardContainer.hideINT .raceRegionINT,.wc_r_raceCardGrid .raceCardContainer.hideINT .raceRegionINT {
display: none
}
.wc_r_NextToJumpGrid .raceCardContainer.hideAUS .raceRegionAUS,.wc_r_raceCardGrid .raceCardContainer.hideAUS .raceRegionAUS {
display: none
}
.wc_r_NextToJumpGrid.nexttojump .showAusintFilter,.wc_r_raceCardGrid.nexttojump .showAusintFilter,.wc_r_NextToJumpGrid.daily .showAusintFilter,.wc_r_raceCardGrid.daily .showAusintFilter,.wc_r_NextToJumpGrid.futures .showAusintFilter,.wc_r_raceCardGrid.futures .showAusintFilter,.wc_r_NextToJumpGrid.nexttojump .showDateFilter,.wc_r_raceCardGrid.nexttojump .showDateFilter,.wc_r_NextToJumpGrid.daily .showDateFilter,.wc_r_raceCardGrid.daily .showDateFilter,.wc_r_NextToJumpGrid.futures .showDateFilter,.wc_r_raceCardGrid.futures .showDateFilter {
display: none
}
.wc_r_NextToJumpGrid.nexttojump .showDayFilter li.dayFilterntj,.wc_r_raceCardGrid.nexttojump .showDayFilter li.dayFilterntj,.wc_r_NextToJumpGrid.daily .showDayFilter li.dayFilterntj,.wc_r_raceCardGrid.daily .showDayFilter li.dayFilterntj,.wc_r_NextToJumpGrid.futures .showDayFilter li.dayFilterntj,.wc_r_raceCardGrid.futures .showDayFilter li.dayFilterntj {
display: none
}
.wc_r_NextToJumpGrid.results .showAusintFilter,.wc_r_raceCardGrid.results .showAusintFilter {
display: none
}
.wc_r_NextToJumpGrid.results .showDayFilter li,.wc_r_raceCardGrid.results .showDayFilter li {
display: none
}
.wc_r_NextToJumpGrid.results .showDayFilter li.dayFiltertoday,.wc_r_raceCardGrid.results .showDayFilter li.dayFiltertoday,.wc_r_NextToJumpGrid.results .showDayFilter li.dayFilterresults,.wc_r_raceCardGrid.results .showDayFilter li.dayFilterresults {
display: inline
}
.wc_r_NextToJumpGrid .staticContent .raceCard .raceMeeting .teamSilkBlock:before {
display: none
}
.wc_r_NextToJumpGrid .staticContent .raceCard.ALL .raceMeeting .teamSilkBlock .teamSilk {
display: none
}
.wc_r_NextToJumpGrid .staticContent .raceCard.ALL .raceMeeting .teamSilkBlock:before {
display: inline;
width: 3rem;
height: 2rem;
text-align: center;
overflow: hidden
}
.wc_r_futures table.raceCard thead th,.wc_r_futures table.raceCard thead td {
width: 35%
}
.wc_r_futures table.raceCard thead th:first-child,.wc_r_futures table.raceCard thead td:first-child {
width: 20%
}
.wc_r_futures table.raceCard thead th:last-child,.wc_r_futures table.raceCard thead td:last-child {
width: 45%
}
.wc_r_futures table.raceCard tbody tr:hover th,.wc_r_futures table.raceCard tbody tr:hover td {
cursor: pointer
}
.wc_r_race .headerBox {
color: #0d0d0d;
border-radius: 10px 10px 0 0;
background-color: #1f1f1f
}
.wc_r_race .headerBox h1 {
margin-bottom: 0;
position: relative
}
.wc_r_race .headerBox h1>span {
position: absolute;
right: 1.25rem;
top: 1rem;
font-size: 1rem;
font-weight: normal
}
.wc_r_race .headerBox h1>span>span {
display: inline-block;
text-align: right;
margin-left: .625rem
}
.wc_r_race .headerBox h1 .navToggleIcon {
color: #fdfdfd
}
.wc_r_race .raceNumbers li>a {
flex-direction: column;
padding: 0
}
.wc_r_race .raceNumbers li>a div.jumpAt {
font-size: .8rem
}
.wc_r_race .raceNumbers li>a div.result {
font-size: .7rem
}
.wc_r_race .infoBar {
background-color: #0bd51f;
padding: .625rem 1.25rem;
color: #fdfdfd;
color: #0d0d0d;
display: grid;
grid-template-columns: 1fr auto
}
.wc_r_race .infoBar .timeToGo {
text-align: right;
white-space: nowrap;
align-self: center;
background-color: #1f1f1f;
padding: .5rem;
border-radius: 10px;
font-size: 1rem;
font-weight: bold
}
.wc_r_race .infoBar .raceName {
font-size: 1.4rem;
margin-bottom: .25rem;
font-weight: bold
}
.wc_r_race .infoBar .raceInformation>span {
margin-right: .5rem
}
.wc_r_race .framePanel.results {
margin: 1.25rem 0
}
.wc_r_race .framePanel.results .silkImg {
width: 2rem;
height: 2rem;
background-size: auto 100%;
margin: auto
}
.wc_r_race .framePanel.results .marketTable .header {
font-size: initial
}
.wc_r_race .framePanel.results tbody tr {
border-top: solid 1px #292e29
}
.wc_r_race .framePanel.results tbody tr.placeDivs {
border-top: none
}
.wc_r_race .framePanel.results tbody tr th.placing {
max-width: 2rem
}
.wc_r_race .framePanel.results tbody tr td.silkColumn {
padding: 0
}
.wc_r_race .framePanel.results tbody tr th {
text-align: center
}
.wc_r_race .framePanel.results tbody th,.wc_r_race .framePanel.results tbody td {
border: none
}
.wc_r_race .framePanel.results tbody.exotics th {
text-align: right
}
.wc_r_race .framePanel.results .exoticResults {
border-top: solid 1px #292e29
}
.wc_r_race .framePanel.results .exoticResults>header {
font-weight: bold;
padding: .5rem
}
.wc_r_race .framePanel.results .exoticResults>main {
display: flex;
flex-direction: row
}
.wc_r_race .framePanel.results .exoticResults>main>section {
flex-grow: 1
}
.wc_r_race .framePanel.results .exoticResults>main>section.exoticResult {
margin: 0 .375rem;
display: grid;
grid-template-areas: "header" "details";
grid-template-rows: auto auto;
grid-gap: .25rem
}
.wc_r_race .framePanel.results .exoticResults>main>section.exoticResult:first-child {
margin-left: unset
}
.wc_r_race .framePanel.results .exoticResults>main>section.exoticResult:last-child {
margin-right: unset
}
.wc_r_race .framePanel.results .exoticResults>main>section.exoticResult>header {
font-size: 1rem;
grid-area: header;
display: flex;
justify-content: center;
align-items: center;
font-weight: bold;
padding: .5rem
}
.wc_r_race .framePanel.results .exoticResults>main>section.exoticResult>main {
grid-area: details;
display: grid;
grid-template-areas: "places" "payout";
grid-template-rows: auto auto;
justify-content: center;
align-items: center;
text-align: center;
padding: .25rem .25rem .5rem .25rem;
grid-gap: .25rem
}
.wc_r_race .framePanel.results .exoticResults>main>section.exoticResult>main>.exoticResultPlaces {
grid-area: places;
font-size: .85rem
}
.wc_r_race .framePanel.results .exoticResults>main>section.exoticResult>main>.exoticResultPayout {
grid-area: payout
}
.wc_r_race .framePanel .marketPercent {
font-size: .8rem;
font-weight: bold
}
.wc_r_race .scratched {
opacity: .8
}
.wc_r_race .scratched .scratchPay {
font-size: .8rem
}
.wc_r_race .competitorCell .saddle,.wc_r_race .competitorCell .name {
font-weight: bold
}
.wc_r_race .competitorCell .details,.wc_r_race .competitorCell .jdt {
font-size: .8rem
}
.wc_r_race .flucsColumn {
width: 1%;
min-width: 10rem;
text-align: center
}
.wc_r_race .flucsColumn div {
display: flex
}
.wc_r_race .flucsColumn div .fluc {
flex: 1 1 1%;
font-size: .9rem;
padding: .2rem;
text-align: center
}
.wc_r_race .flucsColumn div .fluc.flucMax {
color: #cb1029 !important;
font-weight: bold
}
.wc_r_race .flucsColumn div .fluc.flucInit {
color: #0bd51f !important;
font-weight: bold
}
.wc_r_race .silkColumn {
width: 3.1rem;
text-align: center !important
}
.wc_r_race .silkColumn .silkImg {
width: 3rem;
height: 3rem;
background-size: auto 100%;
margin: auto
}
.wc_r_race .marketTable tfoot .sorting {
display: grid;
grid-template-columns: auto 1fr 1fr 1fr;
grid-gap: .5rem;
align-items: center;
margin-right: 1rem;
width: fit-content
}
.wc_r_race .marketTable.raceG .silkImg {
width: 2.5rem;
height: 2.5rem
}
.wc_r_race .eventComment {
font-size: .8rem
}
.wc_r_race form.exoticsControls {
margin: 1.25rem 0;
padding: .625rem 0;
border: 1px solid #0d0d0d;
background-color: #2c312b;
border-radius: 10px;
display: grid;
grid-template-columns: 0 0 6fr 2fr 6fr 8fr 8fr 8fr 12fr 0 0;
grid-gap: .3125rem;
align-items: center;
max-width: none
}
.wc_r_race form.exoticsControls label {
text-align: right;
font-size: .8rem;
font-weight: bold
}
.wc_r_race form.exoticsControls input {
width: 5.333328rem;
text-align: center
}
.wc_r_race form.exoticsControls input:disabled {
background-color: transparent;
border-color: transparent;
color: #0d0d0d;
opacity: 1;
padding: 0;
text-align: left
}
.wc_r_race form.exoticsControls.sameRace {
grid-template-columns: 0 0 1fr 1.5fr 1fr 1fr 1fr 1fr 2fr 0 0
}
.wc_r_race form.exoticsControls.sameRace #exoticSelsFormatted {
white-space: nowrap;
font-size: .8rem;
display: grid;
grid-template-columns: 1fr 1fr;
margin: 0 1rem;
grid-gap: 0 .5rem
}
.wc_r_race form.exoticsControls.sameRace #exoticSelsFormatted span {
text-align: right
}
.wc_r_race input[type=radio]+label:before,.wc_r_race input[type=checkbox]+label:before {
margin: 0
}
.wc_r_race input[type=radio]:checked+label,.wc_r_race input[type=checkbox]:checked+label {
color: #0d0d0d
}
.wc_r_race input[type=radio]:checked+label.SRM,.wc_r_race input[type=checkbox]:checked+label.SRM {
color: #fdfdfd
}
.wc_r_race input[type=radio]:checked+label:before,.wc_r_race input[type=checkbox]:checked+label:before {
background-color: #0d0d0d
}
.wc_r_race .exoticFld {
line-height: 2.25rem;
width: 2.25rem;
height: 2.25rem;
min-height: 2.25rem;
padding: 0;
border: solid 2px #dedede;
font-size: .6rem
}
.wc_r_race .exoticFld:hover {
background-color: transparent;
color: #0d0d0d;
opacity: 1
}
.wc_r_race .exoticFld.selected {
background-color: #0d0d0d;
color: #fdfdfd
}
.wc_r_race.ecFloatBottom {
overflow: initial !important
}
.wc_r_race.ecFloatBottom form.exoticsControls {
position: -webkit-sticky;
position: sticky;
top: calc(100% - 5.5rem);
z-index: 300;
margin: .5rem;
height: 5rem
}
.wc_r_race.ecFloatBottom form.exoticsControls.sameRace {
padding: 0
}
.wc_r_race.ecFloatBottom .framePanel.race {
margin-top: -5.5rem;
padding-bottom: 6rem
}
.wc_r_Race_EventHub>.framePanel {
border-top-left-radius: 0;
border-top-right-radius: 0
}
.wc_r_quadrella .quadLeg .infoBar {
border-top-left-radius: 10px;
border-top-right-radius: 10px;
grid-template-columns: 1fr auto;
padding: 1rem;
background-color: transparent;
color: #0d0d0d;
border: solid 1px #292e29;
border-bottom: solid 3px #0bd51f
}
.wc_r_quadrella .quadLeg .infoBar .raceName {
font-size: 1.2rem;
padding-right: 5rem;
grid-column: 1;
grid-row: 1
}
.wc_r_quadrella .quadLeg .infoBar .raceInformation {
font-size: .9rem;
grid-column: 1;
grid-row: 2
}
.wc_r_quadrella .quadLeg .infoBar a {
grid-column: 2;
grid-row-start: 1;
grid-row-end: 3
}
.wc_r_quadrella .quadLeg .framePanel {
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0;
margin: 0
}
.wc_r_quadrella div.tabVertical li {
border: none
}
.wc_r_quadrella div.tabVertical li:first-child {
border-radius: 10px 10px 0 0
}
.wc_r_quadrella div.tabVertical li:last-of-type {
border-radius: 0 0 10px 10px
}
.wc_r_quadrella div.tabVertical li span {
border-radius: 10px
}
.wc_r_quadrella .tabs li span {
background-color: #2c312b;
color: #0d0d0d;
height: 1.8rem;
min-width: 1.8rem
}
.wc_r_quadrella form.exoticsControls {
padding: .625rem;
grid-template-columns: 1fr 1fr;
grid-gap: .75rem
}
.wc_r_quadrella form.exoticsControls a {
grid-column-start: 1;
grid-column-end: 3
}
.wc_r_quadrella form.exoticsControls input:disabled {
text-align: center
}
.wc_r_quadrella .marketTable tr td:last-child,.wc_r_quadrella .marketTable tr th:last-child {
text-align: center
}
.wc_r_quadrella .marketTable tr:not(.scratched) td:nth-last-child(2),.wc_r_quadrella .marketTable tr:not(.scratched) th:nth-last-child(2) {
text-align: center
}
.wc_s_home .sportcardItems li {
text-align: left
}
.wc_s_home .sportcardItems li>a {
display: grid;
grid-template-columns: auto 1fr auto;
grid-template-rows: 1fr auto;
grid-template-areas: "icon name nav" "icon time nav"
}
.wc_s_home .sportcardItems li>a[class^="icon-"],.wc_s_home .sportcardItems li>a[class*=" icon-"] {
grid-area: icon
}
.wc_s_home .sportcardItems li>a .sportName {
grid-area: name
}
.wc_s_home .sportcardItems li>a .sportTime {
grid-area: time
}
.wc_s_home .sportcardItems li>a .icon-NVR {
grid-area: nav
}
.wc_s_sportList h2 {
margin: .5rem 0 .25rem 0
}
.wc_s_sportList h2:first-child {
margin-top: 0
}
.wc_s_sportList .framePanel {
display: grid;
grid-gap: .25rem;
padding: .75rem
}
.wc_s_sportList .framePanel>a {
display: grid;
grid-template-columns: 1fr auto;
grid-template-rows: 1fr;
grid-template-areas: "name nav";
padding: .5rem .75rem;
border: solid 1px #292e29;
border-radius: 10px;
font-weight: bold;
grid-gap: .5rem;
align-items: center
}
.wc_s_sportList .framePanel>a .sportIcon {
grid-area: sportIcon;
font-size: 1.9rem
}
.wc_s_sportList .framePanel>a .sportName {
grid-area: name;
text-align: left
}
.wc_s_sportList .framePanel>a .icon-NVR {
grid-area: nav
}
.wc_s_sportList .framePanel.sportList>a {
grid-template-columns: auto 1fr auto;
grid-template-areas: "sportIcon name nav"
}
.wc_s_match .oddsColumn {
position: relative
}
.wc_s_match .icon-SGM {
font-size: 2rem;
position: absolute;
top: .25rem;
right: 0;
left: 0
}
.wc_s_upcoming .marketTable thead th:first-child {
background-color: #0d0d0d;
color: #fdfdfd;
text-align: center;
border-top-left-radius: 10px
}
.wc_s_upcoming .marketTable thead .upcomingTime {
font-size: 1rem;
padding: 1.25rem 0
}
.wc_s_upcoming .marketTable tbody .upcomingTeam {
padding-left: 1.25rem
}
.wc_s_upcoming .marketTable tbody th:first-child {
background-color: #1f1f1f;
color: #fdfdfd;
width: 1%
}
.wc_s_upcoming .marketTable tbody th:first-child span {
padding: 1.5rem
}
.wc_s_upcoming .marketTable tbody th:first-child span[class^="icon-"]:before,.wc_s_upcoming .marketTable tbody th:first-child span[class*=" icon-"]:before {
font-size: 3rem
}
.wc_s_upcoming .framePanel.eventbenefits {
padding: 0
}
.wc_s_round .upcomingTime {
font-size: 1rem;
padding: 1.25rem 0;
text-align: center
}
.wc_s_round .upcomingIcon {
width: 1%
}
.wc_s_round .upcomingIcon span {
padding: 1.5rem
}
.wc_s_round .upcomingIcon span[class^="icon-"]:before,.wc_s_round .upcomingIcon span[class*=" icon-"]:before {
font-size: 3rem
}
.wc_a_history .framePanel.filters {
border: none;
padding: 0;
display: grid;
grid-template-columns: auto 10% auto;
width: 100%;
justify-items: start;
align-items: center
}
.wc_a_history.results .framePanel.filters {
grid-template-columns: auto 2% 30%
}
.wc_a_history .tabs.dayFilter {
width: 100%
}
.wc_a_history .tabs.typeFilter {
width: 100%
}
.wc_a_history .tabs.typeFilter li {
width: 2.5rem
}
.wc_a_history .tabs.typeFilter li>a[class^="icon-"]:before {
font-size: 2rem
}
.wc_a_history .tabs.typeFilter li>a[class^="icon-"]:empty,.wc_a_history .tabs.typeFilter li>a[class*=" icon-"]:empty {
padding: .1rem .1rem
}
.wc_a_history #AccountHistoryContentContainer .alertContent .alertLegs .alertLeg {
background-color: transparent !important
}
.wc_a_history #AccountHistoryContentContainer .alertContent .alertLegs .alertLeg .overview {
display: grid;
grid-template-columns: auto 1fr auto
}
.wc_a_history #AccountHistoryContentContainer .alertContent .alertLegs .alertLeg .overview .icon:before {
position: relative;
padding-right: .625rem
}
.wc_a_history #AccountHistoryContentContainer .alertContent .alertLegs .alertLeg .overview .controls {
grid-column-start: 1;
grid-column-end: 4
}
.wc_a_history #AccountHistoryContentContainer .alertContent .alertLegs .alertLeg .overview .controls table {
width: 80%;
margin: .625rem auto;
max-width: 600px
}
.wc_a_history #AccountHistoryContentContainer .alertContent .alertLegs .alertLeg .overview .controls table thead tr td {
color: #0d0d0d;
font-weight: bold
}
.wc_a_history #AccountHistoryContentContainer .alertContent .alertLegs .alertLeg .overview .status {
padding: .625rem;
box-shadow: none;
border-radius: 10px
}
.wc_a_history #AccountHistoryContentContainer .alertContent .alertLegs .alertLeg .transHistExpand {
font-size: 1.9rem;
text-align: center
}
.wc_a_history #AccountHistoryContentContainer .alertContent .alertLegs .alertLeg.stsNo_Return .status {
background-color: #fbc6cd
}
.wc_a_history #AccountHistoryContentContainer .alertContent .alertLegs .alertLeg.stsAccepted .status {
background-color: #fafffa
}
.wc_a_history #AccountHistoryContentContainer .alertContent .alertLegs .alertLeg.stsApproved .status {
background-color: #fafffa
}
.wc_a_history #AccountHistoryContentContainer .alertContent .alertLegs .alertLeg.stsReturn_At .status {
background-color: #fafffa
}
.wc_a_history #AccountHistoryContentContainer .alertContent .alertLegs .alertLeg.stsReturn_Of .status {
background-color: #fafffa
}
.wc_a_history #AccountHistoryContentContainer .alertContent .alertLegs .alertLeg.stsAlive .status {
background-color: #fafffa
}
.wc_a_history #AccountHistoryContentContainer .alertContent .alertLegs .alertLeg.stsCancelled .status {
background-color: #fbc6cd
}
.wc_a_history #AccountHistoryContentContainer .alertContent .alertLegs .alertLeg.stsCancelled_At .status {
background-color: #fbc6cd
}
.wc_a_history #AccountHistoryContentContainer .alertContent .alertLegs .alertLeg.stsCancellation_Of .status {
background-color: #fbc6cd
}
.wc_a_history #AccountHistoryContentContainer .alertContent .alertLegs .alertLeg.stsDeclined .status {
background-color: #fbc6cd
}
.wc_a_history #AccountHistoryContentContainer .alertContent .alertLegs .alertLeg.stsErased .status {
background-color: #fbc6cd
}
.wc_a_history #AccountHistoryContentContainer .alertContent .alertLegs .alertLeg.stsRejected .status {
background-color: #fbc6cd
}
.wc_a_history #AccountHistoryContentContainer .alertContent .alertLegs .alertLeg.stsDead .status {
background-color: #fbc6cd
}
.wc_a_history #AccountHistoryContentContainer .alertContent .alertLegs .alertLeg.stsPartially_Accepted .status {
background-color: #c2def3
}
.wc_a_history #AccountHistoryContentContainer .alertContent .alertLegs .alertLeg.stsOpen .status {
background-color: #c2def3
}
.wc_a_history #AccountHistoryContentContainer .alertContent .alertLegs .alertLeg.stsUNKNOWN .status {
background-color: #fff4de
}
.wc_a_history #AccountHistoryContentContainer .alertContent .alertLegs .alertLeg.stsProcessing .status {
background-color: #fff4de
}
.wc_a_history #AccountHistoryContentContainer .alertContent .alertLegs .alertLeg.stsClosed .status {
background-color: #fff4de
}
.wc_a_register .tabs li {
padding: .75rem .5rem
}
.wc_a_register .tabs li.active {
color: #fdfdfd;
background-color: #0bd51f;
border-color: #0bd51f
}
.wc_a_register .tabs span {
background-color: transparent
}
.wc_a_register div.signupErrMsg {
margin: 1rem 0;
width: 16rem
}
.wc_a_register .customSelectBox>div {
width: 14rem
}
.wc_a_register #qasSelectedAddr {
border: 1px solid #292e29;
padding: 1rem;
border-radius: 10px;
text-align: center;
margin: 1rem;
background-color: #fdfdfd;
border-color: #fdfdfd;
color: #0d0d0d;
padding: .9375rem;
background-color: transparent;
border-color: transparent;
border-radius: 7.5px;
background-color: #333;
border: solid 1px #404040;
color: #fdfdfd;
text-transform: capitalize;
font-size: .9rem;
margin: 0;
padding: .5rem .5rem
}
.wc_a_register #qasSelectedAddr.correctText {
border-color: #0bd51f;
background-color: #9ed897
}
.wc_a_register #qasSelectedAddr.errorText {
border-color: #cb1029;
background-color: #f797a4
}
.wc_a_register #qasSelectedAddr.warningText {
border-color: #f0710a;
background-color: #fcd2b1
}
.wc_a_register #qasSelectedAddr *:last-child {
margin: 0
}
.wc_a_register #qasSelectedAddr table {
width: fit-content;
margin: auto
}
.wc_a_register #qasSelectedAddr.correctText {
border-color: #0bd51f;
background-color: #0bd51f;
color: #0d0d0d
}
.wc_a_register #qasSelectedAddr.errorText {
border-color: #cb1029;
background-color: #cb1029;
color: #fdfdfd
}
.wc_a_register #qasSelectedAddr.warningText {
border-color: #333;
background-color: #333
}
.wc_a_register #qasSelectedAddr .button {
min-height: 1.875rem;
font-size: .75rem;
padding: .21875rem .4375rem;
padding: .25rem .625rem
}
.wc_a_register #qasSelectedAddr .button[class^="icon-"],.wc_a_register #qasSelectedAddr .button[class*=" icon-"] {
padding-top: .16875rem;
padding-bottom: .16875rem;
padding-left: .16875rem
}
.wc_a_register #qasSelectedAddr .button[class^="icon-"]:before,.wc_a_register #qasSelectedAddr .button[class*=" icon-"]:before {
font-size: 1.425rem;
font-weight: normal;
padding-right: .16875rem
}
.wc_a_register #qasSelectedAddr .button[class^="icon-"]:empty,.wc_a_register #qasSelectedAddr .button[class*=" icon-"]:empty {
padding: .16875rem
}
.wc_a_register #qasSelectedAddr .button[class^="icon-"]:empty:before,.wc_a_register #qasSelectedAddr .button[class*=" icon-"]:empty:before {
padding: 0
}
.wc_a_register #qasSelectedAddr .button[class^="icon-"].vertical,.wc_a_register #qasSelectedAddr .button[class*=" icon-"].vertical {
padding-right: .16875rem
}
.wc_a_responsibleGambling .betstopMsg {
font-size: 1rem
}
html.maintenance {
background-color: #404040
}
html.maintenance body {
background: inherit
}
html.maintenance .mainContainer {
width: 40%;
height: auto;
margin: auto;
background: #1f1f1f;
color: #fdfdfd;
margin-top: 160px;
position: relative;
border-radius: 6px;
text-align: center;
padding: 20px
}
html.maintenance h2 {
margin: 1.25rem 0;
justify-content: center
}
html.maintenance #bodyContainer,html.maintenance #bodyContainer #bodyContent {
width: 100%;
min-width: 0;
max-width: 100%;
min-height: 0
}
.wc_genContent {
text-align: justify;
text-align-last: left
}
.wc_genContent dl.legalNumbering {
counter-reset: genContent_rules_counter
}
.wc_genContent dl.legalNumbering>dt {
counter-increment: genContent_rules_counter;
font-weight: bold;
margin-bottom: .625rem;
border-radius: 10px
}
.wc_genContent dl.legalNumbering>dt a:before {
content: counter(genContent_rules_counter) '. ';
font-size: 1rem;
font-family: inherit;
line-height: normal;
font-weight: bold;
margin: 0 .625rem 0 0
}
.wc_genContent dl.legalNumbering>dt a.navToggleIcon:after {
right: .625rem;
font-size: 1.52rem
}
.wc_genContent dl.legalNumbering>dd {
padding: .3125rem;
padding-left: 2.5rem;
padding-bottom: .625rem
}
.wc_genContent dl.legalNumbering>dd>ol {
counter-reset: list;
margin: 0 1rem 0 1rem
}
.wc_genContent dl.legalNumbering>dd>ol>li {
list-style-type: upper-alpha;
margin-top: .3125rem;
font-weight: bold;
list-style: none
}
.wc_genContent dl.legalNumbering>dd>ol>li:before {
content: "(" counter(list,upper-alpha) ") ";
counter-increment: list;
margin-left: -2rem;
padding-right: .8rem
}
.wc_genContent dl.legalNumbering>dd>ol>li.notHeading {
font-weight: normal
}
.wc_genContent dl.legalNumbering>dd>ol>li>ol {
margin-left: 1.25rem;
font-weight: normal;
counter-reset: list;
margin: 0 1rem 0 2rem
}
.wc_genContent dl.legalNumbering>dd>ol>li>ol>li {
list-style-type: lower-roman;
list-style: none
}
.wc_genContent dl.legalNumbering>dd>ol>li>ol>li:before {
content: "(" counter(list,lower-roman) ") ";
counter-increment: list;
margin-left: -2rem;
padding-right: .8rem;
width: 1rem;
display: inline-block
}
.wc_genContent dl.legalNumbering>dd>ol>li>ol>li.heading {
text-decoration: underline
}
.wc_genContent dl.legalNumbering>dd>ol>li>ol>li>ol>li {
list-style-type: square
}
.wc_genContent dl.legalNumbering>dd>ol>li>ol>li>ol>li>ol>li {
list-style-type: circle
}
.wc_genContent .contentBlock {
display: grid;
grid-template-columns: 1fr;
grid-gap: .5rem;
margin-bottom: 1rem
}
.wc_genContent .contentBlock:last-of-type {
margin-bottom: 0
}
.wc_genContent .contentBlock span {
display: flex;
justify-content: center;
align-items: center;
background-color: #464c42;
border-radius: 7.5px;
padding: .5rem;
min-height: 3rem;
text-align: center;
text-align-last: center;
font-weight: bold
}
.wc_genContent .contentBlock span:before {
font-size: 2rem
}
.wc_genContent .contentBlock div {
display: grid;
justify-content: start;
align-items: center;
background-color: #fdfdfd;
border: solid 1px #404040;
border-radius: 7.5px;
padding: .75rem;
min-height: 3rem
}
.wc_genContent .contentBlock.gridTable {
display: grid;
grid-template-columns: minmax(3rem,10rem) 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: column;
align-content: center;
grid-gap: .5rem;
margin-bottom: .5rem
}
.wc_genContent .contentBlock.gridTable:first-of-type {
margin-top: .5rem
}
.wc_genContent .contentBlock.gridTable span {
display: flex;
justify-content: center;
align-items: center;
background-color: #464c42;
border-radius: 7.5px;
padding: .5rem;
min-height: 3rem;
font-weight: bold;
text-align: center;
text-align-last: center
}
.wc_genContent .contentBlock.gridTable div ul {
margin: .25rem 0;
margin-left: 1.5rem;
background-color: transparent;
list-style: square
}
.wc_genContent .contentBlock.gridTable div ul li {
border: none
}
.wc_genContent .contentBlock.gridTable .dataTable {
grid-template-columns: minmax(3rem,1fr) 1fr
}
.wc_genContent .contentBlock.gridTable.dataTable div {
text-align: center;
text-align-last: center;
justify-content: center
}
.wc_genContent .contentBlock.gridTable.dataTable div.gridTableHead {
background-color: #464c42 !important;
border-color: #464c42 !important;
font-weight: bold
}
.wc_genContent.playerbets .GenericContainer.playerbets>div,.wc_genContent.playerbets iframe {
width: 100%;
display: block;
border: none;
min-height: 822px;
background-color: #1f1f1f;
background-image: url(../images/playerbets_mask.svg);
background-repeat: no-repeat;
background-position-x: left;
background-position-y: center
}
@font-face {
font-family: "Barlow Condensed";
src: url("assets/client/fonts/Barlow-Regular.ttf") format("opentype");
font-display: auto;
font-style: normal;
font-weight: 400
}
@font-face {
font-family: "Barlow Condensed";
src: url("assets/client/fonts/Barlow-Medium.ttf") format("opentype");
font-display: auto;
font-style: normal;
font-weight: 500
}
@font-face {
font-family: "Barlow Condensed";
src: url("assets/client/fonts/Barlow-SemiBold.ttf") format("opentype");
font-display: auto;
font-style: normal;
font-weight: 600
}
@font-face {
font-family: "Barlow Condensed";
src: url("assets/client/fonts/Barlow-Bold.ttf") format("opentype");
font-display: auto;
font-style: normal;
font-weight: 700
}
@font-face {
font-family: "Barlow Condensed";
src: url("assets/client/fonts/Barlow-ExtraBold.ttf") format("opentype");
font-display: auto;
font-style: normal;
font-weight: 800
}
@font-face {
font-family: "Barlow Condensed";
src: url("assets/client/fonts/Barlow-Black.ttf") format("opentype");
font-display: auto;
font-style: normal;
font-weight: 900
}
@font-face {
font-family: "Barlow Condensed";
src: url("assets/client/fonts/Barlow-Italic.ttf") format("opentype");
font-display: auto;
font-style: italic;
font-weight: 400
}
@font-face {
font-family: "Barlow Condensed";
src: url("assets/client/fonts/Barlow-MediumItalic.ttf") format("opentype");
font-display: auto;
font-style: italic;
font-weight: 500
}
@font-face {
font-family: "Barlow Condensed";
src: url("assets/client/fonts/Barlow-SemiBoldItalic.ttf") format("opentype");
font-display: auto;
font-style: italic;
font-weight: 600
}
@font-face {
font-family: "Barlow Condensed";
src: url("assets/client/fonts/Barlow-BoldItalic.ttf") format("opentype");
font-display: auto;
font-style: italic;
font-weight: 700
}
@font-face {
font-family: "Barlow Condensed";
src: url("assets/client/fonts/Barlow-ExtraBoldItalic.ttf") format("opentype");
font-display: auto;
font-style: italic;
font-weight: 800
}
@font-face {
font-family: "Barlow Condensed";
src: url("assets/client/fonts/Barlow-BlackItalic.ttf") format("opentype");
font-display: auto;
font-style: italic;
font-weight: 900
}
@font-face {
font-family: 'GW_Icons';
src: url('../client_MDS/fonts/GW_Icons.eot?5u0ckp');
src: url('../client_MDS/fonts/GW_Icons.eot?5u0ckp#iefix') format('embedded-opentype'),url('../client_MDS/fonts/GW_Icons.ttf?5u0ckp') format('truetype'),url('../client_MDS/fonts/GW_Icons.woff?5u0ckp') format('woff'),url('../client_MDS/fonts/GW_Icons.svg?5u0ckp#GW_Icons') format('svg');
font-weight: normal;
font-style: normal;
font-display: block
}
[class^="icon-"]:before,[class*=" icon-"]:before,[class^="icon-"]:after,[class*=" icon-"]:after,.navToggleIcon:after {
font-family: 'GW_Icons' !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.icon-ABOUT:before {
content: ""
}
.icon-ACCT:before {
content: ""
}
.icon-AFL:before {
content: ""
}
.icon-ALL:before {
content: ""
}
.icon-ALPS:before {
content: ""
}
.icon-ALTD:before {
content: ""
}
.icon-ALTL:before {
content: ""
}
.icon-ALTR:before {
content: ""
}
.icon-ALTU:before {
content: ""
}
.icon-ATHL:before {
content: ""
}
.icon-AUSFLG:before {
content: ""
}
.icon-AUSINV:before {
content: ""
}
.icon-AUSINVB:before {
content: ""
}
.icon-AUSMAP:before {
content: ""
}
.icon-BADM:before {
content: ""
}
.icon-BAND:before {
content: ""
}
.icon-BANKING:before {
content: ""
}
.icon-BASE:before {
content: ""
}
.icon-BASK:before {
content: ""
}
.icon-BENBONT:before {
content: ""
}
.icon-BENBONW:before {
content: ""
}
.icon-BENBOOT:before {
content: ""
}
.icon-BENBOOW:before {
content: ""
}
.icon-BENDEPVH:before {
content: ""
}
.icon-BENDRIFT:before {
content: ""
}
.icon-BENEFITS:before {
content: ""
}
.icon-BENLOYAL:before {
content: ""
}
.icon-BENLUCKY:before {
content: ""
}
.icon-BENMULTI:before {
content: ""
}
.icon-BENPOWER:before {
content: ""
}
.icon-BETSLIP:before {
content: ""
}
.icon-BONUSBET:before {
content: ""
}
.icon-BOOSTTOKEN:before {
content: ""
}
.icon-BOOSTWALLET:before {
content: ""
}
.icon-BOX:before {
content: ""
}
.icon-BURGER:before {
content: ""
}
.icon-BVOL:before {
content: ""
}
.icon-CAL:before {
content: ""
}
.icon-CHANGE:before {
content: ""
}
.icon-CHECK:before {
content: ""
}
.icon-CHECKBOX:before {
content: ""
}
.icon-CHECKBOXSEL:before {
content: ""
}
.icon-COMG:before {
content: ""
}
.icon-CONFIG:before {
content: ""
}
.icon-CONTACT:before {
content: ""
}
.icon-CRIC:before {
content: ""
}
.icon-CROSS:before {
content: ""
}
.icon-CURL:before {
content: ""
}
.icon-CYCL:before {
content: ""
}
.icon-DART:before {
content: ""
}
.icon-DEPOSIT:before {
content: ""
}
.icon-EACHWAY:before {
content: ""
}
.icon-EDIT:before {
content: ""
}
.icon-ELEC:before {
content: ""
}
.icon-EMAIL:before {
content: ""
}
.icon-ENTT:before {
content: ""
}
.icon-EQUE:before {
content: ""
}
.icon-ESPT:before {
content: ""
}
.icon-EXOTICS:before {
content: ""
}
.icon-FAX:before {
content: ""
}
.icon-FINGER:before {
content: ""
}
.icon-FNCL:before {
content: ""
}
.icon-FUT:before {
content: ""
}
.icon-GAEF:before {
content: ""
}
.icon-GLOBE:before {
content: ""
}
.icon-GLOVE:before {
content: ""
}
.icon-GOLF:before {
content: ""
}
.icon-GREY:before {
content: ""
}
.icon-GRID:before {
content: ""
}
.icon-HAND:before {
content: ""
}
.icon-HARN:before {
content: ""
}
.icon-HELMET:before {
content: ""
}
.icon-HELP:before {
content: ""
}
.icon-HISTORY:before {
content: ""
}
.icon-HOCK:before {
content: ""
}
.icon-HOME:before {
content: ""
}
.icon-HORS:before {
content: ""
}
.icon-HURL:before {
content: ""
}
.icon-INFO:before {
content: ""
}
.icon-JCKY:before {
content: ""
}
.icon-KEYPAD:before {
content: ""
}
.icon-LAWN:before {
content: ""
}
.icon-LIVE:before {
content: ""
}
.icon-LOCATION:before {
content: ""
}
.icon-LOGIN:before {
content: ""
}
.icon-LOGOUT:before {
content: ""
}
.icon-MASTERCARD:before {
content: ""
}
.icon-MIX:before {
content: ""
}
.icon-MMA:before {
content: ""
}
.icon-MOBILE:before {
content: ""
}
.icon-MOTB:before {
content: ""
}
.icon-MOTR:before {
content: ""
}
.icon-NETB:before {
content: ""
}
.icon-NEWS1:before {
content: ""
}
.icon-NEWS2:before {
content: ""
}
.icon-NEWS3:before {
content: ""
}
.icon-NHL:before {
content: ""
}
.icon-NTJ:before {
content: ""
}
.icon-NVD:before {
content: ""
}
.icon-NVL:before {
content: ""
}
.icon-NVR:before {
content: ""
}
.icon-NVU:before {
content: ""
}
.icon-OLY:before {
content: ""
}
.icon-OTHS:before {
content: ""
}
.icon-PENDING:before {
content: ""
}
.icon-PHONE:before {
content: ""
}
.icon-POINTS:before {
content: ""
}
.icon-POKR:before {
content: ""
}
.icon-POLS:before {
content: ""
}
.icon-PONG:before {
content: ""
}
.icon-PROMO:before {
content: ""
}
.icon-QML:before {
content: ""
}
.icon-QUADRELLA:before {
content: ""
}
.icon-RACING:before {
content: ""
}
.icon-RADIO:before {
content: ""
}
.icon-RADIOSEL:before {
content: ""
}
.icon-REFRESH:before {
content: ""
}
.icon-RGLE:before {
content: ""
}
.icon-RGUN:before {
content: ""
}
.icon-ROWI:before {
content: ""
}
.icon-SEARCH:before {
content: ""
}
.icon-SGM:before {
content: ""
}
.icon-SGM2:before {
content: ""
}
.icon-SHSH:before {
content: ""
}
.icon-SNOO:before {
content: ""
}
.icon-SOCC:before {
content: ""
}
.icon-SOFT:before {
content: ""
}
.icon-SORTAVAIL:before {
content: ""
}
.icon-SORTASC:before {
content: ""
}
.icon-SORTDESC:before {
content: ""
}
.icon-SPORT:before {
content: ""
}
.icon-SQSH:before {
content: ""
}
.icon-SRM:before {
content: ""
}
.icon-SRM2:before {
content: ""
}
.icon-SULS:before {
content: ""
}
.icon-SUMO:before {
content: ""
}
.icon-SURF:before {
content: ""
}
.icon-SWIM:before {
content: ""
}
.icon-TENN:before {
content: ""
}
.icon-TICK:before {
content: ""
}
.icon-TRASH:before {
content: ""
}
.icon-TRIA:before {
content: ""
}
.icon-VISA:before {
content: ""
}
.icon-VISION:before {
content: ""
}
.icon-VOLL:before {
content: ""
}
.icon-WITHDRAW:before {
content: ""
}
.icon-WPLO:before {
content: ""
}
.icon-YACH:before {
content: ""
}
/*!
* OverlayScrollbars
* https://github.com/KingSora/OverlayScrollbars
*
* Version: 1.9.1
*
* Copyright KingSora | Rene Haas.
* https://github.com/KingSora
*
* Released under the MIT license.
* Date: 03.08.2019
*/
html.os-html,html.os-html>.os-host {
display: block;
overflow: hidden;
box-sizing: border-box;
height: 100% !important;
width: 100% !important;
min-width: 100% !important;
min-height: 100% !important;
margin: 0 !important;
position: absolute !important
}
html.os-html>.os-host>.os-padding {
position: absolute
}
body.os-dragging,body.os-dragging * {
cursor: default
}
.os-host,.os-host-textarea {
position: relative;
overflow: visible !important;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
-ms-grid-row-align: flex-start;
align-items: flex-start
}
.os-host-flexbox {
overflow: hidden !important;
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.os-host-flexbox>.os-size-auto-observer {
height: inherit !important
}
.os-host-flexbox>.os-content-glue {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-negative: 0;
flex-shrink: 0
}
.os-host-flexbox>.os-size-auto-observer,.os-host-flexbox>.os-content-glue {
min-height: 0;
min-width: 0;
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 1;
flex-shrink: 1;
-ms-flex-preferred-size: auto;
flex-basis: auto
}
#os-dummy-scrollbar-size {
position: fixed;
opacity: 0;
-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
visibility: hidden;
overflow: scroll;
height: 500px;
width: 500px
}
#os-dummy-scrollbar-size>div {
width: 200%;
height: 200%;
margin: 10px 0
}
#os-dummy-scrollbar-size,.os-viewport {
-ms-overflow-style: scrollbar !important
}
.os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size,.os-viewport-native-scrollbars-invisible.os-viewport {
scrollbar-width: none !important
}
.os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size::-webkit-scrollbar,.os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar,.os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size::-webkit-scrollbar-corner,.os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar-corner {
display: none !important;
width: 0 !important;
height: 0 !important;
visibility: hidden !important;
background: transparent !important
}
.os-content-glue {
box-sizing: inherit;
max-height: 100%;
max-width: 100%;
width: 100%;
pointer-events: none
}
.os-padding {
box-sizing: inherit;
direction: inherit;
position: absolute;
overflow: visible;
padding: 0;
margin: 0;
left: 0;
top: 0;
bottom: 0;
right: 0;
width: auto !important;
height: auto !important;
z-index: 1
}
.os-host-overflow>.os-padding {
overflow: hidden
}
.os-viewport {
direction: inherit !important;
box-sizing: inherit !important;
resize: none !important;
outline: none !important;
position: absolute;
overflow: hidden;
top: 0;
left: 0;
bottom: 0;
right: 0;
padding: 0;
margin: 0;
-webkit-overflow-scrolling: touch
}
.os-content-arrange {
position: absolute;
z-index: -1;
min-height: 1px;
min-width: 1px;
pointer-events: none
}
.os-content {
direction: inherit;
box-sizing: border-box !important;
position: relative;
display: block;
height: 100%;
width: 100%;
visibility: visible;
margin: 0 !important
}
.os-content>.os-textarea {
box-sizing: border-box !important;
direction: inherit !important;
background: transparent !important;
outline: 0 none transparent !important;
overflow: hidden !important;
position: absolute !important;
display: block !important;
top: 0 !important;
left: 0 !important;
margin: 0 !important;
border-radius: 0 !important;
float: none !important;
-webkit-filter: none !important;
filter: none !important;
border: none !important;
resize: none !important;
-webkit-transform: none !important;
transform: none !important;
max-width: none !important;
max-height: none !important;
box-shadow: none !important;
-webkit-perspective: none !important;
perspective: none !important;
opacity: 1 !important;
z-index: 1 !important;
clip: auto !important;
vertical-align: baseline !important;
padding: 0
}
.os-host-rtl>.os-padding>.os-viewport>.os-content>.os-textarea {
right: 0 !important
}
.os-content>.os-textarea-cover {
z-index: -1;
pointer-events: none
}
.os-content>.os-textarea[wrap='off'] {
white-space: pre !important;
margin: 0 !important
}
.os-text-inherit {
font-family: inherit;
font-size: inherit;
font-weight: inherit;
font-style: inherit;
font-variant: inherit;
text-transform: inherit;
text-decoration: inherit;
text-indent: inherit;
text-align: inherit;
text-shadow: inherit;
text-overflow: inherit;
letter-spacing: inherit;
word-spacing: inherit;
line-height: inherit;
unicode-bidi: inherit;
direction: inherit;
color: inherit;
cursor: text
}
.os-resize-observer,.os-resize-observer-host {
box-sizing: inherit;
display: block;
opacity: 0;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
overflow: hidden;
pointer-events: none;
z-index: -1
}
.os-resize-observer-host {
padding: inherit;
border: inherit;
border-color: transparent;
border-style: solid;
box-sizing: border-box
}
.os-resize-observer-host:after {
content: ''
}
.os-resize-observer-host>.os-resize-observer,.os-resize-observer-host:after {
height: 200%;
width: 200%;
padding: inherit;
border: inherit;
margin: 0;
display: block;
box-sizing: content-box
}
.os-resize-observer.observed,object.os-resize-observer {
box-sizing: border-box !important
}
.os-size-auto-observer {
box-sizing: inherit !important;
height: 100%;
width: inherit;
max-width: 1px;
position: relative;
float: left;
max-height: 1px;
overflow: hidden;
z-index: -1;
padding: 0;
margin: 0;
pointer-events: none;
-webkit-box-flex: inherit;
-ms-flex-positive: inherit;
flex-grow: inherit;
-ms-flex-negative: 0;
flex-shrink: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0
}
.os-size-auto-observer>.os-resize-observer {
width: 1000%;
height: 1000%;
min-height: 1px;
min-width: 1px
}
.os-resize-observer-item {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: hidden;
z-index: -1;
opacity: 0;
direction: ltr !important;
-webkit-box-flex: 0 !important;
-ms-flex: none !important;
flex: none !important
}
.os-resize-observer-item-final {
position: absolute;
left: 0;
top: 0;
-webkit-transition: none !important;
transition: none !important;
-webkit-box-flex: 0 !important;
-ms-flex: none !important;
flex: none !important
}
.os-resize-observer {
-webkit-animation-duration: .001s;
animation-duration: .001s;
-webkit-animation-name: hs-resize-observer-dummy-animation;
animation-name: hs-resize-observer-dummy-animation
}
.os-host-transition>.os-scrollbar,.os-host-transition>.os-scrollbar-corner {
-webkit-transition: opacity .3s,visibility .3s,top .3s,right .3s,bottom .3s,left .3s;
transition: opacity .3s,visibility .3s,top .3s,right .3s,bottom .3s,left .3s
}
html.os-html>.os-host>.os-scrollbar {
position: absolute;
z-index: 999999
}
.os-scrollbar,.os-scrollbar-corner {
position: absolute;
opacity: 1;
-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
z-index: 1
}
.os-scrollbar-corner {
bottom: 0;
right: 0
}
.os-scrollbar {
pointer-events: none
}
.os-scrollbar-track {
pointer-events: auto;
position: relative;
height: 100%;
width: 100%;
padding: 0 !important;
border: none !important
}
.os-scrollbar-handle {
pointer-events: auto;
position: absolute;
width: 100%;
height: 100%
}
.os-scrollbar-handle-off,.os-scrollbar-track-off {
pointer-events: none
}
.os-scrollbar.os-scrollbar-unusable,.os-scrollbar.os-scrollbar-unusable * {
pointer-events: none !important
}
.os-scrollbar.os-scrollbar-unusable .os-scrollbar-handle {
opacity: 0 !important
}
.os-scrollbar-horizontal {
bottom: 0;
left: 0
}
.os-scrollbar-vertical {
top: 0;
right: 0
}
.os-host-rtl>.os-scrollbar-horizontal {
right: 0
}
.os-host-rtl>.os-scrollbar-vertical {
right: auto;
left: 0
}
.os-host-rtl>.os-scrollbar-corner {
right: auto;
left: 0
}
.os-scrollbar-auto-hidden,.os-padding+.os-scrollbar-corner,.os-host-resize-disabled.os-host-scrollbar-horizontal-hidden>.os-scrollbar-corner,.os-host-scrollbar-horizontal-hidden>.os-scrollbar-horizontal,.os-host-resize-disabled.os-host-scrollbar-vertical-hidden>.os-scrollbar-corner,.os-host-scrollbar-vertical-hidden>.os-scrollbar-vertical,.os-scrollbar-horizontal.os-scrollbar-auto-hidden+.os-scrollbar-vertical+.os-scrollbar-corner,.os-scrollbar-horizontal+.os-scrollbar-vertical.os-scrollbar-auto-hidden+.os-scrollbar-corner,.os-scrollbar-horizontal.os-scrollbar-auto-hidden+.os-scrollbar-vertical.os-scrollbar-auto-hidden+.os-scrollbar-corner {
opacity: 0;
visibility: hidden;
pointer-events: none
}
.os-scrollbar-corner-resize-both {
cursor: nwse-resize
}
.os-host-rtl>.os-scrollbar-corner-resize-both {
cursor: nesw-resize
}
.os-scrollbar-corner-resize-horizontal {
cursor: ew-resize
}
.os-scrollbar-corner-resize-vertical {
cursor: ns-resize
}
.os-dragging .os-scrollbar-corner.os-scrollbar-corner-resize {
cursor: default
}
.os-host-resize-disabled.os-host-scrollbar-horizontal-hidden>.os-scrollbar-vertical {
top: 0;
bottom: 0
}
.os-host-resize-disabled.os-host-scrollbar-vertical-hidden>.os-scrollbar-horizontal,.os-host-rtl.os-host-resize-disabled.os-host-scrollbar-vertical-hidden>.os-scrollbar-horizontal {
right: 0;
left: 0
}
.os-scrollbar:hover,.os-scrollbar-corner.os-scrollbar-corner-resize {
opacity: 1 !important;
visibility: visible !important
}
.os-scrollbar-corner.os-scrollbar-corner-resize {
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB3aWR0aD0iMTAiICAgaGVpZ2h0PSIxMCIgICB2ZXJzaW9uPSIxLjEiPiAgPGcgICAgIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAsLTEwNDIuMzYyMikiICAgICBzdHlsZT0iZGlzcGxheTppbmxpbmUiPiAgICA8cGF0aCAgICAgICBzdHlsZT0iZmlsbDojMDAwMDAwO2ZpbGwtb3BhY2l0eTowLjQ5NDExNzY1O2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTpub25lIiAgICAgICBkPSJtIDcuNDI0MjE4NywxMDQyLjM2MjIgYyAtMC43MjM1NzkyLDAgLTEuMzEwMTU2MiwwLjU4NjYgLTEuMzEwMTU2MiwxLjMxMDIgMCwwLjI5OSAwLjEwNDM0MTksMC41NzEgMC4yNzI5NDkyLDAuNzkxNSAwLjIwOTEwMjQsMC4xNDEzIDAuNDY1NjIwNiwwLjIxODQgMC43MzY5NjI5LDAuMjE4NCAwLjcyMzU3OTMsMCAxLjMxMDE1NjMsLTAuNTg2NiAxLjMxMDE1NjMsLTEuMzEwMiAwLC0wLjI3MTMgLTAuMDc3MDkzLC0wLjUyNzggLTAuMjE4MzU5NCwtMC43MzcgLTAuMjIwNDk0MSwtMC4xNjg2IC0wLjQ5MjU0NDMsLTAuMjcyOSAtMC43OTE1NTI4LC0wLjI3MjkgeiBtIDAsMy4wODQzIGMgLTAuNzIzNTc5MiwwIC0xLjMxMDE1NjIsMC41ODY2IC0xLjMxMDE1NjIsMS4zMTAyIDAsMC4yOTkgMC4xMDQzNDE5LDAuNTcxIDAuMjcyOTQ5MiwwLjc5MTUgMC4yMDkxMDI0LDAuMTQxMyAwLjQ2NTYyMDYsMC4yMTg0IDAuNzM2OTYyOSwwLjIxODQgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjYgMS4zMTAxNTYzLC0xLjMxMDIgMCwtMC4yNzEzIC0wLjA3NzA5MywtMC41Mjc4IC0wLjIxODM1OTQsLTAuNzM2OSAtMC4yMjA0OTQxLC0wLjE2ODYgLTAuNDkyNTQ0MywtMC4yNzMgLTAuNzkxNTUyOCwtMC4yNzMgeiBtIC0zLjA4NDMyNjEsMCBjIC0wLjcyMzU3OTMsMCAtMS4zMTAxNTYzLDAuNTg2NiAtMS4zMTAxNTYzLDEuMzEwMiAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MSAwLjI3Mjk0OTIsMC43OTE1IDAuMjA5MTAyNCwwLjE0MTMgMC40NjU2MjA3LDAuMjE4NCAwLjczNjk2MjksMC4yMTg0IDAuNzIzNTc5MywwIDEuMzEwMTU2MywtMC41ODY2IDEuMzEwMTU2MywtMS4zMTAyIDAsLTAuMjcxMyAtMC4wNzcwOTMsLTAuNTI3OCAtMC4yMTgzNTk0LC0wLjczNjkgLTAuMjIwNDk0LC0wLjE2ODYgLTAuNDkyNTQ0MiwtMC4yNzMgLTAuNzkxNTUyNywtMC4yNzMgeiBtIC0zLjAyOTczNjQsMy4wMjk4IEMgMC41ODY1NzY5MywxMDQ4LjQ3NjMgMCwxMDQ5LjA2MjggMCwxMDQ5Ljc4NjQgYyAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MTEgMC4yNzI5NDkyMiwwLjc5MTYgMC4yMDkxMDIyOSwwLjE0MTIgMC40NjU2MjA2NSwwLjIxODMgMC43MzY5NjI4OCwwLjIxODMgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjUgMS4zMTAxNTYzLC0xLjMxMDEgMCwtMC4yNzE0IC0wLjA3NzA5MywtMC41Mjc5IC0wLjIxODM1OTQsLTAuNzM3IC0wLjIyMDQ5NDEsLTAuMTY4NiAtMC40OTI1NDQzLC0wLjI3MjkgLTAuNzkxNTUyOCwtMC4yNzI5IHogbSAzLjAyOTczNjQsMCBjIC0wLjcyMzU3OTMsMCAtMS4zMTAxNTYzLDAuNTg2NSAtMS4zMTAxNTYzLDEuMzEwMSAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MTEgMC4yNzI5NDkyLDAuNzkxNiAwLjIwOTEwMjQsMC4xNDEyIDAuNDY1NjIwNywwLjIxODMgMC43MzY5NjI5LDAuMjE4MyAwLjcyMzU3OTMsMCAxLjMxMDE1NjMsLTAuNTg2NSAxLjMxMDE1NjMsLTEuMzEwMSAwLC0wLjI3MTQgLTAuMDc3MDkzLC0wLjUyNzkgLTAuMjE4MzU5NCwtMC43MzcgLTAuMjIwNDk0LC0wLjE2ODYgLTAuNDkyNTQ0MiwtMC4yNzI5IC0wLjc5MTU1MjcsLTAuMjcyOSB6IG0gMy4wODQzMjYxLDAgYyAtMC43MjM1NzkyLDAgLTEuMzEwMTU2MiwwLjU4NjUgLTEuMzEwMTU2MiwxLjMxMDEgMCwwLjI5OSAwLjEwNDM0MTksMC41NzExIDAuMjcyOTQ5MiwwLjc5MTYgMC4yMDkxMDI0LDAuMTQxMiAwLjQ2NTYyMDYsMC4yMTgzIDAuNzM2OTYyOSwwLjIxODMgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjUgMS4zMTAxNTYzLC0xLjMxMDEgMCwtMC4yNzE0IC0wLjA3NzA5MywtMC41Mjc5IC0wLjIxODM1OTQsLTAuNzM3IC0wLjIyMDQ5NDEsLTAuMTY4NiAtMC40OTI1NDQzLC0wLjI3MjkgLTAuNzkxNTUyOCwtMC4yNzI5IHoiLz4gIDwvZz4gIDxnICAgICBzdHlsZT0iZGlzcGxheTppbmxpbmUiPiAgICA8cGF0aCAgICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTpub25lIiAgICAgICBkPSJtIDguMjE1NzcxNSwwLjI3Mjk0OTIyIGMgMC4xNDEyNjY3LDAuMjA5MTAyMjkgMC4yMTgzNTk0LDAuNDY1NjIwNjUgMC4yMTgzNTk0LDAuNzM2OTYyODggMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MyAtMS4zMTAxNTYzLDEuMzEwMTU2MyAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTk0IDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDc2IC0wLjIwNTUxNzYsLTAuNzk3Nzk2NTkgLTAuNTE4NjAzNSwtMS4wMzcyMDY5OCB6IG0gMCwzLjA4NDMyNjE4IGMgMC4xNDEyNjY3LDAuMjA5MTAyMyAwLjIxODM1OTQsMC40NjU2MjA2IDAuMjE4MzU5NCwwLjczNjk2MjkgMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MiAtMS4zMTAxNTYzLDEuMzEwMTU2MiAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTkzIDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY3IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogbSAtMy4wODQzMjYyLDAgYyAwLjE0MTI2NjcsMC4yMDkxMDIzIDAuMjE4MzU5NCwwLjQ2NTYyMDYgMC4yMTgzNTk0LDAuNzM2OTYyOSAwLDAuNzIzNTc5MyAtMC41ODY1NzcsMS4zMTAxNTYyIC0xLjMxMDE1NjMsMS4zMTAxNTYyIC0wLjI3MTM0MjIsMCAtMC41Mjc4NjA1LC0wLjA3NzA5MyAtMC43MzY5NjI5LC0wLjIxODM1OTMgMC4yMzk0MTA0LDAuMzEzMDg1OSAwLjYxMjYzNjMsMC41MTg2MDM1IDEuMDM3MjA3MSwwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYyLC0wLjU4NjU3NyAxLjMxMDE1NjIsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NSwtMC43OTc3OTY3IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogTSAyLjEwMTcwOSw2LjM4NzAxMTcgYyAwLjE0MTI2NjcsMC4yMDkxMDI0IDAuMjE4MzU5NCwwLjQ2NTYyMDYgMC4yMTgzNTk0LDAuNzM2OTYyOSAwLDAuNzIzNTc5MyAtMC41ODY1NzcsMS4zMTAxNTYzIC0xLjMxMDE1NjMsMS4zMTAxNTYzIC0wLjI3MTM0MjIzLDAgLTAuNTI3ODYwNTksLTAuMDc3MDkzIC0wLjczNjk2Mjg4LC0wLjIxODM1OTQgMC4yMzk0MTAzOSwwLjMxMzA4NTkgMC42MTI2MzYyMiwwLjUxODYwMzUgMS4wMzcyMDY5OCwwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY2IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogbSAzLjAyOTczNjMsMCBjIDAuMTQxMjY2NywwLjIwOTEwMjQgMC4yMTgzNTk0LDAuNDY1NjIwNiAwLjIxODM1OTQsMC43MzY5NjI5IDAsMC43MjM1NzkzIC0wLjU4NjU3NywxLjMxMDE1NjMgLTEuMzEwMTU2MywxLjMxMDE1NjMgLTAuMjcxMzQyMiwwIC0wLjUyNzg2MDUsLTAuMDc3MDkzIC0wLjczNjk2MjksLTAuMjE4MzU5NCAwLjIzOTQxMDQsMC4zMTMwODU5IDAuNjEyNjM2MywwLjUxODYwMzUgMS4wMzcyMDcxLDAuNTE4NjAzNSAwLjcyMzU3OTMsMCAxLjMxMDE1NjIsLTAuNTg2NTc3IDEuMzEwMTU2MiwtMS4zMTAxNTYzIDAsLTAuNDI0NTcwOCAtMC4yMDU1MTc1LC0wLjc5Nzc5NjYgLTAuNTE4NjAzNSwtMS4wMzcyMDcgeiBtIDMuMDg0MzI2MiwwIGMgMC4xNDEyNjY3LDAuMjA5MTAyNCAwLjIxODM1OTQsMC40NjU2MjA2IDAuMjE4MzU5NCwwLjczNjk2MjkgMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MyAtMS4zMTAxNTYzLDEuMzEwMTU2MyAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTk0IDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY2IC0wLjUxODYwMzUsLTEuMDM3MjA3IHoiIC8+ICA8L2c+PC9zdmc+);
background-repeat: no-repeat;
background-position: 100% 100%;
pointer-events: auto !important
}
.os-host-rtl>.os-scrollbar-corner.os-scrollbar-corner-resize {
-webkit-transform: scale(-1,1);
transform: scale(-1,1)
}
.os-host-overflow {
overflow: hidden !important
}
@-webkit-keyframes hs-resize-observer-dummy-animation {
from {
z-index: 0
}
to {
z-index: -1
}
}
@keyframes hs-resize-observer-dummy-animation {
from {
z-index: 0
}
to {
z-index: -1
}
}
.os-theme-none>.os-scrollbar-horizontal,.os-theme-none>.os-scrollbar-vertical,.os-theme-none>.os-scrollbar-corner {
display: none !important
}
.os-theme-none>.os-scrollbar-corner-resize {
display: block !important;
min-width: 10px;
min-height: 10px
}
.os-theme-GW.os-host-transition .os-scrollbar-vertical {
-webkit-transition: box-shadow .2s linear,border-radius .2s linear,border .2s linear;
transition: box-shadow .2s linear,background .2s linear,border-radius .2s linear,border .2s linear
}
.os-theme-GW.os-host-transition .os-scrollbar-vertical .os-scrollbar-track {
-webkit-transition: box-shadow .2s linear,background .2s linear,border-radius .2s linear,border .2s linear,width .2s linear;
transition: box-shadow .2s linear,background .2s linear,border-radius .2s linear,border .2s linear,width .2s linear
}
.os-theme-GW.os-host-transition .os-scrollbar-vertical .os-scrollbar-track .os-scrollbar-handle {
-webkit-transition: box-shadow .2s linear,background .2s linear,border-radius .2s linear,border .2s linear,width .2s linear,margin-left .2s linear;
transition: box-shadow .2s linear,background .2s linear,border-radius .2s linear,border .2s linear,width .2s linear,margin-left .2s linear
}
.os-theme-GW.os-host-transition .os-scrollbar-horizontal {
-webkit-transition: box-shadow .2s linear,background .2s linear,border-radius .2s linear,border .2s linear;
transition: box-shadow .2s linear,background .2s linear,border-radius .2s linear,border .2s linear
}
.os-theme-GW.os-host-transition .os-scrollbar-horizontal .os-scrollbar-track {
-webkit-transition: box-shadow .2s linear,background .2s linear,border-radius .2s linear,border .2s linear,height .2s linear;
transition: box-shadow .2s linear,background .2s linear,border-radius .2s linear,border .2s linear,height .2s linear
}
.os-theme-GW.os-host-transition .os-scrollbar-horizontal .os-scrollbar-track .os-scrollbar-handle {
-webkit-transition: box-shadow .2s linear,background .2s linear,border-radius .2s linear,border .2s linear,height .2s linear,margin-top .2s linear;
transition: box-shadow .2s linear,background .2s linear,border-radius .2s linear,border .2s linear,height .2s linear,margin-top .2s linear
}
.os-theme-GW.os-host-transition:hover .os-scrollbar-vertical {
-webkit-transition: box-shadow .2s linear,background .2s linear,border-radius .2s linear,border .2s linear;
transition: box-shadow .2s linear,background .2s linear,border-radius .2s linear,border .2s linear
}
.os-theme-GW.os-host-transition:hover .os-scrollbar-vertical .os-scrollbar-track {
-webkit-transition: box-shadow .2s linear,background .2s linear,border-radius .2s linear,border .2s linear,width .2s linear;
transition: box-shadow .2s linear,background .2s linear,border-radius .2s linear,border .2s linear,width .2s linear
}
.os-theme-GW.os-host-transition:hover .os-scrollbar-vertical .os-scrollbar-track .os-scrollbar-handle {
-webkit-transition: box-shadow .2s linear,background .2s linear,border-radius .2s linear,border .2s linear,width .2s linear,margin-left .2s linear;
transition: box-shadow .2s linear,background .2s linear,border-radius .2s linear,border .2s linear,width .2s linear,margin-left .2s linear
}
.os-theme-GW.os-host-transition:hover .os-scrollbar-horizontal {
-webkit-transition: box-shadow .2s linear,background .2s linear,border-radius .2s linear,border .2s linear;
transition: box-shadow .2s linear,background .2s linear,border-radius .2s linear,border .2s linear
}
.os-theme-GW.os-host-transition:hover .os-scrollbar-horizontal .os-scrollbar-track {
-webkit-transition: box-shadow .2s linear,background .2s linear,border-radius .2s linear,border .2s linear,height .2s linear;
transition: box-shadow .2s linear,background .2s linear,border-radius .2s linear,border .2s linear,height .2s linear
}
.os-theme-GW.os-host-transition:hover .os-scrollbar-horizontal .os-scrollbar-track .os-scrollbar-handle {
-webkit-transition: box-shadow .2s linear,background .2s linear,border-radius .2s linear,border .2s linear,height .2s linear,margin-top .2s linear;
transition: box-shadow .2s linear,background .2s linear,border-radius .2s linear,border .2s linear,height .2s linear,margin-top .2s linear
}
.os-theme-GW.os-host-transition .active .os-scrollbar-vertical {
-webkit-transition: box-shadow .2s linear,background .2s linear,border-radius .2s linear,border .2s linear;
transition: box-shadow .2s linear,background .2s linear,border-radius .2s linear,border .2s linear
}
.os-theme-GW.os-host-transition .active .os-scrollbar-vertical .os-scrollbar-track {
-webkit-transition: box-shadow .2s linear,background .2s linear,border-radius .2s linear,border .2s linear,width .2s linear;
transition: box-shadow .2s linear,background .2s linear,border-radius .2s linear,border .2s linear,width .2s linear
}
.os-theme-GW.os-host-transition .active .os-scrollbar-vertical .os-scrollbar-track .os-scrollbar-handle {
-webkit-transition: box-shadow .2s linear,background .2s linear,border-radius .2s linear,border .2s linear,width .2s linear,margin-top .2s linear;
transition: box-shadow .2s linear,background .2s linear,border-radius .2s linear,border .2s linear,width .2s linear,margin-top .2s linear
}
.os-theme-GW.os-host-transition .active .os-scrollbar-horizontal {
-webkit-transition: box-shadow .2s linear,background .2s linear,border-radius .2s linear,border .2s linear;
transition: box-shadow .2s linear,background .2s linear,border-radius .2s linear,border .2s linear
}
.os-theme-GW.os-host-transition .active .os-scrollbar-horizontal .os-scrollbar-track {
-webkit-transition: box-shadow .2s linear,background .2s linear,border-radius .2s linear,border .2s linear,height .2s linear;
transition: box-shadow .2s linear,background .2s linear,border-radius .2s linear,border .2s linear,height .2s linear
}
.os-theme-GW.os-host-transition .active .os-scrollbar-horizontal .os-scrollbar-track .os-scrollbar-handle {
-webkit-transition: box-shadow .2s linear,background .2s linear,border-radius .2s linear,border .2s linear,height .2s linear,margin-left .2s linear;
transition: box-shadow .2s linear,background .2s linear,border-radius .2s linear,border .2s linear,height .2s linear,margin-left .2s linear
}
.os-theme-GW .os-scrollbar-corner {
background: linear-gradient(45deg,#f0f 0%,#0f0 100%);
height: 1rem;
width: 1rem
}
.os-theme-GW .os-scrollbar {
box-sizing: border-box;
background: rgba(18,18,18,.15);
border-radius: .5rem;
border: .1rem solid rgba(18,18,18,.25) !important;
box-shadow: none
}
.os-theme-GW .os-scrollbar:hover {
box-sizing: border-box;
background: #112d14;
border: .1rem solid #0a1a0b !important;
box-shadow: none
}
.os-theme-GW .os-scrollbar:hover .os-scrollbar-track {
box-sizing: border-box;
background: #75808f;
box-shadow: inset 0 0 0 0 transparent,0 0 .05rem .02rem #75808f
}
.os-theme-GW .os-scrollbar:hover .os-scrollbar-track .os-scrollbar-handle {
box-sizing: border-box;
background: #3e0000;
border: .15rem outset #1a0000 !important;
box-shadow: none
}
.os-theme-GW .os-scrollbar.active {
box-sizing: border-box;
background: #000;
border: .01rem solid #75808f !important;
box-shadow: 0 0 0 0 transparent,inset 0 0 .1rem .05rem #75808f
}
.os-theme-GW .os-scrollbar.active .os-scrollbar-track {
box-sizing: border-box;
background: #75808f;
box-shadow: inset 0 0 0 0 transparent,0 0 .1rem .05rem #75808f
}
.os-theme-GW .os-scrollbar.active .os-scrollbar-track .os-scrollbar-handle {
box-sizing: border-box;
background: #75808f;
border: .1rem outset #445045 !important;
box-shadow: none
}
.os-theme-GW .os-scrollbar .os-scrollbar-track {
box-sizing: border-box;
background: rgba(18,18,18,.25);
border-radius: .5rem;
box-shadow: inset 0 0 0 0 rgba(0,0,0,.25),0 0 0 0 transparent
}
.os-theme-GW .os-scrollbar .os-scrollbar-track .os-scrollbar-handle {
box-sizing: border-box;
border-radius: .5rem;
background: #404040;
border: .1rem outset #272727 !important;
box-shadow: none
}
.os-theme-GW .os-scrollbar .os-scrollbar-track .os-scrollbar-handle .os-scrollbar-unusable {
background: transparent
}
.os-theme-GW .os-scrollbar-vertical {
padding: 0;
padding-top: .15rem;
padding-bottom: .15rem;
bottom: 1rem;
width: 1rem
}
.os-theme-GW .os-scrollbar-vertical .os-scrollbar-track {
width: .3rem;
margin: auto
}
.os-theme-GW .os-scrollbar-vertical .os-scrollbar-track .os-scrollbar-handle {
min-height: 0;
width: .5rem;
margin-left: -.1rem
}
.os-theme-GW .os-scrollbar-vertical:hover {
padding-top: .15rem;
padding-bottom: .15rem
}
.os-theme-GW .os-scrollbar-vertical:hover .os-scrollbar-track {
width: 0
}
.os-theme-GW .os-scrollbar-vertical:hover .os-scrollbar-track .os-scrollbar-handle {
width: .75rem;
margin-left: -.375rem
}
.os-theme-GW .os-scrollbar-vertical.active {
padding-top: .15rem;
padding-bottom: .15rem
}
.os-theme-GW .os-scrollbar-vertical.active .os-scrollbar-track {
width: .1rem
}
.os-theme-GW .os-scrollbar-vertical.active .os-scrollbar-track .os-scrollbar-handle {
width: .5rem;
margin-left: -.2rem
}
.os-theme-GW .os-scrollbar-horizontal {
padding: 0;
padding-left: .15rem;
padding-right: .15rem;
right: 1rem;
height: 1rem
}
.os-theme-GW .os-scrollbar-horizontal .os-scrollbar-track {
height: .3rem;
top: 50%;
transform: translateY(-50%)
}
.os-theme-GW .os-scrollbar-horizontal .os-scrollbar-track .os-scrollbar-handle {
min-width: 0;
height: .5rem;
margin-top: -.1rem
}
.os-theme-GW .os-scrollbar-horizontal:hover {
padding: 0;
padding-left: .15rem;
padding-right: .15rem
}
.os-theme-GW .os-scrollbar-horizontal:hover .os-scrollbar-track {
height: 0
}
.os-theme-GW .os-scrollbar-horizontal:hover .os-scrollbar-track .os-scrollbar-handle {
height: .75rem;
margin-top: -.375rem
}
.os-theme-GW .os-scrollbar-horizontal.active {
padding-top: .15rem;
padding-bottom: .15rem
}
.os-theme-GW .os-scrollbar-horizontal.active .os-scrollbar-track {
height: .1rem
}
.os-theme-GW .os-scrollbar-horizontal.active .os-scrollbar-track .os-scrollbar-handle {
height: .5rem;
margin-top: -.2rem
}
.os-theme-GW .os-host-scrollbar-horizontal-hidden>.os-scrollbar-horizontal .os-scrollbar-handle:before,.os-theme-GW .os-host-scrollbar-vertical-hidden>.os-scrollbar-vertical .os-scrollbar-handle:before {
display: none
}
.os-theme-GW.scrollyLeft>.os-scrollbar-corner {
left: 0
}
.os-theme-GW.scrollyLeft>.os-scrollbar-vertical {
left: 0
}
.os-theme-GW.scrollyLeft>.os-scrollbar-horizontal {
left: 1rem;
right: 0
}
.wc_a_benefits_overview .framePanel.eventbenefits {
margin: 0
}
.hoverstyle_default {
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
.hoverstyle_defaultSelected {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
.hoverstyle_expired {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
.hoverstyle_expiredSelected {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
.hoverstyle_delete {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
.hoverstyle_deleteSelected {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
.hoverstyle_confirm {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
.hoverstyle_confirmSelected {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
.hoverstyle_inverse {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
.hoverstyle_inverseSelected {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
.hoverstyle_betlink {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
.hoverstyle_betlinkSelected {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
#toastMessage,.staticMessage,.ajaxReply,.wc_a_register div.signupErrMsg,.bettingPanel .coupErrMsg,.bettingPanel .coupErrMsg,.wc_a_register div.signupErrMsg {
background-color: #fdfdfd;
border-color: #fdfdfd;
color: #0d0d0d
}
div.eventHub>div {
margin-bottom: .625rem;
padding: .625rem
}
div.eventHub .bar {
padding: .625rem;
background-color: #1f1f1f;
border: solid 1px #2b2b2b
}
div.eventHub .bar .eventElements>div>a,div.eventHub .bar .userElements>div>a {
padding: .375rem .75rem;
cursor: pointer;
text-align: center;
vertical-align: middle;
border: 1px solid #0d0d0d;
color: #0d0d0d;
font-weight: bold;
background-color: #fdfdfd;
border-radius: 10px;
position: relative;
display: inline-flex;
min-width: 2.5rem;
padding: .25rem .9375rem;
background-color: unset;
border: solid 2px #fdfdfd;
border-radius: 2.5rem;
color: #fdfdfd;
font-family: "Barlow Semi Condensed",Helvetica,Arial,Sans-Serif;
font-size: .9rem;
font-style: italic;
font-weight: 700;
letter-spacing: .5px;
text-transform: uppercase;
display: flex;
align-items: center;
justify-content: center;
min-height: 2.5rem;
min-width: 7.5rem;
margin: 0;
font-size: 1rem
}
div.eventHub .bar .eventElements>div>a:hover,div.eventHub .bar .userElements>div>a:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
div.eventHub .bar .eventElements>div>a.selected,div.eventHub .bar .userElements>div>a.selected {
background-color: #1f1f1f;
color: #fdfdfd
}
div.eventHub .bar .eventElements>div>a.selected:hover,div.eventHub .bar .userElements>div>a.selected:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
div.eventHub .bar .eventElements>div>a.inverse,div.eventHub .bar .userElements>div>a.inverse {
background-color: transparent;
border-color: #fdfdfd;
color: #fdfdfd
}
div.eventHub .bar .eventElements>div>a.inverse:hover,div.eventHub .bar .userElements>div>a.inverse:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
div.eventHub .bar .eventElements>div>a.inverse.selected,div.eventHub .bar .userElements>div>a.inverse.selected {
background-color: rgba(253,253,253,.4)
}
div.eventHub .bar .eventElements>div>a.inverse.selected:hover,div.eventHub .bar .userElements>div>a.inverse.selected:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
div.eventHub .bar .eventElements>div>a.expired,div.eventHub .bar .userElements>div>a.expired {
background-color: #bfbfbf;
border-color: #262626;
color: #262626;
color: #0d0d0d
}
div.eventHub .bar .eventElements>div>a.expired:hover,div.eventHub .bar .userElements>div>a.expired:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
div.eventHub .bar .eventElements>div>a.expired.selected,div.eventHub .bar .userElements>div>a.expired.selected {
background-color: #8c8c8c;
border-color: #0d0d0d;
color: #0d0d0d
}
div.eventHub .bar .eventElements>div>a.expired.selected:hover,div.eventHub .bar .userElements>div>a.expired.selected:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
div.eventHub .bar .eventElements>div>a.delete,div.eventHub .bar .userElements>div>a.delete {
background-color: #cb1029;
border-color: #f797a4;
color: #fdfdfd
}
div.eventHub .bar .eventElements>div>a.delete:hover,div.eventHub .bar .userElements>div>a.delete:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
div.eventHub .bar .eventElements>div>a.delete.selected,div.eventHub .bar .userElements>div>a.delete.selected {
background-color: #6c0916
}
div.eventHub .bar .eventElements>div>a.delete.selected:hover,div.eventHub .bar .userElements>div>a.delete.selected:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
div.eventHub .bar .eventElements>div>a.confirm,div.eventHub .bar .userElements>div>a.confirm {
background-color: #1f1f1f;
border-color: #1f1f1f;
color: #fdfdfd
}
div.eventHub .bar .eventElements>div>a.confirm:hover,div.eventHub .bar .userElements>div>a.confirm:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
div.eventHub .bar .eventElements>div>a.confirm.selected,div.eventHub .bar .userElements>div>a.confirm.selected {
background-color: #0d0d0d
}
div.eventHub .bar .eventElements>div>a.confirm.selected:hover,div.eventHub .bar .userElements>div>a.confirm.selected:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
div.eventHub .bar .eventElements>div>a.disabled,div.eventHub .bar .userElements>div>a.disabled {
opacity: .5
}
div.eventHub .bar .eventElements>div>a.betlink,div.eventHub .bar .userElements>div>a.betlink {
border-color: #0d0d0d;
color: #0d0d0d;
min-width: 100%;
white-space: nowrap
}
div.eventHub .bar .eventElements>div>a.betlink:hover,div.eventHub .bar .userElements>div>a.betlink:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
div.eventHub .bar .eventElements>div>a.betlink.selected,div.eventHub .bar .userElements>div>a.betlink.selected {
background-color: #0d0d0d;
color: #0d0d0d
}
div.eventHub .bar .eventElements>div>a.betlink.selected:hover,div.eventHub .bar .userElements>div>a.betlink.selected:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
div.eventHub .bar .eventElements>div>a[class^="icon-"],div.eventHub .bar .userElements>div>a[class^="icon-"],div.eventHub .bar .eventElements>div>a[class*=" icon-"],div.eventHub .bar .userElements>div>a[class*=" icon-"] {
padding-top: .225rem;
padding-bottom: .225rem;
padding-left: .225rem
}
div.eventHub .bar .eventElements>div>a[class^="icon-"]:before,div.eventHub .bar .userElements>div>a[class^="icon-"]:before,div.eventHub .bar .eventElements>div>a[class*=" icon-"]:before,div.eventHub .bar .userElements>div>a[class*=" icon-"]:before {
font-size: 1.9rem;
font-weight: normal;
padding-right: .225rem
}
div.eventHub .bar .eventElements>div>a[class^="icon-"]:empty,div.eventHub .bar .userElements>div>a[class^="icon-"]:empty,div.eventHub .bar .eventElements>div>a[class*=" icon-"]:empty,div.eventHub .bar .userElements>div>a[class*=" icon-"]:empty {
padding: .225rem
}
div.eventHub .bar .eventElements>div>a[class^="icon-"]:empty:before,div.eventHub .bar .userElements>div>a[class^="icon-"]:empty:before,div.eventHub .bar .eventElements>div>a[class*=" icon-"]:empty:before,div.eventHub .bar .userElements>div>a[class*=" icon-"]:empty:before {
padding: 0
}
div.eventHub .bar .eventElements>div>a[class^="icon-"].vertical,div.eventHub .bar .userElements>div>a[class^="icon-"].vertical,div.eventHub .bar .eventElements>div>a[class*=" icon-"].vertical,div.eventHub .bar .userElements>div>a[class*=" icon-"].vertical {
flex-direction: column;
align-items: center;
padding-right: .225rem;
padding-bottom: .3rem
}
div.eventHub .bar .eventElements>div>a.small,div.eventHub .bar .userElements>div>a.small {
min-height: 1.875rem;
font-size: .75rem;
padding: .21875rem .4375rem
}
div.eventHub .bar .eventElements>div>a.small[class^="icon-"],div.eventHub .bar .userElements>div>a.small[class^="icon-"],div.eventHub .bar .eventElements>div>a.small[class*=" icon-"],div.eventHub .bar .userElements>div>a.small[class*=" icon-"] {
padding-top: .16875rem;
padding-bottom: .16875rem;
padding-left: .16875rem
}
div.eventHub .bar .eventElements>div>a.small[class^="icon-"]:before,div.eventHub .bar .userElements>div>a.small[class^="icon-"]:before,div.eventHub .bar .eventElements>div>a.small[class*=" icon-"]:before,div.eventHub .bar .userElements>div>a.small[class*=" icon-"]:before {
font-size: 1.425rem;
font-weight: normal;
padding-right: .16875rem
}
div.eventHub .bar .eventElements>div>a.small[class^="icon-"]:empty,div.eventHub .bar .userElements>div>a.small[class^="icon-"]:empty,div.eventHub .bar .eventElements>div>a.small[class*=" icon-"]:empty,div.eventHub .bar .userElements>div>a.small[class*=" icon-"]:empty {
padding: .16875rem
}
div.eventHub .bar .eventElements>div>a.small[class^="icon-"]:empty:before,div.eventHub .bar .userElements>div>a.small[class^="icon-"]:empty:before,div.eventHub .bar .eventElements>div>a.small[class*=" icon-"]:empty:before,div.eventHub .bar .userElements>div>a.small[class*=" icon-"]:empty:before {
padding: 0
}
div.eventHub .bar .eventElements>div>a.small[class^="icon-"].vertical,div.eventHub .bar .userElements>div>a.small[class^="icon-"].vertical,div.eventHub .bar .eventElements>div>a.small[class*=" icon-"].vertical,div.eventHub .bar .userElements>div>a.small[class*=" icon-"].vertical {
padding-right: .16875rem
}
div.eventHub .bar .eventElements>div>a.majorAction,div.eventHub .bar .userElements>div>a.majorAction {
font-size: 1.4rem;
padding: .875rem
}
div.eventHub .bar .eventElements>div>a.majorAction[class^="icon-"],div.eventHub .bar .userElements>div>a.majorAction[class^="icon-"],div.eventHub .bar .eventElements>div>a.majorAction[class*=" icon-"],div.eventHub .bar .userElements>div>a.majorAction[class*=" icon-"] {
padding-top: .315rem;
padding-bottom: .315rem;
padding-left: .315rem
}
div.eventHub .bar .eventElements>div>a.majorAction[class^="icon-"]:before,div.eventHub .bar .userElements>div>a.majorAction[class^="icon-"]:before,div.eventHub .bar .eventElements>div>a.majorAction[class*=" icon-"]:before,div.eventHub .bar .userElements>div>a.majorAction[class*=" icon-"]:before {
font-size: 2.66rem;
font-weight: normal;
padding-right: .315rem
}
div.eventHub .bar .eventElements>div>a.majorAction[class^="icon-"]:empty,div.eventHub .bar .userElements>div>a.majorAction[class^="icon-"]:empty,div.eventHub .bar .eventElements>div>a.majorAction[class*=" icon-"]:empty,div.eventHub .bar .userElements>div>a.majorAction[class*=" icon-"]:empty {
padding: .315rem
}
div.eventHub .bar .eventElements>div>a.majorAction[class^="icon-"]:empty:before,div.eventHub .bar .userElements>div>a.majorAction[class^="icon-"]:empty:before,div.eventHub .bar .eventElements>div>a.majorAction[class*=" icon-"]:empty:before,div.eventHub .bar .userElements>div>a.majorAction[class*=" icon-"]:empty:before {
padding: 0
}
div.eventHub .bar .eventElements>div>a.invisible,div.eventHub .bar .userElements>div>a.invisible {
visibility: hidden
}
div.eventHub .bar .eventElements>div>a.tooltip,div.eventHub .bar .userElements>div>a.tooltip {
position: relative;
display: inline-block
}
div.eventHub .bar .eventElements>div>a.tooltip .tooltiptext,div.eventHub .bar .userElements>div>a.tooltip .tooltiptext {
visibility: hidden;
width: auto;
background-color: #333;
color: #fdfdfd;
text-align: center;
padding: 3px;
border-radius: 10px;
position: absolute;
top: 3px;
right: 3px;
z-index: 490;
font-size: 13px;
line-height: 16px;
font-weight: normal
}
div.eventHub .bar .eventElements>div>a.tooltip:hover .tooltiptext,div.eventHub .bar .userElements>div>a.tooltip:hover .tooltiptext {
visibility: visible
}
div.eventHub .bar .eventElements>div>a:hover:not(.disabled,.selected,.expired),div.eventHub .bar .userElements>div>a:hover:not(.disabled,.selected,.expired) {
opacity: 1
}
div.eventHub .bar .eventElements>div>a:hover:not(.disabled,.selected),div.eventHub .bar .userElements>div>a:hover:not(.disabled,.selected) {
background-color: #282828;
border-color: #fdfdfd;
color: #fdfdfd
}
div.eventHub .bar .eventElements>div>a.selected,div.eventHub .bar .userElements>div>a.selected {
background-color: #0bd51f;
border-color: #0bd51f;
color: #0d0d0d
}
div.eventHub .bar .eventElements>div>a.selected:hover:not(.disabled,.expired),div.eventHub .bar .userElements>div>a.selected:hover:not(.disabled,.expired) {
opacity: 1;
background-color: #13f32a;
border-color: #13f32a;
color: #0d0d0d
}
div.eventHub .bar .eventElements>div>a.disabled,div.eventHub .bar .userElements>div>a.disabled {
opacity: .65
}
div.eventHub .bar .eventElements>div>a.disabled:hover,div.eventHub .bar .userElements>div>a.disabled:hover {
cursor: default
}
div.eventHub .bar .eventElements>div>a[class^="icon-"],div.eventHub .bar .userElements>div>a[class^="icon-"],div.eventHub .bar .eventElements>div>a[class*=" icon-"],div.eventHub .bar .userElements>div>a[class*=" icon-"] {
grid-gap: .25rem;
padding: .5rem;
border-radius: 10px
}
div.eventHub .bar .eventElements>div>a[class^="icon-"]:empty,div.eventHub .bar .userElements>div>a[class^="icon-"]:empty,div.eventHub .bar .eventElements>div>a[class*=" icon-"]:empty,div.eventHub .bar .userElements>div>a[class*=" icon-"]:empty {
min-width: 2.5rem
}
div.eventHub .bar .eventElements>div>a[class^="icon-"]:before,div.eventHub .bar .userElements>div>a[class^="icon-"]:before,div.eventHub .bar .eventElements>div>a[class*=" icon-"]:before,div.eventHub .bar .userElements>div>a[class*=" icon-"]:before {
padding: 0;
font-size: 1.5rem
}
div.eventHub .bar .eventElements>div>a[class^="icon-"].vertical,div.eventHub .bar .userElements>div>a[class^="icon-"].vertical,div.eventHub .bar .eventElements>div>a[class*=" icon-"].vertical,div.eventHub .bar .userElements>div>a[class*=" icon-"].vertical {
justify-content: center;
grid-gap: .25rem;
padding: .625rem .75rem;
border-radius: 10px
}
div.eventHub .bar .eventElements>div>a[class^="icon-"].vertical:before,div.eventHub .bar .userElements>div>a[class^="icon-"].vertical:before,div.eventHub .bar .eventElements>div>a[class*=" icon-"].vertical:before,div.eventHub .bar .userElements>div>a[class*=" icon-"].vertical:before {
position: unset;
display: flex;
align-items: center;
justify-content: center;
justify-self: center;
height: 2.5rem;
width: 2.5rem;
border: solid 2px #0bd51f;
border-radius: 2.5rem;
font-size: 1.5rem
}
div.eventHub .bar .eventElements>div>a[class^="icon-"].vertical.selected:before,div.eventHub .bar .userElements>div>a[class^="icon-"].vertical.selected:before,div.eventHub .bar .eventElements>div>a[class*=" icon-"].vertical.selected:before,div.eventHub .bar .userElements>div>a[class*=" icon-"].vertical.selected:before {
border-color: #0d0d0d
}
div.eventHub .bar .eventElements>div>a.expired,div.eventHub .bar .userElements>div>a.expired {
opacity: .65;
background-color: unset;
border-color: #fdfdfd;
color: #fdfdfd
}
div.eventHub .bar .eventElements>div>a.expired:hover:not(.disabled,.selected),div.eventHub .bar .userElements>div>a.expired:hover:not(.disabled,.selected) {
opacity: .75;
background-color: #13f32a;
border-color: #fdfdfd;
color: #fdfdfd
}
div.eventHub .bar .eventElements>div>a.expired.selected,div.eventHub .bar .userElements>div>a.expired.selected {
opacity: .65;
background-color: #0bd51f;
border-color: #0bd51f;
color: #0d0d0d
}
div.eventHub .bar .eventElements>div>a.delete,div.eventHub .bar .userElements>div>a.delete {
background-color: #cb1029;
border-color: #cb1029
}
div.eventHub .bar .eventElements>div>a.delete.selected,div.eventHub .bar .userElements>div>a.delete.selected {
background-color: #cb1029;
border-color: #cb1029;
color: #fdfdfd
}
div.eventHub .bar .eventElements>div>a.delete:hover:not(.disabled),div.eventHub .bar .userElements>div>a.delete:hover:not(.disabled) {
background-color: #b30e24;
border-color: #b30e24;
color: #fdfdfd
}
div.eventHub .bar .eventElements>div>a.confirm,div.eventHub .bar .userElements>div>a.confirm {
background-color: transparent;
border-color: #0bd51f;
color: #fdfdfd
}
div.eventHub .bar .eventElements>div>a.confirm.selected,div.eventHub .bar .userElements>div>a.confirm.selected {
background-color: #0bd51f;
border-color: #0bd51f;
color: #0d0d0d
}
div.eventHub .bar .eventElements>div>a.confirm.selected:hover,div.eventHub .bar .userElements>div>a.confirm.selected:hover {
opacity: 1;
background-color: #0ced23;
border-color: #0ced23;
color: #0d0d0d
}
div.eventHub .bar .eventElements>div>a.confirm:hover:not(.disabled,.selected),div.eventHub .bar .userElements>div>a.confirm:hover:not(.disabled,.selected) {
opacity: 1;
background-color: #282828;
border-color: #0bd51f;
color: #fdfdfd
}
div.eventHub .bar .eventElements>div>a.inverse,div.eventHub .bar .userElements>div>a.inverse {
border-color: #1f1f1f;
color: #0d0d0d
}
div.eventHub .bar .eventElements>div>a.inverse:hover:not(.disabled,.selected),div.eventHub .bar .userElements>div>a.inverse:hover:not(.disabled,.selected) {
background-color: #adb4bd;
border-color: #1f1f1f;
color: #0d0d0d
}
div.eventHub .bar .eventElements>div>a.betlink,div.eventHub .bar .userElements>div>a.betlink {
min-height: 3.125rem;
width: 100%;
min-width: 4.375rem;
padding: .25rem .5rem;
background-color: #353e36;
border-color: #353e36;
border-width: 1px;
border-radius: 5px;
color: #fdfdfd;
font-size: 1.1rem;
font-style: normal;
font-weight: 600
}
div.eventHub .bar .eventElements>div>a.betlink:hover:not(.disabled,.selected),div.eventHub .bar .userElements>div>a.betlink:hover:not(.disabled,.selected) {
background-color: #445045;
border-color: #445045
}
div.eventHub .bar .eventElements>div>a.betlink.selected,div.eventHub .bar .userElements>div>a.betlink.selected {
background-color: #0bd51f;
border-color: #0bd51f;
color: #0d0d0d
}
div.eventHub .bar .eventElements>div>a.betlink.selected.disabled,div.eventHub .bar .userElements>div>a.betlink.selected.disabled {
opacity: .4;
background-color: #0bd51f;
border-color: #0bd51f;
color: #0d0d0d
}
div.eventHub .bar .eventElements>div>a.betlink.selected.disabled:hover,div.eventHub .bar .userElements>div>a.betlink.selected.disabled:hover {
opacity: .4;
background-color: #0bd51f;
border-color: #0bd51f;
color: #0d0d0d
}
div.eventHub .bar .eventElements>div>a.betlink.disabled,div.eventHub .bar .userElements>div>a.betlink.disabled {
opacity: .4;
color: #fdfdfd
}
div.eventHub .bar .eventElements>div>a.betlink.disabled:hover,div.eventHub .bar .userElements>div>a.betlink.disabled:hover {
opacity: .4;
background-color: #353e36;
border-color: #353e36;
color: #fdfdfd
}
div.eventHub .bar .eventElements>div>a.small,div.eventHub .bar .userElements>div>a.small {
padding: .25rem .625rem
}
div.eventHub .bar .eventElements>div>a.login,div.eventHub .bar .userElements>div>a.login {
background-color: transparent;
border-color: #0bd51f;
color: #fdfdfd
}
div.eventHub .bar .eventElements>div>a.login:hover:not(.disabled,.selected),div.eventHub .bar .userElements>div>a.login:hover:not(.disabled,.selected) {
opacity: 1;
background-color: #333;
border-color: #0bd51f;
color: #fdfdfd
}
div.eventHub .bar .eventElements>div>a.login.selected,div.eventHub .bar .userElements>div>a.login.selected {
opacity: 1;
background-color: #404040;
border-color: #0bd51f;
color: #fdfdfd
}
div.eventHub .bar .eventElements>div>a.login.selected:hover,div.eventHub .bar .userElements>div>a.login.selected:hover {
opacity: 1;
background-color: #4d4d4d;
border-color: #0bd51f;
color: #fdfdfd
}
div.eventHub .bar .eventElements>div>a.join,div.eventHub .bar .userElements>div>a.join {
background-color: #0bd51f;
border-color: #0bd51f;
color: #0d0d0d
}
div.eventHub .bar .eventElements>div>a.join:hover:not(.disabled),div.eventHub .bar .userElements>div>a.join:hover:not(.disabled) {
opacity: 1;
background-color: #13f32a;
border-color: #13f32a;
color: #0d0d0d
}
div.eventHub .bar .eventElements>div>a.button-primary,div.eventHub .bar .userElements>div>a.button-primary {
border: solid 2px #0bd51f
}
div.eventHub .bar .eventElements>div>a.buttonAcceptAction,div.eventHub .bar .userElements>div>a.buttonAcceptAction {
background-color: #0bd51f;
border-color: #0bd51f;
color: #0d0d0d
}
div.eventHub .bar .eventElements>div>a.buttonAcceptAction:hover,div.eventHub .bar .userElements>div>a.buttonAcceptAction:hover {
opacity: 1;
background-color: #0ac41d;
border-color: #0ac41d;
color: #0d0d0d
}
div.eventHub .bar .eventElements>div>a:hover:not(.disabled,.selected),div.eventHub .bar .userElements>div>a:hover:not(.disabled,.selected) {
border-color: #fdfdfd
}
div.eventHub .bar .eventElements>div>a.wc_r_r-Benefit,div.eventHub .bar .userElements>div>a.wc_r_r-Benefit,div.eventHub .bar .eventElements>div>a.wc_s_m-Benefit,div.eventHub .bar .userElements>div>a.wc_s_m-Benefit,div.eventHub .bar .eventElements>div>a.wc_s_o-Benefit,div.eventHub .bar .userElements>div>a.wc_s_o-Benefit {
background: #d19e1d;
background: -webkit-linear-gradient(to right,#d19e1d,#ffd86e,#e3a812);
background: linear-gradient(to right,#d19e1d,#ffd86e,#e3a812);
border-color: rgba(0,0,0,.15) !important;
color: #000
}
div.eventHub .bar .eventElements>div>a.wc_r_r-Benefit:hover,div.eventHub .bar .userElements>div>a.wc_r_r-Benefit:hover,div.eventHub .bar .eventElements>div>a.wc_s_m-Benefit:hover,div.eventHub .bar .userElements>div>a.wc_s_m-Benefit:hover,div.eventHub .bar .eventElements>div>a.wc_s_o-Benefit:hover,div.eventHub .bar .userElements>div>a.wc_s_o-Benefit:hover {
opacity: .95;
border-color: transparent;
color: #000 !important
}
div.eventHub .bar .eventElements>div>a.wc_r_r-FormGuide,div.eventHub .bar .userElements>div>a.wc_r_r-FormGuide {
background-color: #1f1f1f;
border-color: #1f1f1f;
background-color: transparent;
border-color: #0bd51f;
color: #fdfdfd
}
div.eventHub .bar .eventElements>div>a.wc_r_r-FormGuide:hover,div.eventHub .bar .userElements>div>a.wc_r_r-FormGuide:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
div.eventHub .bar .eventElements>div>a.wc_r_r-FormGuide.selected,div.eventHub .bar .userElements>div>a.wc_r_r-FormGuide.selected {
background-color: #0d0d0d
}
div.eventHub .bar .eventElements>div>a.wc_r_r-FormGuide.selected:hover,div.eventHub .bar .userElements>div>a.wc_r_r-FormGuide.selected:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
div.eventHub .bar .eventElements>div>a.wc_r_r-FormGuide.selected,div.eventHub .bar .userElements>div>a.wc_r_r-FormGuide.selected {
background-color: #0bd51f;
border-color: #0bd51f;
color: #0d0d0d
}
div.eventHub .bar .eventElements>div>a.wc_r_r-FormGuide.selected:hover,div.eventHub .bar .userElements>div>a.wc_r_r-FormGuide.selected:hover {
opacity: 1;
background-color: #0ced23;
border-color: #0ced23;
color: #0d0d0d
}
div.eventHub .bar .eventElements>div>a.wc_r_r-FormGuide:hover:not(.disabled,.selected),div.eventHub .bar .userElements>div>a.wc_r_r-FormGuide:hover:not(.disabled,.selected) {
opacity: 1;
background-color: #282828;
border-color: #0bd51f;
color: #fdfdfd
}
div.eventHub.race .bar {
margin-bottom: .625rem;
padding: .625rem .75rem;
border-radius: 10px
}
div.eventHub.match {
background-color: #0d0d0d
}
div.eventHub.match .bar {
padding: .625rem;
padding-top: .3125rem;
background-color: #1f1f1f;
border: none;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px
}
div.eventHub.match>div {
margin: 0;
padding: 0
}
div.eventHub.match>div>div {
margin-top: .625rem;
padding: .625rem;
background-color: #1f1f1f;
border-radius: 10px
}
div.eventHub.comp {
margin-bottom: .3125rem
}
div.eventHub.comp>div.framePanel {
margin-bottom: 1.25rem;
padding: 0;
border: none
}
div.eventHub.comp .bar {
margin-bottom: 0;
padding: .3125rem .25rem;
padding-bottom: .625rem;
background-color: transparent;
border: none;
border-radius: 7.5px
}
div.eventHub.comp .bar .eventElements {
min-height: 2.5rem
}
div.eventHub.comp .bar .eventElements>div>label {
margin-right: .3125rem;
color: #0bd51f;
font-family: "Barlow Semi Condensed",Helvetica,Arial,Sans-Serif;
font-size: 1rem;
font-style: italic;
font-weight: 700;
text-transform: uppercase
}
div.eventHub.comp .bar .eventElements>div>b {
font-weight: 600
}
div.eventHub.comp .bar .eventElements>div>.suspendAt {
margin-bottom: 0
}
.widget_headeracctmenu.benefits .benefitsHeaderBox {
grid-gap: .3125rem;
grid-auto-columns: auto;
grid-template-columns: auto;
padding: 0
}
.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Benefits,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Pending,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Bonus,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Points,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Balance {
padding: .375rem .75rem;
cursor: pointer;
text-align: center;
vertical-align: middle;
border: 1px solid #0d0d0d;
color: #0d0d0d;
font-weight: bold;
background-color: #fdfdfd;
border-radius: 10px;
position: relative;
display: inline-flex;
justify-content: center;
align-items: center;
min-height: 2.5rem;
min-width: 2.5rem;
padding: .25rem .9375rem;
background-color: unset;
border: solid 2px #fdfdfd;
border-radius: 2.5rem;
color: #fdfdfd;
font-family: "Barlow Semi Condensed",Helvetica,Arial,Sans-Serif;
font-size: .9rem;
font-style: italic;
font-weight: 700;
letter-spacing: .5px;
text-transform: uppercase
}
.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Benefits:hover,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Pending:hover,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Bonus:hover,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Points:hover,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Balance:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Benefits.selected,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Pending.selected,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Bonus.selected,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Points.selected,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Balance.selected {
background-color: #1f1f1f;
color: #fdfdfd
}
.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Benefits.selected:hover,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Pending.selected:hover,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Bonus.selected:hover,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Points.selected:hover,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Balance.selected:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Benefits.inverse,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Pending.inverse,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Bonus.inverse,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Points.inverse,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Balance.inverse {
background-color: transparent;
border-color: #fdfdfd;
color: #fdfdfd
}
.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Benefits.inverse:hover,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Pending.inverse:hover,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Bonus.inverse:hover,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Points.inverse:hover,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Balance.inverse:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Benefits.inverse.selected,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Pending.inverse.selected,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Bonus.inverse.selected,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Points.inverse.selected,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Balance.inverse.selected {
background-color: rgba(253,253,253,.4)
}
.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Benefits.inverse.selected:hover,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Pending.inverse.selected:hover,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Bonus.inverse.selected:hover,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Points.inverse.selected:hover,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Balance.inverse.selected:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Benefits.expired,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Pending.expired,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Bonus.expired,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Points.expired,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Balance.expired {
background-color: #bfbfbf;
border-color: #262626;
color: #262626;
color: #0d0d0d
}
.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Benefits.expired:hover,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Pending.expired:hover,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Bonus.expired:hover,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Points.expired:hover,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Balance.expired:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Benefits.expired.selected,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Pending.expired.selected,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Bonus.expired.selected,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Points.expired.selected,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Balance.expired.selected {
background-color: #8c8c8c;
border-color: #0d0d0d;
color: #0d0d0d
}
.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Benefits.expired.selected:hover,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Pending.expired.selected:hover,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Bonus.expired.selected:hover,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Points.expired.selected:hover,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Balance.expired.selected:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Benefits.delete,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Pending.delete,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Bonus.delete,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Points.delete,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Balance.delete {
background-color: #cb1029;
border-color: #f797a4;
color: #fdfdfd
}
.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Benefits.delete:hover,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Pending.delete:hover,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Bonus.delete:hover,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Points.delete:hover,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Balance.delete:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Benefits.delete.selected,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Pending.delete.selected,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Bonus.delete.selected,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Points.delete.selected,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Balance.delete.selected {
background-color: #6c0916
}
.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Benefits.delete.selected:hover,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Pending.delete.selected:hover,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Bonus.delete.selected:hover,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Points.delete.selected:hover,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Balance.delete.selected:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Benefits.confirm,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Pending.confirm,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Bonus.confirm,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Points.confirm,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Balance.confirm {
background-color: #1f1f1f;
border-color: #1f1f1f;
color: #fdfdfd
}
.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Benefits.confirm:hover,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Pending.confirm:hover,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Bonus.confirm:hover,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Points.confirm:hover,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Balance.confirm:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Benefits.confirm.selected,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Pending.confirm.selected,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Bonus.confirm.selected,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Points.confirm.selected,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Balance.confirm.selected {
background-color: #0d0d0d
}
.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Benefits.confirm.selected:hover,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Pending.confirm.selected:hover,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Bonus.confirm.selected:hover,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Points.confirm.selected:hover,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Balance.confirm.selected:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Benefits.disabled,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Pending.disabled,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Bonus.disabled,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Points.disabled,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Balance.disabled {
opacity: .5
}
.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Benefits.betlink,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Pending.betlink,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Bonus.betlink,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Points.betlink,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Balance.betlink {
border-color: #0d0d0d;
color: #0d0d0d;
min-width: 100%;
white-space: nowrap
}
.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Benefits.betlink:hover,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Pending.betlink:hover,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Bonus.betlink:hover,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Points.betlink:hover,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Balance.betlink:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Benefits.betlink.selected,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Pending.betlink.selected,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Bonus.betlink.selected,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Points.betlink.selected,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Balance.betlink.selected {
background-color: #0d0d0d;
color: #0d0d0d
}
.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Benefits.betlink.selected:hover,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Pending.betlink.selected:hover,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Bonus.betlink.selected:hover,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Points.betlink.selected:hover,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Balance.betlink.selected:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Benefits[class^="icon-"],.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Pending[class^="icon-"],.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Bonus[class^="icon-"],.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Points[class^="icon-"],.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Balance[class^="icon-"],.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Benefits[class*=" icon-"],.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Pending[class*=" icon-"],.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Bonus[class*=" icon-"],.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Points[class*=" icon-"],.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Balance[class*=" icon-"] {
padding-top: .225rem;
padding-bottom: .225rem;
padding-left: .225rem
}
.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Benefits[class^="icon-"]:before,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Pending[class^="icon-"]:before,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Bonus[class^="icon-"]:before,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Points[class^="icon-"]:before,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Balance[class^="icon-"]:before,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Benefits[class*=" icon-"]:before,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Pending[class*=" icon-"]:before,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Bonus[class*=" icon-"]:before,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Points[class*=" icon-"]:before,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Balance[class*=" icon-"]:before {
font-size: 1.9rem;
font-weight: normal;
padding-right: .225rem
}
.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Benefits[class^="icon-"]:empty,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Pending[class^="icon-"]:empty,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Bonus[class^="icon-"]:empty,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Points[class^="icon-"]:empty,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Balance[class^="icon-"]:empty,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Benefits[class*=" icon-"]:empty,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Pending[class*=" icon-"]:empty,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Bonus[class*=" icon-"]:empty,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Points[class*=" icon-"]:empty,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Balance[class*=" icon-"]:empty {
padding: .225rem
}
.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Benefits[class^="icon-"]:empty:before,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Pending[class^="icon-"]:empty:before,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Bonus[class^="icon-"]:empty:before,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Points[class^="icon-"]:empty:before,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Balance[class^="icon-"]:empty:before,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Benefits[class*=" icon-"]:empty:before,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Pending[class*=" icon-"]:empty:before,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Bonus[class*=" icon-"]:empty:before,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Points[class*=" icon-"]:empty:before,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Balance[class*=" icon-"]:empty:before {
padding: 0
}
.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Benefits[class^="icon-"].vertical,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Pending[class^="icon-"].vertical,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Bonus[class^="icon-"].vertical,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Points[class^="icon-"].vertical,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Balance[class^="icon-"].vertical,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Benefits[class*=" icon-"].vertical,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Pending[class*=" icon-"].vertical,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Bonus[class*=" icon-"].vertical,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Points[class*=" icon-"].vertical,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Balance[class*=" icon-"].vertical {
flex-direction: column;
align-items: center;
padding-right: .225rem;
padding-bottom: .3rem
}
.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Benefits.small,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Pending.small,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Bonus.small,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Points.small,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Balance.small {
min-height: 1.875rem;
font-size: .75rem;
padding: .21875rem .4375rem
}
.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Benefits.small[class^="icon-"],.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Pending.small[class^="icon-"],.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Bonus.small[class^="icon-"],.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Points.small[class^="icon-"],.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Balance.small[class^="icon-"],.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Benefits.small[class*=" icon-"],.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Pending.small[class*=" icon-"],.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Bonus.small[class*=" icon-"],.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Points.small[class*=" icon-"],.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Balance.small[class*=" icon-"] {
padding-top: .16875rem;
padding-bottom: .16875rem;
padding-left: .16875rem
}
.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Benefits.small[class^="icon-"]:before,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Pending.small[class^="icon-"]:before,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Bonus.small[class^="icon-"]:before,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Points.small[class^="icon-"]:before,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Balance.small[class^="icon-"]:before,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Benefits.small[class*=" icon-"]:before,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Pending.small[class*=" icon-"]:before,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Bonus.small[class*=" icon-"]:before,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Points.small[class*=" icon-"]:before,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Balance.small[class*=" icon-"]:before {
font-size: 1.425rem;
font-weight: normal;
padding-right: .16875rem
}
.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Benefits.small[class^="icon-"]:empty,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Pending.small[class^="icon-"]:empty,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Bonus.small[class^="icon-"]:empty,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Points.small[class^="icon-"]:empty,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Balance.small[class^="icon-"]:empty,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Benefits.small[class*=" icon-"]:empty,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Pending.small[class*=" icon-"]:empty,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Bonus.small[class*=" icon-"]:empty,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Points.small[class*=" icon-"]:empty,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Balance.small[class*=" icon-"]:empty {
padding: .16875rem
}
.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Benefits.small[class^="icon-"]:empty:before,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Pending.small[class^="icon-"]:empty:before,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Bonus.small[class^="icon-"]:empty:before,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Points.small[class^="icon-"]:empty:before,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Balance.small[class^="icon-"]:empty:before,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Benefits.small[class*=" icon-"]:empty:before,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Pending.small[class*=" icon-"]:empty:before,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Bonus.small[class*=" icon-"]:empty:before,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Points.small[class*=" icon-"]:empty:before,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Balance.small[class*=" icon-"]:empty:before {
padding: 0
}
.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Benefits.small[class^="icon-"].vertical,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Pending.small[class^="icon-"].vertical,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Bonus.small[class^="icon-"].vertical,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Points.small[class^="icon-"].vertical,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Balance.small[class^="icon-"].vertical,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Benefits.small[class*=" icon-"].vertical,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Pending.small[class*=" icon-"].vertical,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Bonus.small[class*=" icon-"].vertical,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Points.small[class*=" icon-"].vertical,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Balance.small[class*=" icon-"].vertical {
padding-right: .16875rem
}
.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Benefits.majorAction,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Pending.majorAction,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Bonus.majorAction,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Points.majorAction,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Balance.majorAction {
font-size: 1.4rem;
padding: .875rem
}
.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Benefits.majorAction[class^="icon-"],.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Pending.majorAction[class^="icon-"],.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Bonus.majorAction[class^="icon-"],.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Points.majorAction[class^="icon-"],.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Balance.majorAction[class^="icon-"],.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Benefits.majorAction[class*=" icon-"],.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Pending.majorAction[class*=" icon-"],.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Bonus.majorAction[class*=" icon-"],.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Points.majorAction[class*=" icon-"],.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Balance.majorAction[class*=" icon-"] {
padding-top: .315rem;
padding-bottom: .315rem;
padding-left: .315rem
}
.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Benefits.majorAction[class^="icon-"]:before,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Pending.majorAction[class^="icon-"]:before,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Bonus.majorAction[class^="icon-"]:before,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Points.majorAction[class^="icon-"]:before,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Balance.majorAction[class^="icon-"]:before,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Benefits.majorAction[class*=" icon-"]:before,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Pending.majorAction[class*=" icon-"]:before,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Bonus.majorAction[class*=" icon-"]:before,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Points.majorAction[class*=" icon-"]:before,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Balance.majorAction[class*=" icon-"]:before {
font-size: 2.66rem;
font-weight: normal;
padding-right: .315rem
}
.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Benefits.majorAction[class^="icon-"]:empty,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Pending.majorAction[class^="icon-"]:empty,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Bonus.majorAction[class^="icon-"]:empty,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Points.majorAction[class^="icon-"]:empty,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Balance.majorAction[class^="icon-"]:empty,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Benefits.majorAction[class*=" icon-"]:empty,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Pending.majorAction[class*=" icon-"]:empty,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Bonus.majorAction[class*=" icon-"]:empty,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Points.majorAction[class*=" icon-"]:empty,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Balance.majorAction[class*=" icon-"]:empty {
padding: .315rem
}
.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Benefits.majorAction[class^="icon-"]:empty:before,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Pending.majorAction[class^="icon-"]:empty:before,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Bonus.majorAction[class^="icon-"]:empty:before,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Points.majorAction[class^="icon-"]:empty:before,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Balance.majorAction[class^="icon-"]:empty:before,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Benefits.majorAction[class*=" icon-"]:empty:before,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Pending.majorAction[class*=" icon-"]:empty:before,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Bonus.majorAction[class*=" icon-"]:empty:before,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Points.majorAction[class*=" icon-"]:empty:before,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Balance.majorAction[class*=" icon-"]:empty:before {
padding: 0
}
.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Benefits.invisible,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Pending.invisible,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Bonus.invisible,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Points.invisible,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Balance.invisible {
visibility: hidden
}
.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Benefits.tooltip,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Pending.tooltip,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Bonus.tooltip,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Points.tooltip,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Balance.tooltip {
position: relative;
display: inline-block
}
.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Benefits.tooltip .tooltiptext,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Pending.tooltip .tooltiptext,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Bonus.tooltip .tooltiptext,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Points.tooltip .tooltiptext,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Balance.tooltip .tooltiptext {
visibility: hidden;
width: auto;
background-color: #333;
color: #fdfdfd;
text-align: center;
padding: 3px;
border-radius: 10px;
position: absolute;
top: 3px;
right: 3px;
z-index: 490;
font-size: 13px;
line-height: 16px;
font-weight: normal
}
.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Benefits.tooltip:hover .tooltiptext,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Pending.tooltip:hover .tooltiptext,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Bonus.tooltip:hover .tooltiptext,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Points.tooltip:hover .tooltiptext,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Balance.tooltip:hover .tooltiptext {
visibility: visible
}
.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Benefits:hover:not(.disabled,.selected,.expired),.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Pending:hover:not(.disabled,.selected,.expired),.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Bonus:hover:not(.disabled,.selected,.expired),.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Points:hover:not(.disabled,.selected,.expired),.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Balance:hover:not(.disabled,.selected,.expired) {
opacity: 1
}
.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Benefits:hover:not(.disabled,.selected),.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Pending:hover:not(.disabled,.selected),.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Bonus:hover:not(.disabled,.selected),.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Points:hover:not(.disabled,.selected),.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Balance:hover:not(.disabled,.selected) {
background-color: #282828;
border-color: #fdfdfd;
color: #fdfdfd
}
.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Benefits.selected,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Pending.selected,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Bonus.selected,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Points.selected,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Balance.selected {
background-color: #0bd51f;
border-color: #0bd51f;
color: #0d0d0d
}
.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Benefits.selected:hover:not(.disabled,.expired),.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Pending.selected:hover:not(.disabled,.expired),.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Bonus.selected:hover:not(.disabled,.expired),.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Points.selected:hover:not(.disabled,.expired),.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Balance.selected:hover:not(.disabled,.expired) {
opacity: 1;
background-color: #13f32a;
border-color: #13f32a;
color: #0d0d0d
}
.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Benefits.disabled,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Pending.disabled,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Bonus.disabled,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Points.disabled,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Balance.disabled {
opacity: .65
}
.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Benefits.disabled:hover,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Pending.disabled:hover,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Bonus.disabled:hover,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Points.disabled:hover,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Balance.disabled:hover {
cursor: default
}
.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Benefits[class^="icon-"],.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Pending[class^="icon-"],.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Bonus[class^="icon-"],.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Points[class^="icon-"],.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Balance[class^="icon-"],.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Benefits[class*=" icon-"],.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Pending[class*=" icon-"],.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Bonus[class*=" icon-"],.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Points[class*=" icon-"],.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Balance[class*=" icon-"] {
grid-gap: .25rem;
padding: .5rem;
border-radius: 10px
}
.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Benefits[class^="icon-"]:empty,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Pending[class^="icon-"]:empty,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Bonus[class^="icon-"]:empty,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Points[class^="icon-"]:empty,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Balance[class^="icon-"]:empty,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Benefits[class*=" icon-"]:empty,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Pending[class*=" icon-"]:empty,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Bonus[class*=" icon-"]:empty,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Points[class*=" icon-"]:empty,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Balance[class*=" icon-"]:empty {
min-width: 2.5rem
}
.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Benefits[class^="icon-"]:before,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Pending[class^="icon-"]:before,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Bonus[class^="icon-"]:before,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Points[class^="icon-"]:before,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Balance[class^="icon-"]:before,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Benefits[class*=" icon-"]:before,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Pending[class*=" icon-"]:before,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Bonus[class*=" icon-"]:before,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Points[class*=" icon-"]:before,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Balance[class*=" icon-"]:before {
padding: 0;
font-size: 1.5rem
}
.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Benefits[class^="icon-"].vertical,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Pending[class^="icon-"].vertical,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Bonus[class^="icon-"].vertical,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Points[class^="icon-"].vertical,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Balance[class^="icon-"].vertical,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Benefits[class*=" icon-"].vertical,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Pending[class*=" icon-"].vertical,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Bonus[class*=" icon-"].vertical,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Points[class*=" icon-"].vertical,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Balance[class*=" icon-"].vertical {
justify-content: center;
grid-gap: .25rem;
padding: .625rem .75rem;
border-radius: 10px
}
.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Benefits[class^="icon-"].vertical:before,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Pending[class^="icon-"].vertical:before,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Bonus[class^="icon-"].vertical:before,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Points[class^="icon-"].vertical:before,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Balance[class^="icon-"].vertical:before,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Benefits[class*=" icon-"].vertical:before,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Pending[class*=" icon-"].vertical:before,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Bonus[class*=" icon-"].vertical:before,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Points[class*=" icon-"].vertical:before,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Balance[class*=" icon-"].vertical:before {
position: unset;
display: flex;
align-items: center;
justify-content: center;
justify-self: center;
height: 2.5rem;
width: 2.5rem;
border: solid 2px #0bd51f;
border-radius: 2.5rem;
font-size: 1.5rem
}
.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Benefits[class^="icon-"].vertical.selected:before,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Pending[class^="icon-"].vertical.selected:before,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Bonus[class^="icon-"].vertical.selected:before,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Points[class^="icon-"].vertical.selected:before,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Balance[class^="icon-"].vertical.selected:before,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Benefits[class*=" icon-"].vertical.selected:before,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Pending[class*=" icon-"].vertical.selected:before,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Bonus[class*=" icon-"].vertical.selected:before,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Points[class*=" icon-"].vertical.selected:before,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Balance[class*=" icon-"].vertical.selected:before {
border-color: #0d0d0d
}
.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Benefits.expired,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Pending.expired,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Bonus.expired,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Points.expired,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Balance.expired {
opacity: .65;
background-color: unset;
border-color: #fdfdfd;
color: #fdfdfd
}
.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Benefits.expired:hover:not(.disabled,.selected),.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Pending.expired:hover:not(.disabled,.selected),.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Bonus.expired:hover:not(.disabled,.selected),.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Points.expired:hover:not(.disabled,.selected),.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Balance.expired:hover:not(.disabled,.selected) {
opacity: .75;
background-color: #13f32a;
border-color: #fdfdfd;
color: #fdfdfd
}
.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Benefits.expired.selected,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Pending.expired.selected,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Bonus.expired.selected,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Points.expired.selected,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Balance.expired.selected {
opacity: .65;
background-color: #0bd51f;
border-color: #0bd51f;
color: #0d0d0d
}
.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Benefits.delete,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Pending.delete,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Bonus.delete,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Points.delete,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Balance.delete {
background-color: #cb1029;
border-color: #cb1029
}
.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Benefits.delete.selected,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Pending.delete.selected,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Bonus.delete.selected,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Points.delete.selected,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Balance.delete.selected {
background-color: #cb1029;
border-color: #cb1029;
color: #fdfdfd
}
.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Benefits.delete:hover:not(.disabled),.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Pending.delete:hover:not(.disabled),.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Bonus.delete:hover:not(.disabled),.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Points.delete:hover:not(.disabled),.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Balance.delete:hover:not(.disabled) {
background-color: #b30e24;
border-color: #b30e24;
color: #fdfdfd
}
.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Benefits.confirm,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Pending.confirm,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Bonus.confirm,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Points.confirm,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Balance.confirm {
background-color: transparent;
border-color: #0bd51f;
color: #fdfdfd
}
.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Benefits.confirm.selected,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Pending.confirm.selected,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Bonus.confirm.selected,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Points.confirm.selected,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Balance.confirm.selected {
background-color: #0bd51f;
border-color: #0bd51f;
color: #0d0d0d
}
.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Benefits.confirm.selected:hover,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Pending.confirm.selected:hover,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Bonus.confirm.selected:hover,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Points.confirm.selected:hover,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Balance.confirm.selected:hover {
opacity: 1;
background-color: #0ced23;
border-color: #0ced23;
color: #0d0d0d
}
.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Benefits.confirm:hover:not(.disabled,.selected),.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Pending.confirm:hover:not(.disabled,.selected),.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Bonus.confirm:hover:not(.disabled,.selected),.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Points.confirm:hover:not(.disabled,.selected),.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Balance.confirm:hover:not(.disabled,.selected) {
opacity: 1;
background-color: #282828;
border-color: #0bd51f;
color: #fdfdfd
}
.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Benefits.inverse,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Pending.inverse,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Bonus.inverse,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Points.inverse,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Balance.inverse {
border-color: #1f1f1f;
color: #0d0d0d
}
.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Benefits.inverse:hover:not(.disabled,.selected),.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Pending.inverse:hover:not(.disabled,.selected),.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Bonus.inverse:hover:not(.disabled,.selected),.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Points.inverse:hover:not(.disabled,.selected),.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Balance.inverse:hover:not(.disabled,.selected) {
background-color: #adb4bd;
border-color: #1f1f1f;
color: #0d0d0d
}
.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Benefits.betlink,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Pending.betlink,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Bonus.betlink,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Points.betlink,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Balance.betlink {
min-height: 3.125rem;
width: 100%;
min-width: 4.375rem;
padding: .25rem .5rem;
background-color: #353e36;
border-color: #353e36;
border-width: 1px;
border-radius: 5px;
color: #fdfdfd;
font-size: 1.1rem;
font-style: normal;
font-weight: 600
}
.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Benefits.betlink:hover:not(.disabled,.selected),.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Pending.betlink:hover:not(.disabled,.selected),.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Bonus.betlink:hover:not(.disabled,.selected),.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Points.betlink:hover:not(.disabled,.selected),.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Balance.betlink:hover:not(.disabled,.selected) {
background-color: #445045;
border-color: #445045
}
.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Benefits.betlink.selected,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Pending.betlink.selected,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Bonus.betlink.selected,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Points.betlink.selected,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Balance.betlink.selected {
background-color: #0bd51f;
border-color: #0bd51f;
color: #0d0d0d
}
.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Benefits.betlink.selected.disabled,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Pending.betlink.selected.disabled,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Bonus.betlink.selected.disabled,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Points.betlink.selected.disabled,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Balance.betlink.selected.disabled {
opacity: .4;
background-color: #0bd51f;
border-color: #0bd51f;
color: #0d0d0d
}
.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Benefits.betlink.selected.disabled:hover,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Pending.betlink.selected.disabled:hover,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Bonus.betlink.selected.disabled:hover,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Points.betlink.selected.disabled:hover,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Balance.betlink.selected.disabled:hover {
opacity: .4;
background-color: #0bd51f;
border-color: #0bd51f;
color: #0d0d0d
}
.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Benefits.betlink.disabled,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Pending.betlink.disabled,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Bonus.betlink.disabled,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Points.betlink.disabled,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Balance.betlink.disabled {
opacity: .4;
color: #fdfdfd
}
.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Benefits.betlink.disabled:hover,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Pending.betlink.disabled:hover,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Bonus.betlink.disabled:hover,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Points.betlink.disabled:hover,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Balance.betlink.disabled:hover {
opacity: .4;
background-color: #353e36;
border-color: #353e36;
color: #fdfdfd
}
.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Benefits.small,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Pending.small,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Bonus.small,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Points.small,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Balance.small {
padding: .25rem .625rem
}
.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Benefits.login,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Pending.login,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Bonus.login,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Points.login,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Balance.login {
background-color: transparent;
border-color: #0bd51f;
color: #fdfdfd
}
.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Benefits.login:hover:not(.disabled,.selected),.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Pending.login:hover:not(.disabled,.selected),.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Bonus.login:hover:not(.disabled,.selected),.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Points.login:hover:not(.disabled,.selected),.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Balance.login:hover:not(.disabled,.selected) {
opacity: 1;
background-color: #333;
border-color: #0bd51f;
color: #fdfdfd
}
.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Benefits.login.selected,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Pending.login.selected,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Bonus.login.selected,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Points.login.selected,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Balance.login.selected {
opacity: 1;
background-color: #404040;
border-color: #0bd51f;
color: #fdfdfd
}
.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Benefits.login.selected:hover,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Pending.login.selected:hover,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Bonus.login.selected:hover,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Points.login.selected:hover,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Balance.login.selected:hover {
opacity: 1;
background-color: #4d4d4d;
border-color: #0bd51f;
color: #fdfdfd
}
.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Benefits.join,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Pending.join,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Bonus.join,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Points.join,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Balance.join {
background-color: #0bd51f;
border-color: #0bd51f;
color: #0d0d0d
}
.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Benefits.join:hover:not(.disabled),.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Pending.join:hover:not(.disabled),.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Bonus.join:hover:not(.disabled),.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Points.join:hover:not(.disabled),.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Balance.join:hover:not(.disabled) {
opacity: 1;
background-color: #13f32a;
border-color: #13f32a;
color: #0d0d0d
}
.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Benefits.button-primary,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Pending.button-primary,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Bonus.button-primary,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Points.button-primary,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Balance.button-primary {
border: solid 2px #0bd51f
}
.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Benefits.buttonAcceptAction,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Pending.buttonAcceptAction,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Bonus.buttonAcceptAction,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Points.buttonAcceptAction,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Balance.buttonAcceptAction {
background-color: #0bd51f;
border-color: #0bd51f;
color: #0d0d0d
}
.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Benefits.buttonAcceptAction:hover,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Pending.buttonAcceptAction:hover,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Bonus.buttonAcceptAction:hover,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Points.buttonAcceptAction:hover,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Balance.buttonAcceptAction:hover {
opacity: 1;
background-color: #0ac41d;
border-color: #0ac41d;
color: #0d0d0d
}
.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Benefits[class^="icon-"],.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Pending[class^="icon-"],.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Bonus[class^="icon-"],.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Points[class^="icon-"],.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Balance[class^="icon-"],.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Benefits[class*="icon-"],.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Pending[class*="icon-"],.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Bonus[class*="icon-"],.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Points[class*="icon-"],.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Balance[class*="icon-"] {
display: grid;
align-items: center;
grid-gap: .5rem;
grid-template-columns: auto 1fr auto;
height: 2.5rem;
border-radius: 2.5rem;
padding: .375rem !important;
background-color: #1f1f1f;
border: none;
border: solid 1px rgba(253,253,253,.5);
font-size: .8rem;
line-height: .8rem;
text-align: center
}
.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Benefits[class^="icon-"]:before,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Pending[class^="icon-"]:before,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Bonus[class^="icon-"]:before,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Points[class^="icon-"]:before,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Balance[class^="icon-"]:before,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Benefits[class*="icon-"]:before,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Pending[class*="icon-"]:before,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Bonus[class*="icon-"]:before,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Points[class*="icon-"]:before,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Balance[class*="icon-"]:before {
display: flex;
align-items: center;
justify-content: center;
height: calc((2.5rem - 1rem*.75) - 2px);
width: calc((2.5rem - 1rem*.75) - 2px);
background-color: #0bd51f;
border-radius: calc((2.5rem - 1rem*.75) - 2px);
color: #0d0d0d;
font-size: 1.25rem;
box-sizing: border-box
}
.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Benefits[class^="icon-"] span.headerTitle,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Pending[class^="icon-"] span.headerTitle,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Bonus[class^="icon-"] span.headerTitle,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Points[class^="icon-"] span.headerTitle,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Balance[class^="icon-"] span.headerTitle,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Benefits[class*="icon-"] span.headerTitle,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Pending[class*="icon-"] span.headerTitle,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Bonus[class*="icon-"] span.headerTitle,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Points[class*="icon-"] span.headerTitle,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Balance[class*="icon-"] span.headerTitle {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
width: min-content;
min-width: 2.5rem
}
.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Benefits[class^="icon-"] span:not(.headerTitle),.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Pending[class^="icon-"] span:not(.headerTitle),.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Bonus[class^="icon-"] span:not(.headerTitle),.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Points[class^="icon-"] span:not(.headerTitle),.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Balance[class^="icon-"] span:not(.headerTitle),.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Benefits[class*="icon-"] span:not(.headerTitle),.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Pending[class*="icon-"] span:not(.headerTitle),.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Bonus[class*="icon-"] span:not(.headerTitle),.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Points[class*="icon-"] span:not(.headerTitle),.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Balance[class*="icon-"] span:not(.headerTitle) {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
min-width: calc((2.5rem - 1rem*.75) - 2px);
padding: 0 .5rem;
background-color: #fdfdfd;
border: solid 1px col_PanelBackground_Inverse;
border-radius: calc((2.5rem - 1rem*.75) - 2px);
font-size: 1.125rem;
font-style: normal;
font-weight: 600;
color: #0d0d0d
}
.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Benefits[class^="icon-"]:hover,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Pending[class^="icon-"]:hover,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Bonus[class^="icon-"]:hover,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Points[class^="icon-"]:hover,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Balance[class^="icon-"]:hover,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Benefits[class*="icon-"]:hover,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Pending[class*="icon-"]:hover,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Bonus[class*="icon-"]:hover,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Points[class*="icon-"]:hover,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Balance[class*="icon-"]:hover {
opacity: 1;
background-color: #282828;
border-color: rgba(253,253,253,.5)
}
.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Benefits.selected,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Pending.selected,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Bonus.selected,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Points.selected,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Balance.selected {
background-color: #75808f;
border-color: #75808f;
color: #0d0d0d
}
.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Benefits[class^="icon-"],.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Benefits[class*="icon-"] {
background: #d19e1d;
background: -webkit-linear-gradient(to right,#d19e1d,#ffd86e,#e3a812);
background: linear-gradient(to right,#d19e1d,#ffd86e,#e3a812);
border: none;
border-radius: 2.5rem;
color: #000
}
.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Benefits[class^="icon-"]:before,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Benefits[class*="icon-"]:before {
background-color: transparent;
color: #000
}
.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Benefits[class^="icon-"] span:not(.headerTitle),.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Benefits[class*="icon-"] span:not(.headerTitle) {
background-color: #000;
color: #fdfdfd
}
.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Benefits[class^="icon-"]:hover,.widget_headeracctmenu.benefits .benefitsHeaderBox .wc_w_hamb-Benefits[class*="icon-"]:hover {
color: #0d0d0d
}
.widget_headeracctmenu.benefits .benefitpopupbox {
padding: .9375rem;
margin-right: 1.25rem;
margin-top: 1.25rem;
background-color: #fdfdfd;
border-radius: 10px
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsUserData {
grid-template-columns: 25% 1fr 25%;
margin-bottom: .9375rem;
border-radius: 7.5px;
color: #fdfdfd
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsUserData .benefitsUserPin {
visibility: hidden
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsUserData .benefitsCloseMenu {
padding: .375rem .75rem;
cursor: pointer;
text-align: center;
vertical-align: middle;
border: 1px solid #0d0d0d;
color: #0d0d0d;
font-weight: bold;
background-color: #fdfdfd;
border-radius: 10px;
position: relative;
display: inline-flex;
justify-content: center;
align-items: center;
min-height: 2.5rem;
min-width: 2.5rem;
padding: .25rem .9375rem;
background-color: unset;
border: solid 2px #fdfdfd;
border-radius: 2.5rem;
font-family: "Barlow Semi Condensed",Helvetica,Arial,Sans-Serif;
font-size: .9rem;
font-style: italic;
font-weight: 700;
letter-spacing: .5px;
text-transform: uppercase;
border-color: #f797a4;
color: #fdfdfd;
background-color: #cb1029;
border-color: #cb1029;
border-radius: 5px
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsUserData .benefitsCloseMenu:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsUserData .benefitsCloseMenu.selected {
background-color: #1f1f1f;
color: #fdfdfd
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsUserData .benefitsCloseMenu.selected:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsUserData .benefitsCloseMenu.inverse {
background-color: transparent;
border-color: #fdfdfd;
color: #fdfdfd
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsUserData .benefitsCloseMenu.inverse:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsUserData .benefitsCloseMenu.inverse.selected {
background-color: rgba(253,253,253,.4)
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsUserData .benefitsCloseMenu.inverse.selected:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsUserData .benefitsCloseMenu.expired {
background-color: #bfbfbf;
border-color: #262626;
color: #262626;
color: #0d0d0d
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsUserData .benefitsCloseMenu.expired:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsUserData .benefitsCloseMenu.expired.selected {
background-color: #8c8c8c;
border-color: #0d0d0d;
color: #0d0d0d
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsUserData .benefitsCloseMenu.expired.selected:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsUserData .benefitsCloseMenu.delete {
background-color: #cb1029;
border-color: #f797a4;
color: #fdfdfd
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsUserData .benefitsCloseMenu.delete:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsUserData .benefitsCloseMenu.delete.selected {
background-color: #6c0916
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsUserData .benefitsCloseMenu.delete.selected:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsUserData .benefitsCloseMenu.confirm {
background-color: #1f1f1f;
border-color: #1f1f1f;
color: #fdfdfd
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsUserData .benefitsCloseMenu.confirm:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsUserData .benefitsCloseMenu.confirm.selected {
background-color: #0d0d0d
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsUserData .benefitsCloseMenu.confirm.selected:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsUserData .benefitsCloseMenu.disabled {
opacity: .5
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsUserData .benefitsCloseMenu.betlink {
border-color: #0d0d0d;
color: #0d0d0d;
min-width: 100%;
white-space: nowrap
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsUserData .benefitsCloseMenu.betlink:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsUserData .benefitsCloseMenu.betlink.selected {
background-color: #0d0d0d;
color: #0d0d0d
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsUserData .benefitsCloseMenu.betlink.selected:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsUserData .benefitsCloseMenu[class^="icon-"],.widget_headeracctmenu.benefits .benefitpopupbox .benefitsUserData .benefitsCloseMenu[class*=" icon-"] {
padding-top: .225rem;
padding-bottom: .225rem;
padding-left: .225rem
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsUserData .benefitsCloseMenu[class^="icon-"]:before,.widget_headeracctmenu.benefits .benefitpopupbox .benefitsUserData .benefitsCloseMenu[class*=" icon-"]:before {
font-size: 1.9rem;
font-weight: normal;
padding-right: .225rem
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsUserData .benefitsCloseMenu[class^="icon-"]:empty,.widget_headeracctmenu.benefits .benefitpopupbox .benefitsUserData .benefitsCloseMenu[class*=" icon-"]:empty {
padding: .225rem
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsUserData .benefitsCloseMenu[class^="icon-"]:empty:before,.widget_headeracctmenu.benefits .benefitpopupbox .benefitsUserData .benefitsCloseMenu[class*=" icon-"]:empty:before {
padding: 0
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsUserData .benefitsCloseMenu[class^="icon-"].vertical,.widget_headeracctmenu.benefits .benefitpopupbox .benefitsUserData .benefitsCloseMenu[class*=" icon-"].vertical {
flex-direction: column;
align-items: center;
padding-right: .225rem;
padding-bottom: .3rem
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsUserData .benefitsCloseMenu.small {
min-height: 1.875rem;
font-size: .75rem;
padding: .21875rem .4375rem
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsUserData .benefitsCloseMenu.small[class^="icon-"],.widget_headeracctmenu.benefits .benefitpopupbox .benefitsUserData .benefitsCloseMenu.small[class*=" icon-"] {
padding-top: .16875rem;
padding-bottom: .16875rem;
padding-left: .16875rem
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsUserData .benefitsCloseMenu.small[class^="icon-"]:before,.widget_headeracctmenu.benefits .benefitpopupbox .benefitsUserData .benefitsCloseMenu.small[class*=" icon-"]:before {
font-size: 1.425rem;
font-weight: normal;
padding-right: .16875rem
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsUserData .benefitsCloseMenu.small[class^="icon-"]:empty,.widget_headeracctmenu.benefits .benefitpopupbox .benefitsUserData .benefitsCloseMenu.small[class*=" icon-"]:empty {
padding: .16875rem
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsUserData .benefitsCloseMenu.small[class^="icon-"]:empty:before,.widget_headeracctmenu.benefits .benefitpopupbox .benefitsUserData .benefitsCloseMenu.small[class*=" icon-"]:empty:before {
padding: 0
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsUserData .benefitsCloseMenu.small[class^="icon-"].vertical,.widget_headeracctmenu.benefits .benefitpopupbox .benefitsUserData .benefitsCloseMenu.small[class*=" icon-"].vertical {
padding-right: .16875rem
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsUserData .benefitsCloseMenu.majorAction {
font-size: 1.4rem;
padding: .875rem
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsUserData .benefitsCloseMenu.majorAction[class^="icon-"],.widget_headeracctmenu.benefits .benefitpopupbox .benefitsUserData .benefitsCloseMenu.majorAction[class*=" icon-"] {
padding-top: .315rem;
padding-bottom: .315rem;
padding-left: .315rem
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsUserData .benefitsCloseMenu.majorAction[class^="icon-"]:before,.widget_headeracctmenu.benefits .benefitpopupbox .benefitsUserData .benefitsCloseMenu.majorAction[class*=" icon-"]:before {
font-size: 2.66rem;
font-weight: normal;
padding-right: .315rem
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsUserData .benefitsCloseMenu.majorAction[class^="icon-"]:empty,.widget_headeracctmenu.benefits .benefitpopupbox .benefitsUserData .benefitsCloseMenu.majorAction[class*=" icon-"]:empty {
padding: .315rem
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsUserData .benefitsCloseMenu.majorAction[class^="icon-"]:empty:before,.widget_headeracctmenu.benefits .benefitpopupbox .benefitsUserData .benefitsCloseMenu.majorAction[class*=" icon-"]:empty:before {
padding: 0
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsUserData .benefitsCloseMenu.invisible {
visibility: hidden
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsUserData .benefitsCloseMenu.tooltip {
position: relative;
display: inline-block
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsUserData .benefitsCloseMenu.tooltip .tooltiptext {
visibility: hidden;
width: auto;
background-color: #333;
color: #fdfdfd;
text-align: center;
padding: 3px;
border-radius: 10px;
position: absolute;
top: 3px;
right: 3px;
z-index: 490;
font-size: 13px;
line-height: 16px;
font-weight: normal
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsUserData .benefitsCloseMenu.tooltip:hover .tooltiptext {
visibility: visible
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsUserData .benefitsCloseMenu:hover:not(.disabled,.selected,.expired) {
opacity: 1
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsUserData .benefitsCloseMenu:hover:not(.disabled,.selected) {
background-color: #282828;
border-color: #fdfdfd;
color: #fdfdfd
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsUserData .benefitsCloseMenu.selected {
background-color: #0bd51f;
border-color: #0bd51f;
color: #0d0d0d
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsUserData .benefitsCloseMenu.selected:hover:not(.disabled,.expired) {
opacity: 1;
background-color: #13f32a;
border-color: #13f32a;
color: #0d0d0d
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsUserData .benefitsCloseMenu.disabled {
opacity: .65
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsUserData .benefitsCloseMenu.disabled:hover {
cursor: default
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsUserData .benefitsCloseMenu[class^="icon-"],.widget_headeracctmenu.benefits .benefitpopupbox .benefitsUserData .benefitsCloseMenu[class*=" icon-"] {
grid-gap: .25rem;
padding: .5rem;
border-radius: 10px
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsUserData .benefitsCloseMenu[class^="icon-"]:empty,.widget_headeracctmenu.benefits .benefitpopupbox .benefitsUserData .benefitsCloseMenu[class*=" icon-"]:empty {
min-width: 2.5rem
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsUserData .benefitsCloseMenu[class^="icon-"]:before,.widget_headeracctmenu.benefits .benefitpopupbox .benefitsUserData .benefitsCloseMenu[class*=" icon-"]:before {
padding: 0;
font-size: 1.5rem
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsUserData .benefitsCloseMenu[class^="icon-"].vertical,.widget_headeracctmenu.benefits .benefitpopupbox .benefitsUserData .benefitsCloseMenu[class*=" icon-"].vertical {
justify-content: center;
grid-gap: .25rem;
padding: .625rem .75rem;
border-radius: 10px
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsUserData .benefitsCloseMenu[class^="icon-"].vertical:before,.widget_headeracctmenu.benefits .benefitpopupbox .benefitsUserData .benefitsCloseMenu[class*=" icon-"].vertical:before {
position: unset;
display: flex;
align-items: center;
justify-content: center;
justify-self: center;
height: 2.5rem;
width: 2.5rem;
border: solid 2px #0bd51f;
border-radius: 2.5rem;
font-size: 1.5rem
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsUserData .benefitsCloseMenu[class^="icon-"].vertical.selected:before,.widget_headeracctmenu.benefits .benefitpopupbox .benefitsUserData .benefitsCloseMenu[class*=" icon-"].vertical.selected:before {
border-color: #0d0d0d
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsUserData .benefitsCloseMenu.expired {
opacity: .65;
background-color: unset;
border-color: #fdfdfd;
color: #fdfdfd
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsUserData .benefitsCloseMenu.expired:hover:not(.disabled,.selected) {
opacity: .75;
background-color: #13f32a;
border-color: #fdfdfd;
color: #fdfdfd
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsUserData .benefitsCloseMenu.expired.selected {
opacity: .65;
background-color: #0bd51f;
border-color: #0bd51f;
color: #0d0d0d
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsUserData .benefitsCloseMenu.delete {
background-color: #cb1029;
border-color: #cb1029
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsUserData .benefitsCloseMenu.delete.selected {
background-color: #cb1029;
border-color: #cb1029;
color: #fdfdfd
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsUserData .benefitsCloseMenu.delete:hover:not(.disabled) {
background-color: #b30e24;
border-color: #b30e24;
color: #fdfdfd
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsUserData .benefitsCloseMenu.confirm {
background-color: transparent;
border-color: #0bd51f;
color: #fdfdfd
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsUserData .benefitsCloseMenu.confirm.selected {
background-color: #0bd51f;
border-color: #0bd51f;
color: #0d0d0d
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsUserData .benefitsCloseMenu.confirm.selected:hover {
opacity: 1;
background-color: #0ced23;
border-color: #0ced23;
color: #0d0d0d
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsUserData .benefitsCloseMenu.confirm:hover:not(.disabled,.selected) {
opacity: 1;
background-color: #282828;
border-color: #0bd51f;
color: #fdfdfd
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsUserData .benefitsCloseMenu.inverse {
border-color: #1f1f1f;
color: #0d0d0d
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsUserData .benefitsCloseMenu.inverse:hover:not(.disabled,.selected) {
background-color: #adb4bd;
border-color: #1f1f1f;
color: #0d0d0d
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsUserData .benefitsCloseMenu.betlink {
min-height: 3.125rem;
width: 100%;
min-width: 4.375rem;
padding: .25rem .5rem;
background-color: #353e36;
border-color: #353e36;
border-width: 1px;
border-radius: 5px;
color: #fdfdfd;
font-size: 1.1rem;
font-style: normal;
font-weight: 600
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsUserData .benefitsCloseMenu.betlink:hover:not(.disabled,.selected) {
background-color: #445045;
border-color: #445045
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsUserData .benefitsCloseMenu.betlink.selected {
background-color: #0bd51f;
border-color: #0bd51f;
color: #0d0d0d
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsUserData .benefitsCloseMenu.betlink.selected.disabled {
opacity: .4;
background-color: #0bd51f;
border-color: #0bd51f;
color: #0d0d0d
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsUserData .benefitsCloseMenu.betlink.selected.disabled:hover {
opacity: .4;
background-color: #0bd51f;
border-color: #0bd51f;
color: #0d0d0d
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsUserData .benefitsCloseMenu.betlink.disabled {
opacity: .4;
color: #fdfdfd
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsUserData .benefitsCloseMenu.betlink.disabled:hover {
opacity: .4;
background-color: #353e36;
border-color: #353e36;
color: #fdfdfd
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsUserData .benefitsCloseMenu.small {
padding: .25rem .625rem
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsUserData .benefitsCloseMenu.login {
background-color: transparent;
border-color: #0bd51f;
color: #fdfdfd
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsUserData .benefitsCloseMenu.login:hover:not(.disabled,.selected) {
opacity: 1;
background-color: #333;
border-color: #0bd51f;
color: #fdfdfd
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsUserData .benefitsCloseMenu.login.selected {
opacity: 1;
background-color: #404040;
border-color: #0bd51f;
color: #fdfdfd
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsUserData .benefitsCloseMenu.login.selected:hover {
opacity: 1;
background-color: #4d4d4d;
border-color: #0bd51f;
color: #fdfdfd
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsUserData .benefitsCloseMenu.join {
background-color: #0bd51f;
border-color: #0bd51f;
color: #0d0d0d
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsUserData .benefitsCloseMenu.join:hover:not(.disabled) {
opacity: 1;
background-color: #13f32a;
border-color: #13f32a;
color: #0d0d0d
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsUserData .benefitsCloseMenu.button-primary {
border: solid 2px #0bd51f
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsUserData .benefitsCloseMenu.buttonAcceptAction {
background-color: #0bd51f;
border-color: #0bd51f;
color: #0d0d0d
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsUserData .benefitsCloseMenu.buttonAcceptAction:hover {
opacity: 1;
background-color: #0ac41d;
border-color: #0ac41d;
color: #0d0d0d
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsUserData .benefitsCloseMenu:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsUserData .benefitsCloseMenu.selected {
background-color: #6c0916
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsUserData .benefitsCloseMenu.selected:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsUserData .benefitsCloseMenu.selected {
background-color: #cb1029;
border-color: #cb1029;
color: #fdfdfd
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsUserData .benefitsCloseMenu:hover:not(.disabled) {
background-color: #b30e24;
border-color: #b30e24;
color: #fdfdfd
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsUserData .benefitsCloseMenu[class^="icon-"]:empty,.widget_headeracctmenu.benefits .benefitpopupbox .benefitsUserData .benefitsCloseMenu[class*="icon-"]:empty {
border: solid 2px #1f1f1f;
border-radius: 2.5rem
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsUserData .benefitsCloseMenu[class^="icon-"]:empty::before,.widget_headeracctmenu.benefits .benefitpopupbox .benefitsUserData .benefitsCloseMenu[class*="icon-"]:empty::before {
font-size: 1rem
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsUserData .benefitsCloseMenu:before {
font-size: 1.125rem
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitUserBalances {
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
margin-bottom: .9375rem
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitUserBalances>a {
display: grid;
align-items: center;
grid-template-rows: 1fr auto;
height: 100%;
padding: .5rem;
background-color: rgba(31,31,31,.1);
border-radius: 5px;
color: #0d0d0d;
font-family: "Barlow Semi Condensed",Helvetica,Arial,Sans-Serif;
font-size: .9rem;
font-style: italic;
font-weight: 700;
line-height: .9rem;
text-transform: uppercase
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitUserBalances>a span {
display: flex;
align-items: center;
justify-content: center;
padding-top: .3125rem;
font-size: 1rem
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitUserBalances>a:hover {
background-color: rgba(31,31,31,.15)
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsUserBenefits {
gap: .625rem;
grid-auto-flow: row;
grid-template-columns: 1fr 1fr;
margin-bottom: .9375rem
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsUserBenefits>a>span {
font-size: 1.1rem;
font-weight: 600;
line-height: 1.5rem
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsUserBenefits>a>span.title {
font-size: .9rem;
line-height: .9rem
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsUserBenefits .button {
background-color: transparent;
border-color: #0bd51f;
display: grid;
align-items: center;
justify-content: center;
grid-gap: .25rem;
grid-template-columns: auto 1fr auto;
padding: .25rem;
background-color: #1f1f1f;
border-color: #1f1f1f;
border-radius: 2.5rem;
color: #fdfdfd;
font-size: .9rem;
line-height: .9rem
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsUserBenefits .button:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsUserBenefits .button.selected {
background-color: #0d0d0d
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsUserBenefits .button.selected:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsUserBenefits .button.selected {
background-color: #0bd51f;
border-color: #0bd51f;
color: #0d0d0d
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsUserBenefits .button.selected:hover {
opacity: 1;
background-color: #0ced23;
border-color: #0ced23;
color: #0d0d0d
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsUserBenefits .button:hover:not(.disabled,.selected) {
opacity: 1;
background-color: #282828;
border-color: #0bd51f;
color: #fdfdfd
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsUserBenefits .button[class^="icon-"]:before,.widget_headeracctmenu.benefits .benefitpopupbox .benefitsUserBenefits .button[class*=" icon-"]:before {
height: 2rem;
width: 2rem;
background-color: #0bd51f;
border: solid 1px transparent;
box-sizing: border-box;
color: #0d0d0d;
font-size: 1.25rem
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsUserBenefits .button span {
display: flex;
align-items: center;
justify-content: center;
height: 2rem;
width: 100%;
min-width: 2rem;
padding: .25rem .5rem;
background-color: rgba(253,253,253,.1);
border: solid 1px rgba(253,253,253,.25);
border-radius: 2rem;
color: #fdfdfd;
font-size: 1rem;
font-style: normal;
font-weight: 600;
line-height: 1rem
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsUserBenefits .button span.title {
background-color: transparent;
border: none;
font-style: italic
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsUserBenefits .button.wc_w_hambp-BBSpecial {
display: none
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsUserBenefits .button.wc_w_hambp-Prodspecial {
display: none
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsUserBenefits .button:hover:not(.disabled) {
background-color: #2c2c2c;
border-color: #2c2c2c;
color: #fdfdfd
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsSiteLinks .button {
padding: .375rem .75rem;
cursor: pointer;
text-align: center;
vertical-align: middle;
border: 1px solid #0d0d0d;
font-weight: bold;
background-color: #fdfdfd;
border-radius: 10px;
position: relative;
display: inline-flex;
justify-content: center;
align-items: center;
min-height: 2.5rem;
min-width: 2.5rem;
padding: .25rem .9375rem;
background-color: unset;
border: solid 2px #fdfdfd;
color: #fdfdfd;
font-family: "Barlow Semi Condensed",Helvetica,Arial,Sans-Serif;
font-size: .9rem;
font-style: italic;
font-weight: 700;
letter-spacing: .5px;
text-transform: uppercase;
display: grid;
grid-template-columns: 2rem 1fr 2rem;
height: 2.75rem;
padding: .25rem;
border-color: #1f1f1f;
border-radius: 2.5rem;
color: #0d0d0d
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsSiteLinks .button:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsSiteLinks .button.selected {
background-color: #1f1f1f;
color: #fdfdfd
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsSiteLinks .button.selected:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsSiteLinks .button.inverse {
background-color: transparent;
border-color: #fdfdfd;
color: #fdfdfd
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsSiteLinks .button.inverse:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsSiteLinks .button.inverse.selected {
background-color: rgba(253,253,253,.4)
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsSiteLinks .button.inverse.selected:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsSiteLinks .button.expired {
background-color: #bfbfbf;
border-color: #262626;
color: #262626;
color: #0d0d0d
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsSiteLinks .button.expired:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsSiteLinks .button.expired.selected {
background-color: #8c8c8c;
border-color: #0d0d0d;
color: #0d0d0d
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsSiteLinks .button.expired.selected:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsSiteLinks .button.delete {
background-color: #cb1029;
border-color: #f797a4;
color: #fdfdfd
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsSiteLinks .button.delete:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsSiteLinks .button.delete.selected {
background-color: #6c0916
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsSiteLinks .button.delete.selected:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsSiteLinks .button.confirm {
background-color: #1f1f1f;
border-color: #1f1f1f;
color: #fdfdfd
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsSiteLinks .button.confirm:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsSiteLinks .button.confirm.selected {
background-color: #0d0d0d
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsSiteLinks .button.confirm.selected:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsSiteLinks .button.disabled {
opacity: .5
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsSiteLinks .button.betlink {
border-color: #0d0d0d;
color: #0d0d0d;
min-width: 100%;
white-space: nowrap
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsSiteLinks .button.betlink:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsSiteLinks .button.betlink.selected {
background-color: #0d0d0d;
color: #0d0d0d
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsSiteLinks .button.betlink.selected:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsSiteLinks .button[class^="icon-"],.widget_headeracctmenu.benefits .benefitpopupbox .benefitsSiteLinks .button[class*=" icon-"] {
padding-top: .225rem;
padding-bottom: .225rem;
padding-left: .225rem
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsSiteLinks .button[class^="icon-"]:before,.widget_headeracctmenu.benefits .benefitpopupbox .benefitsSiteLinks .button[class*=" icon-"]:before {
font-size: 1.9rem;
font-weight: normal;
padding-right: .225rem
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsSiteLinks .button[class^="icon-"]:empty,.widget_headeracctmenu.benefits .benefitpopupbox .benefitsSiteLinks .button[class*=" icon-"]:empty {
padding: .225rem
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsSiteLinks .button[class^="icon-"]:empty:before,.widget_headeracctmenu.benefits .benefitpopupbox .benefitsSiteLinks .button[class*=" icon-"]:empty:before {
padding: 0
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsSiteLinks .button[class^="icon-"].vertical,.widget_headeracctmenu.benefits .benefitpopupbox .benefitsSiteLinks .button[class*=" icon-"].vertical {
flex-direction: column;
align-items: center;
padding-right: .225rem;
padding-bottom: .3rem
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsSiteLinks .button.small {
min-height: 1.875rem;
font-size: .75rem;
padding: .21875rem .4375rem
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsSiteLinks .button.small[class^="icon-"],.widget_headeracctmenu.benefits .benefitpopupbox .benefitsSiteLinks .button.small[class*=" icon-"] {
padding-top: .16875rem;
padding-bottom: .16875rem;
padding-left: .16875rem
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsSiteLinks .button.small[class^="icon-"]:before,.widget_headeracctmenu.benefits .benefitpopupbox .benefitsSiteLinks .button.small[class*=" icon-"]:before {
font-size: 1.425rem;
font-weight: normal;
padding-right: .16875rem
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsSiteLinks .button.small[class^="icon-"]:empty,.widget_headeracctmenu.benefits .benefitpopupbox .benefitsSiteLinks .button.small[class*=" icon-"]:empty {
padding: .16875rem
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsSiteLinks .button.small[class^="icon-"]:empty:before,.widget_headeracctmenu.benefits .benefitpopupbox .benefitsSiteLinks .button.small[class*=" icon-"]:empty:before {
padding: 0
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsSiteLinks .button.small[class^="icon-"].vertical,.widget_headeracctmenu.benefits .benefitpopupbox .benefitsSiteLinks .button.small[class*=" icon-"].vertical {
padding-right: .16875rem
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsSiteLinks .button.majorAction {
font-size: 1.4rem;
padding: .875rem
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsSiteLinks .button.majorAction[class^="icon-"],.widget_headeracctmenu.benefits .benefitpopupbox .benefitsSiteLinks .button.majorAction[class*=" icon-"] {
padding-top: .315rem;
padding-bottom: .315rem;
padding-left: .315rem
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsSiteLinks .button.majorAction[class^="icon-"]:before,.widget_headeracctmenu.benefits .benefitpopupbox .benefitsSiteLinks .button.majorAction[class*=" icon-"]:before {
font-size: 2.66rem;
font-weight: normal;
padding-right: .315rem
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsSiteLinks .button.majorAction[class^="icon-"]:empty,.widget_headeracctmenu.benefits .benefitpopupbox .benefitsSiteLinks .button.majorAction[class*=" icon-"]:empty {
padding: .315rem
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsSiteLinks .button.majorAction[class^="icon-"]:empty:before,.widget_headeracctmenu.benefits .benefitpopupbox .benefitsSiteLinks .button.majorAction[class*=" icon-"]:empty:before {
padding: 0
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsSiteLinks .button.invisible {
visibility: hidden
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsSiteLinks .button.tooltip {
position: relative;
display: inline-block
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsSiteLinks .button.tooltip .tooltiptext {
visibility: hidden;
width: auto;
background-color: #333;
color: #fdfdfd;
text-align: center;
padding: 3px;
border-radius: 10px;
position: absolute;
top: 3px;
right: 3px;
z-index: 490;
font-size: 13px;
line-height: 16px;
font-weight: normal
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsSiteLinks .button.tooltip:hover .tooltiptext {
visibility: visible
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsSiteLinks .button:hover:not(.disabled,.selected,.expired) {
opacity: 1
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsSiteLinks .button:hover:not(.disabled,.selected) {
background-color: #282828;
border-color: #fdfdfd;
color: #fdfdfd
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsSiteLinks .button.selected {
background-color: #0bd51f;
border-color: #0bd51f;
color: #0d0d0d
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsSiteLinks .button.selected:hover:not(.disabled,.expired) {
opacity: 1;
background-color: #13f32a;
border-color: #13f32a;
color: #0d0d0d
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsSiteLinks .button.disabled {
opacity: .65
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsSiteLinks .button.disabled:hover {
cursor: default
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsSiteLinks .button[class^="icon-"],.widget_headeracctmenu.benefits .benefitpopupbox .benefitsSiteLinks .button[class*=" icon-"] {
grid-gap: .25rem;
padding: .5rem;
border-radius: 10px
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsSiteLinks .button[class^="icon-"]:empty,.widget_headeracctmenu.benefits .benefitpopupbox .benefitsSiteLinks .button[class*=" icon-"]:empty {
min-width: 2.5rem
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsSiteLinks .button[class^="icon-"]:before,.widget_headeracctmenu.benefits .benefitpopupbox .benefitsSiteLinks .button[class*=" icon-"]:before {
padding: 0;
font-size: 1.5rem
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsSiteLinks .button[class^="icon-"].vertical,.widget_headeracctmenu.benefits .benefitpopupbox .benefitsSiteLinks .button[class*=" icon-"].vertical {
justify-content: center;
grid-gap: .25rem;
padding: .625rem .75rem;
border-radius: 10px
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsSiteLinks .button[class^="icon-"].vertical:before,.widget_headeracctmenu.benefits .benefitpopupbox .benefitsSiteLinks .button[class*=" icon-"].vertical:before {
position: unset;
display: flex;
align-items: center;
justify-content: center;
justify-self: center;
height: 2.5rem;
width: 2.5rem;
border: solid 2px #0bd51f;
border-radius: 2.5rem;
font-size: 1.5rem
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsSiteLinks .button[class^="icon-"].vertical.selected:before,.widget_headeracctmenu.benefits .benefitpopupbox .benefitsSiteLinks .button[class*=" icon-"].vertical.selected:before {
border-color: #0d0d0d
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsSiteLinks .button.expired {
opacity: .65;
background-color: unset;
border-color: #fdfdfd;
color: #fdfdfd
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsSiteLinks .button.expired:hover:not(.disabled,.selected) {
opacity: .75;
background-color: #13f32a;
border-color: #fdfdfd;
color: #fdfdfd
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsSiteLinks .button.expired.selected {
opacity: .65;
background-color: #0bd51f;
border-color: #0bd51f;
color: #0d0d0d
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsSiteLinks .button.delete {
background-color: #cb1029;
border-color: #cb1029
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsSiteLinks .button.delete.selected {
background-color: #cb1029;
border-color: #cb1029;
color: #fdfdfd
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsSiteLinks .button.delete:hover:not(.disabled) {
background-color: #b30e24;
border-color: #b30e24;
color: #fdfdfd
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsSiteLinks .button.confirm {
background-color: transparent;
border-color: #0bd51f;
color: #fdfdfd
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsSiteLinks .button.confirm.selected {
background-color: #0bd51f;
border-color: #0bd51f;
color: #0d0d0d
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsSiteLinks .button.confirm.selected:hover {
opacity: 1;
background-color: #0ced23;
border-color: #0ced23;
color: #0d0d0d
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsSiteLinks .button.confirm:hover:not(.disabled,.selected) {
opacity: 1;
background-color: #282828;
border-color: #0bd51f;
color: #fdfdfd
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsSiteLinks .button.inverse {
border-color: #1f1f1f;
color: #0d0d0d
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsSiteLinks .button.inverse:hover:not(.disabled,.selected) {
background-color: #adb4bd;
border-color: #1f1f1f;
color: #0d0d0d
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsSiteLinks .button.betlink {
min-height: 3.125rem;
width: 100%;
min-width: 4.375rem;
padding: .25rem .5rem;
background-color: #353e36;
border-color: #353e36;
border-width: 1px;
border-radius: 5px;
color: #fdfdfd;
font-size: 1.1rem;
font-style: normal;
font-weight: 600
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsSiteLinks .button.betlink:hover:not(.disabled,.selected) {
background-color: #445045;
border-color: #445045
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsSiteLinks .button.betlink.selected {
background-color: #0bd51f;
border-color: #0bd51f;
color: #0d0d0d
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsSiteLinks .button.betlink.selected.disabled {
opacity: .4;
background-color: #0bd51f;
border-color: #0bd51f;
color: #0d0d0d
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsSiteLinks .button.betlink.selected.disabled:hover {
opacity: .4;
background-color: #0bd51f;
border-color: #0bd51f;
color: #0d0d0d
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsSiteLinks .button.betlink.disabled {
opacity: .4;
color: #fdfdfd
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsSiteLinks .button.betlink.disabled:hover {
opacity: .4;
background-color: #353e36;
border-color: #353e36;
color: #fdfdfd
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsSiteLinks .button.small {
padding: .25rem .625rem
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsSiteLinks .button.login {
background-color: transparent;
border-color: #0bd51f;
color: #fdfdfd
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsSiteLinks .button.login:hover:not(.disabled,.selected) {
opacity: 1;
background-color: #333;
border-color: #0bd51f;
color: #fdfdfd
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsSiteLinks .button.login.selected {
opacity: 1;
background-color: #404040;
border-color: #0bd51f;
color: #fdfdfd
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsSiteLinks .button.login.selected:hover {
opacity: 1;
background-color: #4d4d4d;
border-color: #0bd51f;
color: #fdfdfd
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsSiteLinks .button.join {
background-color: #0bd51f;
border-color: #0bd51f;
color: #0d0d0d
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsSiteLinks .button.join:hover:not(.disabled) {
opacity: 1;
background-color: #13f32a;
border-color: #13f32a;
color: #0d0d0d
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsSiteLinks .button.button-primary {
border: solid 2px #0bd51f
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsSiteLinks .button.buttonAcceptAction {
background-color: #0bd51f;
border-color: #0bd51f;
color: #0d0d0d
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsSiteLinks .button.buttonAcceptAction:hover {
opacity: 1;
background-color: #0ac41d;
border-color: #0ac41d;
color: #0d0d0d
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsSiteLinks .button[class^="icon-"],.widget_headeracctmenu.benefits .benefitpopupbox .benefitsSiteLinks .button[class*="icon-"] {
padding: .25rem;
border-radius: 2.5rem;
color: #1f1f1f
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsSiteLinks .button[class^="icon-"]:before,.widget_headeracctmenu.benefits .benefitpopupbox .benefitsSiteLinks .button[class*="icon-"]:before {
display: flex;
align-items: center;
justify-content: center;
height: 2rem;
width: 2rem;
padding: .25rem;
background-color: rgba(31,31,31,.1);
border: solid 1px #1f1f1f;
border-radius: 2rem;
box-sizing: border-box;
font-size: 1.25rem
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsSiteLinks .button[class^="icon-"].wc_w_hambp-Deposit,.widget_headeracctmenu.benefits .benefitpopupbox .benefitsSiteLinks .button[class*="icon-"].wc_w_hambp-Deposit {
grid-column-start: 1;
grid-column-end: 3;
background-color: #0bd51f;
border-color: #0bd51f;
color: #0d0d0d
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsSiteLinks .button[class^="icon-"].wc_w_hambp-Deposit span.benefitsBDV,.widget_headeracctmenu.benefits .benefitpopupbox .benefitsSiteLinks .button[class*="icon-"].wc_w_hambp-Deposit span.benefitsBDV {
justify-self: end;
gap: .25rem;
min-width: fit-content;
padding: 0 .75rem;
background: #d19e1d;
background: -webkit-linear-gradient(to right,#d19e1d,#ffd86e,#e3a812);
background: linear-gradient(to right,#d19e1d,#ffd86e,#e3a812);
border: none;
color: #000;
font-size: 2.5rem
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsSiteLinks .button[class^="icon-"].wc_w_hambp-Deposit span.benefitsBDV:after,.widget_headeracctmenu.benefits .benefitpopupbox .benefitsSiteLinks .button[class*="icon-"].wc_w_hambp-Deposit span.benefitsBDV:after {
content: 'Deposit Offer';
font-family: 'Barlow Semi Condensed' !important;
font-size: .8rem;
font-style: italic;
text-transform: uppercase;
font-weight: 700
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsSiteLinks .button[class^="icon-"].wc_w_hambp-Deposit:before,.widget_headeracctmenu.benefits .benefitpopupbox .benefitsSiteLinks .button[class*="icon-"].wc_w_hambp-Deposit:before {
background-color: #fdfdfd;
border: solid 1px #fdfdfd;
color: #0d0d0d
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsSiteLinks .button[class^="icon-"].wc_w_hambp-Deposit:hover:not(.disabled,.selected),.widget_headeracctmenu.benefits .benefitpopupbox .benefitsSiteLinks .button[class*="icon-"].wc_w_hambp-Deposit:hover:not(.disabled,.selected) {
background-color: #0ac91d;
border-color: #0ac91d;
color: #0d0d0d
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsSiteLinks .button[class^="icon-"].wc_w_hambp-Logout:before,.widget_headeracctmenu.benefits .benefitpopupbox .benefitsSiteLinks .button[class*="icon-"].wc_w_hambp-Logout:before {
background-color: #cb1029;
border-color: #cb1029;
color: #fdfdfd
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsSiteLinks .button span {
display: flex;
align-items: center;
justify-content: center;
height: 2rem;
width: 2rem;
background-color: #0d0d0d;
border-radius: 2rem;
color: #fdfdfd
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsSiteLinks .button.wc_w_hambp-Settings {
display: none
}
.widget_headeracctmenu.benefits .benefitpopupbox .benefitsSiteLinks .button:hover:not(.disabled,.selected) {
opacity: 1;
background-color: rgba(31,31,31,.05);
border-color: #1f1f1f;
color: #0d0d0d
}
.wc_a_benefits_home .benefitsFilterSection,.wc_a_benefits_overview .benefitsFilterSection {
justify-self: center;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
width: fit-content;
margin-bottom: .9375rem;
padding: 0
}
.wc_a_benefits_home .benefitsFilterSection>a,.wc_a_benefits_overview .benefitsFilterSection>a {
background-color: #1f1f1f;
border-color: #1f1f1f;
background-color: transparent;
border-color: #0bd51f;
display: inline-grid;
grid-gap: .5rem;
grid-template-rows: auto 1fr;
width: 6.25rem;
max-width: unset;
min-width: auto;
padding: .5rem .75rem;
border-width: 2px;
color: #fdfdfd;
line-height: 1rem
}
.wc_a_benefits_home .benefitsFilterSection>a:hover,.wc_a_benefits_overview .benefitsFilterSection>a:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
.wc_a_benefits_home .benefitsFilterSection>a.selected,.wc_a_benefits_overview .benefitsFilterSection>a.selected {
background-color: #0d0d0d
}
.wc_a_benefits_home .benefitsFilterSection>a.selected:hover,.wc_a_benefits_overview .benefitsFilterSection>a.selected:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
.wc_a_benefits_home .benefitsFilterSection>a.selected,.wc_a_benefits_overview .benefitsFilterSection>a.selected {
background-color: #0bd51f;
border-color: #0bd51f;
color: #0d0d0d
}
.wc_a_benefits_home .benefitsFilterSection>a.selected:hover,.wc_a_benefits_overview .benefitsFilterSection>a.selected:hover {
opacity: 1;
background-color: #0ced23;
border-color: #0ced23;
color: #0d0d0d
}
.wc_a_benefits_home .benefitsFilterSection>a:hover:not(.disabled,.selected),.wc_a_benefits_overview .benefitsFilterSection>a:hover:not(.disabled,.selected) {
opacity: 1;
background-color: #282828;
border-color: #0bd51f;
color: #fdfdfd
}
.wc_a_benefits_home .framePanel.benefits,.wc_a_benefits_overview .framePanel.benefits,.wc_a_benefits_home .framePanel.eventbenefits,.wc_a_benefits_overview .framePanel.eventbenefits {
grid-gap: .625rem;
border: none;
border-radius: 0
}
.wc_a_benefits_home .framePanel.benefits .benefit,.wc_a_benefits_overview .framePanel.benefits .benefit,.wc_a_benefits_home .framePanel.eventbenefits .benefit,.wc_a_benefits_overview .framePanel.eventbenefits .benefit {
margin: 0;
padding: .625rem .9375rem;
background-color: #333;
border: solid 1px #404040;
color: #fdfdfd
}
.wc_a_benefits_home .framePanel.benefits .benefit .overview,.wc_a_benefits_overview .framePanel.benefits .benefit .overview,.wc_a_benefits_home .framePanel.eventbenefits .benefit .overview,.wc_a_benefits_overview .framePanel.eventbenefits .benefit .overview {
padding: 0
}
.wc_a_benefits_home .framePanel.benefits .benefit .icon,.wc_a_benefits_overview .framePanel.benefits .benefit .icon,.wc_a_benefits_home .framePanel.eventbenefits .benefit .icon,.wc_a_benefits_overview .framePanel.eventbenefits .benefit .icon {
display: flex;
align-items: center;
justify-content: center;
height: 3rem;
width: 3rem;
border: solid 2px #0bd51f;
border-radius: 3rem;
font-size: 1.75rem;
line-height: 3rem
}
.wc_a_benefits_home .framePanel.benefits .benefit .remaining,.wc_a_benefits_overview .framePanel.benefits .benefit .remaining,.wc_a_benefits_home .framePanel.eventbenefits .benefit .remaining,.wc_a_benefits_overview .framePanel.eventbenefits .benefit .remaining {
display: flex;
align-items: center;
justify-content: center;
height: 1.75rem;
min-width: 3rem;
background-color: #0bd51f;
color: #0d0d0d;
font-size: 1rem
}
.wc_a_benefits_home .framePanel.benefits .benefit .title,.wc_a_benefits_overview .framePanel.benefits .benefit .title,.wc_a_benefits_home .framePanel.eventbenefits .benefit .title,.wc_a_benefits_overview .framePanel.eventbenefits .benefit .title {
font-size: 1.375rem;
line-height: 1.5rem
}
.wc_a_benefits_home .framePanel.benefits .benefit .expires,.wc_a_benefits_overview .framePanel.benefits .benefit .expires,.wc_a_benefits_home .framePanel.eventbenefits .benefit .expires,.wc_a_benefits_overview .framePanel.eventbenefits .benefit .expires {
font-size: .9rem
}
.wc_a_benefits_overview .framePanel.benefits {
margin-bottom: 0
}
.wc_a_benefits_store .storeHeader {
grid-gap: .625rem
}
.wc_a_benefits_store .storeHeaderDescription,.wc_a_benefits_store .storeHeaderPointsShowCase {
grid-gap: .375rem;
border-radius: 7.5px
}
.wc_a_benefits_store .storeHeaderPointsShowCase {
padding: .3125rem;
background-color: #404040;
line-height: 1.45rem;
text-transform: capitalize
}
.wc_a_benefits_store .storeHeaderPointsShowCase span#BSPTotalLoyaltyPoints {
display: .25rem 0
}
.wc_a_benefits_store .benefitsStoreButtons {
margin-top: .9375rem
}
.wc_a_benefits_store .benefitStoreItem {
grid-gap: 1.25rem;
grid-template-columns: 3fr auto min-content 1fr;
padding: .625rem;
background-color: #333;
border: solid 1px #404040;
border-radius: 10px
}
.wc_a_benefits_store .item .icon {
display: flex;
align-items: center;
justify-content: center;
height: 3rem;
width: 3rem;
margin-left: .3125rem;
border: solid 2px #0bd51f;
border-radius: 3rem;
font-size: 1.75rem
}
.wc_a_benefits_store .quantity {
justify-content: center
}
.wc_a_benefits_store .quantityInputs {
grid-gap: .625rem;
width: max-content
}
.wc_a_benefits_store .quantityDecrement,.wc_a_benefits_store .quantityIncrement,.wc_a_benefits_store .quantityMaximum {
padding: .375rem .75rem;
cursor: pointer;
text-align: center;
vertical-align: middle;
border: 1px solid #0d0d0d;
color: #0d0d0d;
font-weight: bold;
background-color: #fdfdfd;
border-radius: 10px;
position: relative;
display: inline-flex;
justify-content: center;
align-items: center;
min-height: 2.5rem;
min-width: 2.5rem;
padding: .25rem .9375rem;
background-color: unset;
border: solid 2px #fdfdfd;
border-radius: 2.5rem;
color: #fdfdfd;
font-family: "Barlow Semi Condensed",Helvetica,Arial,Sans-Serif;
font-size: .9rem;
font-style: italic;
font-weight: 700;
letter-spacing: .5px;
text-transform: uppercase;
height: 2.25rem;
min-height: 2.25rem;
width: 2.25rem;
min-width: 2.25rem;
padding: 0;
padding-bottom: 3px;
border-radius: 7.5px;
font-size: 1.75rem;
font-style: normal;
line-height: 1.05rem
}
.wc_a_benefits_store .quantityDecrement:hover,.wc_a_benefits_store .quantityIncrement:hover,.wc_a_benefits_store .quantityMaximum:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
.wc_a_benefits_store .quantityDecrement.selected,.wc_a_benefits_store .quantityIncrement.selected,.wc_a_benefits_store .quantityMaximum.selected {
background-color: #1f1f1f;
color: #fdfdfd
}
.wc_a_benefits_store .quantityDecrement.selected:hover,.wc_a_benefits_store .quantityIncrement.selected:hover,.wc_a_benefits_store .quantityMaximum.selected:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
.wc_a_benefits_store .quantityDecrement.inverse,.wc_a_benefits_store .quantityIncrement.inverse,.wc_a_benefits_store .quantityMaximum.inverse {
background-color: transparent;
border-color: #fdfdfd;
color: #fdfdfd
}
.wc_a_benefits_store .quantityDecrement.inverse:hover,.wc_a_benefits_store .quantityIncrement.inverse:hover,.wc_a_benefits_store .quantityMaximum.inverse:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
.wc_a_benefits_store .quantityDecrement.inverse.selected,.wc_a_benefits_store .quantityIncrement.inverse.selected,.wc_a_benefits_store .quantityMaximum.inverse.selected {
background-color: rgba(253,253,253,.4)
}
.wc_a_benefits_store .quantityDecrement.inverse.selected:hover,.wc_a_benefits_store .quantityIncrement.inverse.selected:hover,.wc_a_benefits_store .quantityMaximum.inverse.selected:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
.wc_a_benefits_store .quantityDecrement.expired,.wc_a_benefits_store .quantityIncrement.expired,.wc_a_benefits_store .quantityMaximum.expired {
background-color: #bfbfbf;
border-color: #262626;
color: #262626;
color: #0d0d0d
}
.wc_a_benefits_store .quantityDecrement.expired:hover,.wc_a_benefits_store .quantityIncrement.expired:hover,.wc_a_benefits_store .quantityMaximum.expired:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
.wc_a_benefits_store .quantityDecrement.expired.selected,.wc_a_benefits_store .quantityIncrement.expired.selected,.wc_a_benefits_store .quantityMaximum.expired.selected {
background-color: #8c8c8c;
border-color: #0d0d0d;
color: #0d0d0d
}
.wc_a_benefits_store .quantityDecrement.expired.selected:hover,.wc_a_benefits_store .quantityIncrement.expired.selected:hover,.wc_a_benefits_store .quantityMaximum.expired.selected:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
.wc_a_benefits_store .quantityDecrement.delete,.wc_a_benefits_store .quantityIncrement.delete,.wc_a_benefits_store .quantityMaximum.delete {
background-color: #cb1029;
border-color: #f797a4;
color: #fdfdfd
}
.wc_a_benefits_store .quantityDecrement.delete:hover,.wc_a_benefits_store .quantityIncrement.delete:hover,.wc_a_benefits_store .quantityMaximum.delete:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
.wc_a_benefits_store .quantityDecrement.delete.selected,.wc_a_benefits_store .quantityIncrement.delete.selected,.wc_a_benefits_store .quantityMaximum.delete.selected {
background-color: #6c0916
}
.wc_a_benefits_store .quantityDecrement.delete.selected:hover,.wc_a_benefits_store .quantityIncrement.delete.selected:hover,.wc_a_benefits_store .quantityMaximum.delete.selected:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
.wc_a_benefits_store .quantityDecrement.confirm,.wc_a_benefits_store .quantityIncrement.confirm,.wc_a_benefits_store .quantityMaximum.confirm {
background-color: #1f1f1f;
border-color: #1f1f1f;
color: #fdfdfd
}
.wc_a_benefits_store .quantityDecrement.confirm:hover,.wc_a_benefits_store .quantityIncrement.confirm:hover,.wc_a_benefits_store .quantityMaximum.confirm:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
.wc_a_benefits_store .quantityDecrement.confirm.selected,.wc_a_benefits_store .quantityIncrement.confirm.selected,.wc_a_benefits_store .quantityMaximum.confirm.selected {
background-color: #0d0d0d
}
.wc_a_benefits_store .quantityDecrement.confirm.selected:hover,.wc_a_benefits_store .quantityIncrement.confirm.selected:hover,.wc_a_benefits_store .quantityMaximum.confirm.selected:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
.wc_a_benefits_store .quantityDecrement.disabled,.wc_a_benefits_store .quantityIncrement.disabled,.wc_a_benefits_store .quantityMaximum.disabled {
opacity: .5
}
.wc_a_benefits_store .quantityDecrement.betlink,.wc_a_benefits_store .quantityIncrement.betlink,.wc_a_benefits_store .quantityMaximum.betlink {
border-color: #0d0d0d;
color: #0d0d0d;
min-width: 100%;
white-space: nowrap
}
.wc_a_benefits_store .quantityDecrement.betlink:hover,.wc_a_benefits_store .quantityIncrement.betlink:hover,.wc_a_benefits_store .quantityMaximum.betlink:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
.wc_a_benefits_store .quantityDecrement.betlink.selected,.wc_a_benefits_store .quantityIncrement.betlink.selected,.wc_a_benefits_store .quantityMaximum.betlink.selected {
background-color: #0d0d0d;
color: #0d0d0d
}
.wc_a_benefits_store .quantityDecrement.betlink.selected:hover,.wc_a_benefits_store .quantityIncrement.betlink.selected:hover,.wc_a_benefits_store .quantityMaximum.betlink.selected:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
.wc_a_benefits_store .quantityDecrement[class^="icon-"],.wc_a_benefits_store .quantityIncrement[class^="icon-"],.wc_a_benefits_store .quantityMaximum[class^="icon-"],.wc_a_benefits_store .quantityDecrement[class*=" icon-"],.wc_a_benefits_store .quantityIncrement[class*=" icon-"],.wc_a_benefits_store .quantityMaximum[class*=" icon-"] {
padding-top: .225rem;
padding-bottom: .225rem;
padding-left: .225rem
}
.wc_a_benefits_store .quantityDecrement[class^="icon-"]:before,.wc_a_benefits_store .quantityIncrement[class^="icon-"]:before,.wc_a_benefits_store .quantityMaximum[class^="icon-"]:before,.wc_a_benefits_store .quantityDecrement[class*=" icon-"]:before,.wc_a_benefits_store .quantityIncrement[class*=" icon-"]:before,.wc_a_benefits_store .quantityMaximum[class*=" icon-"]:before {
font-size: 1.9rem;
font-weight: normal;
padding-right: .225rem
}
.wc_a_benefits_store .quantityDecrement[class^="icon-"]:empty,.wc_a_benefits_store .quantityIncrement[class^="icon-"]:empty,.wc_a_benefits_store .quantityMaximum[class^="icon-"]:empty,.wc_a_benefits_store .quantityDecrement[class*=" icon-"]:empty,.wc_a_benefits_store .quantityIncrement[class*=" icon-"]:empty,.wc_a_benefits_store .quantityMaximum[class*=" icon-"]:empty {
padding: .225rem
}
.wc_a_benefits_store .quantityDecrement[class^="icon-"]:empty:before,.wc_a_benefits_store .quantityIncrement[class^="icon-"]:empty:before,.wc_a_benefits_store .quantityMaximum[class^="icon-"]:empty:before,.wc_a_benefits_store .quantityDecrement[class*=" icon-"]:empty:before,.wc_a_benefits_store .quantityIncrement[class*=" icon-"]:empty:before,.wc_a_benefits_store .quantityMaximum[class*=" icon-"]:empty:before {
padding: 0
}
.wc_a_benefits_store .quantityDecrement[class^="icon-"].vertical,.wc_a_benefits_store .quantityIncrement[class^="icon-"].vertical,.wc_a_benefits_store .quantityMaximum[class^="icon-"].vertical,.wc_a_benefits_store .quantityDecrement[class*=" icon-"].vertical,.wc_a_benefits_store .quantityIncrement[class*=" icon-"].vertical,.wc_a_benefits_store .quantityMaximum[class*=" icon-"].vertical {
flex-direction: column;
align-items: center;
padding-right: .225rem;
padding-bottom: .3rem
}
.wc_a_benefits_store .quantityDecrement.small,.wc_a_benefits_store .quantityIncrement.small,.wc_a_benefits_store .quantityMaximum.small {
min-height: 1.875rem;
font-size: .75rem;
padding: .21875rem .4375rem
}
.wc_a_benefits_store .quantityDecrement.small[class^="icon-"],.wc_a_benefits_store .quantityIncrement.small[class^="icon-"],.wc_a_benefits_store .quantityMaximum.small[class^="icon-"],.wc_a_benefits_store .quantityDecrement.small[class*=" icon-"],.wc_a_benefits_store .quantityIncrement.small[class*=" icon-"],.wc_a_benefits_store .quantityMaximum.small[class*=" icon-"] {
padding-top: .16875rem;
padding-bottom: .16875rem;
padding-left: .16875rem
}
.wc_a_benefits_store .quantityDecrement.small[class^="icon-"]:before,.wc_a_benefits_store .quantityIncrement.small[class^="icon-"]:before,.wc_a_benefits_store .quantityMaximum.small[class^="icon-"]:before,.wc_a_benefits_store .quantityDecrement.small[class*=" icon-"]:before,.wc_a_benefits_store .quantityIncrement.small[class*=" icon-"]:before,.wc_a_benefits_store .quantityMaximum.small[class*=" icon-"]:before {
font-size: 1.425rem;
font-weight: normal;
padding-right: .16875rem
}
.wc_a_benefits_store .quantityDecrement.small[class^="icon-"]:empty,.wc_a_benefits_store .quantityIncrement.small[class^="icon-"]:empty,.wc_a_benefits_store .quantityMaximum.small[class^="icon-"]:empty,.wc_a_benefits_store .quantityDecrement.small[class*=" icon-"]:empty,.wc_a_benefits_store .quantityIncrement.small[class*=" icon-"]:empty,.wc_a_benefits_store .quantityMaximum.small[class*=" icon-"]:empty {
padding: .16875rem
}
.wc_a_benefits_store .quantityDecrement.small[class^="icon-"]:empty:before,.wc_a_benefits_store .quantityIncrement.small[class^="icon-"]:empty:before,.wc_a_benefits_store .quantityMaximum.small[class^="icon-"]:empty:before,.wc_a_benefits_store .quantityDecrement.small[class*=" icon-"]:empty:before,.wc_a_benefits_store .quantityIncrement.small[class*=" icon-"]:empty:before,.wc_a_benefits_store .quantityMaximum.small[class*=" icon-"]:empty:before {
padding: 0
}
.wc_a_benefits_store .quantityDecrement.small[class^="icon-"].vertical,.wc_a_benefits_store .quantityIncrement.small[class^="icon-"].vertical,.wc_a_benefits_store .quantityMaximum.small[class^="icon-"].vertical,.wc_a_benefits_store .quantityDecrement.small[class*=" icon-"].vertical,.wc_a_benefits_store .quantityIncrement.small[class*=" icon-"].vertical,.wc_a_benefits_store .quantityMaximum.small[class*=" icon-"].vertical {
padding-right: .16875rem
}
.wc_a_benefits_store .quantityDecrement.majorAction,.wc_a_benefits_store .quantityIncrement.majorAction,.wc_a_benefits_store .quantityMaximum.majorAction {
font-size: 1.4rem;
padding: .875rem
}
.wc_a_benefits_store .quantityDecrement.majorAction[class^="icon-"],.wc_a_benefits_store .quantityIncrement.majorAction[class^="icon-"],.wc_a_benefits_store .quantityMaximum.majorAction[class^="icon-"],.wc_a_benefits_store .quantityDecrement.majorAction[class*=" icon-"],.wc_a_benefits_store .quantityIncrement.majorAction[class*=" icon-"],.wc_a_benefits_store .quantityMaximum.majorAction[class*=" icon-"] {
padding-top: .315rem;
padding-bottom: .315rem;
padding-left: .315rem
}
.wc_a_benefits_store .quantityDecrement.majorAction[class^="icon-"]:before,.wc_a_benefits_store .quantityIncrement.majorAction[class^="icon-"]:before,.wc_a_benefits_store .quantityMaximum.majorAction[class^="icon-"]:before,.wc_a_benefits_store .quantityDecrement.majorAction[class*=" icon-"]:before,.wc_a_benefits_store .quantityIncrement.majorAction[class*=" icon-"]:before,.wc_a_benefits_store .quantityMaximum.majorAction[class*=" icon-"]:before {
font-size: 2.66rem;
font-weight: normal;
padding-right: .315rem
}
.wc_a_benefits_store .quantityDecrement.majorAction[class^="icon-"]:empty,.wc_a_benefits_store .quantityIncrement.majorAction[class^="icon-"]:empty,.wc_a_benefits_store .quantityMaximum.majorAction[class^="icon-"]:empty,.wc_a_benefits_store .quantityDecrement.majorAction[class*=" icon-"]:empty,.wc_a_benefits_store .quantityIncrement.majorAction[class*=" icon-"]:empty,.wc_a_benefits_store .quantityMaximum.majorAction[class*=" icon-"]:empty {
padding: .315rem
}
.wc_a_benefits_store .quantityDecrement.majorAction[class^="icon-"]:empty:before,.wc_a_benefits_store .quantityIncrement.majorAction[class^="icon-"]:empty:before,.wc_a_benefits_store .quantityMaximum.majorAction[class^="icon-"]:empty:before,.wc_a_benefits_store .quantityDecrement.majorAction[class*=" icon-"]:empty:before,.wc_a_benefits_store .quantityIncrement.majorAction[class*=" icon-"]:empty:before,.wc_a_benefits_store .quantityMaximum.majorAction[class*=" icon-"]:empty:before {
padding: 0
}
.wc_a_benefits_store .quantityDecrement.invisible,.wc_a_benefits_store .quantityIncrement.invisible,.wc_a_benefits_store .quantityMaximum.invisible {
visibility: hidden
}
.wc_a_benefits_store .quantityDecrement.tooltip,.wc_a_benefits_store .quantityIncrement.tooltip,.wc_a_benefits_store .quantityMaximum.tooltip {
position: relative;
display: inline-block
}
.wc_a_benefits_store .quantityDecrement.tooltip .tooltiptext,.wc_a_benefits_store .quantityIncrement.tooltip .tooltiptext,.wc_a_benefits_store .quantityMaximum.tooltip .tooltiptext {
visibility: hidden;
width: auto;
background-color: #333;
color: #fdfdfd;
text-align: center;
padding: 3px;
border-radius: 10px;
position: absolute;
top: 3px;
right: 3px;
z-index: 490;
font-size: 13px;
line-height: 16px;
font-weight: normal
}
.wc_a_benefits_store .quantityDecrement.tooltip:hover .tooltiptext,.wc_a_benefits_store .quantityIncrement.tooltip:hover .tooltiptext,.wc_a_benefits_store .quantityMaximum.tooltip:hover .tooltiptext {
visibility: visible
}
.wc_a_benefits_store .quantityDecrement:hover:not(.disabled,.selected,.expired),.wc_a_benefits_store .quantityIncrement:hover:not(.disabled,.selected,.expired),.wc_a_benefits_store .quantityMaximum:hover:not(.disabled,.selected,.expired) {
opacity: 1
}
.wc_a_benefits_store .quantityDecrement:hover:not(.disabled,.selected),.wc_a_benefits_store .quantityIncrement:hover:not(.disabled,.selected),.wc_a_benefits_store .quantityMaximum:hover:not(.disabled,.selected) {
background-color: #282828;
border-color: #fdfdfd;
color: #fdfdfd
}
.wc_a_benefits_store .quantityDecrement.selected,.wc_a_benefits_store .quantityIncrement.selected,.wc_a_benefits_store .quantityMaximum.selected {
background-color: #0bd51f;
border-color: #0bd51f;
color: #0d0d0d
}
.wc_a_benefits_store .quantityDecrement.selected:hover:not(.disabled,.expired),.wc_a_benefits_store .quantityIncrement.selected:hover:not(.disabled,.expired),.wc_a_benefits_store .quantityMaximum.selected:hover:not(.disabled,.expired) {
opacity: 1;
background-color: #13f32a;
border-color: #13f32a;
color: #0d0d0d
}
.wc_a_benefits_store .quantityDecrement.disabled,.wc_a_benefits_store .quantityIncrement.disabled,.wc_a_benefits_store .quantityMaximum.disabled {
opacity: .65
}
.wc_a_benefits_store .quantityDecrement.disabled:hover,.wc_a_benefits_store .quantityIncrement.disabled:hover,.wc_a_benefits_store .quantityMaximum.disabled:hover {
cursor: default
}
.wc_a_benefits_store .quantityDecrement[class^="icon-"],.wc_a_benefits_store .quantityIncrement[class^="icon-"],.wc_a_benefits_store .quantityMaximum[class^="icon-"],.wc_a_benefits_store .quantityDecrement[class*=" icon-"],.wc_a_benefits_store .quantityIncrement[class*=" icon-"],.wc_a_benefits_store .quantityMaximum[class*=" icon-"] {
grid-gap: .25rem;
padding: .5rem;
border-radius: 10px
}
.wc_a_benefits_store .quantityDecrement[class^="icon-"]:empty,.wc_a_benefits_store .quantityIncrement[class^="icon-"]:empty,.wc_a_benefits_store .quantityMaximum[class^="icon-"]:empty,.wc_a_benefits_store .quantityDecrement[class*=" icon-"]:empty,.wc_a_benefits_store .quantityIncrement[class*=" icon-"]:empty,.wc_a_benefits_store .quantityMaximum[class*=" icon-"]:empty {
min-width: 2.5rem
}
.wc_a_benefits_store .quantityDecrement[class^="icon-"]:before,.wc_a_benefits_store .quantityIncrement[class^="icon-"]:before,.wc_a_benefits_store .quantityMaximum[class^="icon-"]:before,.wc_a_benefits_store .quantityDecrement[class*=" icon-"]:before,.wc_a_benefits_store .quantityIncrement[class*=" icon-"]:before,.wc_a_benefits_store .quantityMaximum[class*=" icon-"]:before {
padding: 0;
font-size: 1.5rem
}
.wc_a_benefits_store .quantityDecrement[class^="icon-"].vertical,.wc_a_benefits_store .quantityIncrement[class^="icon-"].vertical,.wc_a_benefits_store .quantityMaximum[class^="icon-"].vertical,.wc_a_benefits_store .quantityDecrement[class*=" icon-"].vertical,.wc_a_benefits_store .quantityIncrement[class*=" icon-"].vertical,.wc_a_benefits_store .quantityMaximum[class*=" icon-"].vertical {
justify-content: center;
grid-gap: .25rem;
padding: .625rem .75rem;
border-radius: 10px
}
.wc_a_benefits_store .quantityDecrement[class^="icon-"].vertical:before,.wc_a_benefits_store .quantityIncrement[class^="icon-"].vertical:before,.wc_a_benefits_store .quantityMaximum[class^="icon-"].vertical:before,.wc_a_benefits_store .quantityDecrement[class*=" icon-"].vertical:before,.wc_a_benefits_store .quantityIncrement[class*=" icon-"].vertical:before,.wc_a_benefits_store .quantityMaximum[class*=" icon-"].vertical:before {
position: unset;
display: flex;
align-items: center;
justify-content: center;
justify-self: center;
height: 2.5rem;
width: 2.5rem;
border: solid 2px #0bd51f;
border-radius: 2.5rem;
font-size: 1.5rem
}
.wc_a_benefits_store .quantityDecrement[class^="icon-"].vertical.selected:before,.wc_a_benefits_store .quantityIncrement[class^="icon-"].vertical.selected:before,.wc_a_benefits_store .quantityMaximum[class^="icon-"].vertical.selected:before,.wc_a_benefits_store .quantityDecrement[class*=" icon-"].vertical.selected:before,.wc_a_benefits_store .quantityIncrement[class*=" icon-"].vertical.selected:before,.wc_a_benefits_store .quantityMaximum[class*=" icon-"].vertical.selected:before {
border-color: #0d0d0d
}
.wc_a_benefits_store .quantityDecrement.expired,.wc_a_benefits_store .quantityIncrement.expired,.wc_a_benefits_store .quantityMaximum.expired {
opacity: .65;
background-color: unset;
border-color: #fdfdfd;
color: #fdfdfd
}
.wc_a_benefits_store .quantityDecrement.expired:hover:not(.disabled,.selected),.wc_a_benefits_store .quantityIncrement.expired:hover:not(.disabled,.selected),.wc_a_benefits_store .quantityMaximum.expired:hover:not(.disabled,.selected) {
opacity: .75;
background-color: #13f32a;
border-color: #fdfdfd;
color: #fdfdfd
}
.wc_a_benefits_store .quantityDecrement.expired.selected,.wc_a_benefits_store .quantityIncrement.expired.selected,.wc_a_benefits_store .quantityMaximum.expired.selected {
opacity: .65;
background-color: #0bd51f;
border-color: #0bd51f;
color: #0d0d0d
}
.wc_a_benefits_store .quantityDecrement.delete,.wc_a_benefits_store .quantityIncrement.delete,.wc_a_benefits_store .quantityMaximum.delete {
background-color: #cb1029;
border-color: #cb1029
}
.wc_a_benefits_store .quantityDecrement.delete.selected,.wc_a_benefits_store .quantityIncrement.delete.selected,.wc_a_benefits_store .quantityMaximum.delete.selected {
background-color: #cb1029;
border-color: #cb1029;
color: #fdfdfd
}
.wc_a_benefits_store .quantityDecrement.delete:hover:not(.disabled),.wc_a_benefits_store .quantityIncrement.delete:hover:not(.disabled),.wc_a_benefits_store .quantityMaximum.delete:hover:not(.disabled) {
background-color: #b30e24;
border-color: #b30e24;
color: #fdfdfd
}
.wc_a_benefits_store .quantityDecrement.confirm,.wc_a_benefits_store .quantityIncrement.confirm,.wc_a_benefits_store .quantityMaximum.confirm {
background-color: transparent;
border-color: #0bd51f;
color: #fdfdfd
}
.wc_a_benefits_store .quantityDecrement.confirm.selected,.wc_a_benefits_store .quantityIncrement.confirm.selected,.wc_a_benefits_store .quantityMaximum.confirm.selected {
background-color: #0bd51f;
border-color: #0bd51f;
color: #0d0d0d
}
.wc_a_benefits_store .quantityDecrement.confirm.selected:hover,.wc_a_benefits_store .quantityIncrement.confirm.selected:hover,.wc_a_benefits_store .quantityMaximum.confirm.selected:hover {
opacity: 1;
background-color: #0ced23;
border-color: #0ced23;
color: #0d0d0d
}
.wc_a_benefits_store .quantityDecrement.confirm:hover:not(.disabled,.selected),.wc_a_benefits_store .quantityIncrement.confirm:hover:not(.disabled,.selected),.wc_a_benefits_store .quantityMaximum.confirm:hover:not(.disabled,.selected) {
opacity: 1;
background-color: #282828;
border-color: #0bd51f;
color: #fdfdfd
}
.wc_a_benefits_store .quantityDecrement.inverse,.wc_a_benefits_store .quantityIncrement.inverse,.wc_a_benefits_store .quantityMaximum.inverse {
border-color: #1f1f1f;
color: #0d0d0d
}
.wc_a_benefits_store .quantityDecrement.inverse:hover:not(.disabled,.selected),.wc_a_benefits_store .quantityIncrement.inverse:hover:not(.disabled,.selected),.wc_a_benefits_store .quantityMaximum.inverse:hover:not(.disabled,.selected) {
background-color: #adb4bd;
border-color: #1f1f1f;
color: #0d0d0d
}
.wc_a_benefits_store .quantityDecrement.betlink,.wc_a_benefits_store .quantityIncrement.betlink,.wc_a_benefits_store .quantityMaximum.betlink {
min-height: 3.125rem;
width: 100%;
min-width: 4.375rem;
padding: .25rem .5rem;
background-color: #353e36;
border-color: #353e36;
border-width: 1px;
border-radius: 5px;
color: #fdfdfd;
font-size: 1.1rem;
font-style: normal;
font-weight: 600
}
.wc_a_benefits_store .quantityDecrement.betlink:hover:not(.disabled,.selected),.wc_a_benefits_store .quantityIncrement.betlink:hover:not(.disabled,.selected),.wc_a_benefits_store .quantityMaximum.betlink:hover:not(.disabled,.selected) {
background-color: #445045;
border-color: #445045
}
.wc_a_benefits_store .quantityDecrement.betlink.selected,.wc_a_benefits_store .quantityIncrement.betlink.selected,.wc_a_benefits_store .quantityMaximum.betlink.selected {
background-color: #0bd51f;
border-color: #0bd51f;
color: #0d0d0d
}
.wc_a_benefits_store .quantityDecrement.betlink.selected.disabled,.wc_a_benefits_store .quantityIncrement.betlink.selected.disabled,.wc_a_benefits_store .quantityMaximum.betlink.selected.disabled {
opacity: .4;
background-color: #0bd51f;
border-color: #0bd51f;
color: #0d0d0d
}
.wc_a_benefits_store .quantityDecrement.betlink.selected.disabled:hover,.wc_a_benefits_store .quantityIncrement.betlink.selected.disabled:hover,.wc_a_benefits_store .quantityMaximum.betlink.selected.disabled:hover {
opacity: .4;
background-color: #0bd51f;
border-color: #0bd51f;
color: #0d0d0d
}
.wc_a_benefits_store .quantityDecrement.betlink.disabled,.wc_a_benefits_store .quantityIncrement.betlink.disabled,.wc_a_benefits_store .quantityMaximum.betlink.disabled {
opacity: .4;
color: #fdfdfd
}
.wc_a_benefits_store .quantityDecrement.betlink.disabled:hover,.wc_a_benefits_store .quantityIncrement.betlink.disabled:hover,.wc_a_benefits_store .quantityMaximum.betlink.disabled:hover {
opacity: .4;
background-color: #353e36;
border-color: #353e36;
color: #fdfdfd
}
.wc_a_benefits_store .quantityDecrement.small,.wc_a_benefits_store .quantityIncrement.small,.wc_a_benefits_store .quantityMaximum.small {
padding: .25rem .625rem
}
.wc_a_benefits_store .quantityDecrement.login,.wc_a_benefits_store .quantityIncrement.login,.wc_a_benefits_store .quantityMaximum.login {
background-color: transparent;
border-color: #0bd51f;
color: #fdfdfd
}
.wc_a_benefits_store .quantityDecrement.login:hover:not(.disabled,.selected),.wc_a_benefits_store .quantityIncrement.login:hover:not(.disabled,.selected),.wc_a_benefits_store .quantityMaximum.login:hover:not(.disabled,.selected) {
opacity: 1;
background-color: #333;
border-color: #0bd51f;
color: #fdfdfd
}
.wc_a_benefits_store .quantityDecrement.login.selected,.wc_a_benefits_store .quantityIncrement.login.selected,.wc_a_benefits_store .quantityMaximum.login.selected {
opacity: 1;
background-color: #404040;
border-color: #0bd51f;
color: #fdfdfd
}
.wc_a_benefits_store .quantityDecrement.login.selected:hover,.wc_a_benefits_store .quantityIncrement.login.selected:hover,.wc_a_benefits_store .quantityMaximum.login.selected:hover {
opacity: 1;
background-color: #4d4d4d;
border-color: #0bd51f;
color: #fdfdfd
}
.wc_a_benefits_store .quantityDecrement.join,.wc_a_benefits_store .quantityIncrement.join,.wc_a_benefits_store .quantityMaximum.join {
background-color: #0bd51f;
border-color: #0bd51f;
color: #0d0d0d
}
.wc_a_benefits_store .quantityDecrement.join:hover:not(.disabled),.wc_a_benefits_store .quantityIncrement.join:hover:not(.disabled),.wc_a_benefits_store .quantityMaximum.join:hover:not(.disabled) {
opacity: 1;
background-color: #13f32a;
border-color: #13f32a;
color: #0d0d0d
}
.wc_a_benefits_store .quantityDecrement.button-primary,.wc_a_benefits_store .quantityIncrement.button-primary,.wc_a_benefits_store .quantityMaximum.button-primary {
border: solid 2px #0bd51f
}
.wc_a_benefits_store .quantityDecrement.buttonAcceptAction,.wc_a_benefits_store .quantityIncrement.buttonAcceptAction,.wc_a_benefits_store .quantityMaximum.buttonAcceptAction {
background-color: #0bd51f;
border-color: #0bd51f;
color: #0d0d0d
}
.wc_a_benefits_store .quantityDecrement.buttonAcceptAction:hover,.wc_a_benefits_store .quantityIncrement.buttonAcceptAction:hover,.wc_a_benefits_store .quantityMaximum.buttonAcceptAction:hover {
opacity: 1;
background-color: #0ac41d;
border-color: #0ac41d;
color: #0d0d0d
}
.wc_a_benefits_store .quantityValue {
width: 100% !important;
min-width: 7.5rem
}
.wc_a_benefits_store .quantityMaximum {
font-size: .8rem
}
.wc_a_benefits_store .remaining {
text-align: right
}
.wc_a_benefits_store .spendPerItem {
background-color: #1f1f1f;
border-radius: 7.5px
}
#benefitStoreMessage {
margin-top: .9375rem
}
.depositBenefit {
display: grid;
align-items: center;
justify-content: center;
grid-gap: .75rem;
width: calc(100% - 1.25rem*1.5);
margin: auto;
margin-bottom: .9375rem;
padding: 1rem;
background: #d19e1d;
background: -webkit-linear-gradient(to right,#d19e1d,#ffd86e,#e3a812);
background: linear-gradient(to right,#d19e1d,#ffd86e,#e3a812);
border-radius: 7.5px;
color: #000;
letter-spacing: .5px;
text-align: center
}
.depositBenefit .asH1 {
justify-content: center;
min-height: auto;
margin: 0;
padding: 0;
color: #000;
font-style: normal;
font-weight: 800
}
.depositBenefit .asH3 {
margin: 0;
color: #000;
font-size: 1.25rem;
font-style: normal;
font-weight: 700;
line-height: 1.25rem;
text-transform: capitalize
}
.depositBenefit div:last-of-type {
padding: 0 .75rem;
padding-top: .75rem;
background: rgba(0,0,0,.075);
border-radius: 7.5px
}
.depositBenefit div:last-of-type ul {
margin: 0;
list-style: none
}
.depositBenefit div:last-of-type ul li {
margin: .75rem 0;
list-style: none
}
html {
background-color: #0d0d0d;
color: #fdfdfd;
font-family: "Barlow Condensed",Helvetica,Arial,Sans-Serif;
font-size: 14px;
line-height: 1.1rem
}
a {
color: #fdfdfd
}
a.inTextHyperlink {
color: #fdfdfd;
font-weight: 700;
text-decoration: underline
}
img {
max-width: 100%
}
.framePage {
background-color: transparent
}
.framePanel {
background-color: #1f1f1f;
border: solid 1px #2b2b2b;
padding: .9375rem
}
.framePanel .framePanel {
padding-top: 0;
padding-bottom: 0
}
.respGambling {
display: grid;
background-clip: padding-box
}
.respGambling .respGamblingMesg {
font-size: 1rem
}
.respGambling .respGamblingCall {
line-height: .9rem;
font-size: .8rem
}
.navToggleIcon:after {
font-size: 1.25rem
}
.teamSilk.asFlag {
position: relative;
display: flex;
align-items: center;
justify-content: center;
height: 2.5rem;
width: 2.5rem;
border: solid 2px #fdfdfd;
border-radius: 2.5rem;
box-shadow: none;
box-sizing: border-box
}
.teamSilk.asFlag:before {
content: '';
position: absolute;
top: 0;
display: flex;
height: calc(2.5rem - 4px);
width: calc(2.5rem - 4px);
min-width: calc(2.5rem - 4px);
min-height: calc(2.5rem - 4px);
background: radial-gradient(transparent calc((2.5rem - 4px)/2 - 2.5px),#1f1f1f calc((2.5rem - 4px)/2 - 2.5px),#1f1f1f 100%);
border-radius: calc(2.5rem - 4px);
box-sizing: border-box
}
.teamSilkBlock.racestate {
grid-gap: 0 .5rem
}
.betstopMsg,.respGambling {
align-items: center;
padding: .75rem;
border-color: #fefefe;
border-radius: 5px;
font-size: .9rem
}
.respGambling .respGamblingCall {
font-size: .9rem
}
.button {
min-height: 2.5rem;
min-width: 2.5rem;
padding: .25rem .9375rem;
background-color: unset;
border: solid 2px #fdfdfd;
border-radius: 2.5rem;
color: #fdfdfd;
font-family: "Barlow Semi Condensed",Helvetica,Arial,Sans-Serif;
font-size: .9rem;
font-style: italic;
font-weight: 700;
letter-spacing: .5px;
text-transform: uppercase
}
.button:hover:not(.disabled,.selected,.expired) {
opacity: 1
}
.button:hover:not(.disabled,.selected) {
background-color: #282828;
border-color: #fdfdfd;
color: #fdfdfd
}
.button.selected {
background-color: #0bd51f;
border-color: #0bd51f;
color: #0d0d0d
}
.button.selected:hover:not(.disabled,.expired) {
opacity: 1;
background-color: #13f32a;
border-color: #13f32a;
color: #0d0d0d
}
.button.disabled {
opacity: .65
}
.button.disabled:hover {
cursor: default
}
.button[class^="icon-"],.button[class*=" icon-"] {
grid-gap: .25rem;
padding: .5rem;
border-radius: 10px
}
.button[class^="icon-"]:empty,.button[class*=" icon-"]:empty {
min-width: 2.5rem
}
.button[class^="icon-"]:before,.button[class*=" icon-"]:before {
padding: 0;
font-size: 1.5rem
}
.button[class^="icon-"].vertical,.button[class*=" icon-"].vertical {
justify-content: center;
grid-gap: .25rem;
padding: .625rem .75rem;
border-radius: 10px
}
.button[class^="icon-"].vertical:before,.button[class*=" icon-"].vertical:before {
position: unset;
display: flex;
align-items: center;
justify-content: center;
justify-self: center;
height: 2.5rem;
width: 2.5rem;
border: solid 2px #0bd51f;
border-radius: 2.5rem;
font-size: 1.5rem
}
.button[class^="icon-"].vertical.selected:before,.button[class*=" icon-"].vertical.selected:before {
border-color: #0d0d0d
}
.button.expired {
opacity: .65;
background-color: unset;
border-color: #fdfdfd;
color: #fdfdfd
}
.button.expired:hover:not(.disabled,.selected) {
opacity: .75;
background-color: #13f32a;
border-color: #fdfdfd;
color: #fdfdfd
}
.button.expired.selected {
opacity: .65;
background-color: #0bd51f;
border-color: #0bd51f;
color: #0d0d0d
}
.button.delete {
background-color: #cb1029;
border-color: #cb1029
}
.button.delete.selected {
background-color: #cb1029;
border-color: #cb1029;
color: #fdfdfd
}
.button.delete:hover:not(.disabled) {
background-color: #b30e24;
border-color: #b30e24;
color: #fdfdfd
}
.button.confirm {
background-color: transparent;
border-color: #0bd51f;
color: #fdfdfd
}
.button.confirm.selected {
background-color: #0bd51f;
border-color: #0bd51f;
color: #0d0d0d
}
.button.confirm.selected:hover {
opacity: 1;
background-color: #0ced23;
border-color: #0ced23;
color: #0d0d0d
}
.button.confirm:hover:not(.disabled,.selected) {
opacity: 1;
background-color: #282828;
border-color: #0bd51f;
color: #fdfdfd
}
.button.inverse {
border-color: #1f1f1f;
color: #0d0d0d
}
.button.inverse:hover:not(.disabled,.selected) {
background-color: #adb4bd;
border-color: #1f1f1f;
color: #0d0d0d
}
.button.betlink {
min-height: 3.125rem;
width: 100%;
min-width: 4.375rem;
padding: .25rem .5rem;
background-color: #353e36;
border-color: #353e36;
border-width: 1px;
border-radius: 5px;
color: #fdfdfd;
font-size: 1.1rem;
font-style: normal;
font-weight: 600
}
.button.betlink:hover:not(.disabled,.selected) {
background-color: #445045;
border-color: #445045
}
.button.betlink.selected {
background-color: #0bd51f;
border-color: #0bd51f;
color: #0d0d0d
}
.button.betlink.selected.disabled {
opacity: .4;
background-color: #0bd51f;
border-color: #0bd51f;
color: #0d0d0d
}
.button.betlink.selected.disabled:hover {
opacity: .4;
background-color: #0bd51f;
border-color: #0bd51f;
color: #0d0d0d
}
.button.betlink.disabled {
opacity: .4;
color: #fdfdfd
}
.button.betlink.disabled:hover {
opacity: .4;
background-color: #353e36;
border-color: #353e36;
color: #fdfdfd
}
.button.small {
padding: .25rem .625rem
}
.button.login {
background-color: transparent;
border-color: #0bd51f;
color: #fdfdfd
}
.button.login:hover:not(.disabled,.selected) {
opacity: 1;
background-color: #333;
border-color: #0bd51f;
color: #fdfdfd
}
.button.login.selected {
opacity: 1;
background-color: #404040;
border-color: #0bd51f;
color: #fdfdfd
}
.button.login.selected:hover {
opacity: 1;
background-color: #4d4d4d;
border-color: #0bd51f;
color: #fdfdfd
}
.button.join {
background-color: #0bd51f;
border-color: #0bd51f;
color: #0d0d0d
}
.button.join:hover:not(.disabled) {
opacity: 1;
background-color: #13f32a;
border-color: #13f32a;
color: #0d0d0d
}
.button.button-primary {
border: solid 2px #0bd51f
}
.button.buttonAcceptAction {
background-color: #0bd51f;
border-color: #0bd51f;
color: #0d0d0d
}
.button.buttonAcceptAction:hover {
opacity: 1;
background-color: #0ac41d;
border-color: #0ac41d;
color: #0d0d0d
}
.wc_w_ntjs-NavL {
background-color: #1f1f1f;
border-color: #1f1f1f;
background-color: transparent;
border-color: #0bd51f;
color: #fdfdfd
}
.wc_w_ntjs-NavL:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
.wc_w_ntjs-NavL.selected {
background-color: #0d0d0d
}
.wc_w_ntjs-NavL.selected:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
.wc_w_ntjs-NavL.selected {
background-color: #0bd51f;
border-color: #0bd51f;
color: #0d0d0d
}
.wc_w_ntjs-NavL.selected:hover {
opacity: 1;
background-color: #0ced23;
border-color: #0ced23;
color: #0d0d0d
}
.wc_w_ntjs-NavL:hover:not(.disabled,.selected) {
opacity: 1;
background-color: #282828;
border-color: #0bd51f;
color: #fdfdfd
}
.wc_w_ntjs-NavR {
background-color: #1f1f1f;
border-color: #1f1f1f;
background-color: transparent;
border-color: #0bd51f;
color: #fdfdfd
}
.wc_w_ntjs-NavR:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
.wc_w_ntjs-NavR.selected {
background-color: #0d0d0d
}
.wc_w_ntjs-NavR.selected:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
.wc_w_ntjs-NavR.selected {
background-color: #0bd51f;
border-color: #0bd51f;
color: #0d0d0d
}
.wc_w_ntjs-NavR.selected:hover {
opacity: 1;
background-color: #0ced23;
border-color: #0ced23;
color: #0d0d0d
}
.wc_w_ntjs-NavR:hover:not(.disabled,.selected) {
opacity: 1;
background-color: #282828;
border-color: #0bd51f;
color: #fdfdfd
}
.wc_a_b-ShowAllFilter,.wc_a_b-Filterbtn,.wc_s_m-Benefit,.wc_a_b_store-Buy,.wc_a_b_store-Clear {
padding: .375rem .75rem;
cursor: pointer;
text-align: center;
vertical-align: middle;
border: 1px solid #0d0d0d;
color: #0d0d0d;
font-weight: bold;
background-color: #fdfdfd;
border-radius: 10px;
position: relative;
display: inline-flex;
justify-content: center;
min-height: 2.5rem;
min-width: 2.5rem;
padding: .25rem .9375rem;
background-color: unset;
border: solid 2px #fdfdfd;
border-radius: 2.5rem;
color: #fdfdfd;
font-family: "Barlow Semi Condensed",Helvetica,Arial,Sans-Serif;
font-size: .9rem;
font-style: italic;
font-weight: 700;
letter-spacing: .5px;
text-transform: uppercase;
flex-direction: column;
align-items: center;
justify-self: center
}
.wc_a_b-ShowAllFilter:hover,.wc_a_b-Filterbtn:hover,.wc_s_m-Benefit:hover,.wc_a_b_store-Buy:hover,.wc_a_b_store-Clear:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
.wc_a_b-ShowAllFilter.selected,.wc_a_b-Filterbtn.selected,.wc_s_m-Benefit.selected,.wc_a_b_store-Buy.selected,.wc_a_b_store-Clear.selected {
background-color: #1f1f1f;
color: #fdfdfd
}
.wc_a_b-ShowAllFilter.selected:hover,.wc_a_b-Filterbtn.selected:hover,.wc_s_m-Benefit.selected:hover,.wc_a_b_store-Buy.selected:hover,.wc_a_b_store-Clear.selected:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
.wc_a_b-ShowAllFilter.inverse,.wc_a_b-Filterbtn.inverse,.wc_s_m-Benefit.inverse,.wc_a_b_store-Buy.inverse,.wc_a_b_store-Clear.inverse {
background-color: transparent;
border-color: #fdfdfd;
color: #fdfdfd
}
.wc_a_b-ShowAllFilter.inverse:hover,.wc_a_b-Filterbtn.inverse:hover,.wc_s_m-Benefit.inverse:hover,.wc_a_b_store-Buy.inverse:hover,.wc_a_b_store-Clear.inverse:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
.wc_a_b-ShowAllFilter.inverse.selected,.wc_a_b-Filterbtn.inverse.selected,.wc_s_m-Benefit.inverse.selected,.wc_a_b_store-Buy.inverse.selected,.wc_a_b_store-Clear.inverse.selected {
background-color: rgba(253,253,253,.4)
}
.wc_a_b-ShowAllFilter.inverse.selected:hover,.wc_a_b-Filterbtn.inverse.selected:hover,.wc_s_m-Benefit.inverse.selected:hover,.wc_a_b_store-Buy.inverse.selected:hover,.wc_a_b_store-Clear.inverse.selected:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
.wc_a_b-ShowAllFilter.expired,.wc_a_b-Filterbtn.expired,.wc_s_m-Benefit.expired,.wc_a_b_store-Buy.expired,.wc_a_b_store-Clear.expired {
background-color: #bfbfbf;
border-color: #262626;
color: #262626;
color: #0d0d0d
}
.wc_a_b-ShowAllFilter.expired:hover,.wc_a_b-Filterbtn.expired:hover,.wc_s_m-Benefit.expired:hover,.wc_a_b_store-Buy.expired:hover,.wc_a_b_store-Clear.expired:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
.wc_a_b-ShowAllFilter.expired.selected,.wc_a_b-Filterbtn.expired.selected,.wc_s_m-Benefit.expired.selected,.wc_a_b_store-Buy.expired.selected,.wc_a_b_store-Clear.expired.selected {
background-color: #8c8c8c;
border-color: #0d0d0d;
color: #0d0d0d
}
.wc_a_b-ShowAllFilter.expired.selected:hover,.wc_a_b-Filterbtn.expired.selected:hover,.wc_s_m-Benefit.expired.selected:hover,.wc_a_b_store-Buy.expired.selected:hover,.wc_a_b_store-Clear.expired.selected:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
.wc_a_b-ShowAllFilter.delete,.wc_a_b-Filterbtn.delete,.wc_s_m-Benefit.delete,.wc_a_b_store-Buy.delete,.wc_a_b_store-Clear.delete {
background-color: #cb1029;
border-color: #f797a4;
color: #fdfdfd
}
.wc_a_b-ShowAllFilter.delete:hover,.wc_a_b-Filterbtn.delete:hover,.wc_s_m-Benefit.delete:hover,.wc_a_b_store-Buy.delete:hover,.wc_a_b_store-Clear.delete:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
.wc_a_b-ShowAllFilter.delete.selected,.wc_a_b-Filterbtn.delete.selected,.wc_s_m-Benefit.delete.selected,.wc_a_b_store-Buy.delete.selected,.wc_a_b_store-Clear.delete.selected {
background-color: #6c0916
}
.wc_a_b-ShowAllFilter.delete.selected:hover,.wc_a_b-Filterbtn.delete.selected:hover,.wc_s_m-Benefit.delete.selected:hover,.wc_a_b_store-Buy.delete.selected:hover,.wc_a_b_store-Clear.delete.selected:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
.wc_a_b-ShowAllFilter.confirm,.wc_a_b-Filterbtn.confirm,.wc_s_m-Benefit.confirm,.wc_a_b_store-Buy.confirm,.wc_a_b_store-Clear.confirm {
background-color: #1f1f1f;
border-color: #1f1f1f;
color: #fdfdfd
}
.wc_a_b-ShowAllFilter.confirm:hover,.wc_a_b-Filterbtn.confirm:hover,.wc_s_m-Benefit.confirm:hover,.wc_a_b_store-Buy.confirm:hover,.wc_a_b_store-Clear.confirm:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
.wc_a_b-ShowAllFilter.confirm.selected,.wc_a_b-Filterbtn.confirm.selected,.wc_s_m-Benefit.confirm.selected,.wc_a_b_store-Buy.confirm.selected,.wc_a_b_store-Clear.confirm.selected {
background-color: #0d0d0d
}
.wc_a_b-ShowAllFilter.confirm.selected:hover,.wc_a_b-Filterbtn.confirm.selected:hover,.wc_s_m-Benefit.confirm.selected:hover,.wc_a_b_store-Buy.confirm.selected:hover,.wc_a_b_store-Clear.confirm.selected:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
.wc_a_b-ShowAllFilter.disabled,.wc_a_b-Filterbtn.disabled,.wc_s_m-Benefit.disabled,.wc_a_b_store-Buy.disabled,.wc_a_b_store-Clear.disabled {
opacity: .5
}
.wc_a_b-ShowAllFilter.betlink,.wc_a_b-Filterbtn.betlink,.wc_s_m-Benefit.betlink,.wc_a_b_store-Buy.betlink,.wc_a_b_store-Clear.betlink {
border-color: #0d0d0d;
color: #0d0d0d;
min-width: 100%;
white-space: nowrap
}
.wc_a_b-ShowAllFilter.betlink:hover,.wc_a_b-Filterbtn.betlink:hover,.wc_s_m-Benefit.betlink:hover,.wc_a_b_store-Buy.betlink:hover,.wc_a_b_store-Clear.betlink:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
.wc_a_b-ShowAllFilter.betlink.selected,.wc_a_b-Filterbtn.betlink.selected,.wc_s_m-Benefit.betlink.selected,.wc_a_b_store-Buy.betlink.selected,.wc_a_b_store-Clear.betlink.selected {
background-color: #0d0d0d;
color: #0d0d0d
}
.wc_a_b-ShowAllFilter.betlink.selected:hover,.wc_a_b-Filterbtn.betlink.selected:hover,.wc_s_m-Benefit.betlink.selected:hover,.wc_a_b_store-Buy.betlink.selected:hover,.wc_a_b_store-Clear.betlink.selected:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
.wc_a_b-ShowAllFilter[class^="icon-"],.wc_a_b-Filterbtn[class^="icon-"],.wc_s_m-Benefit[class^="icon-"],.wc_a_b_store-Buy[class^="icon-"],.wc_a_b_store-Clear[class^="icon-"],.wc_a_b-ShowAllFilter[class*=" icon-"],.wc_a_b-Filterbtn[class*=" icon-"],.wc_s_m-Benefit[class*=" icon-"],.wc_a_b_store-Buy[class*=" icon-"],.wc_a_b_store-Clear[class*=" icon-"] {
padding-top: .225rem;
padding-bottom: .225rem;
padding-left: .225rem
}
.wc_a_b-ShowAllFilter[class^="icon-"]:before,.wc_a_b-Filterbtn[class^="icon-"]:before,.wc_s_m-Benefit[class^="icon-"]:before,.wc_a_b_store-Buy[class^="icon-"]:before,.wc_a_b_store-Clear[class^="icon-"]:before,.wc_a_b-ShowAllFilter[class*=" icon-"]:before,.wc_a_b-Filterbtn[class*=" icon-"]:before,.wc_s_m-Benefit[class*=" icon-"]:before,.wc_a_b_store-Buy[class*=" icon-"]:before,.wc_a_b_store-Clear[class*=" icon-"]:before {
font-size: 1.9rem;
font-weight: normal;
padding-right: .225rem
}
.wc_a_b-ShowAllFilter[class^="icon-"]:empty,.wc_a_b-Filterbtn[class^="icon-"]:empty,.wc_s_m-Benefit[class^="icon-"]:empty,.wc_a_b_store-Buy[class^="icon-"]:empty,.wc_a_b_store-Clear[class^="icon-"]:empty,.wc_a_b-ShowAllFilter[class*=" icon-"]:empty,.wc_a_b-Filterbtn[class*=" icon-"]:empty,.wc_s_m-Benefit[class*=" icon-"]:empty,.wc_a_b_store-Buy[class*=" icon-"]:empty,.wc_a_b_store-Clear[class*=" icon-"]:empty {
padding: .225rem
}
.wc_a_b-ShowAllFilter[class^="icon-"]:empty:before,.wc_a_b-Filterbtn[class^="icon-"]:empty:before,.wc_s_m-Benefit[class^="icon-"]:empty:before,.wc_a_b_store-Buy[class^="icon-"]:empty:before,.wc_a_b_store-Clear[class^="icon-"]:empty:before,.wc_a_b-ShowAllFilter[class*=" icon-"]:empty:before,.wc_a_b-Filterbtn[class*=" icon-"]:empty:before,.wc_s_m-Benefit[class*=" icon-"]:empty:before,.wc_a_b_store-Buy[class*=" icon-"]:empty:before,.wc_a_b_store-Clear[class*=" icon-"]:empty:before {
padding: 0
}
.wc_a_b-ShowAllFilter[class^="icon-"].vertical,.wc_a_b-Filterbtn[class^="icon-"].vertical,.wc_s_m-Benefit[class^="icon-"].vertical,.wc_a_b_store-Buy[class^="icon-"].vertical,.wc_a_b_store-Clear[class^="icon-"].vertical,.wc_a_b-ShowAllFilter[class*=" icon-"].vertical,.wc_a_b-Filterbtn[class*=" icon-"].vertical,.wc_s_m-Benefit[class*=" icon-"].vertical,.wc_a_b_store-Buy[class*=" icon-"].vertical,.wc_a_b_store-Clear[class*=" icon-"].vertical {
flex-direction: column;
align-items: center;
padding-right: .225rem;
padding-bottom: .3rem
}
.wc_a_b-ShowAllFilter.small,.wc_a_b-Filterbtn.small,.wc_s_m-Benefit.small,.wc_a_b_store-Buy.small,.wc_a_b_store-Clear.small {
min-height: 1.875rem;
font-size: .75rem;
padding: .21875rem .4375rem
}
.wc_a_b-ShowAllFilter.small[class^="icon-"],.wc_a_b-Filterbtn.small[class^="icon-"],.wc_s_m-Benefit.small[class^="icon-"],.wc_a_b_store-Buy.small[class^="icon-"],.wc_a_b_store-Clear.small[class^="icon-"],.wc_a_b-ShowAllFilter.small[class*=" icon-"],.wc_a_b-Filterbtn.small[class*=" icon-"],.wc_s_m-Benefit.small[class*=" icon-"],.wc_a_b_store-Buy.small[class*=" icon-"],.wc_a_b_store-Clear.small[class*=" icon-"] {
padding-top: .16875rem;
padding-bottom: .16875rem;
padding-left: .16875rem
}
.wc_a_b-ShowAllFilter.small[class^="icon-"]:before,.wc_a_b-Filterbtn.small[class^="icon-"]:before,.wc_s_m-Benefit.small[class^="icon-"]:before,.wc_a_b_store-Buy.small[class^="icon-"]:before,.wc_a_b_store-Clear.small[class^="icon-"]:before,.wc_a_b-ShowAllFilter.small[class*=" icon-"]:before,.wc_a_b-Filterbtn.small[class*=" icon-"]:before,.wc_s_m-Benefit.small[class*=" icon-"]:before,.wc_a_b_store-Buy.small[class*=" icon-"]:before,.wc_a_b_store-Clear.small[class*=" icon-"]:before {
font-size: 1.425rem;
font-weight: normal;
padding-right: .16875rem
}
.wc_a_b-ShowAllFilter.small[class^="icon-"]:empty,.wc_a_b-Filterbtn.small[class^="icon-"]:empty,.wc_s_m-Benefit.small[class^="icon-"]:empty,.wc_a_b_store-Buy.small[class^="icon-"]:empty,.wc_a_b_store-Clear.small[class^="icon-"]:empty,.wc_a_b-ShowAllFilter.small[class*=" icon-"]:empty,.wc_a_b-Filterbtn.small[class*=" icon-"]:empty,.wc_s_m-Benefit.small[class*=" icon-"]:empty,.wc_a_b_store-Buy.small[class*=" icon-"]:empty,.wc_a_b_store-Clear.small[class*=" icon-"]:empty {
padding: .16875rem
}
.wc_a_b-ShowAllFilter.small[class^="icon-"]:empty:before,.wc_a_b-Filterbtn.small[class^="icon-"]:empty:before,.wc_s_m-Benefit.small[class^="icon-"]:empty:before,.wc_a_b_store-Buy.small[class^="icon-"]:empty:before,.wc_a_b_store-Clear.small[class^="icon-"]:empty:before,.wc_a_b-ShowAllFilter.small[class*=" icon-"]:empty:before,.wc_a_b-Filterbtn.small[class*=" icon-"]:empty:before,.wc_s_m-Benefit.small[class*=" icon-"]:empty:before,.wc_a_b_store-Buy.small[class*=" icon-"]:empty:before,.wc_a_b_store-Clear.small[class*=" icon-"]:empty:before {
padding: 0
}
.wc_a_b-ShowAllFilter.small[class^="icon-"].vertical,.wc_a_b-Filterbtn.small[class^="icon-"].vertical,.wc_s_m-Benefit.small[class^="icon-"].vertical,.wc_a_b_store-Buy.small[class^="icon-"].vertical,.wc_a_b_store-Clear.small[class^="icon-"].vertical,.wc_a_b-ShowAllFilter.small[class*=" icon-"].vertical,.wc_a_b-Filterbtn.small[class*=" icon-"].vertical,.wc_s_m-Benefit.small[class*=" icon-"].vertical,.wc_a_b_store-Buy.small[class*=" icon-"].vertical,.wc_a_b_store-Clear.small[class*=" icon-"].vertical {
padding-right: .16875rem
}
.wc_a_b-ShowAllFilter.majorAction,.wc_a_b-Filterbtn.majorAction,.wc_s_m-Benefit.majorAction,.wc_a_b_store-Buy.majorAction,.wc_a_b_store-Clear.majorAction {
font-size: 1.4rem;
padding: .875rem
}
.wc_a_b-ShowAllFilter.majorAction[class^="icon-"],.wc_a_b-Filterbtn.majorAction[class^="icon-"],.wc_s_m-Benefit.majorAction[class^="icon-"],.wc_a_b_store-Buy.majorAction[class^="icon-"],.wc_a_b_store-Clear.majorAction[class^="icon-"],.wc_a_b-ShowAllFilter.majorAction[class*=" icon-"],.wc_a_b-Filterbtn.majorAction[class*=" icon-"],.wc_s_m-Benefit.majorAction[class*=" icon-"],.wc_a_b_store-Buy.majorAction[class*=" icon-"],.wc_a_b_store-Clear.majorAction[class*=" icon-"] {
padding-top: .315rem;
padding-bottom: .315rem;
padding-left: .315rem
}
.wc_a_b-ShowAllFilter.majorAction[class^="icon-"]:before,.wc_a_b-Filterbtn.majorAction[class^="icon-"]:before,.wc_s_m-Benefit.majorAction[class^="icon-"]:before,.wc_a_b_store-Buy.majorAction[class^="icon-"]:before,.wc_a_b_store-Clear.majorAction[class^="icon-"]:before,.wc_a_b-ShowAllFilter.majorAction[class*=" icon-"]:before,.wc_a_b-Filterbtn.majorAction[class*=" icon-"]:before,.wc_s_m-Benefit.majorAction[class*=" icon-"]:before,.wc_a_b_store-Buy.majorAction[class*=" icon-"]:before,.wc_a_b_store-Clear.majorAction[class*=" icon-"]:before {
font-size: 2.66rem;
font-weight: normal;
padding-right: .315rem
}
.wc_a_b-ShowAllFilter.majorAction[class^="icon-"]:empty,.wc_a_b-Filterbtn.majorAction[class^="icon-"]:empty,.wc_s_m-Benefit.majorAction[class^="icon-"]:empty,.wc_a_b_store-Buy.majorAction[class^="icon-"]:empty,.wc_a_b_store-Clear.majorAction[class^="icon-"]:empty,.wc_a_b-ShowAllFilter.majorAction[class*=" icon-"]:empty,.wc_a_b-Filterbtn.majorAction[class*=" icon-"]:empty,.wc_s_m-Benefit.majorAction[class*=" icon-"]:empty,.wc_a_b_store-Buy.majorAction[class*=" icon-"]:empty,.wc_a_b_store-Clear.majorAction[class*=" icon-"]:empty {
padding: .315rem
}
.wc_a_b-ShowAllFilter.majorAction[class^="icon-"]:empty:before,.wc_a_b-Filterbtn.majorAction[class^="icon-"]:empty:before,.wc_s_m-Benefit.majorAction[class^="icon-"]:empty:before,.wc_a_b_store-Buy.majorAction[class^="icon-"]:empty:before,.wc_a_b_store-Clear.majorAction[class^="icon-"]:empty:before,.wc_a_b-ShowAllFilter.majorAction[class*=" icon-"]:empty:before,.wc_a_b-Filterbtn.majorAction[class*=" icon-"]:empty:before,.wc_s_m-Benefit.majorAction[class*=" icon-"]:empty:before,.wc_a_b_store-Buy.majorAction[class*=" icon-"]:empty:before,.wc_a_b_store-Clear.majorAction[class*=" icon-"]:empty:before {
padding: 0
}
.wc_a_b-ShowAllFilter.invisible,.wc_a_b-Filterbtn.invisible,.wc_s_m-Benefit.invisible,.wc_a_b_store-Buy.invisible,.wc_a_b_store-Clear.invisible {
visibility: hidden
}
.wc_a_b-ShowAllFilter.tooltip,.wc_a_b-Filterbtn.tooltip,.wc_s_m-Benefit.tooltip,.wc_a_b_store-Buy.tooltip,.wc_a_b_store-Clear.tooltip {
position: relative;
display: inline-block
}
.wc_a_b-ShowAllFilter.tooltip .tooltiptext,.wc_a_b-Filterbtn.tooltip .tooltiptext,.wc_s_m-Benefit.tooltip .tooltiptext,.wc_a_b_store-Buy.tooltip .tooltiptext,.wc_a_b_store-Clear.tooltip .tooltiptext {
visibility: hidden;
width: auto;
background-color: #333;
color: #fdfdfd;
text-align: center;
padding: 3px;
border-radius: 10px;
position: absolute;
top: 3px;
right: 3px;
z-index: 490;
font-size: 13px;
line-height: 16px;
font-weight: normal
}
.wc_a_b-ShowAllFilter.tooltip:hover .tooltiptext,.wc_a_b-Filterbtn.tooltip:hover .tooltiptext,.wc_s_m-Benefit.tooltip:hover .tooltiptext,.wc_a_b_store-Buy.tooltip:hover .tooltiptext,.wc_a_b_store-Clear.tooltip:hover .tooltiptext {
visibility: visible
}
.wc_a_b-ShowAllFilter:hover:not(.disabled,.selected,.expired),.wc_a_b-Filterbtn:hover:not(.disabled,.selected,.expired),.wc_s_m-Benefit:hover:not(.disabled,.selected,.expired),.wc_a_b_store-Buy:hover:not(.disabled,.selected,.expired),.wc_a_b_store-Clear:hover:not(.disabled,.selected,.expired) {
opacity: 1
}
.wc_a_b-ShowAllFilter:hover:not(.disabled,.selected),.wc_a_b-Filterbtn:hover:not(.disabled,.selected),.wc_s_m-Benefit:hover:not(.disabled,.selected),.wc_a_b_store-Buy:hover:not(.disabled,.selected),.wc_a_b_store-Clear:hover:not(.disabled,.selected) {
background-color: #282828;
border-color: #fdfdfd;
color: #fdfdfd
}
.wc_a_b-ShowAllFilter.selected,.wc_a_b-Filterbtn.selected,.wc_s_m-Benefit.selected,.wc_a_b_store-Buy.selected,.wc_a_b_store-Clear.selected {
background-color: #0bd51f;
border-color: #0bd51f;
color: #0d0d0d
}
.wc_a_b-ShowAllFilter.selected:hover:not(.disabled,.expired),.wc_a_b-Filterbtn.selected:hover:not(.disabled,.expired),.wc_s_m-Benefit.selected:hover:not(.disabled,.expired),.wc_a_b_store-Buy.selected:hover:not(.disabled,.expired),.wc_a_b_store-Clear.selected:hover:not(.disabled,.expired) {
opacity: 1;
background-color: #13f32a;
border-color: #13f32a;
color: #0d0d0d
}
.wc_a_b-ShowAllFilter.disabled,.wc_a_b-Filterbtn.disabled,.wc_s_m-Benefit.disabled,.wc_a_b_store-Buy.disabled,.wc_a_b_store-Clear.disabled {
opacity: .65
}
.wc_a_b-ShowAllFilter.disabled:hover,.wc_a_b-Filterbtn.disabled:hover,.wc_s_m-Benefit.disabled:hover,.wc_a_b_store-Buy.disabled:hover,.wc_a_b_store-Clear.disabled:hover {
cursor: default
}
.wc_a_b-ShowAllFilter[class^="icon-"],.wc_a_b-Filterbtn[class^="icon-"],.wc_s_m-Benefit[class^="icon-"],.wc_a_b_store-Buy[class^="icon-"],.wc_a_b_store-Clear[class^="icon-"],.wc_a_b-ShowAllFilter[class*=" icon-"],.wc_a_b-Filterbtn[class*=" icon-"],.wc_s_m-Benefit[class*=" icon-"],.wc_a_b_store-Buy[class*=" icon-"],.wc_a_b_store-Clear[class*=" icon-"] {
grid-gap: .25rem;
padding: .5rem;
border-radius: 10px
}
.wc_a_b-ShowAllFilter[class^="icon-"]:empty,.wc_a_b-Filterbtn[class^="icon-"]:empty,.wc_s_m-Benefit[class^="icon-"]:empty,.wc_a_b_store-Buy[class^="icon-"]:empty,.wc_a_b_store-Clear[class^="icon-"]:empty,.wc_a_b-ShowAllFilter[class*=" icon-"]:empty,.wc_a_b-Filterbtn[class*=" icon-"]:empty,.wc_s_m-Benefit[class*=" icon-"]:empty,.wc_a_b_store-Buy[class*=" icon-"]:empty,.wc_a_b_store-Clear[class*=" icon-"]:empty {
min-width: 2.5rem
}
.wc_a_b-ShowAllFilter[class^="icon-"]:before,.wc_a_b-Filterbtn[class^="icon-"]:before,.wc_s_m-Benefit[class^="icon-"]:before,.wc_a_b_store-Buy[class^="icon-"]:before,.wc_a_b_store-Clear[class^="icon-"]:before,.wc_a_b-ShowAllFilter[class*=" icon-"]:before,.wc_a_b-Filterbtn[class*=" icon-"]:before,.wc_s_m-Benefit[class*=" icon-"]:before,.wc_a_b_store-Buy[class*=" icon-"]:before,.wc_a_b_store-Clear[class*=" icon-"]:before {
padding: 0;
font-size: 1.5rem
}
.wc_a_b-ShowAllFilter[class^="icon-"].vertical,.wc_a_b-Filterbtn[class^="icon-"].vertical,.wc_s_m-Benefit[class^="icon-"].vertical,.wc_a_b_store-Buy[class^="icon-"].vertical,.wc_a_b_store-Clear[class^="icon-"].vertical,.wc_a_b-ShowAllFilter[class*=" icon-"].vertical,.wc_a_b-Filterbtn[class*=" icon-"].vertical,.wc_s_m-Benefit[class*=" icon-"].vertical,.wc_a_b_store-Buy[class*=" icon-"].vertical,.wc_a_b_store-Clear[class*=" icon-"].vertical {
justify-content: center;
grid-gap: .25rem;
padding: .625rem .75rem;
border-radius: 10px
}
.wc_a_b-ShowAllFilter[class^="icon-"].vertical:before,.wc_a_b-Filterbtn[class^="icon-"].vertical:before,.wc_s_m-Benefit[class^="icon-"].vertical:before,.wc_a_b_store-Buy[class^="icon-"].vertical:before,.wc_a_b_store-Clear[class^="icon-"].vertical:before,.wc_a_b-ShowAllFilter[class*=" icon-"].vertical:before,.wc_a_b-Filterbtn[class*=" icon-"].vertical:before,.wc_s_m-Benefit[class*=" icon-"].vertical:before,.wc_a_b_store-Buy[class*=" icon-"].vertical:before,.wc_a_b_store-Clear[class*=" icon-"].vertical:before {
position: unset;
display: flex;
align-items: center;
justify-content: center;
justify-self: center;
height: 2.5rem;
width: 2.5rem;
border: solid 2px #0bd51f;
border-radius: 2.5rem;
font-size: 1.5rem
}
.wc_a_b-ShowAllFilter[class^="icon-"].vertical.selected:before,.wc_a_b-Filterbtn[class^="icon-"].vertical.selected:before,.wc_s_m-Benefit[class^="icon-"].vertical.selected:before,.wc_a_b_store-Buy[class^="icon-"].vertical.selected:before,.wc_a_b_store-Clear[class^="icon-"].vertical.selected:before,.wc_a_b-ShowAllFilter[class*=" icon-"].vertical.selected:before,.wc_a_b-Filterbtn[class*=" icon-"].vertical.selected:before,.wc_s_m-Benefit[class*=" icon-"].vertical.selected:before,.wc_a_b_store-Buy[class*=" icon-"].vertical.selected:before,.wc_a_b_store-Clear[class*=" icon-"].vertical.selected:before {
border-color: #0d0d0d
}
.wc_a_b-ShowAllFilter.expired,.wc_a_b-Filterbtn.expired,.wc_s_m-Benefit.expired,.wc_a_b_store-Buy.expired,.wc_a_b_store-Clear.expired {
opacity: .65;
background-color: unset;
border-color: #fdfdfd;
color: #fdfdfd
}
.wc_a_b-ShowAllFilter.expired:hover:not(.disabled,.selected),.wc_a_b-Filterbtn.expired:hover:not(.disabled,.selected),.wc_s_m-Benefit.expired:hover:not(.disabled,.selected),.wc_a_b_store-Buy.expired:hover:not(.disabled,.selected),.wc_a_b_store-Clear.expired:hover:not(.disabled,.selected) {
opacity: .75;
background-color: #13f32a;
border-color: #fdfdfd;
color: #fdfdfd
}
.wc_a_b-ShowAllFilter.expired.selected,.wc_a_b-Filterbtn.expired.selected,.wc_s_m-Benefit.expired.selected,.wc_a_b_store-Buy.expired.selected,.wc_a_b_store-Clear.expired.selected {
opacity: .65;
background-color: #0bd51f;
border-color: #0bd51f;
color: #0d0d0d
}
.wc_a_b-ShowAllFilter.delete,.wc_a_b-Filterbtn.delete,.wc_s_m-Benefit.delete,.wc_a_b_store-Buy.delete,.wc_a_b_store-Clear.delete {
background-color: #cb1029;
border-color: #cb1029
}
.wc_a_b-ShowAllFilter.delete.selected,.wc_a_b-Filterbtn.delete.selected,.wc_s_m-Benefit.delete.selected,.wc_a_b_store-Buy.delete.selected,.wc_a_b_store-Clear.delete.selected {
background-color: #cb1029;
border-color: #cb1029;
color: #fdfdfd
}
.wc_a_b-ShowAllFilter.delete:hover:not(.disabled),.wc_a_b-Filterbtn.delete:hover:not(.disabled),.wc_s_m-Benefit.delete:hover:not(.disabled),.wc_a_b_store-Buy.delete:hover:not(.disabled),.wc_a_b_store-Clear.delete:hover:not(.disabled) {
background-color: #b30e24;
border-color: #b30e24;
color: #fdfdfd
}
.wc_a_b-ShowAllFilter.confirm,.wc_a_b-Filterbtn.confirm,.wc_s_m-Benefit.confirm,.wc_a_b_store-Buy.confirm,.wc_a_b_store-Clear.confirm {
background-color: transparent;
border-color: #0bd51f;
color: #fdfdfd
}
.wc_a_b-ShowAllFilter.confirm.selected,.wc_a_b-Filterbtn.confirm.selected,.wc_s_m-Benefit.confirm.selected,.wc_a_b_store-Buy.confirm.selected,.wc_a_b_store-Clear.confirm.selected {
background-color: #0bd51f;
border-color: #0bd51f;
color: #0d0d0d
}
.wc_a_b-ShowAllFilter.confirm.selected:hover,.wc_a_b-Filterbtn.confirm.selected:hover,.wc_s_m-Benefit.confirm.selected:hover,.wc_a_b_store-Buy.confirm.selected:hover,.wc_a_b_store-Clear.confirm.selected:hover {
opacity: 1;
background-color: #0ced23;
border-color: #0ced23;
color: #0d0d0d
}
.wc_a_b-ShowAllFilter.confirm:hover:not(.disabled,.selected),.wc_a_b-Filterbtn.confirm:hover:not(.disabled,.selected),.wc_s_m-Benefit.confirm:hover:not(.disabled,.selected),.wc_a_b_store-Buy.confirm:hover:not(.disabled,.selected),.wc_a_b_store-Clear.confirm:hover:not(.disabled,.selected) {
opacity: 1;
background-color: #282828;
border-color: #0bd51f;
color: #fdfdfd
}
.wc_a_b-ShowAllFilter.inverse,.wc_a_b-Filterbtn.inverse,.wc_s_m-Benefit.inverse,.wc_a_b_store-Buy.inverse,.wc_a_b_store-Clear.inverse {
border-color: #1f1f1f;
color: #0d0d0d
}
.wc_a_b-ShowAllFilter.inverse:hover:not(.disabled,.selected),.wc_a_b-Filterbtn.inverse:hover:not(.disabled,.selected),.wc_s_m-Benefit.inverse:hover:not(.disabled,.selected),.wc_a_b_store-Buy.inverse:hover:not(.disabled,.selected),.wc_a_b_store-Clear.inverse:hover:not(.disabled,.selected) {
background-color: #adb4bd;
border-color: #1f1f1f;
color: #0d0d0d
}
.wc_a_b-ShowAllFilter.betlink,.wc_a_b-Filterbtn.betlink,.wc_s_m-Benefit.betlink,.wc_a_b_store-Buy.betlink,.wc_a_b_store-Clear.betlink {
min-height: 3.125rem;
width: 100%;
min-width: 4.375rem;
padding: .25rem .5rem;
background-color: #353e36;
border-color: #353e36;
border-width: 1px;
border-radius: 5px;
color: #fdfdfd;
font-size: 1.1rem;
font-style: normal;
font-weight: 600
}
.wc_a_b-ShowAllFilter.betlink:hover:not(.disabled,.selected),.wc_a_b-Filterbtn.betlink:hover:not(.disabled,.selected),.wc_s_m-Benefit.betlink:hover:not(.disabled,.selected),.wc_a_b_store-Buy.betlink:hover:not(.disabled,.selected),.wc_a_b_store-Clear.betlink:hover:not(.disabled,.selected) {
background-color: #445045;
border-color: #445045
}
.wc_a_b-ShowAllFilter.betlink.selected,.wc_a_b-Filterbtn.betlink.selected,.wc_s_m-Benefit.betlink.selected,.wc_a_b_store-Buy.betlink.selected,.wc_a_b_store-Clear.betlink.selected {
background-color: #0bd51f;
border-color: #0bd51f;
color: #0d0d0d
}
.wc_a_b-ShowAllFilter.betlink.selected.disabled,.wc_a_b-Filterbtn.betlink.selected.disabled,.wc_s_m-Benefit.betlink.selected.disabled,.wc_a_b_store-Buy.betlink.selected.disabled,.wc_a_b_store-Clear.betlink.selected.disabled {
opacity: .4;
background-color: #0bd51f;
border-color: #0bd51f;
color: #0d0d0d
}
.wc_a_b-ShowAllFilter.betlink.selected.disabled:hover,.wc_a_b-Filterbtn.betlink.selected.disabled:hover,.wc_s_m-Benefit.betlink.selected.disabled:hover,.wc_a_b_store-Buy.betlink.selected.disabled:hover,.wc_a_b_store-Clear.betlink.selected.disabled:hover {
opacity: .4;
background-color: #0bd51f;
border-color: #0bd51f;
color: #0d0d0d
}
.wc_a_b-ShowAllFilter.betlink.disabled,.wc_a_b-Filterbtn.betlink.disabled,.wc_s_m-Benefit.betlink.disabled,.wc_a_b_store-Buy.betlink.disabled,.wc_a_b_store-Clear.betlink.disabled {
opacity: .4;
color: #fdfdfd
}
.wc_a_b-ShowAllFilter.betlink.disabled:hover,.wc_a_b-Filterbtn.betlink.disabled:hover,.wc_s_m-Benefit.betlink.disabled:hover,.wc_a_b_store-Buy.betlink.disabled:hover,.wc_a_b_store-Clear.betlink.disabled:hover {
opacity: .4;
background-color: #353e36;
border-color: #353e36;
color: #fdfdfd
}
.wc_a_b-ShowAllFilter.small,.wc_a_b-Filterbtn.small,.wc_s_m-Benefit.small,.wc_a_b_store-Buy.small,.wc_a_b_store-Clear.small {
padding: .25rem .625rem
}
.wc_a_b-ShowAllFilter.login,.wc_a_b-Filterbtn.login,.wc_s_m-Benefit.login,.wc_a_b_store-Buy.login,.wc_a_b_store-Clear.login {
background-color: transparent;
border-color: #0bd51f;
color: #fdfdfd
}
.wc_a_b-ShowAllFilter.login:hover:not(.disabled,.selected),.wc_a_b-Filterbtn.login:hover:not(.disabled,.selected),.wc_s_m-Benefit.login:hover:not(.disabled,.selected),.wc_a_b_store-Buy.login:hover:not(.disabled,.selected),.wc_a_b_store-Clear.login:hover:not(.disabled,.selected) {
opacity: 1;
background-color: #333;
border-color: #0bd51f;
color: #fdfdfd
}
.wc_a_b-ShowAllFilter.login.selected,.wc_a_b-Filterbtn.login.selected,.wc_s_m-Benefit.login.selected,.wc_a_b_store-Buy.login.selected,.wc_a_b_store-Clear.login.selected {
opacity: 1;
background-color: #404040;
border-color: #0bd51f;
color: #fdfdfd
}
.wc_a_b-ShowAllFilter.login.selected:hover,.wc_a_b-Filterbtn.login.selected:hover,.wc_s_m-Benefit.login.selected:hover,.wc_a_b_store-Buy.login.selected:hover,.wc_a_b_store-Clear.login.selected:hover {
opacity: 1;
background-color: #4d4d4d;
border-color: #0bd51f;
color: #fdfdfd
}
.wc_a_b-ShowAllFilter.join,.wc_a_b-Filterbtn.join,.wc_s_m-Benefit.join,.wc_a_b_store-Buy.join,.wc_a_b_store-Clear.join {
background-color: #0bd51f;
border-color: #0bd51f;
color: #0d0d0d
}
.wc_a_b-ShowAllFilter.join:hover:not(.disabled),.wc_a_b-Filterbtn.join:hover:not(.disabled),.wc_s_m-Benefit.join:hover:not(.disabled),.wc_a_b_store-Buy.join:hover:not(.disabled),.wc_a_b_store-Clear.join:hover:not(.disabled) {
opacity: 1;
background-color: #13f32a;
border-color: #13f32a;
color: #0d0d0d
}
.wc_a_b-ShowAllFilter.button-primary,.wc_a_b-Filterbtn.button-primary,.wc_s_m-Benefit.button-primary,.wc_a_b_store-Buy.button-primary,.wc_a_b_store-Clear.button-primary {
border: solid 2px #0bd51f
}
.wc_a_b-ShowAllFilter.buttonAcceptAction,.wc_a_b-Filterbtn.buttonAcceptAction,.wc_s_m-Benefit.buttonAcceptAction,.wc_a_b_store-Buy.buttonAcceptAction,.wc_a_b_store-Clear.buttonAcceptAction {
background-color: #0bd51f;
border-color: #0bd51f;
color: #0d0d0d
}
.wc_a_b-ShowAllFilter.buttonAcceptAction:hover,.wc_a_b-Filterbtn.buttonAcceptAction:hover,.wc_s_m-Benefit.buttonAcceptAction:hover,.wc_a_b_store-Buy.buttonAcceptAction:hover,.wc_a_b_store-Clear.buttonAcceptAction:hover {
opacity: 1;
background-color: #0ac41d;
border-color: #0ac41d;
color: #0d0d0d
}
.wc_a_b-ShowAllFilter.selected,.wc_a_b-Filterbtn.selected,.wc_s_m-Benefit.selected,.wc_a_b_store-Buy.selected,.wc_a_b_store-Clear.selected {
background-color: #0bd51f;
border-color: #0bd51f;
color: #0d0d0d
}
.wc_a_b-ShowAllFilter:hover,.wc_a_b-Filterbtn:hover,.wc_s_m-Benefit:hover,.wc_a_b_store-Buy:hover,.wc_a_b_store-Clear:hover {
opacity: 1;
background-color: #525252;
border-color: #525252
}
.wc_a_b-ShowAllFilter[class^="icon-"]:before,.wc_a_b-Filterbtn[class^="icon-"]:before,.wc_a_b-ShowAllFilter[class*=" icon-"]:before,.wc_a_b-Filterbtn[class*=" icon-"]:before {
display: flex;
align-items: center;
justify-content: center;
justify-self: center;
height: 2.5rem;
width: 2.5rem;
border: solid 2px #0bd51f;
border-radius: 2.5rem
}
.wc_a_b-ShowAllFilter[class^="icon-"].selected:before,.wc_a_b-Filterbtn[class^="icon-"].selected:before,.wc_a_b-ShowAllFilter[class*=" icon-"].selected:before,.wc_a_b-Filterbtn[class*=" icon-"].selected:before {
border-color: #1f1f1f
}
.wc_a_b_store-Clear {
border-color: #f797a4;
color: #fdfdfd;
background-color: #cb1029;
border-color: #cb1029
}
.wc_a_b_store-Clear:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
.wc_a_b_store-Clear.selected {
background-color: #6c0916
}
.wc_a_b_store-Clear.selected:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
.wc_a_b_store-Clear.selected {
background-color: #cb1029;
border-color: #cb1029;
color: #fdfdfd
}
.wc_a_b_store-Clear:hover:not(.disabled) {
background-color: #b30e24;
border-color: #b30e24;
color: #fdfdfd
}
.wc_a_b_store-Buy {
background-color: #1f1f1f;
border-color: #1f1f1f;
background-color: transparent;
border-color: #0bd51f;
color: #fdfdfd
}
.wc_a_b_store-Buy:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
.wc_a_b_store-Buy.selected {
background-color: #0d0d0d
}
.wc_a_b_store-Buy.selected:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
.wc_a_b_store-Buy.selected {
background-color: #0bd51f;
border-color: #0bd51f;
color: #0d0d0d
}
.wc_a_b_store-Buy.selected:hover {
opacity: 1;
background-color: #0ced23;
border-color: #0ced23;
color: #0d0d0d
}
.wc_a_b_store-Buy:hover:not(.disabled,.selected) {
opacity: 1;
background-color: #282828;
border-color: #0bd51f;
color: #fdfdfd
}
h1,.asH1,.asH1 {
position: relative;
grid-gap: .9375rem;
min-height: 3.75rem;
margin: 0;
padding: 1.25rem;
padding-left: 0;
padding-top: 0;
background-color: transparent;
color: #fdfdfd;
font-family: "Barlow Semi Condensed",Helvetica,Arial,Sans-Serif;
font-size: 1.5rem;
font-style: italic;
font-weight: 900;
text-transform: uppercase
}
h1[class^="icon-"],.asH1[class^="icon-"],h1[class*=" icon-"],.asH1[class*=" icon-"] {
padding: 1.25rem .9375rem;
padding-left: 0;
padding-top: 0
}
h1:before,.asH1:before,.asH1:before {
display: flex;
align-items: center;
justify-content: center;
height: 3.25rem;
width: 3.25rem;
margin: 0;
border: solid 2px #0bd51f;
border-radius: 3.75rem;
box-sizing: border-box;
color: #fdfdfd;
font-family: 'GW_Icons';
font-size: 2rem;
font-style: normal;
font-weight: normal
}
h3,.asH3,.asH3 {
height: 2.5rem;
margin-bottom: .625rem;
border: none;
color: #fdfdfd;
font-size: 1.125rem;
font-style: italic;
text-transform: uppercase;
letter-spacing: 1px
}
h3[class^="icon-"],.asH3[class^="icon-"],h3[class*=" icon-"],.asH3[class*=" icon-"] {
grid-gap: .625rem
}
h3:before,.asH3:before,.asH3:before {
display: flex;
align-items: center;
justify-content: center;
height: 2.5rem;
width: 2.5rem;
margin: 0;
border: solid 2px #0bd51f;
border-radius: 2.5rem;
box-sizing: border-box;
font-size: 1.5rem
}
h4,.asH4,.asH4 {
min-height: 1.75rem;
margin: .3125rem 0;
padding: 0;
border: none;
color: #fdfdfd;
font-size: 1rem;
font-style: italic;
font-weight: 700;
letter-spacing: .5px;
text-transform: uppercase
}
table tr th,table tr td {
border-color: rgba(253,253,253,.15)
}
table thead tr th,table thead tr td {
background-color: rgba(253,253,253,.15)
}
table.marketTable>thead tr th,table.marketTable>tfoot tr th,table.marketTable>thead tr td,table.marketTable>tfoot tr td {
padding: .3125rem;
padding-bottom: 0;
color: #fdfdfd;
font-size: 1rem;
line-height: 1rem
}
table.marketTable>thead tr th,table.marketTable>tbody tr th,table.marketTable>thead tr td,table.marketTable>tbody tr td {
font-size: 1.125rem
}
table.marketTable>thead tr th,table.marketTable>thead tr td {
padding-top: 0
}
table.marketTable>thead tr td.oddsColumn {
padding-bottom: 0;
font-size: 1rem;
font-weight: 500;
text-transform: capitalize;
vertical-align: bottom
}
table.marketTable>tbody>tr {
height: 3rem
}
table.marketTable>tbody>tr th.teamName {
padding-left: .3125rem;
font-family: 'Barlow Semi Condensed';
font-weight: 400;
letter-spacing: .75px
}
table.marketTable>tbody>tr td .betlink {
margin: .25rem 0
}
table.marketTable tr {
border-right: none;
border-left: none;
border-top: solid 1px #292e29
}
table.marketTable tr th,table.marketTable tr td {
padding: .3125rem;
border: none
}
table.marketTable tr th.oddsColumn,table.marketTable tr td.oddsColumn {
width: 3.4375rem
}
table.marketTable tr th.oddsColumn {
width: 4rem;
padding-bottom: .3125rem;
color: #fdfdfd;
font-size: .9rem;
font-weight: normal;
line-height: 1rem;
text-transform: capitalize;
vertical-align: bottom
}
table.marketTable tr th.flucsColumn {
text-transform: capitalize;
font-weight: normal;
font-size: .9rem;
color: #fdfdfd;
vertical-align: bottom;
padding-bottom: .3125rem
}
table.marketTable tr td.oddsColumn {
font-weight: 500
}
table.marketTable tr td.oddsColumn.exotic {
padding-top: .5rem;
padding-bottom: .5rem
}
table.marketTable tr td.rnnrFormCell {
padding: 0
}
table.marketTable tr:first-of-type {
border-top: none
}
table.marketTable tbody tr:hover {
background-color: unset;
border-radius: 0
}
table.sortableTable thead>tr>th {
padding-left: .3125rem;
font-weight: normal
}
table.eftdDetails+p {
background-color: rgba(253,253,253,.1);
border: solid 1px rgba(253,253,253,.1);
text-align: center;
padding: .625rem;
border-radius: 7.5px;
margin-bottom: 0
}
.tablesorter-header-inner {
color: #fdfdfd;
font-family: "Barlow Semi Condensed",Helvetica,Arial,Sans-Serif;
font-size: 1rem;
font-style: italic;
font-weight: 700;
text-transform: uppercase
}
.staticMessage,.ajaxReply,.wc_a_register div.signupErrMsg,.bettingPanel .coupErrMsg,.bettingPanel .coupErrMsg,.wc_a_register div.signupErrMsg {
margin: 0;
padding: .9375rem;
background-color: transparent;
border-color: transparent;
border-radius: 7.5px
}
#toastMessage.correctText,.staticMessage.correctText,.ajaxReply.correctText {
border-color: #0bd51f;
background-color: #0bd51f;
color: #0d0d0d
}
#toastMessage.errorText,.staticMessage.errorText,.ajaxReply.errorText,.bettingPanel .coupErrMsg {
border-color: #cb1029;
background-color: #cb1029;
color: #fdfdfd
}
#toastMessage {
grid-template-columns: 2.25rem 1fr auto;
max-height: unset;
padding: 1rem;
font-weight: 500
}
#toastMessage.show {
bottom: 2.5rem
}
#toastMessage .message {
max-height: 6.25rem
}
#toastMessage .closeButton:before {
display: flex;
align-items: center;
justify-content: center;
height: 2.25rem;
width: 2.25rem;
background-color: #cb1029;
border-color: #cb1029;
border-radius: 2.25rem;
color: #fdfdfd;
font-size: 1rem
}
#toastMessage.warningText {
background-color: #f0710a;
color: #0d0d0d
}
#toastMessage.warningText .closeButton:before {
background-color: #fdfdfd;
border-color: #fdfdfd;
color: #0d0d0d
}
#toastMessage.errorText .closeButton:before {
background-color: #fdfdfd;
border-color: #fdfdfd;
color: #0d0d0d
}
#toastMessage.correctText .closeButton:before {
background-color: #fdfdfd;
border-color: #fdfdfd;
color: #0d0d0d
}
.staticMessage,.bettingPanel .coupErrMsg,.wc_a_register div.signupErrMsg {
background-color: #333;
border: solid 1px #404040;
color: #fdfdfd;
text-transform: capitalize
}
.staticMessage.warningText,.bettingPanel .bettingLegs.zeroBets .coupErrMsg,.wc_a_register div.signupErrMsg {
border-color: #333;
background-color: #333
}
.dialogBox .dialogContent {
border-radius: 10px
}
.dialogBox .dialogContent h1 {
justify-content: center;
margin-bottom: 1rem;
padding: .25rem;
background-color: #0bd51f;
color: #0d0d0d
}
.dialogBox .dialogContent .dialogMessage {
padding: .5rem 1rem;
text-align: center
}
.dialogBox .dialogContent #errorControls {
padding: 1rem;
text-align: center
}
.dialogBox .dialogContent #errorControls>a {
min-width: 7.5rem;
font-size: 1rem
}
.dialogBox .dialogContent.info #errorControls,.dialogBox .dialogContent.error #errorControls,.dialogBox .dialogContent.warning #errorControls {
margin: 0
}
.dialogBox .dialogContent.warning h1 {
color: #0d0d0d
}
.dialogBox .dialogContent.error h1 {
color: #fdfdfd
}
#pageContent-error {
border: 1px solid #292e29;
padding: 1rem;
border-radius: 10px;
text-align: center;
margin: 1rem;
background-color: #fdfdfd;
border-color: #fdfdfd;
color: #0d0d0d;
margin: 0;
padding: .9375rem;
background-color: transparent;
border-color: transparent;
border-radius: 7.5px;
background-color: #333;
border: solid 1px #404040;
color: #fdfdfd;
text-transform: capitalize
}
#pageContent-error.correctText {
border-color: #0bd51f;
background-color: #9ed897
}
#pageContent-error.errorText {
border-color: #cb1029;
background-color: #f797a4
}
#pageContent-error.warningText {
border-color: #f0710a;
background-color: #fcd2b1
}
#pageContent-error *:last-child {
margin: 0
}
#pageContent-error table {
width: fit-content;
margin: auto
}
#pageContent-error.correctText {
border-color: #0bd51f;
background-color: #0bd51f;
color: #0d0d0d
}
#pageContent-error.errorText {
border-color: #cb1029;
background-color: #cb1029;
color: #fdfdfd
}
#pageContent-error.warningText {
border-color: #333;
background-color: #333
}
form {
margin: 0 auto;
max-width: 100%
}
form div.formLine {
display: grid;
align-items: center;
justify-items: center;
grid-gap: .5rem;
grid-template-columns: 1fr auto 1fr;
width: 100%;
max-width: 60rem;
margin: 0 auto .5rem auto
}
form div.formLine.required>label:after {
content: '*';
margin-left: .25rem;
color: #fdfdfd
}
form div.formLine>div {
margin-right: unset;
width: 100%
}
form div.formLine>div a:not(.button) {
text-decoration: underline
}
form div.formLine>div>input:disabled,form div.formLine>div>select:disabled,form div.formLine>div>span:disabled,form div.formLine>div>.button:disabled {
background-color: #dedede;
border-color: #dedede !important
}
form div.formLine div.formLineField input.currency {
border-radius: 0 7.5px 7.5px 0
}
form div.formLine div.formLineField label.currency,form div.formLine div.formLineField label.percentage {
background-color: #404040;
border-color: #404040;
border-top-left-radius: 7.5px;
border-bottom-left-radius: 7.5px;
color: #fdfdfd;
line-height: 2rem
}
form div.formLine div.formLineField .customSelectBox {
width: fit-content;
background-color: rgba(253,253,253,.07);
border: solid 1px rgba(11,213,31,.05);
min-width: 17.5rem;
border-radius: 5px;
padding: 0;
max-height: 10rem
}
form div.formLine div.formLineField .customSelectBox:hover {
background-color: rgba(253,253,253,.15);
color: #fdfdfd;
color: #0d0d0d
}
form div.formLine>label {
width: 100%;
font-weight: 500;
font-size: 1.1rem
}
form div.formLine:empty {
display: none
}
form input[type="text"],form input[type="number"],form input[type="password"],form input[type="email"],form input[type="tel"],form select {
border-radius: 7.5px;
background-color: #fdfdfd;
border-color: #fdfdfd;
color: #0d0d0d
}
form select {
text-transform: capitalize
}
form .staticMessage p:last-of-type,form .ajaxReply p:last-of-type {
margin-bottom: 0
}
input[type=radio]+label,input[type=checkbox]+label {
margin-bottom: unset
}
input[type=radio]+label[class^="icon-"],input[type=checkbox]+label[class^="icon-"] {
border-color: #0bd51f;
background-color: #404040
}
input[type=radio]+label:not([class^="icon-"]):before,input[type=checkbox]+label:not([class^="icon-"]):before {
font-size: 1.25rem
}
input[type=radio]+label:before,input[type=checkbox]+label:before {
margin: 0
}
input[type=radio]+label+span,input[type=checkbox]+label+span {
margin-left: unset;
margin-top: unset;
margin-right: .75rem
}
input[type=radio]+label:hover:not([class^="icon-"]):before,input[type=checkbox]+label:hover:not([class^="icon-"]):before {
background-color: rgba(253,253,253,.15)
}
input[type=radio]+label.SRM:hover,input[type=checkbox]+label.SRM:hover {
opacity: 1;
background-color: #445045;
border-color: #445045
}
input[type=radio]:disabled+label.SRM,input[type=checkbox]:disabled+label.SRM {
opacity: .4;
background-color: #353e36;
border-color: #353e36;
color: #fdfdfd
}
input[type=radio]:disabled+label.SRM:hover:not(.disabled,.selected),input[type=checkbox]:disabled+label.SRM:hover:not(.disabled,.selected) {
opacity: .4;
background-color: #353e36;
border-color: #353e36;
cursor: default
}
input[type=radio]:disabled+label.SRM:active:not(.disabled,.selected),input[type=checkbox]:disabled+label.SRM:active:not(.disabled,.selected) {
opacity: .4;
background-color: #353e36;
border-color: #353e36;
cursor: default
}
input[type=checkbox]:checked+label[class^="icon-"] {
background-color: #0bd51f;
color: #0d0d0d
}
input[type=checkbox]:checked+label[class^="icon-"]:hover {
background-color: #13f32a
}
input[type=checkbox]:checked+label[class^="icon-"]:before {
color: #0d0d0d
}
input[type=checkbox]:checked+label:not([class^="icon-"]):before {
background-color: #0bd51f !important;
border-color: #0bd51f;
color: #0d0d0d
}
input[type=checkbox]+label[class^="icon-"]:hover {
background-color: #525252
}
input[type=checkbox]+label:before {
border-radius: 7.5px
}
input[type=radio]:checked+label:before {
content: "";
background: radial-gradient(circle,#0bd51f 0%,#0bd51f 55%,transparent 60%);
color: #0d0d0d;
font-family: 'GW_Icons';
font-size: .9rem;
line-height: 2rem
}
input[type=text],input[type=number],input[type=password],input[type=email],input[type=tel],input select {
border-radius: 5px
}
input#confirm_legal+label,input#confirm_legal+label+span {
margin-top: 1.25rem
}
dl.accordion {
margin-top: .46875rem;
padding: 0;
background-color: #0d0d0d;
border: none
}
dl.accordion dt {
margin-bottom: .46875rem;
padding: 0;
background-color: #1f1f1f;
border: solid 1px #2b2b2b;
border-radius: 10px
}
dl.accordion dt a {
min-height: 3.75rem;
padding: .9375rem;
color: #fdfdfd;
font-family: 'Barlow Semi Condensed';
font-size: 1.1rem;
font-weight: 600
}
dl.accordion dt a[class^="icon-"],dl.accordion dt a[class*=" icon-"] {
display: grid;
grid-gap: .625rem;
grid-template-columns: auto 1fr;
padding: .625rem
}
dl.accordion dt a[class^="icon-"]:before,dl.accordion dt a[class*=" icon-"]:before {
display: flex;
align-items: center;
justify-content: center;
justify-self: center;
height: 2rem;
width: 2rem;
margin: 0;
background-color: transparent;
border: solid 1px #0bd51f;
border-radius: 2rem;
color: #fdfdfd;
font-size: 1.125rem
}
dl.accordion dt a.icon-navNext,dl.accordion dt a.navToggleIcon {
padding-right: 2.8125rem
}
dl.accordion dt a.icon-navNext:after,dl.accordion dt a.navToggleIcon:after {
display: flex;
align-items: center;
justify-content: center;
right: .9375rem;
height: 2rem;
width: 2rem;
border: solid 1px #0bd51f;
border-radius: 2rem;
box-sizing: border-box;
color: #fdfdfd;
font-size: 1rem
}
dl.accordion dt.selected {
background-color: #1f1f1f;
border-bottom-color: #1f1f1f;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0
}
dl.accordion dt.selected a {
color: #0bd51f
}
dl.accordion dt.selected a.icon-navNext:after,dl.accordion dt.selected a.navToggleIcon:after {
background-color: #0bd51f;
color: #0d0d0d
}
dl.accordion dt:last-of-type {
margin-bottom: 0
}
dl.accordion dt:hover {
background-color: #282828
}
dl.accordion dd {
margin-bottom: .46875rem;
margin-top: -.46875rem;
padding: .9375rem;
background-color: #1f1f1f;
border: solid 1px #2b2b2b;
border-top: none;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px
}
dl.accordion dd:last-of-type {
margin-bottom: 0
}
dl.accordion.tiered2 {
background-color: transparent
}
dl.accordion.tiered2>dt {
margin-top: .46875rem;
background-color: rgba(253,253,253,.05);
border: solid 1px rgba(253,253,253,.05);
border-radius: 7.5px
}
dl.accordion.tiered2>dt>a {
color: #fdfdfd
}
dl.accordion.tiered2>dt.selected {
border-bottom: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0
}
dl.accordion.tiered2>dt:first-of-type {
margin-top: 0
}
dl.accordion.tiered2>dd {
margin-top: 0;
padding: .625rem;
padding-top: 0;
background-color: rgba(253,253,253,.05);
border: solid 1px rgba(253,253,253,.05);
border-top: none
}
dl.accordion.tiered2>dd>dl {
margin-bottom: 0;
border-radius: unset
}
dl.accordion.depLimRelTrans {
background-color: transparent
}
dl.accordion.depLimRelTrans dt {
overflow: hidden;
display: grid;
grid-template-columns: 1fr auto;
align-items: center;
justify-content: center;
padding: .75rem;
background-color: #1f1f1f;
border-color: #2b2b2b;
border-radius: 7.5px
}
dl.accordion.depLimRelTrans dt.selected {
border-bottom: none;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0
}
dl.accordion.depLimRelTrans dt.selected:after {
background-color: #0bd51f;
border-color: #0bd51f;
color: #0d0d0d
}
dl.accordion.depLimRelTrans dt:after {
display: flex;
align-items: center;
justify-content: center;
height: 1.5rem;
width: 1.5rem;
border: solid 1px #0bd51f;
border-radius: 1.5rem;
color: #fdfdfd;
font-size: .75rem;
font-style: normal
}
.tabs {
padding: 0 .9375rem;
grid-gap: .625rem;
border-bottom: solid 2px #0d0d0d
}
.tabs li {
min-height: 3.5rem;
margin: 0;
padding-top: 4px;
background-color: transparent;
border-bottom: solid 4px transparent;
border-radius: 0
}
.tabs li:hover:not(.disabled) {
opacity: 1;
border-color: transparent
}
.tabs li:hover:not(.disabled) a {
color: #fdfdfd
}
.tabs li>a {
color: #fdfdfd;
font-family: "Barlow Semi Condensed",Helvetica,Arial,sans-serif;
font-size: 1rem;
font-style: italic;
font-weight: 700;
letter-spacing: .5px;
text-transform: uppercase
}
.tabs li.selected {
border-color: #0bd51f;
background-color: transparent
}
.tabs li.selected:hover:not(.disabled) {
border-color: #0bd51f
}
.tabs li.selected:hover:not(.disabled) a {
color: #fdfdfd
}
.tabs li.selected>a {
color: #fdfdfd
}
.tabs li.disabled {
opacity: .75;
display: flex;
justify-content: center;
align-items: center;
padding: .625rem .3125rem;
background-color: transparent;
border-bottom-color: transparent;
font-size: 1rem;
font-style: italic;
font-weight: 700;
letter-spacing: .5px;
text-transform: uppercase;
color: #fdfdfd
}
.tabs li.disabled:hover {
border-color: transparent
}
.tabs li span.noCap {
padding: unset;
background-color: unset;
margin-left: unset
}
.tabs.subTabs {
position: relative;
justify-content: center;
grid-gap: 1.25rem;
padding: 1.25rem 0;
border: none
}
.tabs.subTabs li {
flex-grow: 0;
padding: 0;
background-color: #1f1f1f;
border: solid 1px rgba(11,213,31,.25);
border-radius: 10px
}
.tabs.subTabs li>a[class^="icon-"],.tabs.subTabs li>a[class*=" icon-"] {
display: grid;
position: unset;
align-items: center;
justify-content: center;
justify-items: center;
grid-gap: .3125rem;
min-width: 5rem;
padding: .675rem;
color: #fdfdfd
}
.tabs.subTabs li>a[class^="icon-"]:before,.tabs.subTabs li>a[class*=" icon-"]:before {
position: unset;
display: flex;
align-items: center;
justify-content: center;
height: 3rem;
width: 3rem;
border: solid 2px #0bd51f;
border-radius: 3rem;
font-size: 1.75rem
}
.tabs.subTabs li.selected {
background-color: #0bd51f;
border-color: #0bd51f
}
.tabs.subTabs li.selected a {
color: #0d0d0d
}
.tabs.subTabs li.selected>a[class^="icon-"]:before,.tabs.subTabs li.selected>a[class*=" icon-"]:before {
border-color: #1f1f1f
}
.tabs.subTabs li.selected:hover:not(.disabled) {
background-color: #13f32a;
border-color: #13f32a
}
.tabs.subTabs li.selected:hover:not(.disabled)>a {
color: #0d0d0d
}
.tabs.subTabs li:hover:not(.disabled) {
background-color: #282828;
border-color: rgba(11,213,31,.5)
}
.tabs.asPills {
grid-gap: 0;
min-height: 3.25rem;
margin: 0;
padding: .375rem;
background-color: #1f1f1f;
border: solid 1px #0bd51f;
border-radius: 3.75rem
}
.tabs.asPills li {
flex-grow: 1;
min-height: calc(2.5rem - 2px);
padding: 0;
border: none;
box-shadow: none
}
.tabs.asPills li a {
font-family: "Barlow Semi Condensed",Helvetica,Arial,sans-serif
}
.tabs.asPills li a[class^="icon-"],.tabs.asPills li a[class*="icon-"] {
grid-gap: .46875rem;
padding: .25rem .5rem
}
.tabs.asPills li a[class^="icon-"]:before,.tabs.asPills li a[class*="icon-"]:before {
position: unset;
font-size: 1.5rem
}
.tabs.asPills li a[class^="icon-"]:empty,.tabs.asPills li a[class*="icon-"]:empty {
padding: 0
}
.tabs.asPills li.selected {
background-color: #0bd51f;
color: #0d0d0d
}
.tabs.asPills li.selected a {
color: #0d0d0d
}
.tabs.asPills li.selected:hover:not(.disabled) a {
color: #0d0d0d
}
.tabs.homePageSelector {
margin-bottom: 1.25rem
}
.tabs.homePageSelector li {
min-width: 6.25rem
}
.tabs.homePageSelector:before {
content: '';
height: 3px;
width: 100%;
background: linear-gradient(to right,transparent,#0bd51f,transparent);
position: absolute;
top: 0;
left: 0
}
.tabs.homePageSelector:after {
content: '';
height: 3px;
width: 100%;
background: linear-gradient(to right,transparent,#0bd51f,transparent);
position: absolute;
bottom: 0;
left: 0
}
.tabs.raceNumbers {
position: relative;
justify-content: center;
grid-gap: .9375rem;
padding: .625rem 0;
padding-bottom: .9375rem;
border: none
}
.tabs.raceNumbers li {
flex-grow: 0;
background-color: transparent;
border: none
}
.tabs.raceNumbers li>a>.raceNum {
padding: .375rem .75rem;
cursor: pointer;
text-align: center;
vertical-align: middle;
border: 1px solid #0d0d0d;
color: #0d0d0d;
font-weight: bold;
background-color: #fdfdfd;
border-radius: 10px;
position: relative;
display: inline-flex;
justify-content: center;
align-items: center;
min-height: 2.5rem;
min-width: 2.5rem;
padding: .25rem .9375rem;
background-color: unset;
border: solid 2px #fdfdfd;
border-radius: 2.5rem;
color: #fdfdfd;
font-family: "Barlow Semi Condensed",Helvetica,Arial,Sans-Serif;
font-size: .9rem;
font-style: italic;
font-weight: 700;
letter-spacing: .5px;
text-transform: uppercase;
padding: 0;
height: 3rem;
width: 3rem;
border-radius: 3rem;
font-size: 1.25rem;
font-style: normal
}
.tabs.raceNumbers li>a>.raceNum:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
.tabs.raceNumbers li>a>.raceNum.selected {
background-color: #1f1f1f;
color: #fdfdfd
}
.tabs.raceNumbers li>a>.raceNum.selected:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
.tabs.raceNumbers li>a>.raceNum.inverse {
background-color: transparent;
border-color: #fdfdfd;
color: #fdfdfd
}
.tabs.raceNumbers li>a>.raceNum.inverse:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
.tabs.raceNumbers li>a>.raceNum.inverse.selected {
background-color: rgba(253,253,253,.4)
}
.tabs.raceNumbers li>a>.raceNum.inverse.selected:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
.tabs.raceNumbers li>a>.raceNum.expired {
background-color: #bfbfbf;
border-color: #262626;
color: #262626;
color: #0d0d0d
}
.tabs.raceNumbers li>a>.raceNum.expired:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
.tabs.raceNumbers li>a>.raceNum.expired.selected {
background-color: #8c8c8c;
border-color: #0d0d0d;
color: #0d0d0d
}
.tabs.raceNumbers li>a>.raceNum.expired.selected:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
.tabs.raceNumbers li>a>.raceNum.delete {
background-color: #cb1029;
border-color: #f797a4;
color: #fdfdfd
}
.tabs.raceNumbers li>a>.raceNum.delete:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
.tabs.raceNumbers li>a>.raceNum.delete.selected {
background-color: #6c0916
}
.tabs.raceNumbers li>a>.raceNum.delete.selected:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
.tabs.raceNumbers li>a>.raceNum.confirm {
background-color: #1f1f1f;
border-color: #1f1f1f;
color: #fdfdfd
}
.tabs.raceNumbers li>a>.raceNum.confirm:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
.tabs.raceNumbers li>a>.raceNum.confirm.selected {
background-color: #0d0d0d
}
.tabs.raceNumbers li>a>.raceNum.confirm.selected:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
.tabs.raceNumbers li>a>.raceNum.disabled {
opacity: .5
}
.tabs.raceNumbers li>a>.raceNum.betlink {
border-color: #0d0d0d;
color: #0d0d0d;
min-width: 100%;
white-space: nowrap
}
.tabs.raceNumbers li>a>.raceNum.betlink:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
.tabs.raceNumbers li>a>.raceNum.betlink.selected {
background-color: #0d0d0d;
color: #0d0d0d
}
.tabs.raceNumbers li>a>.raceNum.betlink.selected:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
.tabs.raceNumbers li>a>.raceNum[class^="icon-"],.tabs.raceNumbers li>a>.raceNum[class*=" icon-"] {
padding-top: .225rem;
padding-bottom: .225rem;
padding-left: .225rem
}
.tabs.raceNumbers li>a>.raceNum[class^="icon-"]:before,.tabs.raceNumbers li>a>.raceNum[class*=" icon-"]:before {
font-size: 1.9rem;
font-weight: normal;
padding-right: .225rem
}
.tabs.raceNumbers li>a>.raceNum[class^="icon-"]:empty,.tabs.raceNumbers li>a>.raceNum[class*=" icon-"]:empty {
padding: .225rem
}
.tabs.raceNumbers li>a>.raceNum[class^="icon-"]:empty:before,.tabs.raceNumbers li>a>.raceNum[class*=" icon-"]:empty:before {
padding: 0
}
.tabs.raceNumbers li>a>.raceNum[class^="icon-"].vertical,.tabs.raceNumbers li>a>.raceNum[class*=" icon-"].vertical {
flex-direction: column;
align-items: center;
padding-right: .225rem;
padding-bottom: .3rem
}
.tabs.raceNumbers li>a>.raceNum.small {
min-height: 1.875rem;
font-size: .75rem;
padding: .21875rem .4375rem
}
.tabs.raceNumbers li>a>.raceNum.small[class^="icon-"],.tabs.raceNumbers li>a>.raceNum.small[class*=" icon-"] {
padding-top: .16875rem;
padding-bottom: .16875rem;
padding-left: .16875rem
}
.tabs.raceNumbers li>a>.raceNum.small[class^="icon-"]:before,.tabs.raceNumbers li>a>.raceNum.small[class*=" icon-"]:before {
font-size: 1.425rem;
font-weight: normal;
padding-right: .16875rem
}
.tabs.raceNumbers li>a>.raceNum.small[class^="icon-"]:empty,.tabs.raceNumbers li>a>.raceNum.small[class*=" icon-"]:empty {
padding: .16875rem
}
.tabs.raceNumbers li>a>.raceNum.small[class^="icon-"]:empty:before,.tabs.raceNumbers li>a>.raceNum.small[class*=" icon-"]:empty:before {
padding: 0
}
.tabs.raceNumbers li>a>.raceNum.small[class^="icon-"].vertical,.tabs.raceNumbers li>a>.raceNum.small[class*=" icon-"].vertical {
padding-right: .16875rem
}
.tabs.raceNumbers li>a>.raceNum.majorAction {
font-size: 1.4rem;
padding: .875rem
}
.tabs.raceNumbers li>a>.raceNum.majorAction[class^="icon-"],.tabs.raceNumbers li>a>.raceNum.majorAction[class*=" icon-"] {
padding-top: .315rem;
padding-bottom: .315rem;
padding-left: .315rem
}
.tabs.raceNumbers li>a>.raceNum.majorAction[class^="icon-"]:before,.tabs.raceNumbers li>a>.raceNum.majorAction[class*=" icon-"]:before {
font-size: 2.66rem;
font-weight: normal;
padding-right: .315rem
}
.tabs.raceNumbers li>a>.raceNum.majorAction[class^="icon-"]:empty,.tabs.raceNumbers li>a>.raceNum.majorAction[class*=" icon-"]:empty {
padding: .315rem
}
.tabs.raceNumbers li>a>.raceNum.majorAction[class^="icon-"]:empty:before,.tabs.raceNumbers li>a>.raceNum.majorAction[class*=" icon-"]:empty:before {
padding: 0
}
.tabs.raceNumbers li>a>.raceNum.invisible {
visibility: hidden
}
.tabs.raceNumbers li>a>.raceNum.tooltip {
position: relative;
display: inline-block
}
.tabs.raceNumbers li>a>.raceNum.tooltip .tooltiptext {
visibility: hidden;
width: auto;
background-color: #333;
color: #fdfdfd;
text-align: center;
padding: 3px;
border-radius: 10px;
position: absolute;
top: 3px;
right: 3px;
z-index: 490;
font-size: 13px;
line-height: 16px;
font-weight: normal
}
.tabs.raceNumbers li>a>.raceNum.tooltip:hover .tooltiptext {
visibility: visible
}
.tabs.raceNumbers li>a>.raceNum:hover:not(.disabled,.selected,.expired) {
opacity: 1
}
.tabs.raceNumbers li>a>.raceNum:hover:not(.disabled,.selected) {
background-color: #282828;
border-color: #fdfdfd;
color: #fdfdfd
}
.tabs.raceNumbers li>a>.raceNum.selected {
background-color: #0bd51f;
border-color: #0bd51f;
color: #0d0d0d
}
.tabs.raceNumbers li>a>.raceNum.selected:hover:not(.disabled,.expired) {
opacity: 1;
background-color: #13f32a;
border-color: #13f32a;
color: #0d0d0d
}
.tabs.raceNumbers li>a>.raceNum.disabled {
opacity: .65
}
.tabs.raceNumbers li>a>.raceNum.disabled:hover {
cursor: default
}
.tabs.raceNumbers li>a>.raceNum[class^="icon-"],.tabs.raceNumbers li>a>.raceNum[class*=" icon-"] {
grid-gap: .25rem;
padding: .5rem;
border-radius: 10px
}
.tabs.raceNumbers li>a>.raceNum[class^="icon-"]:empty,.tabs.raceNumbers li>a>.raceNum[class*=" icon-"]:empty {
min-width: 2.5rem
}
.tabs.raceNumbers li>a>.raceNum[class^="icon-"]:before,.tabs.raceNumbers li>a>.raceNum[class*=" icon-"]:before {
padding: 0;
font-size: 1.5rem
}
.tabs.raceNumbers li>a>.raceNum[class^="icon-"].vertical,.tabs.raceNumbers li>a>.raceNum[class*=" icon-"].vertical {
justify-content: center;
grid-gap: .25rem;
padding: .625rem .75rem;
border-radius: 10px
}
.tabs.raceNumbers li>a>.raceNum[class^="icon-"].vertical:before,.tabs.raceNumbers li>a>.raceNum[class*=" icon-"].vertical:before {
position: unset;
display: flex;
align-items: center;
justify-content: center;
justify-self: center;
height: 2.5rem;
width: 2.5rem;
border: solid 2px #0bd51f;
border-radius: 2.5rem;
font-size: 1.5rem
}
.tabs.raceNumbers li>a>.raceNum[class^="icon-"].vertical.selected:before,.tabs.raceNumbers li>a>.raceNum[class*=" icon-"].vertical.selected:before {
border-color: #0d0d0d
}
.tabs.raceNumbers li>a>.raceNum.expired {
opacity: .65;
background-color: unset;
border-color: #fdfdfd;
color: #fdfdfd
}
.tabs.raceNumbers li>a>.raceNum.expired:hover:not(.disabled,.selected) {
opacity: .75;
background-color: #13f32a;
border-color: #fdfdfd;
color: #fdfdfd
}
.tabs.raceNumbers li>a>.raceNum.expired.selected {
opacity: .65;
background-color: #0bd51f;
border-color: #0bd51f;
color: #0d0d0d
}
.tabs.raceNumbers li>a>.raceNum.delete {
background-color: #cb1029;
border-color: #cb1029
}
.tabs.raceNumbers li>a>.raceNum.delete.selected {
background-color: #cb1029;
border-color: #cb1029;
color: #fdfdfd
}
.tabs.raceNumbers li>a>.raceNum.delete:hover:not(.disabled) {
background-color: #b30e24;
border-color: #b30e24;
color: #fdfdfd
}
.tabs.raceNumbers li>a>.raceNum.confirm {
background-color: transparent;
border-color: #0bd51f;
color: #fdfdfd
}
.tabs.raceNumbers li>a>.raceNum.confirm.selected {
background-color: #0bd51f;
border-color: #0bd51f;
color: #0d0d0d
}
.tabs.raceNumbers li>a>.raceNum.confirm.selected:hover {
opacity: 1;
background-color: #0ced23;
border-color: #0ced23;
color: #0d0d0d
}
.tabs.raceNumbers li>a>.raceNum.confirm:hover:not(.disabled,.selected) {
opacity: 1;
background-color: #282828;
border-color: #0bd51f;
color: #fdfdfd
}
.tabs.raceNumbers li>a>.raceNum.inverse {
border-color: #1f1f1f;
color: #0d0d0d
}
.tabs.raceNumbers li>a>.raceNum.inverse:hover:not(.disabled,.selected) {
background-color: #adb4bd;
border-color: #1f1f1f;
color: #0d0d0d
}
.tabs.raceNumbers li>a>.raceNum.betlink {
min-height: 3.125rem;
width: 100%;
min-width: 4.375rem;
padding: .25rem .5rem;
background-color: #353e36;
border-color: #353e36;
border-width: 1px;
border-radius: 5px;
color: #fdfdfd;
font-size: 1.1rem;
font-style: normal;
font-weight: 600
}
.tabs.raceNumbers li>a>.raceNum.betlink:hover:not(.disabled,.selected) {
background-color: #445045;
border-color: #445045
}
.tabs.raceNumbers li>a>.raceNum.betlink.selected {
background-color: #0bd51f;
border-color: #0bd51f;
color: #0d0d0d
}
.tabs.raceNumbers li>a>.raceNum.betlink.selected.disabled {
opacity: .4;
background-color: #0bd51f;
border-color: #0bd51f;
color: #0d0d0d
}
.tabs.raceNumbers li>a>.raceNum.betlink.selected.disabled:hover {
opacity: .4;
background-color: #0bd51f;
border-color: #0bd51f;
color: #0d0d0d
}
.tabs.raceNumbers li>a>.raceNum.betlink.disabled {
opacity: .4;
color: #fdfdfd
}
.tabs.raceNumbers li>a>.raceNum.betlink.disabled:hover {
opacity: .4;
background-color: #353e36;
border-color: #353e36;
color: #fdfdfd
}
.tabs.raceNumbers li>a>.raceNum.small {
padding: .25rem .625rem
}
.tabs.raceNumbers li>a>.raceNum.login {
background-color: transparent;
border-color: #0bd51f;
color: #fdfdfd
}
.tabs.raceNumbers li>a>.raceNum.login:hover:not(.disabled,.selected) {
opacity: 1;
background-color: #333;
border-color: #0bd51f;
color: #fdfdfd
}
.tabs.raceNumbers li>a>.raceNum.login.selected {
opacity: 1;
background-color: #404040;
border-color: #0bd51f;
color: #fdfdfd
}
.tabs.raceNumbers li>a>.raceNum.login.selected:hover {
opacity: 1;
background-color: #4d4d4d;
border-color: #0bd51f;
color: #fdfdfd
}
.tabs.raceNumbers li>a>.raceNum.join {
background-color: #0bd51f;
border-color: #0bd51f;
color: #0d0d0d
}
.tabs.raceNumbers li>a>.raceNum.join:hover:not(.disabled) {
opacity: 1;
background-color: #13f32a;
border-color: #13f32a;
color: #0d0d0d
}
.tabs.raceNumbers li>a>.raceNum.button-primary {
border: solid 2px #0bd51f
}
.tabs.raceNumbers li>a>.raceNum.buttonAcceptAction {
background-color: #0bd51f;
border-color: #0bd51f;
color: #0d0d0d
}
.tabs.raceNumbers li>a>.raceNum.buttonAcceptAction:hover {
opacity: 1;
background-color: #0ac41d;
border-color: #0ac41d;
color: #0d0d0d
}
.tabs.raceNumbers li>a>div.jumpAt,.tabs.raceNumbers li>a>div.result {
padding-top: .375rem;
font-size: 1rem;
font-style: normal;
font-weight: 500
}
.tabs.raceNumbers li.selected>a .raceNum {
background-color: #0bd51f;
border-color: #0bd51f;
color: #0d0d0d
}
.tabs.raceNumbers li.selected>a .raceNum:hover:not(.disabled) {
background-color: #13f32a;
border-color: #13f32a;
color: #0d0d0d
}
.tabs.raceNumbers li.expired>a .raceNum {
background-color: #bfbfbf;
border-color: #262626;
color: #262626;
color: #0d0d0d;
opacity: .65;
background-color: unset;
border-color: #fdfdfd;
color: #fdfdfd
}
.tabs.raceNumbers li.expired>a .raceNum:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
.tabs.raceNumbers li.expired>a .raceNum.selected {
background-color: #8c8c8c;
border-color: #0d0d0d;
color: #0d0d0d
}
.tabs.raceNumbers li.expired>a .raceNum.selected:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
.tabs.raceNumbers li.expired>a .raceNum:hover:not(.disabled,.selected) {
opacity: .75;
background-color: #13f32a;
border-color: #fdfdfd;
color: #fdfdfd
}
.tabs.raceNumbers li.expired>a .raceNum.selected {
opacity: .65;
background-color: #0bd51f;
border-color: #0bd51f;
color: #0d0d0d
}
.tabs.raceNumbers li.expired>a .raceNum:hover:not(.disabled,.selected) {
opacity: .75;
background-color: #333;
border-color: #fdfdfd;
color: #fdfdfd
}
.tabs.raceNumbers:before {
content: '';
height: 3px;
width: 100%;
background: linear-gradient(to right,transparent,#0bd51f,transparent);
position: absolute;
top: 0;
left: 0
}
.tabs.raceNumbers:after {
content: '';
height: 3px;
width: 100%;
background: linear-gradient(to right,transparent,#0bd51f,transparent);
position: absolute;
bottom: 0;
left: 0
}
.tabs.transPages {
grid-gap: .625rem;
margin-top: .9375rem;
padding: .625rem;
background-color: #1f1f1f;
border: solid 1px #2b2b2b;
border-radius: 10px
}
.tabs.transPages li {
overflow: hidden;
height: 2.25rem;
width: 2.25rem;
min-width: 2.25rem;
background-color: transparent;
border-width: 2px;
border-radius: 2.25rem
}
.tabs.transPages li:first-of-type,.tabs.transPages li:last-of-type {
background-color: #404040;
border-color: #0bd51f
}
.tabs.transPages li:first-of-type a,.tabs.transPages li:last-of-type a {
height: 2.25rem;
padding: 0
}
.tabs.transPages li:first-of-type a:before,.tabs.transPages li:last-of-type a:before {
display: flex;
align-items: center;
justify-content: center;
height: 2.25rem;
width: 2.25rem;
font-size: 1rem
}
.tabs.transPages li:first-of-type:hover:not(.disabled),.tabs.transPages li:last-of-type:hover:not(.disabled) {
background-color: #4d4d4d;
border-color: #0bd51f
}
.tabs.transPages li:not(:first-of-type,:last-of-type) {
border: solid 2px #fdfdfd
}
.tabs.transPages li:not(:first-of-type,:last-of-type):hover:not(.selected) {
background-color: #333;
border-color: #fdfdfd
}
.tabs.transPages li.selected a {
background-color: #0bd51f;
color: #0d0d0d
}
.tabs.transPages li.selected:not(:first-of-type,:last-of-type) {
border-color: #0bd51f
}
.tabs.transPages li.selected:hover a {
background-color: #13f32a;
color: #0d0d0d
}
.tabs.raceProducts {
border-bottom: none;
margin: .625rem;
grid-gap: 0;
min-height: 3.25rem;
margin: 0;
padding: .375rem;
background-color: #1f1f1f;
border: solid 1px #0bd51f;
border-radius: 3.75rem;
margin-bottom: .625rem
}
.tabs.raceProducts li {
flex: 0 1 3rem;
min-height: 3rem;
border-radius: 1.5rem;
padding: 0 .6rem
}
.tabs.raceProducts li {
flex-grow: 1;
min-height: calc(2.5rem - 2px);
padding: 0;
border: none;
box-shadow: none
}
.tabs.raceProducts li a {
font-family: "Barlow Semi Condensed",Helvetica,Arial,sans-serif
}
.tabs.raceProducts li a[class^="icon-"],.tabs.raceProducts li a[class*="icon-"] {
grid-gap: .46875rem;
padding: .25rem .5rem
}
.tabs.raceProducts li a[class^="icon-"]:before,.tabs.raceProducts li a[class*="icon-"]:before {
position: unset;
font-size: 1.5rem
}
.tabs.raceProducts li a[class^="icon-"]:empty,.tabs.raceProducts li a[class*="icon-"]:empty {
padding: 0
}
.tabs.raceProducts li.selected {
background-color: #0bd51f;
color: #0d0d0d
}
.tabs.raceProducts li.selected a {
color: #0d0d0d
}
.tabs.raceProducts li.selected:hover:not(.disabled) a {
color: #0d0d0d
}
.tabs.raceProducts li {
max-width: 25%
}
.tabs.raceProducts+.framePanel {
border-top-left-radius: 10px;
border-top-right-radius: 10px
}
.tabVertical>ul.tabs {
grid-gap: .9375rem
}
.tabVertical>ul.tabs li {
margin: 0;
padding: 0;
border: solid 2px #fdfdfd;
border-radius: 2.5rem
}
.tabVertical>ul.tabs li>a {
padding: .5rem;
padding-left: 1rem
}
.tabVertical>ul.tabs li>a>span {
display: flex;
align-items: center;
justify-content: center;
height: 2rem;
width: 2rem;
margin: 0;
background-color: #fdfdfd;
border-radius: 2rem;
color: #0d0d0d
}
.tabVertical>ul.tabs li.selected {
background-color: #0bd51f;
border-color: #0bd51f
}
.tabVertical>ul.tabs li.selected>a {
color: #0d0d0d
}
.tabVertical>ul.tabs li.selected>a>span {
background-color: #1f1f1f;
color: #fdfdfd
}
.tabVertical>ul.tabs li.selected:hover {
background-color: #13f32a;
border-color: #13f32a
}
.tabVertical>ul.tabs li:hover:not(.disabled,.selected) {
background-color: #282828;
border-color: #fdfdfd;
color: #fdfdfd
}
.blocks li {
min-width: 5rem;
background-color: #1f1f1f;
border: solid 1px rgba(11,213,31,.5);
color: #fdfdfd
}
.blocks li>a[class^="icon-"],.blocks li>a[class*=" icon-"] {
display: grid;
align-items: center;
justify-content: center;
position: unset;
grid-gap: .3125rem;
padding: .675rem;
font-family: 'Barlow Semi Condensed';
font-size: .9rem;
font-style: italic;
text-transform: uppercase
}
.blocks li>a[class^="icon-"]:before,.blocks li>a[class*=" icon-"]:before {
position: unset;
display: flex;
align-items: center;
justify-content: center;
justify-self: center;
height: 2.25rem;
width: 2.25rem;
border: solid 1px #0bd51f;
border-radius: 2.25rem;
box-sizing: border-box;
font-size: 1.25rem
}
.blocks li.selected {
background-color: #0bd51f
}
.blocks li.selected>a[class^="icon-"],.blocks li.selected>a[class*=" icon-"] {
color: #0d0d0d
}
.blocks li.selected>a[class^="icon-"]:before,.blocks li.selected>a[class*=" icon-"]:before {
height: 2.5rem;
width: 2.5rem;
border: solid 2px #1f1f1f;
border-radius: 2.5rem
}
.blocks li.selected:hover {
background-color: #13f32a
}
.blocks li.disabled {
background-color: #0d0d0d;
color: #fdfdfd;
border-color: #0bd51f;
opacity: .5
}
.blocks li.disabled:hover {
border-color: #0bd51f;
cursor: default
}
.blocks li:hover {
background-color: #282828;
border-color: rgba(11,213,31,.75)
}
.headerNTJScrollSection .NTJScrollPanel {
grid-template-areas: 'selector scroller nvr' 'selector scroller nvl';
grid-template-columns: auto 1fr auto;
grid-gap: 1.25rem;
grid-row-gap: .3125rem;
height: unset;
margin-bottom: .625rem
}
.headerNTJScrollSection .NTJScrollPanel #NTJSelector {
grid-area: selector;
grid-template-columns: 1fr 1fr;
grid-template-rows: 1fr 1fr;
grid-gap: .3125rem;
align-items: center;
margin: 0;
padding: 0;
border: none;
border-radius: 0
}
.headerNTJScrollSection .NTJScrollPanel #NTJSelector li {
border-color: #1f1f1f;
background-color: transparent;
border-color: #0bd51f;
color: #fdfdfd;
height: 2.5rem;
width: 2.5rem;
padding: 0;
background-color: #1f1f1f;
border: solid 2px #0bd51f;
border-radius: 2.5rem
}
.headerNTJScrollSection .NTJScrollPanel #NTJSelector li:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
.headerNTJScrollSection .NTJScrollPanel #NTJSelector li.selected {
background-color: #0d0d0d
}
.headerNTJScrollSection .NTJScrollPanel #NTJSelector li.selected:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
.headerNTJScrollSection .NTJScrollPanel #NTJSelector li.selected {
background-color: #0bd51f;
border-color: #0bd51f;
color: #0d0d0d
}
.headerNTJScrollSection .NTJScrollPanel #NTJSelector li.selected:hover {
opacity: 1;
background-color: #0ced23;
border-color: #0ced23;
color: #0d0d0d
}
.headerNTJScrollSection .NTJScrollPanel #NTJSelector li:hover:not(.disabled,.selected) {
opacity: 1;
background-color: #282828;
border-color: #0bd51f;
color: #fdfdfd
}
.headerNTJScrollSection .NTJScrollPanel #NTJSelector li a {
margin: 0;
padding: 0
}
.headerNTJScrollSection .NTJScrollPanel #NTJSelector li a:before {
display: flex;
align-items: center;
justify-content: center;
box-sizing: border-box
}
.headerNTJScrollSection .NTJScrollPanel #NTJSelector li.selected {
background-color: #0bd51f
}
.headerNTJScrollSection .NTJScrollPanel #NTJSelector li.selected a {
color: #0d0d0d
}
.headerNTJScrollSection .NTJScrollPanel>a.button {
border-color: #1f1f1f;
background-color: transparent;
border-color: #0bd51f;
align-self: center;
height: 2rem;
width: 2rem;
min-width: 2rem;
background-color: #1f1f1f;
border-radius: 2rem;
color: #fdfdfd
}
.headerNTJScrollSection .NTJScrollPanel>a.button:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
.headerNTJScrollSection .NTJScrollPanel>a.button.selected {
background-color: #0d0d0d
}
.headerNTJScrollSection .NTJScrollPanel>a.button.selected:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
.headerNTJScrollSection .NTJScrollPanel>a.button.selected {
background-color: #0bd51f;
border-color: #0bd51f;
color: #0d0d0d
}
.headerNTJScrollSection .NTJScrollPanel>a.button.selected:hover {
opacity: 1;
background-color: #0ced23;
border-color: #0ced23;
color: #0d0d0d
}
.headerNTJScrollSection .NTJScrollPanel>a.button:hover:not(.disabled,.selected) {
opacity: 1;
background-color: #282828;
border-color: #0bd51f;
color: #fdfdfd
}
.headerNTJScrollSection .NTJScrollPanel>a.button:before {
font-size: .75rem
}
.headerNTJScrollSection .NTJScrollPanel>a.button.disabled {
opacity: 1
}
.headerNTJScrollSection .NTJScrollPanel>a.button:hover {
opacity: 1;
background-color: #282828;
border-color: #0bd51f;
color: #fdfdfd;
cursor: default
}
.headerNTJScrollSection .NTJScrollPanel>a.button:hover:not(.disabled) {
opacity: 1;
background-color: #282828;
border-color: #0bd51f;
color: #fdfdfd;
cursor: pointer
}
.headerNTJScrollSection .NTJScrollPanel .wc_w_ntjs-NavL {
grid-area: nvl
}
.headerNTJScrollSection .NTJScrollPanel .wc_w_ntjs-NavR {
grid-area: nvr
}
.headerNTJScrollSection .NTJScrollPanel #NTJScroller {
grid-area: scroller;
border: none
}
.headerNTJScrollSection .NTJScrollPanel #NTJScroller ul.ntjMenu {
grid-gap: 1.25rem;
padding: 0;
border: none
}
.headerNTJScrollSection .NTJScrollPanel #NTJScroller ul.ntjMenu li {
position: relative;
grid-gap: 0;
grid-row-gap: 2px;
grid-template-areas: 'raceName raceName raceName' 'raceNum raceNum raceNum' 'icon raceTime raceTime';
grid-template-rows: auto auto min-content;
grid-template-columns: 1fr 1fr 1fr;
align-items: center;
min-width: 8.75rem;
padding: .675rem;
padding-top: 1.25rem;
background-color: #1f1f1f;
border: solid 1px #2b2b2b;
border-radius: 10px;
color: #fdfdfd;
font-size: 1rem;
text-transform: none;
font-weight: 700;
font-style: normal;
letter-spacing: unset;
line-height: 1rem;
text-align: center
}
.headerNTJScrollSection .NTJScrollPanel #NTJScroller ul.ntjMenu li span.icon {
grid-area: icon;
padding: 0;
background-color: #1f1f1f;
color: #0bd51f;
font-size: 1.5rem
}
.headerNTJScrollSection .NTJScrollPanel #NTJScroller ul.ntjMenu li div.text {
grid-area: raceName;
line-height: normal
}
.headerNTJScrollSection .NTJScrollPanel #NTJScroller ul.ntjMenu li div.text div {
font-size: 1rem;
font-weight: 600
}
.headerNTJScrollSection .NTJScrollPanel #NTJScroller ul.ntjMenu li div.textNum {
grid-area: raceNum;
font-size: .9rem;
font-weight: 400;
text-align: left;
line-height: 1rem
}
.headerNTJScrollSection .NTJScrollPanel #NTJScroller ul.ntjMenu li div.textNum div {
display: inline
}
.headerNTJScrollSection .NTJScrollPanel #NTJScroller ul.ntjMenu li div.textNum:before {
content: 'Race '
}
.headerNTJScrollSection .NTJScrollPanel #NTJScroller ul.ntjMenu li div.clock {
grid-area: raceTime;
display: flex;
align-items: center;
justify-content: center;
justify-self: end;
height: 100%;
min-height: 100%
}
.headerNTJScrollSection .NTJScrollPanel #NTJScroller ul.ntjMenu li div.clock>div {
display: flex;
align-items: center;
justify-content: center;
height: 1.5rem;
min-width: 3rem;
margin: 0;
background-color: #fdfdfd;
border: solid 1px #fdfdfd;
border-radius: 1.5rem;
color: #0d0d0d;
font-weight: 500;
font-size: .85rem
}
.headerNTJScrollSection .NTJScrollPanel #NTJScroller ul.ntjMenu li div.clock>div span {
color: #0d0d0d
}
.headerNTJScrollSection .NTJScrollPanel #NTJScroller ul.ntjMenu li div.clock>div:after {
content: '';
position: absolute;
top: .625rem;
left: .625rem;
right: .625rem;
height: 4px;
width: calc(100% - 1.25rem);
background: #445045;
border-radius: 5px
}
.headerNTJScrollSection .NTJScrollPanel #NTJScroller ul.ntjMenu li div.clock>div.closed {
opacity: .5;
font-weight: 400
}
.headerNTJScrollSection .NTJScrollPanel #NTJScroller ul.ntjMenu li div.clock>div.ttg120 {
background-color: #cb1029;
border-color: #cb1029;
color: #fdfdfd
}
.headerNTJScrollSection .NTJScrollPanel #NTJScroller ul.ntjMenu li div.clock>div.ttg120 div {
color: #fdfdfd
}
.headerNTJScrollSection .NTJScrollPanel #NTJScroller ul.ntjMenu li div.clock>div.ttg120 span {
color: #fdfdfd
}
.headerNTJScrollSection .NTJScrollPanel #NTJScroller ul.ntjMenu li div.clock>div.ttg120:after {
background: #cb1029
}
.headerNTJScrollSection .NTJScrollPanel #NTJScroller ul.ntjMenu li div.clock>div.ttg600 {
background-color: #0bd51f;
border-color: #0bd51f;
color: #0d0d0d
}
.headerNTJScrollSection .NTJScrollPanel #NTJScroller ul.ntjMenu li div.clock>div.ttg600:after {
background: #0bd51f
}
.headerNTJScrollSection .NTJScrollPanel #NTJScroller ul.ntjMenu li div.clock>div.ttg600 div {
color: #0d0d0d
}
.headerNTJScrollSection .NTJScrollPanel #NTJScroller ul.ntjMenu li div.clock>div.ttg600 span {
color: #0d0d0d
}
.headerNTJScrollSection .NTJScrollPanel #NTJScroller ul.ntjMenu li:hover:not(.disabled) {
background-color: #282828;
border-color: #282828
}
body {
background-color: #0d0d0d;
color: #fdfdfd;
font-family: "Barlow Semi Condensed",Helvetica,Arial,Sans-Serif;
font-size: 16px;
letter-spacing: .5px
}
body.internalScrolling>#mainContent.fullwidth {
padding-right: 1.5625rem
}
body.useBodyGrid {
grid-row-gap: .625rem;
grid-template-columns: 1fr 18rem minmax(55rem,65rem) minmax(20rem,21.5rem) 1fr
}
body.useBodyGrid>#headerBar {
background-image: -webkit-linear-gradient(top,#0d0d0d 0,#0d0d0d 2rem,#0d0d0d 5rem,transparent 5rem,transparent 100%);
background-color: #0d0d0d
}
body.useBodyGrid>header {
background-color: unset
}
body.useBodyGrid>header .headerContent {
padding: 0 1.25rem
}
body.useBodyGrid>header .headerContent nav {
grid-template-columns: 16rem 1fr auto;
padding-top: .625rem
}
body.useBodyGrid>header .headerContent nav .headDetails {
padding-right: 0
}
body.useBodyGrid>header #loginBox form .formLine {
margin-bottom: .9375rem
}
body.useBodyGrid>header #loginBox form .formLine>div {
color: #0d0d0d
}
body.useBodyGrid>header #loginBox form .formLine>div>input {
border-color: #dedede
}
body.useBodyGrid>header #loginBox form .formLine>div label:before {
background-color: transparent
}
body.useBodyGrid .widget_nextxraces {
grid-gap: 1.25rem
}
body>header .headerContent {
display: grid;
grid-gap: 0;
grid-row-gap: 1.25rem;
grid-template-areas: "main" "ntjScroller";
grid-template-columns: 1fr;
grid-template-rows: auto
}
body>header .headerContent>.headerNTJScrollSection {
grid-area: ntj
}
body>header .headerContent nav {
grid-area: main
}
body>header .headerContent nav .headLogo a {
height: unset
}
body>header .headerContent nav .headLogo img {
height: 3.75rem
}
body>header .headerContent nav .headNav .tabs {
padding: 0
}
body>header .headerContent nav .headNav .tabs li {
flex-grow: 0;
height: 2.5rem;
min-height: 2.5rem;
min-width: 7.5rem;
padding: 0;
border: none
}
body>header .headerContent nav .headNav .tabs li a[class^="icon-"],body>header .headerContent nav .headNav .tabs li a[class*=" icon-"] {
padding: .375rem .75rem;
cursor: pointer;
text-align: center;
vertical-align: middle;
border: 1px solid #0d0d0d;
color: #0d0d0d;
font-weight: bold;
background-color: #fdfdfd;
border-radius: 10px;
position: relative;
display: inline-flex;
justify-content: center;
align-items: center;
min-width: 2.5rem;
padding: .25rem .9375rem;
border-radius: 2.5rem;
letter-spacing: .5px;
min-height: 2.5rem;
padding: .25rem .75rem;
background-color: unset;
border: solid 2px #fdfdfd;
border-radius: 2.5rem !important;
color: #fdfdfd;
font-family: "Barlow Semi Condensed",Helvetica,Arial,Sans-Serif;
font-size: .9rem;
font-style: italic;
font-weight: 700;
text-transform: uppercase
}
body>header .headerContent nav .headNav .tabs li a[class^="icon-"]:hover,body>header .headerContent nav .headNav .tabs li a[class*=" icon-"]:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
body>header .headerContent nav .headNav .tabs li a[class^="icon-"].selected,body>header .headerContent nav .headNav .tabs li a[class*=" icon-"].selected {
background-color: #1f1f1f;
color: #fdfdfd
}
body>header .headerContent nav .headNav .tabs li a[class^="icon-"].selected:hover,body>header .headerContent nav .headNav .tabs li a[class*=" icon-"].selected:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
body>header .headerContent nav .headNav .tabs li a[class^="icon-"].inverse,body>header .headerContent nav .headNav .tabs li a[class*=" icon-"].inverse {
background-color: transparent;
border-color: #fdfdfd;
color: #fdfdfd
}
body>header .headerContent nav .headNav .tabs li a[class^="icon-"].inverse:hover,body>header .headerContent nav .headNav .tabs li a[class*=" icon-"].inverse:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
body>header .headerContent nav .headNav .tabs li a[class^="icon-"].inverse.selected,body>header .headerContent nav .headNav .tabs li a[class*=" icon-"].inverse.selected {
background-color: rgba(253,253,253,.4)
}
body>header .headerContent nav .headNav .tabs li a[class^="icon-"].inverse.selected:hover,body>header .headerContent nav .headNav .tabs li a[class*=" icon-"].inverse.selected:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
body>header .headerContent nav .headNav .tabs li a[class^="icon-"].expired,body>header .headerContent nav .headNav .tabs li a[class*=" icon-"].expired {
background-color: #bfbfbf;
border-color: #262626;
color: #262626;
color: #0d0d0d
}
body>header .headerContent nav .headNav .tabs li a[class^="icon-"].expired:hover,body>header .headerContent nav .headNav .tabs li a[class*=" icon-"].expired:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
body>header .headerContent nav .headNav .tabs li a[class^="icon-"].expired.selected,body>header .headerContent nav .headNav .tabs li a[class*=" icon-"].expired.selected {
background-color: #8c8c8c;
border-color: #0d0d0d;
color: #0d0d0d
}
body>header .headerContent nav .headNav .tabs li a[class^="icon-"].expired.selected:hover,body>header .headerContent nav .headNav .tabs li a[class*=" icon-"].expired.selected:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
body>header .headerContent nav .headNav .tabs li a[class^="icon-"].delete,body>header .headerContent nav .headNav .tabs li a[class*=" icon-"].delete {
background-color: #cb1029;
border-color: #f797a4;
color: #fdfdfd
}
body>header .headerContent nav .headNav .tabs li a[class^="icon-"].delete:hover,body>header .headerContent nav .headNav .tabs li a[class*=" icon-"].delete:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
body>header .headerContent nav .headNav .tabs li a[class^="icon-"].delete.selected,body>header .headerContent nav .headNav .tabs li a[class*=" icon-"].delete.selected {
background-color: #6c0916
}
body>header .headerContent nav .headNav .tabs li a[class^="icon-"].delete.selected:hover,body>header .headerContent nav .headNav .tabs li a[class*=" icon-"].delete.selected:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
body>header .headerContent nav .headNav .tabs li a[class^="icon-"].confirm,body>header .headerContent nav .headNav .tabs li a[class*=" icon-"].confirm {
background-color: #1f1f1f;
border-color: #1f1f1f;
color: #fdfdfd
}
body>header .headerContent nav .headNav .tabs li a[class^="icon-"].confirm:hover,body>header .headerContent nav .headNav .tabs li a[class*=" icon-"].confirm:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
body>header .headerContent nav .headNav .tabs li a[class^="icon-"].confirm.selected,body>header .headerContent nav .headNav .tabs li a[class*=" icon-"].confirm.selected {
background-color: #0d0d0d
}
body>header .headerContent nav .headNav .tabs li a[class^="icon-"].confirm.selected:hover,body>header .headerContent nav .headNav .tabs li a[class*=" icon-"].confirm.selected:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
body>header .headerContent nav .headNav .tabs li a[class^="icon-"].disabled,body>header .headerContent nav .headNav .tabs li a[class*=" icon-"].disabled {
opacity: .5
}
body>header .headerContent nav .headNav .tabs li a[class^="icon-"].betlink,body>header .headerContent nav .headNav .tabs li a[class*=" icon-"].betlink {
border-color: #0d0d0d;
color: #0d0d0d;
min-width: 100%;
white-space: nowrap
}
body>header .headerContent nav .headNav .tabs li a[class^="icon-"].betlink:hover,body>header .headerContent nav .headNav .tabs li a[class*=" icon-"].betlink:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
body>header .headerContent nav .headNav .tabs li a[class^="icon-"].betlink.selected,body>header .headerContent nav .headNav .tabs li a[class*=" icon-"].betlink.selected {
background-color: #0d0d0d;
color: #0d0d0d
}
body>header .headerContent nav .headNav .tabs li a[class^="icon-"].betlink.selected:hover,body>header .headerContent nav .headNav .tabs li a[class*=" icon-"].betlink.selected:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
body>header .headerContent nav .headNav .tabs li a[class^="icon-"][class^="icon-"],body>header .headerContent nav .headNav .tabs li a[class*=" icon-"][class^="icon-"],body>header .headerContent nav .headNav .tabs li a[class^="icon-"][class*=" icon-"],body>header .headerContent nav .headNav .tabs li a[class*=" icon-"][class*=" icon-"] {
padding-top: .225rem;
padding-bottom: .225rem;
padding-left: .225rem
}
body>header .headerContent nav .headNav .tabs li a[class^="icon-"][class^="icon-"]:before,body>header .headerContent nav .headNav .tabs li a[class*=" icon-"][class^="icon-"]:before,body>header .headerContent nav .headNav .tabs li a[class^="icon-"][class*=" icon-"]:before,body>header .headerContent nav .headNav .tabs li a[class*=" icon-"][class*=" icon-"]:before {
font-size: 1.9rem;
font-weight: normal;
padding-right: .225rem
}
body>header .headerContent nav .headNav .tabs li a[class^="icon-"][class^="icon-"]:empty,body>header .headerContent nav .headNav .tabs li a[class*=" icon-"][class^="icon-"]:empty,body>header .headerContent nav .headNav .tabs li a[class^="icon-"][class*=" icon-"]:empty,body>header .headerContent nav .headNav .tabs li a[class*=" icon-"][class*=" icon-"]:empty {
padding: .225rem
}
body>header .headerContent nav .headNav .tabs li a[class^="icon-"][class^="icon-"]:empty:before,body>header .headerContent nav .headNav .tabs li a[class*=" icon-"][class^="icon-"]:empty:before,body>header .headerContent nav .headNav .tabs li a[class^="icon-"][class*=" icon-"]:empty:before,body>header .headerContent nav .headNav .tabs li a[class*=" icon-"][class*=" icon-"]:empty:before {
padding: 0
}
body>header .headerContent nav .headNav .tabs li a[class^="icon-"][class^="icon-"].vertical,body>header .headerContent nav .headNav .tabs li a[class*=" icon-"][class^="icon-"].vertical,body>header .headerContent nav .headNav .tabs li a[class^="icon-"][class*=" icon-"].vertical,body>header .headerContent nav .headNav .tabs li a[class*=" icon-"][class*=" icon-"].vertical {
flex-direction: column;
align-items: center;
padding-right: .225rem;
padding-bottom: .3rem
}
body>header .headerContent nav .headNav .tabs li a[class^="icon-"].small,body>header .headerContent nav .headNav .tabs li a[class*=" icon-"].small {
min-height: 1.875rem;
font-size: .75rem;
padding: .21875rem .4375rem
}
body>header .headerContent nav .headNav .tabs li a[class^="icon-"].small[class^="icon-"],body>header .headerContent nav .headNav .tabs li a[class*=" icon-"].small[class^="icon-"],body>header .headerContent nav .headNav .tabs li a[class^="icon-"].small[class*=" icon-"],body>header .headerContent nav .headNav .tabs li a[class*=" icon-"].small[class*=" icon-"] {
padding-top: .16875rem;
padding-bottom: .16875rem;
padding-left: .16875rem
}
body>header .headerContent nav .headNav .tabs li a[class^="icon-"].small[class^="icon-"]:before,body>header .headerContent nav .headNav .tabs li a[class*=" icon-"].small[class^="icon-"]:before,body>header .headerContent nav .headNav .tabs li a[class^="icon-"].small[class*=" icon-"]:before,body>header .headerContent nav .headNav .tabs li a[class*=" icon-"].small[class*=" icon-"]:before {
font-size: 1.425rem;
font-weight: normal;
padding-right: .16875rem
}
body>header .headerContent nav .headNav .tabs li a[class^="icon-"].small[class^="icon-"]:empty,body>header .headerContent nav .headNav .tabs li a[class*=" icon-"].small[class^="icon-"]:empty,body>header .headerContent nav .headNav .tabs li a[class^="icon-"].small[class*=" icon-"]:empty,body>header .headerContent nav .headNav .tabs li a[class*=" icon-"].small[class*=" icon-"]:empty {
padding: .16875rem
}
body>header .headerContent nav .headNav .tabs li a[class^="icon-"].small[class^="icon-"]:empty:before,body>header .headerContent nav .headNav .tabs li a[class*=" icon-"].small[class^="icon-"]:empty:before,body>header .headerContent nav .headNav .tabs li a[class^="icon-"].small[class*=" icon-"]:empty:before,body>header .headerContent nav .headNav .tabs li a[class*=" icon-"].small[class*=" icon-"]:empty:before {
padding: 0
}
body>header .headerContent nav .headNav .tabs li a[class^="icon-"].small[class^="icon-"].vertical,body>header .headerContent nav .headNav .tabs li a[class*=" icon-"].small[class^="icon-"].vertical,body>header .headerContent nav .headNav .tabs li a[class^="icon-"].small[class*=" icon-"].vertical,body>header .headerContent nav .headNav .tabs li a[class*=" icon-"].small[class*=" icon-"].vertical {
padding-right: .16875rem
}
body>header .headerContent nav .headNav .tabs li a[class^="icon-"].majorAction,body>header .headerContent nav .headNav .tabs li a[class*=" icon-"].majorAction {
font-size: 1.4rem;
padding: .875rem
}
body>header .headerContent nav .headNav .tabs li a[class^="icon-"].majorAction[class^="icon-"],body>header .headerContent nav .headNav .tabs li a[class*=" icon-"].majorAction[class^="icon-"],body>header .headerContent nav .headNav .tabs li a[class^="icon-"].majorAction[class*=" icon-"],body>header .headerContent nav .headNav .tabs li a[class*=" icon-"].majorAction[class*=" icon-"] {
padding-top: .315rem;
padding-bottom: .315rem;
padding-left: .315rem
}
body>header .headerContent nav .headNav .tabs li a[class^="icon-"].majorAction[class^="icon-"]:before,body>header .headerContent nav .headNav .tabs li a[class*=" icon-"].majorAction[class^="icon-"]:before,body>header .headerContent nav .headNav .tabs li a[class^="icon-"].majorAction[class*=" icon-"]:before,body>header .headerContent nav .headNav .tabs li a[class*=" icon-"].majorAction[class*=" icon-"]:before {
font-size: 2.66rem;
font-weight: normal;
padding-right: .315rem
}
body>header .headerContent nav .headNav .tabs li a[class^="icon-"].majorAction[class^="icon-"]:empty,body>header .headerContent nav .headNav .tabs li a[class*=" icon-"].majorAction[class^="icon-"]:empty,body>header .headerContent nav .headNav .tabs li a[class^="icon-"].majorAction[class*=" icon-"]:empty,body>header .headerContent nav .headNav .tabs li a[class*=" icon-"].majorAction[class*=" icon-"]:empty {
padding: .315rem
}
body>header .headerContent nav .headNav .tabs li a[class^="icon-"].majorAction[class^="icon-"]:empty:before,body>header .headerContent nav .headNav .tabs li a[class*=" icon-"].majorAction[class^="icon-"]:empty:before,body>header .headerContent nav .headNav .tabs li a[class^="icon-"].majorAction[class*=" icon-"]:empty:before,body>header .headerContent nav .headNav .tabs li a[class*=" icon-"].majorAction[class*=" icon-"]:empty:before {
padding: 0
}
body>header .headerContent nav .headNav .tabs li a[class^="icon-"].invisible,body>header .headerContent nav .headNav .tabs li a[class*=" icon-"].invisible {
visibility: hidden
}
body>header .headerContent nav .headNav .tabs li a[class^="icon-"].tooltip,body>header .headerContent nav .headNav .tabs li a[class*=" icon-"].tooltip {
position: relative;
display: inline-block
}
body>header .headerContent nav .headNav .tabs li a[class^="icon-"].tooltip .tooltiptext,body>header .headerContent nav .headNav .tabs li a[class*=" icon-"].tooltip .tooltiptext {
visibility: hidden;
width: auto;
background-color: #333;
color: #fdfdfd;
text-align: center;
padding: 3px;
border-radius: 10px;
position: absolute;
top: 3px;
right: 3px;
z-index: 490;
font-size: 13px;
line-height: 16px;
font-weight: normal
}
body>header .headerContent nav .headNav .tabs li a[class^="icon-"].tooltip:hover .tooltiptext,body>header .headerContent nav .headNav .tabs li a[class*=" icon-"].tooltip:hover .tooltiptext {
visibility: visible
}
body>header .headerContent nav .headNav .tabs li a[class^="icon-"]:hover:not(.disabled,.selected,.expired),body>header .headerContent nav .headNav .tabs li a[class*=" icon-"]:hover:not(.disabled,.selected,.expired) {
opacity: 1
}
body>header .headerContent nav .headNav .tabs li a[class^="icon-"]:hover:not(.disabled,.selected),body>header .headerContent nav .headNav .tabs li a[class*=" icon-"]:hover:not(.disabled,.selected) {
background-color: #282828;
border-color: #fdfdfd;
color: #fdfdfd
}
body>header .headerContent nav .headNav .tabs li a[class^="icon-"].selected,body>header .headerContent nav .headNav .tabs li a[class*=" icon-"].selected {
background-color: #0bd51f;
border-color: #0bd51f;
color: #0d0d0d
}
body>header .headerContent nav .headNav .tabs li a[class^="icon-"].selected:hover:not(.disabled,.expired),body>header .headerContent nav .headNav .tabs li a[class*=" icon-"].selected:hover:not(.disabled,.expired) {
opacity: 1;
background-color: #13f32a;
border-color: #13f32a;
color: #0d0d0d
}
body>header .headerContent nav .headNav .tabs li a[class^="icon-"].disabled,body>header .headerContent nav .headNav .tabs li a[class*=" icon-"].disabled {
opacity: .65
}
body>header .headerContent nav .headNav .tabs li a[class^="icon-"].disabled:hover,body>header .headerContent nav .headNav .tabs li a[class*=" icon-"].disabled:hover {
cursor: default
}
body>header .headerContent nav .headNav .tabs li a[class^="icon-"][class^="icon-"],body>header .headerContent nav .headNav .tabs li a[class*=" icon-"][class^="icon-"],body>header .headerContent nav .headNav .tabs li a[class^="icon-"][class*=" icon-"],body>header .headerContent nav .headNav .tabs li a[class*=" icon-"][class*=" icon-"] {
grid-gap: .25rem;
padding: .5rem;
border-radius: 10px
}
body>header .headerContent nav .headNav .tabs li a[class^="icon-"][class^="icon-"]:empty,body>header .headerContent nav .headNav .tabs li a[class*=" icon-"][class^="icon-"]:empty,body>header .headerContent nav .headNav .tabs li a[class^="icon-"][class*=" icon-"]:empty,body>header .headerContent nav .headNav .tabs li a[class*=" icon-"][class*=" icon-"]:empty {
min-width: 2.5rem
}
body>header .headerContent nav .headNav .tabs li a[class^="icon-"][class^="icon-"]:before,body>header .headerContent nav .headNav .tabs li a[class*=" icon-"][class^="icon-"]:before,body>header .headerContent nav .headNav .tabs li a[class^="icon-"][class*=" icon-"]:before,body>header .headerContent nav .headNav .tabs li a[class*=" icon-"][class*=" icon-"]:before {
padding: 0;
font-size: 1.5rem
}
body>header .headerContent nav .headNav .tabs li a[class^="icon-"][class^="icon-"].vertical,body>header .headerContent nav .headNav .tabs li a[class*=" icon-"][class^="icon-"].vertical,body>header .headerContent nav .headNav .tabs li a[class^="icon-"][class*=" icon-"].vertical,body>header .headerContent nav .headNav .tabs li a[class*=" icon-"][class*=" icon-"].vertical {
justify-content: center;
grid-gap: .25rem;
padding: .625rem .75rem;
border-radius: 10px
}
body>header .headerContent nav .headNav .tabs li a[class^="icon-"][class^="icon-"].vertical:before,body>header .headerContent nav .headNav .tabs li a[class*=" icon-"][class^="icon-"].vertical:before,body>header .headerContent nav .headNav .tabs li a[class^="icon-"][class*=" icon-"].vertical:before,body>header .headerContent nav .headNav .tabs li a[class*=" icon-"][class*=" icon-"].vertical:before {
position: unset;
display: flex;
align-items: center;
justify-content: center;
justify-self: center;
height: 2.5rem;
width: 2.5rem;
border: solid 2px #0bd51f;
border-radius: 2.5rem;
font-size: 1.5rem
}
body>header .headerContent nav .headNav .tabs li a[class^="icon-"][class^="icon-"].vertical.selected:before,body>header .headerContent nav .headNav .tabs li a[class*=" icon-"][class^="icon-"].vertical.selected:before,body>header .headerContent nav .headNav .tabs li a[class^="icon-"][class*=" icon-"].vertical.selected:before,body>header .headerContent nav .headNav .tabs li a[class*=" icon-"][class*=" icon-"].vertical.selected:before {
border-color: #0d0d0d
}
body>header .headerContent nav .headNav .tabs li a[class^="icon-"].expired,body>header .headerContent nav .headNav .tabs li a[class*=" icon-"].expired {
opacity: .65;
background-color: unset;
border-color: #fdfdfd;
color: #fdfdfd
}
body>header .headerContent nav .headNav .tabs li a[class^="icon-"].expired:hover:not(.disabled,.selected),body>header .headerContent nav .headNav .tabs li a[class*=" icon-"].expired:hover:not(.disabled,.selected) {
opacity: .75;
background-color: #13f32a;
border-color: #fdfdfd;
color: #fdfdfd
}
body>header .headerContent nav .headNav .tabs li a[class^="icon-"].expired.selected,body>header .headerContent nav .headNav .tabs li a[class*=" icon-"].expired.selected {
opacity: .65;
background-color: #0bd51f;
border-color: #0bd51f;
color: #0d0d0d
}
body>header .headerContent nav .headNav .tabs li a[class^="icon-"].delete,body>header .headerContent nav .headNav .tabs li a[class*=" icon-"].delete {
background-color: #cb1029;
border-color: #cb1029
}
body>header .headerContent nav .headNav .tabs li a[class^="icon-"].delete.selected,body>header .headerContent nav .headNav .tabs li a[class*=" icon-"].delete.selected {
background-color: #cb1029;
border-color: #cb1029;
color: #fdfdfd
}
body>header .headerContent nav .headNav .tabs li a[class^="icon-"].delete:hover:not(.disabled),body>header .headerContent nav .headNav .tabs li a[class*=" icon-"].delete:hover:not(.disabled) {
background-color: #b30e24;
border-color: #b30e24;
color: #fdfdfd
}
body>header .headerContent nav .headNav .tabs li a[class^="icon-"].confirm,body>header .headerContent nav .headNav .tabs li a[class*=" icon-"].confirm {
background-color: transparent;
border-color: #0bd51f;
color: #fdfdfd
}
body>header .headerContent nav .headNav .tabs li a[class^="icon-"].confirm.selected,body>header .headerContent nav .headNav .tabs li a[class*=" icon-"].confirm.selected {
background-color: #0bd51f;
border-color: #0bd51f;
color: #0d0d0d
}
body>header .headerContent nav .headNav .tabs li a[class^="icon-"].confirm.selected:hover,body>header .headerContent nav .headNav .tabs li a[class*=" icon-"].confirm.selected:hover {
opacity: 1;
background-color: #0ced23;
border-color: #0ced23;
color: #0d0d0d
}
body>header .headerContent nav .headNav .tabs li a[class^="icon-"].confirm:hover:not(.disabled,.selected),body>header .headerContent nav .headNav .tabs li a[class*=" icon-"].confirm:hover:not(.disabled,.selected) {
opacity: 1;
background-color: #282828;
border-color: #0bd51f;
color: #fdfdfd
}
body>header .headerContent nav .headNav .tabs li a[class^="icon-"].inverse,body>header .headerContent nav .headNav .tabs li a[class*=" icon-"].inverse {
border-color: #1f1f1f;
color: #0d0d0d
}
body>header .headerContent nav .headNav .tabs li a[class^="icon-"].inverse:hover:not(.disabled,.selected),body>header .headerContent nav .headNav .tabs li a[class*=" icon-"].inverse:hover:not(.disabled,.selected) {
background-color: #adb4bd;
border-color: #1f1f1f;
color: #0d0d0d
}
body>header .headerContent nav .headNav .tabs li a[class^="icon-"].betlink,body>header .headerContent nav .headNav .tabs li a[class*=" icon-"].betlink {
min-height: 3.125rem;
width: 100%;
min-width: 4.375rem;
padding: .25rem .5rem;
background-color: #353e36;
border-color: #353e36;
border-width: 1px;
border-radius: 5px;
color: #fdfdfd;
font-size: 1.1rem;
font-style: normal;
font-weight: 600
}
body>header .headerContent nav .headNav .tabs li a[class^="icon-"].betlink:hover:not(.disabled,.selected),body>header .headerContent nav .headNav .tabs li a[class*=" icon-"].betlink:hover:not(.disabled,.selected) {
background-color: #445045;
border-color: #445045
}
body>header .headerContent nav .headNav .tabs li a[class^="icon-"].betlink.selected,body>header .headerContent nav .headNav .tabs li a[class*=" icon-"].betlink.selected {
background-color: #0bd51f;
border-color: #0bd51f;
color: #0d0d0d
}
body>header .headerContent nav .headNav .tabs li a[class^="icon-"].betlink.selected.disabled,body>header .headerContent nav .headNav .tabs li a[class*=" icon-"].betlink.selected.disabled {
opacity: .4;
background-color: #0bd51f;
border-color: #0bd51f;
color: #0d0d0d
}
body>header .headerContent nav .headNav .tabs li a[class^="icon-"].betlink.selected.disabled:hover,body>header .headerContent nav .headNav .tabs li a[class*=" icon-"].betlink.selected.disabled:hover {
opacity: .4;
background-color: #0bd51f;
border-color: #0bd51f;
color: #0d0d0d
}
body>header .headerContent nav .headNav .tabs li a[class^="icon-"].betlink.disabled,body>header .headerContent nav .headNav .tabs li a[class*=" icon-"].betlink.disabled {
opacity: .4;
color: #fdfdfd
}
body>header .headerContent nav .headNav .tabs li a[class^="icon-"].betlink.disabled:hover,body>header .headerContent nav .headNav .tabs li a[class*=" icon-"].betlink.disabled:hover {
opacity: .4;
background-color: #353e36;
border-color: #353e36;
color: #fdfdfd
}
body>header .headerContent nav .headNav .tabs li a[class^="icon-"].small,body>header .headerContent nav .headNav .tabs li a[class*=" icon-"].small {
padding: .25rem .625rem
}
body>header .headerContent nav .headNav .tabs li a[class^="icon-"].login,body>header .headerContent nav .headNav .tabs li a[class*=" icon-"].login {
background-color: transparent;
border-color: #0bd51f;
color: #fdfdfd
}
body>header .headerContent nav .headNav .tabs li a[class^="icon-"].login:hover:not(.disabled,.selected),body>header .headerContent nav .headNav .tabs li a[class*=" icon-"].login:hover:not(.disabled,.selected) {
opacity: 1;
background-color: #333;
border-color: #0bd51f;
color: #fdfdfd
}
body>header .headerContent nav .headNav .tabs li a[class^="icon-"].login.selected,body>header .headerContent nav .headNav .tabs li a[class*=" icon-"].login.selected {
opacity: 1;
background-color: #404040;
border-color: #0bd51f;
color: #fdfdfd
}
body>header .headerContent nav .headNav .tabs li a[class^="icon-"].login.selected:hover,body>header .headerContent nav .headNav .tabs li a[class*=" icon-"].login.selected:hover {
opacity: 1;
background-color: #4d4d4d;
border-color: #0bd51f;
color: #fdfdfd
}
body>header .headerContent nav .headNav .tabs li a[class^="icon-"].join,body>header .headerContent nav .headNav .tabs li a[class*=" icon-"].join {
background-color: #0bd51f;
border-color: #0bd51f;
color: #0d0d0d
}
body>header .headerContent nav .headNav .tabs li a[class^="icon-"].join:hover:not(.disabled),body>header .headerContent nav .headNav .tabs li a[class*=" icon-"].join:hover:not(.disabled) {
opacity: 1;
background-color: #13f32a;
border-color: #13f32a;
color: #0d0d0d
}
body>header .headerContent nav .headNav .tabs li a[class^="icon-"].button-primary,body>header .headerContent nav .headNav .tabs li a[class*=" icon-"].button-primary {
border: solid 2px #0bd51f
}
body>header .headerContent nav .headNav .tabs li a[class^="icon-"].buttonAcceptAction,body>header .headerContent nav .headNav .tabs li a[class*=" icon-"].buttonAcceptAction {
background-color: #0bd51f;
border-color: #0bd51f;
color: #0d0d0d
}
body>header .headerContent nav .headNav .tabs li a[class^="icon-"].buttonAcceptAction:hover,body>header .headerContent nav .headNav .tabs li a[class*=" icon-"].buttonAcceptAction:hover {
opacity: 1;
background-color: #0ac41d;
border-color: #0ac41d;
color: #0d0d0d
}
body>header .headerContent nav .headNav .tabs li a[class^="icon-"]:before,body>header .headerContent nav .headNav .tabs li a[class*=" icon-"]:before {
display: none
}
body>header .headerContent nav .simpleLogin {
grid-template-areas: "before before before before" "username password loginBtn joinBtn" "none help help help";
grid-template-columns: 10rem 10rem 6.25rem 6.25rem;
grid-template-rows: .9375rem 2.25rem .9375rem;
grid-row-gap: 0
}
body>header .headerContent nav .simpleLogin input {
padding: .5rem 1rem;
border-color: #292e29;
border-radius: 2.5rem;
font-family: inherit;
font-size: 1rem;
font-weight: 500;
text-align: center
}
body>header .headerContent nav .simpleLogin a.help {
justify-content: end;
min-height: unset;
padding: 0;
font-size: 0;
background-color: transparent;
border: none;
box-shadow: none
}
body>header .headerContent nav .simpleLogin a.help:before {
content: 'Forgot Password or Username?';
padding-top: .625rem;
color: #fdfdfd;
font-size: .85rem
}
body>header .headerContent nav .simpleLogin a.help:hover {
background-color: transparent;
border: none;
box-shadow: none
}
body>header .headerContent nav .simpleLogin a.help:hover:before {
text-decoration: underline
}
body>header .headerContent nav .simpleLogin #login_username {
width: 100%
}
body>header .headerContent nav .simpleLogin #login_password {
width: 100%
}
body>header .headerContent .headDetails .headerPopUp {
right: 1.25rem;
top: 5rem;
background-color: #fdfdfd;
border-radius: 10px;
box-shadow: 0 0 10px 5px #0d0d0d
}
body>header .headerContent.headerAcctMenu_icons nav {
padding-right: 1.25rem
}
body>header #loginBox form {
padding-bottom: 0
}
body>header #loginBox form .formLine:last-of-type>div {
font-family: "Barlow Semi Condensed",Helvetica,Arial,Sans-Serif;
font-size: 1rem;
font-style: italic;
font-weight: 700;
text-transform: uppercase
}
body>header #loginBox #loginSubmit {
background-color: transparent;
border-color: #fdfdfd;
border-color: #1f1f1f;
color: #0d0d0d;
color: #fdfdfd
}
body>header #loginBox #loginSubmit:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
body>header #loginBox #loginSubmit.selected {
background-color: rgba(253,253,253,.4)
}
body>header #loginBox #loginSubmit.selected:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
body>header #loginBox #loginSubmit:hover:not(.disabled,.selected) {
background-color: #adb4bd;
border-color: #1f1f1f;
color: #0d0d0d
}
body>header #loginBox #loginSubmit :hover:not(.disabled,.selected) {
opacity: 1
}
body>header #loginBox #loginSubmit :active:not(.disabled,.selected) {
opacity: 1
}
body>footer {
margin-top: 1.25rem;
padding: .9375rem;
padding: .625rem 0;
background-color: transparent
}
body>footer div.footerContent {
opacity: .9
}
body>footer div.footerContent h4 {
justify-content: center;
border: none
}
body>footer div.footerContent .footerLogoSection {
display: grid;
grid-gap: 0 1.25rem;
grid-template-columns: 1fr 1fr;
grid-template-rows: 1fr 1fr;
grid-template-areas: 'wagerProv bankProv' 'wagerProv downApp';
margin-bottom: 1.25rem
}
body>footer div.footerContent .wageringProv div,body>footer div.footerContent .bankingProv div,body>footer div.footerContent .downloadApp div {
justify-content: center;
width: 100%;
margin: 0
}
body>footer div.footerContent .wageringProv div,body>footer div.footerContent .bankingProv div {
grid-template-columns: repeat(auto-fit,minmax(4.375rem,4.375rem));
justify-self: center;
width: 100%;
margin: 0
}
body>footer div.footerContent .wageringProv div img,body>footer div.footerContent .bankingProv div img {
max-height: 4.375rem;
padding: .25rem;
background-color: #fdfdfd;
border-radius: 10px
}
body>footer div.footerContent .wageringProv {
grid-area: wagerProv
}
body>footer div.footerContent .bankingProv {
grid-area: bankProv
}
body>footer div.footerContent .downloadApp {
grid-area: downApp;
display: grid;
align-self: end;
text-align: center
}
body>footer div.footerContent .downloadApp div {
display: grid;
grid-template-columns: auto auto;
grid-gap: .625rem
}
body>footer div.footerContent .downloadApp div img {
justify-self: center;
max-height: 4.375rem
}
body>footer div.footerContent .links {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr
}
body>footer div.footerContent .links div h4 {
justify-content: start;
background-color: transparent;
white-space: nowrap
}
body>footer div.footerContent .links div ul li {
min-height: 1.75rem;
padding: 0
}
body>footer div.footerContent .links div ul li a {
padding: 0;
color: #fdfdfd;
font-size: 1rem
}
body>footer div.footerContent .legal {
flex-direction: column;
gap: .5rem;
color: #fdfdfd;
font-size: 1rem
}
body>footer div.footerContent .legal p.gmblMsg img {
max-height: 2.5rem;
margin-left: .3125rem;
margin-right: .625rem
}
body>footer div.footerContent .system a {
color: #fdfdfd
}
body>footer div.footerContent a.inTextHyperlink {
color: #fdfdfd
}
body>footer h1,body>footer h2,body>footer h3,body>footer h4 {
border-radius: 0;
background-color: transparent
}
body>footer .staticFooter {
grid-gap: .625rem;
grid-template-columns: 1.75fr 1fr;
margin: .3125rem 0;
margin-bottom: 1.25rem
}
body>footer .staticFooter .sessionTime,body>footer .staticFooter .system {
color: #fdfdfd;
font-size: .9rem;
font-weight: 500
}
body.internalScrolling #leftColumnScroller .os-padding div .os-content {
padding-right: 0 !important
}
body.internalScrolling #rightColumnScroller .os-padding div .os-content {
padding-left: 0 !important;
grid-template-rows: auto auto 1fr;
grid-gap: 0
}
body.internalScrolling>header .headerContent .headLogo {
padding-left: 0
}
body.popupPage.account h1 {
display: none
}
body.popupPage.account>section {
overflow-y: auto;
border-radius: 10px
}
body.popupPage.account .clientLogo {
padding: 0;
background-color: transparent;
text-align: center
}
body.popupPage.account .clientLogo img {
text-align: center
}
body.popupPage.account .staticMessage {
display: grid;
justify-content: center;
align-items: center;
min-height: 3.75rem;
margin-top: .9375rem;
padding: .625rem;
background-color: rgba(253,253,253,.1);
border-color: rgba(253,253,253,.1)
}
body.popupPage.account .staticMessage.correctText {
border-color: #0bd51f;
background-color: #0bd51f;
color: #0d0d0d
}
body.popupPage.account .staticMessage.errorText {
border-color: #cb1029;
background-color: #cb1029
}
body.popupPage.account .framePanel {
min-width: auto;
max-width: 40rem
}
body.popupPage.account .framePanel #CCR3dsReturn {
display: flex;
justify-self: center;
max-width: fit-content;
margin: 1.25rem 0;
margin-bottom: .3125rem;
background-color: #fdfdfd;
color: #0d0d0d
}
body.popupPage.account .framePanel a {
display: flex;
justify-self: center
}
.wc_home .staticContent {
overflow: visible;
display: grid;
grid-gap: 1.25rem;
padding: 0
}
.GW_rotatebanner {
justify-self: center;
margin-bottom: 0
}
.GW_rotatebanner img {
border-radius: 10px
}
.GW_rotatebanner .GW_rotatebanner_ctrl-bannerpicker {
position: absolute;
display: flex;
bottom: .4rem;
left: 50%;
transform: translateX(-50%)
}
.GW_rotatebanner .GW_rotatebanner_ctrl-bannerpicker .GW_rotatebanner_ctrl-bannerbutton {
border-radius: 50%;
height: .5rem;
width: .5rem;
background-color: #fdfdfd;
margin: 0 .2rem;
opacity: .5;
cursor: pointer
}
.GW_rotatebanner .GW_rotatebanner_ctrl-bannerpicker .GW_rotatebanner_ctrl-bannerbutton.selected {
background-color: #0bd51f
}
.GW_rotatebanner .GW_rotatebanner_ctrl-bannerpicker .GW_rotatebanner_ctrl-bannerbutton:hover {
opacity: 1
}
.GW_rotatebanner>.GW_rotatebanner_ctrl-nextbanner,.GW_rotatebanner>.GW_rotatebanner_ctrl-prevbanner {
display: flex;
align-items: center;
justify-content: center;
width: 3.5rem;
padding: .5rem
}
.GW_rotatebanner>.GW_rotatebanner_ctrl-nextbanner:before,.GW_rotatebanner>.GW_rotatebanner_ctrl-prevbanner:before {
color: #fdfdfd;
display: flex;
align-items: center;
justify-content: center;
height: 2rem;
width: 2rem;
border: solid 2px #fdfdfd;
border-radius: 2rem;
speak: never;
font-family: GW_Icons !important;
font-size: 1.125rem;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.GW_rotatebanner>.GW_rotatebanner_ctrl-prevbanner:before {
content: ""
}
.GW_rotatebanner>.GW_rotatebanner_ctrl-nextbanner:before {
content: ""
}
#HomeCMSSport .widget_upcomingmatches {
grid-template-columns: 1fr 1fr
}
#HomeCMSSport .widget_upcomingmatches .blocks {
margin-bottom: 1.25rem
}
#leftColumn .menuSection {
margin-top: 1.25rem;
overflow: hidden
}
#leftColumn .menuSection:first-of-type {
margin-top: 0
}
#leftColumn .menuSection>ul.tabs:first-of-type {
border-bottom: none;
margin: .625rem;
grid-gap: 0;
min-height: 3.25rem;
margin: 0;
padding: .375rem;
background-color: #1f1f1f;
border: solid 1px #0bd51f;
border-radius: 3.75rem
}
#leftColumn .menuSection>ul.tabs:first-of-type li {
flex: 0 1 3rem;
min-height: 3rem;
border-radius: 1.5rem;
padding: 0 .6rem
}
#leftColumn .menuSection>ul.tabs:first-of-type li {
flex-grow: 1;
min-height: calc(2.5rem - 2px);
padding: 0;
border: none;
box-shadow: none
}
#leftColumn .menuSection>ul.tabs:first-of-type li a {
font-family: "Barlow Semi Condensed",Helvetica,Arial,sans-serif
}
#leftColumn .menuSection>ul.tabs:first-of-type li a[class^="icon-"],#leftColumn .menuSection>ul.tabs:first-of-type li a[class*="icon-"] {
grid-gap: .46875rem;
padding: .25rem .5rem
}
#leftColumn .menuSection>ul.tabs:first-of-type li a[class^="icon-"]:before,#leftColumn .menuSection>ul.tabs:first-of-type li a[class*="icon-"]:before {
position: unset;
font-size: 1.5rem
}
#leftColumn .menuSection>ul.tabs:first-of-type li a[class^="icon-"]:empty,#leftColumn .menuSection>ul.tabs:first-of-type li a[class*="icon-"]:empty {
padding: 0
}
#leftColumn .menuSection>ul.tabs:first-of-type li.selected {
background-color: #0bd51f;
color: #0d0d0d
}
#leftColumn .menuSection>ul.tabs:first-of-type li.selected a {
color: #0d0d0d
}
#leftColumn .menuSection>ul.tabs:first-of-type li.selected:hover:not(.disabled) a {
color: #0d0d0d
}
.footerContent .wageringProv img {
max-height: 4.375rem
}
.footerContent .wageringProv div,.footerContent .bankingProv div {
display: grid;
grid-template-columns: repeat(6,1fr);
align-items: center;
justify-items: center;
margin-bottom: 2.5rem;
margin: 1.25rem 0;
grid-gap: .625rem
}
.footerContent .wageringProv div img,.footerContent .bankingProv div img {
max-width: 100%;
max-height: 3.5rem
}
.promoBlockContainer {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: .9375rem
}
.promoBlockContainer .promoBlock {
display: grid;
grid-template-rows: auto 1fr;
grid-gap: .9375rem;
margin-bottom: .625rem;
border-radius: unset
}
.promoBlockContainer .promoBlock img {
max-width: 100%;
border-radius: 7.5px
}
.promoBlockContainer .promoInfo {
display: block;
height: auto;
padding: .75rem;
background-color: #1f1f1f;
border: solid 1px #2b2b2b;
border-radius: 7.5px;
text-align: center;
text-align-last: center
}
.promoBlockContainer .promoInfo .staticMessage {
margin: 0;
padding: .75rem;
border: none;
border-bottom: double 3px #0bd51f;
border-top: double 3px #0bd51f;
border-radius: 0
}
.promoBlockContainer .promoInfo>p {
padding: .75rem;
margin: 0
}
.promoBlockContainer .promoInfo p:last-of-type {
margin-bottom: 0
}
.widget_quicklinkMenu dl.accordion dd,.widget_raceMenu dl.accordion dd,.widget_sportMenu dl.accordion dd {
margin-bottom: .46875rem;
margin-top: unset;
padding: .625rem;
padding-top: 0;
background-color: #1f1f1f;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px
}
.widget_quicklinkMenu dl.accordion dd ul,.widget_raceMenu dl.accordion dd ul,.widget_sportMenu dl.accordion dd ul {
list-style: none
}
.widget_quicklinkMenu dl.accordion dd ul li,.widget_raceMenu dl.accordion dd ul li,.widget_sportMenu dl.accordion dd ul li {
margin-top: .46875rem;
background-color: #333;
border: solid 1px #3d3d3d;
border-radius: 7.5px;
font-size: 1rem
}
.widget_quicklinkMenu dl.accordion dd ul li a,.widget_raceMenu dl.accordion dd ul li a,.widget_sportMenu dl.accordion dd ul li a {
display: flex;
align-items: center;
justify-content: start;
min-height: 2.25rem;
padding: .25rem .75rem;
font-size: 1.1rem;
line-height: 1rem
}
.widget_quicklinkMenu dl.accordion dd ul li:hover,.widget_raceMenu dl.accordion dd ul li:hover,.widget_sportMenu dl.accordion dd ul li:hover {
background-color: #393939
}
.widget_quicklinkMenu dl.accordion dd ul li:first-child,.widget_raceMenu dl.accordion dd ul li:first-child,.widget_sportMenu dl.accordion dd ul li:first-child {
margin: 0
}
.widget_quicklinkMenu dl.accordion dd ul li:last-child,.widget_raceMenu dl.accordion dd ul li:last-child,.widget_sportMenu dl.accordion dd ul li:last-child {
border-bottom-width: 1px
}
.widget_raceMenu dl.accordion,.widget_sportMenu dl.accordion {
margin-top: 1.25rem
}
.widget_racecard {
grid-gap: 1.25rem
}
.widget_racecard div.raceList {
grid-gap: .625rem
}
.widget_racecard div.raceList h3:before {
font-size: 1.5rem
}
.widget_racecard div.raceList a {
grid-gap: .625rem;
grid-row-gap: 0;
grid-template-areas: 'flag meeting jump' 'flag raceNum jump';
grid-template-columns: auto 1fr auto;
padding: .625rem;
background-color: #1f1f1f;
border: solid 1px #2b2b2b;
border-radius: 10px
}
.widget_racecard div.raceList a:hover {
background-color: #282828
}
.widget_racecard div.raceList .teamSilk {
height: 2.5rem;
width: 2.5rem
}
.widget_racecard div.raceList .meeting {
font-weight: 700
}
.widget_racecard div.raceList .raceNum {
text-align: left;
font-weight: normal
}
.widget_racecard div.raceList .raceNum:before {
content: 'Race '
}
.widget_racecard div.raceList .jump {
width: auto;
color: #fdfdfd;
background-color: unset;
border-radius: unset
}
.widget_racecard div.raceList .jump .time {
display: flex;
align-items: center;
justify-content: center;
height: 2.5rem;
width: 2.5rem;
background-color: #fdfdfd;
border-radius: 2.5rem;
color: #0d0d0d;
font-size: 1rem;
font-weight: 600
}
.widget_racecard div.raceList .jump .time.closed {
width: 5rem;
background-color: rgba(253,253,253,.4)
}
.widget_raceMenu .ntjMenu {
margin: 0 0 1.25rem 0;
padding: 1.25rem;
border: 1px solid #292e29;
border-radius: 10px;
overflow: hidden;
background-color: #1f1f1f;
border: solid 1px #2b2b2b;
padding: .9375rem;
margin: 0;
margin-top: 1.25rem;
padding: .625rem
}
.widget_raceMenu .ntjMenu .framePanel {
background-color: #1f1f1f;
margin-bottom: .625rem;
padding: .625rem
}
.widget_raceMenu .ntjMenu .gutterLess {
padding: 0
}
.widget_raceMenu .ntjMenu .gutterLess table,.widget_raceMenu .ntjMenu .gutterLess table.marketTable {
margin: 0
}
.widget_raceMenu .ntjMenu .gutterLess table thead tr,.widget_raceMenu .ntjMenu .gutterLess table.marketTable thead tr,.widget_raceMenu .ntjMenu .gutterLess table tbody tr,.widget_raceMenu .ntjMenu .gutterLess table.marketTable tbody tr {
border-left: none;
border-right: none
}
.widget_raceMenu .ntjMenu .gutterLess table thead tr td:first-child,.widget_raceMenu .ntjMenu .gutterLess table.marketTable thead tr td:first-child,.widget_raceMenu .ntjMenu .gutterLess table tbody tr td:first-child,.widget_raceMenu .ntjMenu .gutterLess table.marketTable tbody tr td:first-child,.widget_raceMenu .ntjMenu .gutterLess table thead tr th:first-child,.widget_raceMenu .ntjMenu .gutterLess table.marketTable thead tr th:first-child,.widget_raceMenu .ntjMenu .gutterLess table tbody tr th:first-child,.widget_raceMenu .ntjMenu .gutterLess table.marketTable tbody tr th:first-child {
border-left: none
}
.widget_raceMenu .ntjMenu .gutterLess table thead tr td:last-child,.widget_raceMenu .ntjMenu .gutterLess table.marketTable thead tr td:last-child,.widget_raceMenu .ntjMenu .gutterLess table tbody tr td:last-child,.widget_raceMenu .ntjMenu .gutterLess table.marketTable tbody tr td:last-child,.widget_raceMenu .ntjMenu .gutterLess table thead tr th:last-child,.widget_raceMenu .ntjMenu .gutterLess table.marketTable thead tr th:last-child,.widget_raceMenu .ntjMenu .gutterLess table tbody tr th:last-child,.widget_raceMenu .ntjMenu .gutterLess table.marketTable tbody tr th:last-child {
border-right: none
}
.widget_raceMenu .ntjMenu .gutterLess table tbody:last-of-type:last-child td,.widget_raceMenu .ntjMenu .gutterLess table.marketTable tbody:last-of-type:last-child td,.widget_raceMenu .ntjMenu .gutterLess table tbody:last-of-type:last-child th,.widget_raceMenu .ntjMenu .gutterLess table.marketTable tbody:last-of-type:last-child th {
border-bottom: none
}
.widget_raceMenu .ntjMenu .gutterLess table tbody:last-of-type:last-child td:first-child,.widget_raceMenu .ntjMenu .gutterLess table.marketTable tbody:last-of-type:last-child td:first-child,.widget_raceMenu .ntjMenu .gutterLess table tbody:last-of-type:last-child th:first-child,.widget_raceMenu .ntjMenu .gutterLess table.marketTable tbody:last-of-type:last-child th:first-child {
border-bottom-left-radius: 10px
}
.widget_raceMenu .ntjMenu .gutterLess table tbody:last-of-type:last-child td:last-child,.widget_raceMenu .ntjMenu .gutterLess table.marketTable tbody:last-of-type:last-child td:last-child,.widget_raceMenu .ntjMenu .gutterLess table tbody:last-of-type:last-child th:last-child,.widget_raceMenu .ntjMenu .gutterLess table.marketTable tbody:last-of-type:last-child th:last-child {
border-bottom-right-radius: 10px
}
.widget_raceMenu .ntjMenu .gutterLess table .teamSilk.asFlag,.widget_raceMenu .ntjMenu .gutterLess table.marketTable .teamSilk.asFlag {
width: 3rem;
height: 2rem
}
.widget_raceMenu .ntjMenu .framePanel {
padding-top: 0;
padding-bottom: 0
}
.widget_raceMenu .ntjMenu ul.tabs {
display: grid;
justify-content: center;
grid-gap: .625rem;
grid-template-columns: auto auto auto auto;
padding: .625rem 0;
padding-top: 0;
border: none
}
.widget_raceMenu .ntjMenu ul.tabs li {
border-color: #1f1f1f;
background-color: transparent;
border-color: #0bd51f;
color: #fdfdfd;
height: 2.5rem;
min-height: 2.5rem;
width: 2.5rem;
padding: 0;
background-color: #1f1f1f;
border: solid 2px #0bd51f;
border-radius: 2.5rem
}
.widget_raceMenu .ntjMenu ul.tabs li:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
.widget_raceMenu .ntjMenu ul.tabs li.selected {
background-color: #0d0d0d
}
.widget_raceMenu .ntjMenu ul.tabs li.selected:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
.widget_raceMenu .ntjMenu ul.tabs li.selected {
background-color: #0bd51f;
border-color: #0bd51f;
color: #0d0d0d
}
.widget_raceMenu .ntjMenu ul.tabs li.selected:hover {
opacity: 1;
background-color: #0ced23;
border-color: #0ced23;
color: #0d0d0d
}
.widget_raceMenu .ntjMenu ul.tabs li:hover:not(.disabled,.selected) {
opacity: 1;
background-color: #282828;
border-color: #0bd51f;
color: #fdfdfd
}
.widget_raceMenu .ntjMenu ul.tabs li a {
padding: 0;
color: #fdfdfd
}
.widget_raceMenu .ntjMenu ul.tabs li a:before {
font-size: 1.25rem
}
.widget_raceMenu .ntjMenu ul.tabs li.selected {
background-color: #0bd51f
}
.widget_raceMenu .ntjMenu ul.tabs li.selected a {
color: #0d0d0d
}
.widget_raceMenu .ntjMenu ul.tabs li.selected:hover {
opacity: 1;
background-color: #13f32a;
border-color: #13f32a
}
.widget_raceMenu .ntjMenu div.ntjList>a {
align-items: center;
align-content: center;
grid-column-gap: .625rem;
grid-row-gap: 0;
grid-template-areas: 'icon raceMeet timeToGo' 'icon raceNum timeToGo';
grid-template-columns: auto 1fr auto;
margin-top: .46875rem;
padding: .625rem;
background-color: #333;
border: solid 1px #333;
border-radius: 7.5px;
color: #fdfdfd
}
.widget_raceMenu .ntjMenu div.ntjList>a>div {
color: #fdfdfd
}
.widget_raceMenu .ntjMenu div.ntjList>a>div.icon {
grid-area: icon;
display: flex;
align-items: center;
justify-content: center;
height: 2.5rem;
width: 2.5rem;
border: solid 1px #0bd51f;
border-radius: 2.5rem
}
.widget_raceMenu .ntjMenu div.ntjList>a>div[class^="icon-"]:before,.widget_raceMenu .ntjMenu div.ntjList>a>div[class*=" icon-"]:before {
font-size: 1.25rem
}
.widget_raceMenu .ntjMenu div.ntjList>a>div.raceMeet {
grid-area: raceMeet
}
.widget_raceMenu .ntjMenu div.ntjList>a>div.raceNum {
grid-area: raceNum
}
.widget_raceMenu .ntjMenu div.ntjList>a>div.raceNum:before {
content: 'Race '
}
.widget_raceMenu .ntjMenu div.ntjList>a>div.timeToGo {
grid-area: timeToGo;
display: flex;
align-items: center;
justify-content: center;
height: 2.5rem;
width: 2.5rem;
background-color: #fdfdfd;
border-radius: 2.5rem;
color: #0d0d0d;
font-size: .9rem;
font-weight: 500
}
.widget_raceMenu .ntjMenu div.ntjList>a>div.timeToGo.closed {
opacity: .5;
font-weight: 400
}
.widget_raceMenu .ntjMenu div.ntjList>a>div.timeToGo.ttg120 {
background-color: #cb1029;
color: #fdfdfd
}
.widget_raceMenu .ntjMenu div.ntjList>a>div.timeToGo.ttg600 {
background-color: #0bd51f;
color: #0d0d0d
}
.widget_raceMenu .ntjMenu div.ntjList>a:first-of-type {
margin-top: 0
}
.widget_raceMenu .ntjMenu div.ntjList>a:hover {
background-color: #2d2d2d
}
.widget_raceMenu .ntjMenu:before {
content: 'Next to Jump';
width: 100%;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: .625rem;
background-color: transparent;
border-bottom: none;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
text-transform: uppercase;
font-weight: 700;
font-style: italic;
font-family: "Barlow Semi Condensed",Helvetica,Arial,Sans-Serif
}
.widget_upcomingmatches {
grid-gap: 1.25rem
}
.widget_upcomingmatches .framePanel {
position: relative;
grid-template-areas: "details details" "teamA teamB" "priceA priceB";
grid-template-columns: 1fr 1fr;
grid-gap: 0 .625rem;
justify-items: center;
padding: .625rem
}
.widget_upcomingmatches .framePanel a.details {
justify-items: center;
grid-gap: 0;
grid-column-gap: .3125rem;
grid-template-areas: 'icon description ttg';
grid-template-columns: auto 1fr auto;
width: 100%;
margin-bottom: .625rem;
padding: 0;
background: unset;
color: #fdfdfd;
line-height: 1rem;
text-align: center
}
.widget_upcomingmatches .framePanel a.details [class*="icon-"],.widget_upcomingmatches .framePanel a.details [class^="icon-"] {
display: flex;
align-items: center;
justify-content: center;
height: 2.5rem;
width: 2.5rem;
background-color: transparent;
border: solid 1px #0bd51f;
border-radius: 2.5rem;
color: #fdfdfd;
font-size: 1.25rem
}
.widget_upcomingmatches .framePanel a.details .description {
font-weight: 600
}
.widget_upcomingmatches .framePanel a.details .countdown {
height: 2.5rem;
width: 2.5rem;
padding: 0;
background-color: #fdfdfd;
border-radius: 2.5rem;
color: #0d0d0d;
font-size: .9rem;
font-weight: 600
}
.widget_upcomingmatches .framePanel a.details .countdown .ttgCountdownContainer {
justify-content: center;
width: 100%
}
.widget_upcomingmatches .framePanel a.details .countdown.ttg600 {
background-color: #0bd51f;
color: #0d0d0d
}
.widget_upcomingmatches .framePanel a.details .countdown.ttg120 {
background-color: #cb1029;
color: #fdfdfd
}
.widget_upcomingmatches .framePanel a.details .countdown.closed {
opacity: .5;
color: #fdfdfd;
font-size: .75rem;
font-weight: 400
}
.widget_upcomingmatches .framePanel .teamA,.widget_upcomingmatches .framePanel .teamB,.widget_upcomingmatches .framePanel .teamD {
display: flex;
justify-content: center;
min-width: 75%;
padding: .3125rem 0;
padding-bottom: .625rem;
border: none;
font-size: 1.1rem;
font-weight: 400;
line-height: 1rem;
text-align: center
}
.widget_upcomingmatches .framePanel .priceA,.widget_upcomingmatches .framePanel .priceB,.widget_upcomingmatches .framePanel .priceD {
justify-content: center;
width: 100%;
min-width: 100%;
margin: 0;
padding: 0;
border: none
}
.widget_upcomingmatches .framePanel.hasDraw {
grid-template-areas: "details details details" "teamA teamD teamB" "priceA priceD priceB";
grid-template-columns: 1fr 1fr 1fr
}
.widget_ntjracecards>.tabs {
border-bottom: none;
margin: .625rem;
grid-gap: 0;
min-height: 3.25rem;
margin: 0;
padding: .375rem;
background-color: #1f1f1f;
border: solid 1px #0bd51f;
border-radius: 3.75rem;
margin-bottom: 1.25rem
}
.widget_ntjracecards>.tabs li {
flex: 0 1 3rem;
min-height: 3rem;
border-radius: 1.5rem;
padding: 0 .6rem
}
.widget_ntjracecards>.tabs li {
flex-grow: 1;
min-height: calc(2.5rem - 2px);
padding: 0;
border: none;
box-shadow: none
}
.widget_ntjracecards>.tabs li a {
font-family: "Barlow Semi Condensed",Helvetica,Arial,sans-serif
}
.widget_ntjracecards>.tabs li a[class^="icon-"],.widget_ntjracecards>.tabs li a[class*="icon-"] {
grid-gap: .46875rem;
padding: .25rem .5rem
}
.widget_ntjracecards>.tabs li a[class^="icon-"]:before,.widget_ntjracecards>.tabs li a[class*="icon-"]:before {
position: unset;
font-size: 1.5rem
}
.widget_ntjracecards>.tabs li a[class^="icon-"]:empty,.widget_ntjracecards>.tabs li a[class*="icon-"]:empty {
padding: 0
}
.widget_ntjracecards>.tabs li.selected {
background-color: #0bd51f;
color: #0d0d0d
}
.widget_ntjracecards>.tabs li.selected a {
color: #0d0d0d
}
.widget_ntjracecards>.tabs li.selected:hover:not(.disabled) a {
color: #0d0d0d
}
.widget_nextxraces section.widget_nextrace {
margin: 0 0 1.25rem 0;
padding: 1.25rem;
border: 1px solid #292e29;
border-radius: 10px;
overflow: hidden;
background-color: #1f1f1f;
border: solid 1px #2b2b2b;
padding: .9375rem
}
.widget_nextxraces section.widget_nextrace .framePanel {
background-color: #1f1f1f;
margin-bottom: .625rem;
padding: .625rem
}
.widget_nextxraces section.widget_nextrace .gutterLess {
padding: 0
}
.widget_nextxraces section.widget_nextrace .gutterLess table,.widget_nextxraces section.widget_nextrace .gutterLess table.marketTable {
margin: 0
}
.widget_nextxraces section.widget_nextrace .gutterLess table thead tr,.widget_nextxraces section.widget_nextrace .gutterLess table.marketTable thead tr,.widget_nextxraces section.widget_nextrace .gutterLess table tbody tr,.widget_nextxraces section.widget_nextrace .gutterLess table.marketTable tbody tr {
border-left: none;
border-right: none
}
.widget_nextxraces section.widget_nextrace .gutterLess table thead tr td:first-child,.widget_nextxraces section.widget_nextrace .gutterLess table.marketTable thead tr td:first-child,.widget_nextxraces section.widget_nextrace .gutterLess table tbody tr td:first-child,.widget_nextxraces section.widget_nextrace .gutterLess table.marketTable tbody tr td:first-child,.widget_nextxraces section.widget_nextrace .gutterLess table thead tr th:first-child,.widget_nextxraces section.widget_nextrace .gutterLess table.marketTable thead tr th:first-child,.widget_nextxraces section.widget_nextrace .gutterLess table tbody tr th:first-child,.widget_nextxraces section.widget_nextrace .gutterLess table.marketTable tbody tr th:first-child {
border-left: none
}
.widget_nextxraces section.widget_nextrace .gutterLess table thead tr td:last-child,.widget_nextxraces section.widget_nextrace .gutterLess table.marketTable thead tr td:last-child,.widget_nextxraces section.widget_nextrace .gutterLess table tbody tr td:last-child,.widget_nextxraces section.widget_nextrace .gutterLess table.marketTable tbody tr td:last-child,.widget_nextxraces section.widget_nextrace .gutterLess table thead tr th:last-child,.widget_nextxraces section.widget_nextrace .gutterLess table.marketTable thead tr th:last-child,.widget_nextxraces section.widget_nextrace .gutterLess table tbody tr th:last-child,.widget_nextxraces section.widget_nextrace .gutterLess table.marketTable tbody tr th:last-child {
border-right: none
}
.widget_nextxraces section.widget_nextrace .gutterLess table tbody:last-of-type:last-child td,.widget_nextxraces section.widget_nextrace .gutterLess table.marketTable tbody:last-of-type:last-child td,.widget_nextxraces section.widget_nextrace .gutterLess table tbody:last-of-type:last-child th,.widget_nextxraces section.widget_nextrace .gutterLess table.marketTable tbody:last-of-type:last-child th {
border-bottom: none
}
.widget_nextxraces section.widget_nextrace .gutterLess table tbody:last-of-type:last-child td:first-child,.widget_nextxraces section.widget_nextrace .gutterLess table.marketTable tbody:last-of-type:last-child td:first-child,.widget_nextxraces section.widget_nextrace .gutterLess table tbody:last-of-type:last-child th:first-child,.widget_nextxraces section.widget_nextrace .gutterLess table.marketTable tbody:last-of-type:last-child th:first-child {
border-bottom-left-radius: 10px
}
.widget_nextxraces section.widget_nextrace .gutterLess table tbody:last-of-type:last-child td:last-child,.widget_nextxraces section.widget_nextrace .gutterLess table.marketTable tbody:last-of-type:last-child td:last-child,.widget_nextxraces section.widget_nextrace .gutterLess table tbody:last-of-type:last-child th:last-child,.widget_nextxraces section.widget_nextrace .gutterLess table.marketTable tbody:last-of-type:last-child th:last-child {
border-bottom-right-radius: 10px
}
.widget_nextxraces section.widget_nextrace .gutterLess table .teamSilk.asFlag,.widget_nextxraces section.widget_nextrace .gutterLess table.marketTable .teamSilk.asFlag {
width: 3rem;
height: 2rem
}
.widget_nextxraces section.widget_nextrace .framePanel {
padding-top: 0;
padding-bottom: 0
}
.widget_nextxraces section.widget_nextrace header {
margin-bottom: .3125rem;
padding: 0;
background-color: transparent;
color: #fdfdfd
}
.widget_nextxraces section.widget_nextrace header[class^="icon-"]:before,.widget_nextxraces section.widget_nextrace header[class*=" icon-"]:before {
display: flex;
align-items: center;
justify-content: center;
height: 2.5rem;
width: 2.5rem;
border: solid 1px #0bd51f;
border-radius: 2.5rem;
box-sizing: border-box;
color: #fdfdfd;
font-size: 1.5rem
}
.widget_nextxraces section.widget_nextrace header .meetName span {
font-size: 1rem;
font-weight: 500
}
.widget_nextxraces section.widget_nextrace header .ttgCountdownContainer {
display: flex;
align-items: center;
justify-content: center;
height: 2.5rem;
width: 2.5rem;
min-width: 2.5rem;
padding: 0;
background-color: #445045;
border: solid 1px transparent;
border-radius: 2.5rem;
color: #fdfdfd;
font-size: 1rem
}
.widget_nextxraces section.widget_nextrace header .ttg600 .ttgCountdownContainer {
background-color: #0bd51f;
color: #0d0d0d
}
.widget_nextxraces section.widget_nextrace header .ttg120 .ttgCountdownContainer {
background-color: #cb1029;
border-color: #cb1029;
color: #fdfdfd
}
.widget_nextxraces section.widget_nextrace header .closed .ttgCountdownContainer {
opacity: .5;
color: #fdfdfd;
font-weight: 400
}
.widget_nextxraces section.widget_nextrace table {
background-color: transparent
}
.widget_nextxraces section.widget_nextrace table tr td:first-child {
padding-left: 0;
font-weight: 500
}
.widget_nextxraces section.widget_nextrace table tr td:last-child {
padding-right: 0
}
.widget_nextxraces section.widget_nextrace footer {
background-color: transparent;
margin-top: 0
}
.widget_nextxraces section.widget_nextrace footer a {
min-height: auto;
padding: 0;
padding-top: .3125rem;
color: #fdfdfd;
font-size: 1rem;
font-weight: 700
}
.widget_nextxraces section.widget_nextrace footer a:hover {
background-color: transparent !important;
color: #0bd51f !important
}
section.widget_ntj .ntjPanel {
padding: 0 !important;
background-color: transparent !important;
border: none !important;
border-radius: 0 !important
}
section.widget_ntj .ntjPanel header {
padding: 0 .3125rem;
padding-bottom: .9375rem;
background-color: transparent;
border: none;
color: #fdfdfd;
font-family: "Barlow Semi Condensed",Helvetica,Arial,Sans-Serif;
font-size: 1.25rem;
font-style: italic;
font-weight: 900;
text-transform: uppercase
}
section.widget_ntj .ntjPanel header .button {
background-color: #1f1f1f;
border-color: #0bd51f
}
section.widget_ntj .ntjPanel ul.blocks.max1 {
grid-gap: .625rem;
margin: 0
}
section.widget_ntj .ntjPanel ul.blocks.max1 li {
border: solid 1px #2b2b2b;
box-shadow: none
}
section.widget_ntj .ntjPanel ul.blocks.max1 li a {
grid-gap: .625rem;
grid-row-gap: 0;
grid-template-areas: 'icon raceName raceTTG' 'icon raceNum raceTTG';
grid-template-columns: auto 1fr auto;
padding: .625rem
}
section.widget_ntj .ntjPanel ul.blocks.max1 li a [class^="icon-"],section.widget_ntj .ntjPanel ul.blocks.max1 li a [class*=" icon-"] {
grid-area: icon
}
section.widget_ntj .ntjPanel ul.blocks.max1 li a [class^="icon-"]:before,section.widget_ntj .ntjPanel ul.blocks.max1 li a [class*=" icon-"]:before {
display: flex;
align-items: center;
justify-content: center;
height: 2.5rem;
width: 2.5rem;
border: solid 1px #0bd51f;
border-radius: 2.5rem;
box-sizing: border-box;
font-size: 1.25rem
}
section.widget_ntj .ntjPanel ul.blocks.max1 li a .raceName {
grid-area: raceName
}
section.widget_ntj .ntjPanel ul.blocks.max1 li a .raceNum {
grid-area: raceNum;
text-align: left;
font-weight: normal
}
section.widget_ntj .ntjPanel ul.blocks.max1 li a .raceNum:before {
content: 'Race '
}
section.widget_ntj .ntjPanel ul.blocks.max1 li a .raceTTG {
grid-area: raceTTG;
display: flex;
align-items: center;
justify-content: center;
height: 2.5rem;
width: 2.5rem;
background-color: #fdfdfd;
border-radius: 2.5rem;
color: #0d0d0d;
font-size: 1rem;
font-weight: 500
}
section.widget_ntj .ntjPanel ul.blocks.max1 li a .raceTTG.closed {
opacity: .5;
font-size: .85rem;
font-weight: 400
}
section.widget_ntj .ntjPanel ul.blocks.max1 li a .raceTTG.ttg120 {
background-color: #cb1029;
color: #fdfdfd
}
section.widget_ntj .ntjPanel ul.blocks.max1 li a .raceTTG.ttg600 {
background-color: #0bd51f;
color: #0d0d0d
}
.widget_sportmenuupcoming>.blocks {
margin-bottom: 1.25rem
}
.wc_racing table.marketTable tbody tr:hover {
background-color: #282828
}
.wc_racing table.marketTable tbody tr td.rnnrFormCell tr:hover {
background-color: transparent
}
.wc_racing.wc_r_raceCard>h1:before,.wc_racing.wc_r_raceCardGrid>h1:before {
content: "";
font-family: 'GW_Icons';
font-style: normal;
font-weight: normal;
margin: 0
}
.wc_r_NextToJumpGrid h1,.wc_r_raceCardGrid h1 {
display: none
}
.wc_r_NextToJumpGrid h3:before,.wc_r_raceCardGrid h3:before {
display: flex;
align-items: center;
justify-content: center;
height: 2.5rem;
width: 2.5rem;
border: solid 1px #0bd51f;
border-radius: 2.5rem;
box-sizing: border-box;
font-size: 1.5rem
}
.wc_r_NextToJumpGrid .framePanel,.wc_r_raceCardGrid .framePanel {
padding: .75rem
}
.wc_r_NextToJumpGrid .framePanel.filters,.wc_r_raceCardGrid .framePanel.filters {
grid-auto-columns: auto;
grid-auto-flow: column;
grid-gap: 1.25rem;
grid-template-columns: 1fr auto;
margin-bottom: 1.25rem
}
.wc_r_NextToJumpGrid .framePanel.filters>section,.wc_r_raceCardGrid .framePanel.filters>section {
padding: 0
}
.wc_r_NextToJumpGrid .framePanel.filters>section .tabs.dayFilter,.wc_r_raceCardGrid .framePanel.filters>section .tabs.dayFilter,.wc_r_NextToJumpGrid .framePanel.filters>section .tabs.ausintFilter,.wc_r_raceCardGrid .framePanel.filters>section .tabs.ausintFilter,.wc_r_NextToJumpGrid .framePanel.filters>section .tabs.typeFilter,.wc_r_raceCardGrid .framePanel.filters>section .tabs.typeFilter {
border-bottom: none;
margin: .625rem;
grid-gap: 0;
min-height: 3.25rem;
margin: 0;
padding: .375rem;
background-color: #1f1f1f;
border: solid 1px #0bd51f;
border-radius: 3.75rem
}
.wc_r_NextToJumpGrid .framePanel.filters>section .tabs.dayFilter li,.wc_r_raceCardGrid .framePanel.filters>section .tabs.dayFilter li,.wc_r_NextToJumpGrid .framePanel.filters>section .tabs.ausintFilter li,.wc_r_raceCardGrid .framePanel.filters>section .tabs.ausintFilter li,.wc_r_NextToJumpGrid .framePanel.filters>section .tabs.typeFilter li,.wc_r_raceCardGrid .framePanel.filters>section .tabs.typeFilter li {
flex: 0 1 3rem;
min-height: 3rem;
border-radius: 1.5rem;
padding: 0 .6rem
}
.wc_r_NextToJumpGrid .framePanel.filters>section .tabs.dayFilter li,.wc_r_raceCardGrid .framePanel.filters>section .tabs.dayFilter li,.wc_r_NextToJumpGrid .framePanel.filters>section .tabs.ausintFilter li,.wc_r_raceCardGrid .framePanel.filters>section .tabs.ausintFilter li,.wc_r_NextToJumpGrid .framePanel.filters>section .tabs.typeFilter li,.wc_r_raceCardGrid .framePanel.filters>section .tabs.typeFilter li {
flex-grow: 1;
min-height: calc(2.5rem - 2px);
padding: 0;
border: none;
box-shadow: none
}
.wc_r_NextToJumpGrid .framePanel.filters>section .tabs.dayFilter li a,.wc_r_raceCardGrid .framePanel.filters>section .tabs.dayFilter li a,.wc_r_NextToJumpGrid .framePanel.filters>section .tabs.ausintFilter li a,.wc_r_raceCardGrid .framePanel.filters>section .tabs.ausintFilter li a,.wc_r_NextToJumpGrid .framePanel.filters>section .tabs.typeFilter li a,.wc_r_raceCardGrid .framePanel.filters>section .tabs.typeFilter li a {
font-family: "Barlow Semi Condensed",Helvetica,Arial,sans-serif
}
.wc_r_NextToJumpGrid .framePanel.filters>section .tabs.dayFilter li a[class^="icon-"],.wc_r_raceCardGrid .framePanel.filters>section .tabs.dayFilter li a[class^="icon-"],.wc_r_NextToJumpGrid .framePanel.filters>section .tabs.ausintFilter li a[class^="icon-"],.wc_r_raceCardGrid .framePanel.filters>section .tabs.ausintFilter li a[class^="icon-"],.wc_r_NextToJumpGrid .framePanel.filters>section .tabs.typeFilter li a[class^="icon-"],.wc_r_raceCardGrid .framePanel.filters>section .tabs.typeFilter li a[class^="icon-"],.wc_r_NextToJumpGrid .framePanel.filters>section .tabs.dayFilter li a[class*="icon-"],.wc_r_raceCardGrid .framePanel.filters>section .tabs.dayFilter li a[class*="icon-"],.wc_r_NextToJumpGrid .framePanel.filters>section .tabs.ausintFilter li a[class*="icon-"],.wc_r_raceCardGrid .framePanel.filters>section .tabs.ausintFilter li a[class*="icon-"],.wc_r_NextToJumpGrid .framePanel.filters>section .tabs.typeFilter li a[class*="icon-"],.wc_r_raceCardGrid .framePanel.filters>section .tabs.typeFilter li a[class*="icon-"] {
grid-gap: .46875rem;
padding: .25rem .5rem
}
.wc_r_NextToJumpGrid .framePanel.filters>section .tabs.dayFilter li a[class^="icon-"]:before,.wc_r_raceCardGrid .framePanel.filters>section .tabs.dayFilter li a[class^="icon-"]:before,.wc_r_NextToJumpGrid .framePanel.filters>section .tabs.ausintFilter li a[class^="icon-"]:before,.wc_r_raceCardGrid .framePanel.filters>section .tabs.ausintFilter li a[class^="icon-"]:before,.wc_r_NextToJumpGrid .framePanel.filters>section .tabs.typeFilter li a[class^="icon-"]:before,.wc_r_raceCardGrid .framePanel.filters>section .tabs.typeFilter li a[class^="icon-"]:before,.wc_r_NextToJumpGrid .framePanel.filters>section .tabs.dayFilter li a[class*="icon-"]:before,.wc_r_raceCardGrid .framePanel.filters>section .tabs.dayFilter li a[class*="icon-"]:before,.wc_r_NextToJumpGrid .framePanel.filters>section .tabs.ausintFilter li a[class*="icon-"]:before,.wc_r_raceCardGrid .framePanel.filters>section .tabs.ausintFilter li a[class*="icon-"]:before,.wc_r_NextToJumpGrid .framePanel.filters>section .tabs.typeFilter li a[class*="icon-"]:before,.wc_r_raceCardGrid .framePanel.filters>section .tabs.typeFilter li a[class*="icon-"]:before {
position: unset;
font-size: 1.5rem
}
.wc_r_NextToJumpGrid .framePanel.filters>section .tabs.dayFilter li a[class^="icon-"]:empty,.wc_r_raceCardGrid .framePanel.filters>section .tabs.dayFilter li a[class^="icon-"]:empty,.wc_r_NextToJumpGrid .framePanel.filters>section .tabs.ausintFilter li a[class^="icon-"]:empty,.wc_r_raceCardGrid .framePanel.filters>section .tabs.ausintFilter li a[class^="icon-"]:empty,.wc_r_NextToJumpGrid .framePanel.filters>section .tabs.typeFilter li a[class^="icon-"]:empty,.wc_r_raceCardGrid .framePanel.filters>section .tabs.typeFilter li a[class^="icon-"]:empty,.wc_r_NextToJumpGrid .framePanel.filters>section .tabs.dayFilter li a[class*="icon-"]:empty,.wc_r_raceCardGrid .framePanel.filters>section .tabs.dayFilter li a[class*="icon-"]:empty,.wc_r_NextToJumpGrid .framePanel.filters>section .tabs.ausintFilter li a[class*="icon-"]:empty,.wc_r_raceCardGrid .framePanel.filters>section .tabs.ausintFilter li a[class*="icon-"]:empty,.wc_r_NextToJumpGrid .framePanel.filters>section .tabs.typeFilter li a[class*="icon-"]:empty,.wc_r_raceCardGrid .framePanel.filters>section .tabs.typeFilter li a[class*="icon-"]:empty {
padding: 0
}
.wc_r_NextToJumpGrid .framePanel.filters>section .tabs.dayFilter li.selected,.wc_r_raceCardGrid .framePanel.filters>section .tabs.dayFilter li.selected,.wc_r_NextToJumpGrid .framePanel.filters>section .tabs.ausintFilter li.selected,.wc_r_raceCardGrid .framePanel.filters>section .tabs.ausintFilter li.selected,.wc_r_NextToJumpGrid .framePanel.filters>section .tabs.typeFilter li.selected,.wc_r_raceCardGrid .framePanel.filters>section .tabs.typeFilter li.selected {
background-color: #0bd51f;
color: #0d0d0d
}
.wc_r_NextToJumpGrid .framePanel.filters>section .tabs.dayFilter li.selected a,.wc_r_raceCardGrid .framePanel.filters>section .tabs.dayFilter li.selected a,.wc_r_NextToJumpGrid .framePanel.filters>section .tabs.ausintFilter li.selected a,.wc_r_raceCardGrid .framePanel.filters>section .tabs.ausintFilter li.selected a,.wc_r_NextToJumpGrid .framePanel.filters>section .tabs.typeFilter li.selected a,.wc_r_raceCardGrid .framePanel.filters>section .tabs.typeFilter li.selected a {
color: #0d0d0d
}
.wc_r_NextToJumpGrid .framePanel.filters>section .tabs.dayFilter li.selected:hover:not(.disabled) a,.wc_r_raceCardGrid .framePanel.filters>section .tabs.dayFilter li.selected:hover:not(.disabled) a,.wc_r_NextToJumpGrid .framePanel.filters>section .tabs.ausintFilter li.selected:hover:not(.disabled) a,.wc_r_raceCardGrid .framePanel.filters>section .tabs.ausintFilter li.selected:hover:not(.disabled) a,.wc_r_NextToJumpGrid .framePanel.filters>section .tabs.typeFilter li.selected:hover:not(.disabled) a,.wc_r_raceCardGrid .framePanel.filters>section .tabs.typeFilter li.selected:hover:not(.disabled) a {
color: #0d0d0d
}
.wc_r_NextToJumpGrid .framePanel.filters>section .tabs.ausintFilter,.wc_r_raceCardGrid .framePanel.filters>section .tabs.ausintFilter,.wc_r_NextToJumpGrid .framePanel.filters>section .tabs.typeFilter,.wc_r_raceCardGrid .framePanel.filters>section .tabs.typeFilter {
grid-gap: .375rem
}
.wc_r_NextToJumpGrid .framePanel.filters>section .tabs.ausintFilter li,.wc_r_raceCardGrid .framePanel.filters>section .tabs.ausintFilter li,.wc_r_NextToJumpGrid .framePanel.filters>section .tabs.typeFilter li,.wc_r_raceCardGrid .framePanel.filters>section .tabs.typeFilter li {
height: 2.5rem;
min-height: 2.5rem;
width: 2.5rem;
min-width: 2.5rem
}
.wc_r_NextToJumpGrid .framePanel.filters>section .tabs.ausintFilter li>a[class^="icon-"],.wc_r_raceCardGrid .framePanel.filters>section .tabs.ausintFilter li>a[class^="icon-"],.wc_r_NextToJumpGrid .framePanel.filters>section .tabs.typeFilter li>a[class^="icon-"],.wc_r_raceCardGrid .framePanel.filters>section .tabs.typeFilter li>a[class^="icon-"],.wc_r_NextToJumpGrid .framePanel.filters>section .tabs.ausintFilter li>a[class*=" icon-"],.wc_r_raceCardGrid .framePanel.filters>section .tabs.ausintFilter li>a[class*=" icon-"],.wc_r_NextToJumpGrid .framePanel.filters>section .tabs.typeFilter li>a[class*=" icon-"],.wc_r_raceCardGrid .framePanel.filters>section .tabs.typeFilter li>a[class*=" icon-"] {
min-width: 2.5rem
}
.wc_r_NextToJumpGrid .framePanel.filters>section .tabs.ausintFilter li>a[class^="icon-"]:before,.wc_r_raceCardGrid .framePanel.filters>section .tabs.ausintFilter li>a[class^="icon-"]:before,.wc_r_NextToJumpGrid .framePanel.filters>section .tabs.typeFilter li>a[class^="icon-"]:before,.wc_r_raceCardGrid .framePanel.filters>section .tabs.typeFilter li>a[class^="icon-"]:before,.wc_r_NextToJumpGrid .framePanel.filters>section .tabs.ausintFilter li>a[class*=" icon-"]:before,.wc_r_raceCardGrid .framePanel.filters>section .tabs.ausintFilter li>a[class*=" icon-"]:before,.wc_r_NextToJumpGrid .framePanel.filters>section .tabs.typeFilter li>a[class*=" icon-"]:before,.wc_r_raceCardGrid .framePanel.filters>section .tabs.typeFilter li>a[class*=" icon-"]:before {
height: 2.5rem;
width: 2.5rem;
border: none
}
.wc_r_NextToJumpGrid .framePanel.filters>section .tabs.dayFilter li,.wc_r_raceCardGrid .framePanel.filters>section .tabs.dayFilter li {
min-width: 7.5rem
}
.wc_r_NextToJumpGrid .raceCardContainer,.wc_r_raceCardGrid .raceCardContainer {
padding-top: 0
}
.wc_r_NextToJumpGrid .staticMessage,.wc_r_raceCardGrid .staticMessage {
text-transform: capitalize
}
.wc_r_NextToJumpGrid div.raceCard a,.wc_r_raceCardGrid div.raceCard a,.wc_r_NextToJumpGrid ul.tableLegend a,.wc_r_raceCardGrid ul.tableLegend a {
font-size: .95rem
}
.wc_r_NextToJumpGrid div.raceCard>div,.wc_r_raceCardGrid div.raceCard>div,.wc_r_NextToJumpGrid ul.tableLegend>div,.wc_r_raceCardGrid ul.tableLegend>div {
background-color: rgba(253,253,253,.025);
border-color: transparent
}
.wc_r_NextToJumpGrid div.raceCard>div.raceMeeting,.wc_r_raceCardGrid div.raceCard>div.raceMeeting,.wc_r_NextToJumpGrid ul.tableLegend>div.raceMeeting,.wc_r_raceCardGrid ul.tableLegend>div.raceMeeting,.wc_r_NextToJumpGrid div.raceCard>div.raceBlock,.wc_r_raceCardGrid div.raceCard>div.raceBlock,.wc_r_NextToJumpGrid ul.tableLegend>div.raceBlock,.wc_r_raceCardGrid ul.tableLegend>div.raceBlock,.wc_r_NextToJumpGrid div.raceCard li span.legendSample,.wc_r_raceCardGrid div.raceCard li span.legendSample,.wc_r_NextToJumpGrid ul.tableLegend li span.legendSample,.wc_r_raceCardGrid ul.tableLegend li span.legendSample {
background-color: rgba(253,253,253,.075);
border-color: rgba(253,253,253,.1)
}
.wc_r_NextToJumpGrid div.raceCard>div.raceMeeting a:hover:not(.disabled),.wc_r_raceCardGrid div.raceCard>div.raceMeeting a:hover:not(.disabled),.wc_r_NextToJumpGrid ul.tableLegend>div.raceMeeting a:hover:not(.disabled),.wc_r_raceCardGrid ul.tableLegend>div.raceMeeting a:hover:not(.disabled),.wc_r_NextToJumpGrid div.raceCard>div.raceBlock a:hover:not(.disabled),.wc_r_raceCardGrid div.raceCard>div.raceBlock a:hover:not(.disabled),.wc_r_NextToJumpGrid ul.tableLegend>div.raceBlock a:hover:not(.disabled),.wc_r_raceCardGrid ul.tableLegend>div.raceBlock a:hover:not(.disabled),.wc_r_NextToJumpGrid div.raceCard li span.legendSample a:hover:not(.disabled),.wc_r_raceCardGrid div.raceCard li span.legendSample a:hover:not(.disabled),.wc_r_NextToJumpGrid ul.tableLegend li span.legendSample a:hover:not(.disabled),.wc_r_raceCardGrid ul.tableLegend li span.legendSample a:hover:not(.disabled) {
background-color: rgba(253,253,253,.075)
}
.wc_r_NextToJumpGrid div.raceCard>div.raceMeeting a.final,.wc_r_raceCardGrid div.raceCard>div.raceMeeting a.final,.wc_r_NextToJumpGrid ul.tableLegend>div.raceMeeting a.final,.wc_r_raceCardGrid ul.tableLegend>div.raceMeeting a.final,.wc_r_NextToJumpGrid div.raceCard>div.raceBlock a.final,.wc_r_raceCardGrid div.raceCard>div.raceBlock a.final,.wc_r_NextToJumpGrid ul.tableLegend>div.raceBlock a.final,.wc_r_raceCardGrid ul.tableLegend>div.raceBlock a.final,.wc_r_NextToJumpGrid div.raceCard li span.legendSample a.final,.wc_r_raceCardGrid div.raceCard li span.legendSample a.final,.wc_r_NextToJumpGrid ul.tableLegend li span.legendSample a.final,.wc_r_raceCardGrid ul.tableLegend li span.legendSample a.final,.wc_r_NextToJumpGrid div.raceCard>div.raceMeeting.final,.wc_r_raceCardGrid div.raceCard>div.raceMeeting.final,.wc_r_NextToJumpGrid ul.tableLegend>div.raceMeeting.final,.wc_r_raceCardGrid ul.tableLegend>div.raceMeeting.final,.wc_r_NextToJumpGrid div.raceCard>div.raceBlock.final,.wc_r_raceCardGrid div.raceCard>div.raceBlock.final,.wc_r_NextToJumpGrid ul.tableLegend>div.raceBlock.final,.wc_r_raceCardGrid ul.tableLegend>div.raceBlock.final,.wc_r_NextToJumpGrid div.raceCard li span.legendSample.final,.wc_r_raceCardGrid div.raceCard li span.legendSample.final,.wc_r_NextToJumpGrid ul.tableLegend li span.legendSample.final,.wc_r_raceCardGrid ul.tableLegend li span.legendSample.final {
background-color: rgba(253,253,253,.25)
}
.wc_r_NextToJumpGrid div.raceCard>div.raceMeeting a.final:hover:not(.disabled),.wc_r_raceCardGrid div.raceCard>div.raceMeeting a.final:hover:not(.disabled),.wc_r_NextToJumpGrid ul.tableLegend>div.raceMeeting a.final:hover:not(.disabled),.wc_r_raceCardGrid ul.tableLegend>div.raceMeeting a.final:hover:not(.disabled),.wc_r_NextToJumpGrid div.raceCard>div.raceBlock a.final:hover:not(.disabled),.wc_r_raceCardGrid div.raceCard>div.raceBlock a.final:hover:not(.disabled),.wc_r_NextToJumpGrid ul.tableLegend>div.raceBlock a.final:hover:not(.disabled),.wc_r_raceCardGrid ul.tableLegend>div.raceBlock a.final:hover:not(.disabled),.wc_r_NextToJumpGrid div.raceCard li span.legendSample a.final:hover:not(.disabled),.wc_r_raceCardGrid div.raceCard li span.legendSample a.final:hover:not(.disabled),.wc_r_NextToJumpGrid ul.tableLegend li span.legendSample a.final:hover:not(.disabled),.wc_r_raceCardGrid ul.tableLegend li span.legendSample a.final:hover:not(.disabled),.wc_r_NextToJumpGrid div.raceCard>div.raceMeeting.final:hover:not(.disabled),.wc_r_raceCardGrid div.raceCard>div.raceMeeting.final:hover:not(.disabled),.wc_r_NextToJumpGrid ul.tableLegend>div.raceMeeting.final:hover:not(.disabled),.wc_r_raceCardGrid ul.tableLegend>div.raceMeeting.final:hover:not(.disabled),.wc_r_NextToJumpGrid div.raceCard>div.raceBlock.final:hover:not(.disabled),.wc_r_raceCardGrid div.raceCard>div.raceBlock.final:hover:not(.disabled),.wc_r_NextToJumpGrid ul.tableLegend>div.raceBlock.final:hover:not(.disabled),.wc_r_raceCardGrid ul.tableLegend>div.raceBlock.final:hover:not(.disabled),.wc_r_NextToJumpGrid div.raceCard li span.legendSample.final:hover:not(.disabled),.wc_r_raceCardGrid div.raceCard li span.legendSample.final:hover:not(.disabled),.wc_r_NextToJumpGrid ul.tableLegend li span.legendSample.final:hover:not(.disabled),.wc_r_raceCardGrid ul.tableLegend li span.legendSample.final:hover:not(.disabled) {
background-color: rgba(253,253,253,.3)
}
.wc_r_NextToJumpGrid div.raceCard>div.raceMeeting a.abandoned,.wc_r_raceCardGrid div.raceCard>div.raceMeeting a.abandoned,.wc_r_NextToJumpGrid ul.tableLegend>div.raceMeeting a.abandoned,.wc_r_raceCardGrid ul.tableLegend>div.raceMeeting a.abandoned,.wc_r_NextToJumpGrid div.raceCard>div.raceBlock a.abandoned,.wc_r_raceCardGrid div.raceCard>div.raceBlock a.abandoned,.wc_r_NextToJumpGrid ul.tableLegend>div.raceBlock a.abandoned,.wc_r_raceCardGrid ul.tableLegend>div.raceBlock a.abandoned,.wc_r_NextToJumpGrid div.raceCard li span.legendSample a.abandoned,.wc_r_raceCardGrid div.raceCard li span.legendSample a.abandoned,.wc_r_NextToJumpGrid ul.tableLegend li span.legendSample a.abandoned,.wc_r_raceCardGrid ul.tableLegend li span.legendSample a.abandoned,.wc_r_NextToJumpGrid div.raceCard>div.raceMeeting.abandoned,.wc_r_raceCardGrid div.raceCard>div.raceMeeting.abandoned,.wc_r_NextToJumpGrid ul.tableLegend>div.raceMeeting.abandoned,.wc_r_raceCardGrid ul.tableLegend>div.raceMeeting.abandoned,.wc_r_NextToJumpGrid div.raceCard>div.raceBlock.abandoned,.wc_r_raceCardGrid div.raceCard>div.raceBlock.abandoned,.wc_r_NextToJumpGrid ul.tableLegend>div.raceBlock.abandoned,.wc_r_raceCardGrid ul.tableLegend>div.raceBlock.abandoned,.wc_r_NextToJumpGrid div.raceCard li span.legendSample.abandoned,.wc_r_raceCardGrid div.raceCard li span.legendSample.abandoned,.wc_r_NextToJumpGrid ul.tableLegend li span.legendSample.abandoned,.wc_r_raceCardGrid ul.tableLegend li span.legendSample.abandoned {
opacity: .5;
background-color: rgba(253,253,253,.25)
}
.wc_r_NextToJumpGrid div.raceCard>div.raceMeeting a.abandoned .raceTTG,.wc_r_raceCardGrid div.raceCard>div.raceMeeting a.abandoned .raceTTG,.wc_r_NextToJumpGrid ul.tableLegend>div.raceMeeting a.abandoned .raceTTG,.wc_r_raceCardGrid ul.tableLegend>div.raceMeeting a.abandoned .raceTTG,.wc_r_NextToJumpGrid div.raceCard>div.raceBlock a.abandoned .raceTTG,.wc_r_raceCardGrid div.raceCard>div.raceBlock a.abandoned .raceTTG,.wc_r_NextToJumpGrid ul.tableLegend>div.raceBlock a.abandoned .raceTTG,.wc_r_raceCardGrid ul.tableLegend>div.raceBlock a.abandoned .raceTTG,.wc_r_NextToJumpGrid div.raceCard li span.legendSample a.abandoned .raceTTG,.wc_r_raceCardGrid div.raceCard li span.legendSample a.abandoned .raceTTG,.wc_r_NextToJumpGrid ul.tableLegend li span.legendSample a.abandoned .raceTTG,.wc_r_raceCardGrid ul.tableLegend li span.legendSample a.abandoned .raceTTG,.wc_r_NextToJumpGrid div.raceCard>div.raceMeeting.abandoned .raceTTG,.wc_r_raceCardGrid div.raceCard>div.raceMeeting.abandoned .raceTTG,.wc_r_NextToJumpGrid ul.tableLegend>div.raceMeeting.abandoned .raceTTG,.wc_r_raceCardGrid ul.tableLegend>div.raceMeeting.abandoned .raceTTG,.wc_r_NextToJumpGrid div.raceCard>div.raceBlock.abandoned .raceTTG,.wc_r_raceCardGrid div.raceCard>div.raceBlock.abandoned .raceTTG,.wc_r_NextToJumpGrid ul.tableLegend>div.raceBlock.abandoned .raceTTG,.wc_r_raceCardGrid ul.tableLegend>div.raceBlock.abandoned .raceTTG,.wc_r_NextToJumpGrid div.raceCard li span.legendSample.abandoned .raceTTG,.wc_r_raceCardGrid div.raceCard li span.legendSample.abandoned .raceTTG,.wc_r_NextToJumpGrid ul.tableLegend li span.legendSample.abandoned .raceTTG,.wc_r_raceCardGrid ul.tableLegend li span.legendSample.abandoned .raceTTG,.wc_r_NextToJumpGrid div.raceCard>div.raceMeeting a.abandoned .raceTime,.wc_r_raceCardGrid div.raceCard>div.raceMeeting a.abandoned .raceTime,.wc_r_NextToJumpGrid ul.tableLegend>div.raceMeeting a.abandoned .raceTime,.wc_r_raceCardGrid ul.tableLegend>div.raceMeeting a.abandoned .raceTime,.wc_r_NextToJumpGrid div.raceCard>div.raceBlock a.abandoned .raceTime,.wc_r_raceCardGrid div.raceCard>div.raceBlock a.abandoned .raceTime,.wc_r_NextToJumpGrid ul.tableLegend>div.raceBlock a.abandoned .raceTime,.wc_r_raceCardGrid ul.tableLegend>div.raceBlock a.abandoned .raceTime,.wc_r_NextToJumpGrid div.raceCard li span.legendSample a.abandoned .raceTime,.wc_r_raceCardGrid div.raceCard li span.legendSample a.abandoned .raceTime,.wc_r_NextToJumpGrid ul.tableLegend li span.legendSample a.abandoned .raceTime,.wc_r_raceCardGrid ul.tableLegend li span.legendSample a.abandoned .raceTime,.wc_r_NextToJumpGrid div.raceCard>div.raceMeeting.abandoned .raceTime,.wc_r_raceCardGrid div.raceCard>div.raceMeeting.abandoned .raceTime,.wc_r_NextToJumpGrid ul.tableLegend>div.raceMeeting.abandoned .raceTime,.wc_r_raceCardGrid ul.tableLegend>div.raceMeeting.abandoned .raceTime,.wc_r_NextToJumpGrid div.raceCard>div.raceBlock.abandoned .raceTime,.wc_r_raceCardGrid div.raceCard>div.raceBlock.abandoned .raceTime,.wc_r_NextToJumpGrid ul.tableLegend>div.raceBlock.abandoned .raceTime,.wc_r_raceCardGrid ul.tableLegend>div.raceBlock.abandoned .raceTime,.wc_r_NextToJumpGrid div.raceCard li span.legendSample.abandoned .raceTime,.wc_r_raceCardGrid div.raceCard li span.legendSample.abandoned .raceTime,.wc_r_NextToJumpGrid ul.tableLegend li span.legendSample.abandoned .raceTime,.wc_r_raceCardGrid ul.tableLegend li span.legendSample.abandoned .raceTime {
color: #fdfdfd
}
.wc_r_NextToJumpGrid div.raceCard>div.raceMeeting a.abandoned:hover:not(.disabled),.wc_r_raceCardGrid div.raceCard>div.raceMeeting a.abandoned:hover:not(.disabled),.wc_r_NextToJumpGrid ul.tableLegend>div.raceMeeting a.abandoned:hover:not(.disabled),.wc_r_raceCardGrid ul.tableLegend>div.raceMeeting a.abandoned:hover:not(.disabled),.wc_r_NextToJumpGrid div.raceCard>div.raceBlock a.abandoned:hover:not(.disabled),.wc_r_raceCardGrid div.raceCard>div.raceBlock a.abandoned:hover:not(.disabled),.wc_r_NextToJumpGrid ul.tableLegend>div.raceBlock a.abandoned:hover:not(.disabled),.wc_r_raceCardGrid ul.tableLegend>div.raceBlock a.abandoned:hover:not(.disabled),.wc_r_NextToJumpGrid div.raceCard li span.legendSample a.abandoned:hover:not(.disabled),.wc_r_raceCardGrid div.raceCard li span.legendSample a.abandoned:hover:not(.disabled),.wc_r_NextToJumpGrid ul.tableLegend li span.legendSample a.abandoned:hover:not(.disabled),.wc_r_raceCardGrid ul.tableLegend li span.legendSample a.abandoned:hover:not(.disabled),.wc_r_NextToJumpGrid div.raceCard>div.raceMeeting.abandoned:hover:not(.disabled),.wc_r_raceCardGrid div.raceCard>div.raceMeeting.abandoned:hover:not(.disabled),.wc_r_NextToJumpGrid ul.tableLegend>div.raceMeeting.abandoned:hover:not(.disabled),.wc_r_raceCardGrid ul.tableLegend>div.raceMeeting.abandoned:hover:not(.disabled),.wc_r_NextToJumpGrid div.raceCard>div.raceBlock.abandoned:hover:not(.disabled),.wc_r_raceCardGrid div.raceCard>div.raceBlock.abandoned:hover:not(.disabled),.wc_r_NextToJumpGrid ul.tableLegend>div.raceBlock.abandoned:hover:not(.disabled),.wc_r_raceCardGrid ul.tableLegend>div.raceBlock.abandoned:hover:not(.disabled),.wc_r_NextToJumpGrid div.raceCard li span.legendSample.abandoned:hover:not(.disabled),.wc_r_raceCardGrid div.raceCard li span.legendSample.abandoned:hover:not(.disabled),.wc_r_NextToJumpGrid ul.tableLegend li span.legendSample.abandoned:hover:not(.disabled),.wc_r_raceCardGrid ul.tableLegend li span.legendSample.abandoned:hover:not(.disabled) {
opacity: .5;
background-color: rgba(253,253,253,.3)
}
.wc_r_NextToJumpGrid div.raceCard>div.raceMeeting a.interim .raceTTG,.wc_r_raceCardGrid div.raceCard>div.raceMeeting a.interim .raceTTG,.wc_r_NextToJumpGrid ul.tableLegend>div.raceMeeting a.interim .raceTTG,.wc_r_raceCardGrid ul.tableLegend>div.raceMeeting a.interim .raceTTG,.wc_r_NextToJumpGrid div.raceCard>div.raceBlock a.interim .raceTTG,.wc_r_raceCardGrid div.raceCard>div.raceBlock a.interim .raceTTG,.wc_r_NextToJumpGrid ul.tableLegend>div.raceBlock a.interim .raceTTG,.wc_r_raceCardGrid ul.tableLegend>div.raceBlock a.interim .raceTTG,.wc_r_NextToJumpGrid div.raceCard li span.legendSample a.interim .raceTTG,.wc_r_raceCardGrid div.raceCard li span.legendSample a.interim .raceTTG,.wc_r_NextToJumpGrid ul.tableLegend li span.legendSample a.interim .raceTTG,.wc_r_raceCardGrid ul.tableLegend li span.legendSample a.interim .raceTTG,.wc_r_NextToJumpGrid div.raceCard>div.raceMeeting a.suspended .raceTTG,.wc_r_raceCardGrid div.raceCard>div.raceMeeting a.suspended .raceTTG,.wc_r_NextToJumpGrid ul.tableLegend>div.raceMeeting a.suspended .raceTTG,.wc_r_raceCardGrid ul.tableLegend>div.raceMeeting a.suspended .raceTTG,.wc_r_NextToJumpGrid div.raceCard>div.raceBlock a.suspended .raceTTG,.wc_r_raceCardGrid div.raceCard>div.raceBlock a.suspended .raceTTG,.wc_r_NextToJumpGrid ul.tableLegend>div.raceBlock a.suspended .raceTTG,.wc_r_raceCardGrid ul.tableLegend>div.raceBlock a.suspended .raceTTG,.wc_r_NextToJumpGrid div.raceCard li span.legendSample a.suspended .raceTTG,.wc_r_raceCardGrid div.raceCard li span.legendSample a.suspended .raceTTG,.wc_r_NextToJumpGrid ul.tableLegend li span.legendSample a.suspended .raceTTG,.wc_r_raceCardGrid ul.tableLegend li span.legendSample a.suspended .raceTTG,.wc_r_NextToJumpGrid div.raceCard>div.raceMeeting.interim .raceTTG,.wc_r_raceCardGrid div.raceCard>div.raceMeeting.interim .raceTTG,.wc_r_NextToJumpGrid ul.tableLegend>div.raceMeeting.interim .raceTTG,.wc_r_raceCardGrid ul.tableLegend>div.raceMeeting.interim .raceTTG,.wc_r_NextToJumpGrid div.raceCard>div.raceBlock.interim .raceTTG,.wc_r_raceCardGrid div.raceCard>div.raceBlock.interim .raceTTG,.wc_r_NextToJumpGrid ul.tableLegend>div.raceBlock.interim .raceTTG,.wc_r_raceCardGrid ul.tableLegend>div.raceBlock.interim .raceTTG,.wc_r_NextToJumpGrid div.raceCard li span.legendSample.interim .raceTTG,.wc_r_raceCardGrid div.raceCard li span.legendSample.interim .raceTTG,.wc_r_NextToJumpGrid ul.tableLegend li span.legendSample.interim .raceTTG,.wc_r_raceCardGrid ul.tableLegend li span.legendSample.interim .raceTTG,.wc_r_NextToJumpGrid div.raceCard>div.raceMeeting.suspended .raceTTG,.wc_r_raceCardGrid div.raceCard>div.raceMeeting.suspended .raceTTG,.wc_r_NextToJumpGrid ul.tableLegend>div.raceMeeting.suspended .raceTTG,.wc_r_raceCardGrid ul.tableLegend>div.raceMeeting.suspended .raceTTG,.wc_r_NextToJumpGrid div.raceCard>div.raceBlock.suspended .raceTTG,.wc_r_raceCardGrid div.raceCard>div.raceBlock.suspended .raceTTG,.wc_r_NextToJumpGrid ul.tableLegend>div.raceBlock.suspended .raceTTG,.wc_r_raceCardGrid ul.tableLegend>div.raceBlock.suspended .raceTTG,.wc_r_NextToJumpGrid div.raceCard li span.legendSample.suspended .raceTTG,.wc_r_raceCardGrid div.raceCard li span.legendSample.suspended .raceTTG,.wc_r_NextToJumpGrid ul.tableLegend li span.legendSample.suspended .raceTTG,.wc_r_raceCardGrid ul.tableLegend li span.legendSample.suspended .raceTTG,.wc_r_NextToJumpGrid div.raceCard>div.raceMeeting a.interim .raceTime,.wc_r_raceCardGrid div.raceCard>div.raceMeeting a.interim .raceTime,.wc_r_NextToJumpGrid ul.tableLegend>div.raceMeeting a.interim .raceTime,.wc_r_raceCardGrid ul.tableLegend>div.raceMeeting a.interim .raceTime,.wc_r_NextToJumpGrid div.raceCard>div.raceBlock a.interim .raceTime,.wc_r_raceCardGrid div.raceCard>div.raceBlock a.interim .raceTime,.wc_r_NextToJumpGrid ul.tableLegend>div.raceBlock a.interim .raceTime,.wc_r_raceCardGrid ul.tableLegend>div.raceBlock a.interim .raceTime,.wc_r_NextToJumpGrid div.raceCard li span.legendSample a.interim .raceTime,.wc_r_raceCardGrid div.raceCard li span.legendSample a.interim .raceTime,.wc_r_NextToJumpGrid ul.tableLegend li span.legendSample a.interim .raceTime,.wc_r_raceCardGrid ul.tableLegend li span.legendSample a.interim .raceTime,.wc_r_NextToJumpGrid div.raceCard>div.raceMeeting a.suspended .raceTime,.wc_r_raceCardGrid div.raceCard>div.raceMeeting a.suspended .raceTime,.wc_r_NextToJumpGrid ul.tableLegend>div.raceMeeting a.suspended .raceTime,.wc_r_raceCardGrid ul.tableLegend>div.raceMeeting a.suspended .raceTime,.wc_r_NextToJumpGrid div.raceCard>div.raceBlock a.suspended .raceTime,.wc_r_raceCardGrid div.raceCard>div.raceBlock a.suspended .raceTime,.wc_r_NextToJumpGrid ul.tableLegend>div.raceBlock a.suspended .raceTime,.wc_r_raceCardGrid ul.tableLegend>div.raceBlock a.suspended .raceTime,.wc_r_NextToJumpGrid div.raceCard li span.legendSample a.suspended .raceTime,.wc_r_raceCardGrid div.raceCard li span.legendSample a.suspended .raceTime,.wc_r_NextToJumpGrid ul.tableLegend li span.legendSample a.suspended .raceTime,.wc_r_raceCardGrid ul.tableLegend li span.legendSample a.suspended .raceTime,.wc_r_NextToJumpGrid div.raceCard>div.raceMeeting.interim .raceTime,.wc_r_raceCardGrid div.raceCard>div.raceMeeting.interim .raceTime,.wc_r_NextToJumpGrid ul.tableLegend>div.raceMeeting.interim .raceTime,.wc_r_raceCardGrid ul.tableLegend>div.raceMeeting.interim .raceTime,.wc_r_NextToJumpGrid div.raceCard>div.raceBlock.interim .raceTime,.wc_r_raceCardGrid div.raceCard>div.raceBlock.interim .raceTime,.wc_r_NextToJumpGrid ul.tableLegend>div.raceBlock.interim .raceTime,.wc_r_raceCardGrid ul.tableLegend>div.raceBlock.interim .raceTime,.wc_r_NextToJumpGrid div.raceCard li span.legendSample.interim .raceTime,.wc_r_raceCardGrid div.raceCard li span.legendSample.interim .raceTime,.wc_r_NextToJumpGrid ul.tableLegend li span.legendSample.interim .raceTime,.wc_r_raceCardGrid ul.tableLegend li span.legendSample.interim .raceTime,.wc_r_NextToJumpGrid div.raceCard>div.raceMeeting.suspended .raceTime,.wc_r_raceCardGrid div.raceCard>div.raceMeeting.suspended .raceTime,.wc_r_NextToJumpGrid ul.tableLegend>div.raceMeeting.suspended .raceTime,.wc_r_raceCardGrid ul.tableLegend>div.raceMeeting.suspended .raceTime,.wc_r_NextToJumpGrid div.raceCard>div.raceBlock.suspended .raceTime,.wc_r_raceCardGrid div.raceCard>div.raceBlock.suspended .raceTime,.wc_r_NextToJumpGrid ul.tableLegend>div.raceBlock.suspended .raceTime,.wc_r_raceCardGrid ul.tableLegend>div.raceBlock.suspended .raceTime,.wc_r_NextToJumpGrid div.raceCard li span.legendSample.suspended .raceTime,.wc_r_raceCardGrid div.raceCard li span.legendSample.suspended .raceTime,.wc_r_NextToJumpGrid ul.tableLegend li span.legendSample.suspended .raceTime,.wc_r_raceCardGrid ul.tableLegend li span.legendSample.suspended .raceTime {
background-color: #fdfdfd;
color: #0d0d0d;
font-weight: 600
}
.wc_r_NextToJumpGrid div.raceCard>div.raceMeeting a.closing30min .raceTTG,.wc_r_raceCardGrid div.raceCard>div.raceMeeting a.closing30min .raceTTG,.wc_r_NextToJumpGrid ul.tableLegend>div.raceMeeting a.closing30min .raceTTG,.wc_r_raceCardGrid ul.tableLegend>div.raceMeeting a.closing30min .raceTTG,.wc_r_NextToJumpGrid div.raceCard>div.raceBlock a.closing30min .raceTTG,.wc_r_raceCardGrid div.raceCard>div.raceBlock a.closing30min .raceTTG,.wc_r_NextToJumpGrid ul.tableLegend>div.raceBlock a.closing30min .raceTTG,.wc_r_raceCardGrid ul.tableLegend>div.raceBlock a.closing30min .raceTTG,.wc_r_NextToJumpGrid div.raceCard li span.legendSample a.closing30min .raceTTG,.wc_r_raceCardGrid div.raceCard li span.legendSample a.closing30min .raceTTG,.wc_r_NextToJumpGrid ul.tableLegend li span.legendSample a.closing30min .raceTTG,.wc_r_raceCardGrid ul.tableLegend li span.legendSample a.closing30min .raceTTG,.wc_r_NextToJumpGrid div.raceCard>div.raceMeeting.closing30min .raceTTG,.wc_r_raceCardGrid div.raceCard>div.raceMeeting.closing30min .raceTTG,.wc_r_NextToJumpGrid ul.tableLegend>div.raceMeeting.closing30min .raceTTG,.wc_r_raceCardGrid ul.tableLegend>div.raceMeeting.closing30min .raceTTG,.wc_r_NextToJumpGrid div.raceCard>div.raceBlock.closing30min .raceTTG,.wc_r_raceCardGrid div.raceCard>div.raceBlock.closing30min .raceTTG,.wc_r_NextToJumpGrid ul.tableLegend>div.raceBlock.closing30min .raceTTG,.wc_r_raceCardGrid ul.tableLegend>div.raceBlock.closing30min .raceTTG,.wc_r_NextToJumpGrid div.raceCard li span.legendSample.closing30min .raceTTG,.wc_r_raceCardGrid div.raceCard li span.legendSample.closing30min .raceTTG,.wc_r_NextToJumpGrid ul.tableLegend li span.legendSample.closing30min .raceTTG,.wc_r_raceCardGrid ul.tableLegend li span.legendSample.closing30min .raceTTG,.wc_r_NextToJumpGrid div.raceCard>div.raceMeeting a.closing30min .raceTime,.wc_r_raceCardGrid div.raceCard>div.raceMeeting a.closing30min .raceTime,.wc_r_NextToJumpGrid ul.tableLegend>div.raceMeeting a.closing30min .raceTime,.wc_r_raceCardGrid ul.tableLegend>div.raceMeeting a.closing30min .raceTime,.wc_r_NextToJumpGrid div.raceCard>div.raceBlock a.closing30min .raceTime,.wc_r_raceCardGrid div.raceCard>div.raceBlock a.closing30min .raceTime,.wc_r_NextToJumpGrid ul.tableLegend>div.raceBlock a.closing30min .raceTime,.wc_r_raceCardGrid ul.tableLegend>div.raceBlock a.closing30min .raceTime,.wc_r_NextToJumpGrid div.raceCard li span.legendSample a.closing30min .raceTime,.wc_r_raceCardGrid div.raceCard li span.legendSample a.closing30min .raceTime,.wc_r_NextToJumpGrid ul.tableLegend li span.legendSample a.closing30min .raceTime,.wc_r_raceCardGrid ul.tableLegend li span.legendSample a.closing30min .raceTime,.wc_r_NextToJumpGrid div.raceCard>div.raceMeeting.closing30min .raceTime,.wc_r_raceCardGrid div.raceCard>div.raceMeeting.closing30min .raceTime,.wc_r_NextToJumpGrid ul.tableLegend>div.raceMeeting.closing30min .raceTime,.wc_r_raceCardGrid ul.tableLegend>div.raceMeeting.closing30min .raceTime,.wc_r_NextToJumpGrid div.raceCard>div.raceBlock.closing30min .raceTime,.wc_r_raceCardGrid div.raceCard>div.raceBlock.closing30min .raceTime,.wc_r_NextToJumpGrid ul.tableLegend>div.raceBlock.closing30min .raceTime,.wc_r_raceCardGrid ul.tableLegend>div.raceBlock.closing30min .raceTime,.wc_r_NextToJumpGrid div.raceCard li span.legendSample.closing30min .raceTime,.wc_r_raceCardGrid div.raceCard li span.legendSample.closing30min .raceTime,.wc_r_NextToJumpGrid ul.tableLegend li span.legendSample.closing30min .raceTime,.wc_r_raceCardGrid ul.tableLegend li span.legendSample.closing30min .raceTime {
background-color: #0bd51f;
color: #0d0d0d
}
.wc_r_NextToJumpGrid div.raceCard .raceTTG,.wc_r_raceCardGrid div.raceCard .raceTTG,.wc_r_NextToJumpGrid ul.tableLegend .raceTTG,.wc_r_raceCardGrid ul.tableLegend .raceTTG,.wc_r_NextToJumpGrid div.raceCard .raceTime,.wc_r_raceCardGrid div.raceCard .raceTime,.wc_r_NextToJumpGrid ul.tableLegend .raceTime,.wc_r_raceCardGrid ul.tableLegend .raceTime {
border-radius: 2.5px;
font-family: inherit;
font-size: 1rem
}
.wc_r_NextToJumpGrid div.raceCard .indicators span,.wc_r_raceCardGrid div.raceCard .indicators span,.wc_r_NextToJumpGrid ul.tableLegend .indicators span,.wc_r_raceCardGrid ul.tableLegend .indicators span {
height: 1rem;
padding: 2px;
border-radius: 2.5px;
font-size: .75rem;
font-weight: 700
}
.wc_r_NextToJumpGrid div.raceCard .indicators span.indBenefit,.wc_r_raceCardGrid div.raceCard .indicators span.indBenefit,.wc_r_NextToJumpGrid ul.tableLegend .indicators span.indBenefit,.wc_r_raceCardGrid ul.tableLegend .indicators span.indBenefit {
background: #d19e1d;
background: -webkit-linear-gradient(to right,#d19e1d,#ffd86e,#e3a812);
background: linear-gradient(to right,#d19e1d,#ffd86e,#e3a812);
border-color: rgba(19,19,19,.15);
color: #0d0d0d;
letter-spacing: .5px
}
.wc_r_NextToJumpGrid div.raceCard .indicators span.indFixed,.wc_r_raceCardGrid div.raceCard .indicators span.indFixed,.wc_r_NextToJumpGrid ul.tableLegend .indicators span.indFixed,.wc_r_raceCardGrid ul.tableLegend .indicators span.indFixed {
background-color: #fdfdfd;
color: #0d0d0d
}
.wc_r_NextToJumpGrid ul.tableLegend,.wc_r_raceCardGrid ul.tableLegend {
justify-content: center;
width: 100%;
margin: 0;
padding: .75rem;
background-color: #1f1f1f;
border: solid 1px #2b2b2b;
border-radius: 10px
}
.wc_r_NextToJumpGrid ul.tableLegend li,.wc_r_raceCardGrid ul.tableLegend li {
color: #fdfdfd
}
.wc_r_NextToJumpGrid div.raceCard,.wc_r_raceCardGrid div.raceCard {
padding-top: .75rem
}
.wc_r_NextToJumpGrid.nexttojump .showAusintFilter,.wc_r_raceCardGrid.nexttojump .showAusintFilter,.wc_r_NextToJumpGrid.daily .showAusintFilter,.wc_r_raceCardGrid.daily .showAusintFilter,.wc_r_NextToJumpGrid.futures .showAusintFilter,.wc_r_raceCardGrid.futures .showAusintFilter,.wc_r_NextToJumpGrid.results .showAusintFilter,.wc_r_raceCardGrid.results .showAusintFilter {
display: inline
}
.wc_r_NextToJumpGrid.futures .staticMessage,.wc_r_raceCardGrid.futures .staticMessage {
margin-top: .625rem
}
.wc_r_NextToJumpGrid.results .framePanel.filters,.wc_r_raceCardGrid.results .framePanel.filters {
grid-auto-columns: auto;
grid-auto-flow: column;
grid-template-columns: 1fr auto
}
.wc_r_NextToJumpGrid.results div.dateFilter,.wc_r_raceCardGrid.results div.dateFilter {
align-items: center;
justify-content: end;
min-height: 3.25rem;
padding: .375rem;
background-color: #1f1f1f;
border: solid 1px #0bd51f;
border-radius: 3.25rem
}
.wc_r_NextToJumpGrid.results div.dateFilter form>div.formLine>div,.wc_r_raceCardGrid.results div.dateFilter form>div.formLine>div {
padding: 0
}
.wc_r_NextToJumpGrid.results div.dateFilter form>div.formLine a,.wc_r_raceCardGrid.results div.dateFilter form>div.formLine a {
width: 100%;
min-height: 2.5rem
}
.wc_r_NextToJumpGrid.results div.dateFilter form>div.formLine .dates,.wc_r_raceCardGrid.results div.dateFilter form>div.formLine .dates {
grid-template-columns: 1fr 1fr 1fr;
padding: 0;
margin: 0;
margin-left: .625rem
}
.wc_r_NextToJumpGrid.results div.dateFilter form>div.formLine .dates>select,.wc_r_raceCardGrid.results div.dateFilter form>div.formLine .dates>select {
border-radius: 2.5rem;
text-align: center
}
.wc_r_NextToJumpGrid.results .quickPages,.wc_r_raceCardGrid.results .quickPages {
margin-right: .75rem
}
.wc_r_NextToJumpGrid.results .quickPages a.button,.wc_r_raceCardGrid.results .quickPages a.button {
border-color: #0bd51f
}
.wc_r_race .framePanel.results {
margin: .625rem 0;
padding: .9375rem
}
.wc_r_race .framePanel.results .marketTable thead .header,.wc_r_race .framePanel.results .marketTable thead .oddsColumn {
padding: 0 .25rem;
padding-bottom: .5rem;
color: #0bd51f;
font-family: "Barlow Semi Condensed",Helvetica,Arial,Sans-Serif;
font-size: 1rem;
font-style: italic;
font-weight: 700;
text-transform: uppercase
}
.wc_r_race .framePanel.results tbody tr {
height: 1.875rem;
background-color: #333;
border-top: solid .625rem #1f1f1f
}
.wc_r_race .framePanel.results tbody tr th.placing {
height: 3.75rem;
width: 1px;
min-width: 3.75rem;
max-width: 3.75rem;
padding: .625rem
}
.wc_r_race .framePanel.results tbody tr th.placing>div {
display: flex;
align-items: center;
justify-content: center;
height: 2.5rem;
width: 2.5rem;
border: solid 1px #0bd51f;
border-radius: 2.5rem;
font-size: 1rem;
font-weight: 600
}
.wc_r_race .framePanel.results tbody tr td.silkColumn {
padding: 0 .625rem;
padding-left: .3125rem
}
.wc_r_race .framePanel.results tbody tr:first-of-type {
border: none
}
.wc_r_race .framePanel.results tbody tr:hover {
background-color: #333
}
.wc_r_race .framePanel.results .exoticResults>header {
display: none
}
.wc_r_race .framePanel.results .exoticResults>main {
grid-gap: .9375rem
}
.wc_r_race .framePanel.results .exoticResults>main>section.exoticResult {
grid-template-rows: auto 1fr;
width: 100%;
margin: 0;
margin-top: .9375rem
}
.wc_r_race .framePanel.results .exoticResults>main>section.exoticResult>header {
padding: 0 .25rem;
padding-bottom: .3125rem;
color: #0bd51f;
font-family: "Barlow Semi Condensed",Helvetica,Arial,Sans-Serif;
font-style: italic;
font-weight: 700;
text-transform: uppercase
}
.wc_r_race .framePanel.results .exoticResults>main>section.exoticResult>main {
grid-gap: .3125rem;
padding: .625rem;
background-color: #333
}
.wc_r_race .framePanel.results .exoticResults>main>section.exoticResult>main>.exoticResultPlaces {
font-size: unset
}
.wc_r_race .framePanel.results .exoticResults>main>section.exoticResult>main>.exoticResultPayout {
font-weight: 500
}
.wc_r_race .framePanel.results .silkImg {
height: 2.5rem;
width: 2.5rem
}
.wc_r_race .framePanel .marketPercent {
display: none
}
.wc_r_race .headerBox {
position: relative;
display: grid;
grid-row-gap: .9375rem;
grid-template-rows: auto 1fr auto;
align-items: center;
justify-content: center;
margin-bottom: .625rem;
padding: .9375rem;
background-color: #1f1f1f;
border: solid 1px #2b2b2b;
border-radius: 10px
}
.wc_r_race .headerBox h1 {
display: grid;
grid-gap: .625rem;
grid-row-gap: .5rem;
grid-template-areas: 'icon heading navToggleIcon' 'info info info';
grid-template-columns: 2.25rem auto 2.25rem;
align-items: center;
justify-content: center;
min-height: auto;
padding: 0;
text-align: center
}
.wc_r_race .headerBox h1:before {
grid-area: icon;
justify-self: end;
height: 2.25rem;
width: 2.25rem;
border-width: 2px;
font-size: 1.25rem
}
.wc_r_race .headerBox h1:after {
content: '';
display: none
}
.wc_r_race .headerBox h1>span {
grid-area: info;
position: unset;
text-align: center;
font-size: .9rem
}
.wc_r_race .headerBox h1>span>span:first-of-type {
margin-left: 0
}
.wc_r_race .headerBox h1 .navToggleIcon {
padding: .375rem .75rem;
cursor: pointer;
text-align: center;
vertical-align: middle;
border: 1px solid #0d0d0d;
color: #0d0d0d;
font-weight: bold;
background-color: #fdfdfd;
border-radius: 10px;
position: relative;
display: inline-flex;
justify-content: center;
align-items: center;
min-height: 2.5rem;
min-width: 2.5rem;
padding: .25rem .9375rem;
background-color: unset;
border: solid 2px #fdfdfd;
border-radius: 2.5rem;
font-family: "Barlow Semi Condensed",Helvetica,Arial,Sans-Serif;
font-size: .9rem;
font-style: italic;
font-weight: 700;
letter-spacing: .5px;
text-transform: uppercase;
background-color: #1f1f1f;
border-color: #1f1f1f;
background-color: transparent;
border-color: #0bd51f;
color: #fdfdfd;
grid-area: navToggleIcon;
justify-self: flex-start;
height: 2.25rem;
min-height: 2.25rem;
width: 2.25rem;
min-width: 2.25rem;
padding: 0;
border-radius: 2.25rem;
font-size: 1.25rem
}
.wc_r_race .headerBox h1 .navToggleIcon:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
.wc_r_race .headerBox h1 .navToggleIcon.selected {
background-color: #1f1f1f;
color: #fdfdfd
}
.wc_r_race .headerBox h1 .navToggleIcon.selected:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
.wc_r_race .headerBox h1 .navToggleIcon.inverse {
background-color: transparent;
border-color: #fdfdfd;
color: #fdfdfd
}
.wc_r_race .headerBox h1 .navToggleIcon.inverse:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
.wc_r_race .headerBox h1 .navToggleIcon.inverse.selected {
background-color: rgba(253,253,253,.4)
}
.wc_r_race .headerBox h1 .navToggleIcon.inverse.selected:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
.wc_r_race .headerBox h1 .navToggleIcon.expired {
background-color: #bfbfbf;
border-color: #262626;
color: #262626;
color: #0d0d0d
}
.wc_r_race .headerBox h1 .navToggleIcon.expired:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
.wc_r_race .headerBox h1 .navToggleIcon.expired.selected {
background-color: #8c8c8c;
border-color: #0d0d0d;
color: #0d0d0d
}
.wc_r_race .headerBox h1 .navToggleIcon.expired.selected:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
.wc_r_race .headerBox h1 .navToggleIcon.delete {
background-color: #cb1029;
border-color: #f797a4;
color: #fdfdfd
}
.wc_r_race .headerBox h1 .navToggleIcon.delete:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
.wc_r_race .headerBox h1 .navToggleIcon.delete.selected {
background-color: #6c0916
}
.wc_r_race .headerBox h1 .navToggleIcon.delete.selected:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
.wc_r_race .headerBox h1 .navToggleIcon.confirm {
background-color: #1f1f1f;
border-color: #1f1f1f;
color: #fdfdfd
}
.wc_r_race .headerBox h1 .navToggleIcon.confirm:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
.wc_r_race .headerBox h1 .navToggleIcon.confirm.selected {
background-color: #0d0d0d
}
.wc_r_race .headerBox h1 .navToggleIcon.confirm.selected:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
.wc_r_race .headerBox h1 .navToggleIcon.disabled {
opacity: .5
}
.wc_r_race .headerBox h1 .navToggleIcon.betlink {
border-color: #0d0d0d;
color: #0d0d0d;
min-width: 100%;
white-space: nowrap
}
.wc_r_race .headerBox h1 .navToggleIcon.betlink:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
.wc_r_race .headerBox h1 .navToggleIcon.betlink.selected {
background-color: #0d0d0d;
color: #0d0d0d
}
.wc_r_race .headerBox h1 .navToggleIcon.betlink.selected:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
.wc_r_race .headerBox h1 .navToggleIcon[class^="icon-"],.wc_r_race .headerBox h1 .navToggleIcon[class*=" icon-"] {
padding-top: .225rem;
padding-bottom: .225rem;
padding-left: .225rem
}
.wc_r_race .headerBox h1 .navToggleIcon[class^="icon-"]:before,.wc_r_race .headerBox h1 .navToggleIcon[class*=" icon-"]:before {
font-size: 1.9rem;
font-weight: normal;
padding-right: .225rem
}
.wc_r_race .headerBox h1 .navToggleIcon[class^="icon-"]:empty,.wc_r_race .headerBox h1 .navToggleIcon[class*=" icon-"]:empty {
padding: .225rem
}
.wc_r_race .headerBox h1 .navToggleIcon[class^="icon-"]:empty:before,.wc_r_race .headerBox h1 .navToggleIcon[class*=" icon-"]:empty:before {
padding: 0
}
.wc_r_race .headerBox h1 .navToggleIcon[class^="icon-"].vertical,.wc_r_race .headerBox h1 .navToggleIcon[class*=" icon-"].vertical {
flex-direction: column;
align-items: center;
padding-right: .225rem;
padding-bottom: .3rem
}
.wc_r_race .headerBox h1 .navToggleIcon.small {
min-height: 1.875rem;
font-size: .75rem;
padding: .21875rem .4375rem
}
.wc_r_race .headerBox h1 .navToggleIcon.small[class^="icon-"],.wc_r_race .headerBox h1 .navToggleIcon.small[class*=" icon-"] {
padding-top: .16875rem;
padding-bottom: .16875rem;
padding-left: .16875rem
}
.wc_r_race .headerBox h1 .navToggleIcon.small[class^="icon-"]:before,.wc_r_race .headerBox h1 .navToggleIcon.small[class*=" icon-"]:before {
font-size: 1.425rem;
font-weight: normal;
padding-right: .16875rem
}
.wc_r_race .headerBox h1 .navToggleIcon.small[class^="icon-"]:empty,.wc_r_race .headerBox h1 .navToggleIcon.small[class*=" icon-"]:empty {
padding: .16875rem
}
.wc_r_race .headerBox h1 .navToggleIcon.small[class^="icon-"]:empty:before,.wc_r_race .headerBox h1 .navToggleIcon.small[class*=" icon-"]:empty:before {
padding: 0
}
.wc_r_race .headerBox h1 .navToggleIcon.small[class^="icon-"].vertical,.wc_r_race .headerBox h1 .navToggleIcon.small[class*=" icon-"].vertical {
padding-right: .16875rem
}
.wc_r_race .headerBox h1 .navToggleIcon.majorAction {
font-size: 1.4rem;
padding: .875rem
}
.wc_r_race .headerBox h1 .navToggleIcon.majorAction[class^="icon-"],.wc_r_race .headerBox h1 .navToggleIcon.majorAction[class*=" icon-"] {
padding-top: .315rem;
padding-bottom: .315rem;
padding-left: .315rem
}
.wc_r_race .headerBox h1 .navToggleIcon.majorAction[class^="icon-"]:before,.wc_r_race .headerBox h1 .navToggleIcon.majorAction[class*=" icon-"]:before {
font-size: 2.66rem;
font-weight: normal;
padding-right: .315rem
}
.wc_r_race .headerBox h1 .navToggleIcon.majorAction[class^="icon-"]:empty,.wc_r_race .headerBox h1 .navToggleIcon.majorAction[class*=" icon-"]:empty {
padding: .315rem
}
.wc_r_race .headerBox h1 .navToggleIcon.majorAction[class^="icon-"]:empty:before,.wc_r_race .headerBox h1 .navToggleIcon.majorAction[class*=" icon-"]:empty:before {
padding: 0
}
.wc_r_race .headerBox h1 .navToggleIcon.invisible {
visibility: hidden
}
.wc_r_race .headerBox h1 .navToggleIcon.tooltip {
position: relative;
display: inline-block
}
.wc_r_race .headerBox h1 .navToggleIcon.tooltip .tooltiptext {
visibility: hidden;
width: auto;
background-color: #333;
color: #fdfdfd;
text-align: center;
padding: 3px;
border-radius: 10px;
position: absolute;
top: 3px;
right: 3px;
z-index: 490;
font-size: 13px;
line-height: 16px;
font-weight: normal
}
.wc_r_race .headerBox h1 .navToggleIcon.tooltip:hover .tooltiptext {
visibility: visible
}
.wc_r_race .headerBox h1 .navToggleIcon:hover:not(.disabled,.selected,.expired) {
opacity: 1
}
.wc_r_race .headerBox h1 .navToggleIcon:hover:not(.disabled,.selected) {
background-color: #282828;
border-color: #fdfdfd;
color: #fdfdfd
}
.wc_r_race .headerBox h1 .navToggleIcon.selected {
background-color: #0bd51f;
border-color: #0bd51f;
color: #0d0d0d
}
.wc_r_race .headerBox h1 .navToggleIcon.selected:hover:not(.disabled,.expired) {
opacity: 1;
background-color: #13f32a;
border-color: #13f32a;
color: #0d0d0d
}
.wc_r_race .headerBox h1 .navToggleIcon.disabled {
opacity: .65
}
.wc_r_race .headerBox h1 .navToggleIcon.disabled:hover {
cursor: default
}
.wc_r_race .headerBox h1 .navToggleIcon[class^="icon-"],.wc_r_race .headerBox h1 .navToggleIcon[class*=" icon-"] {
grid-gap: .25rem;
padding: .5rem;
border-radius: 10px
}
.wc_r_race .headerBox h1 .navToggleIcon[class^="icon-"]:empty,.wc_r_race .headerBox h1 .navToggleIcon[class*=" icon-"]:empty {
min-width: 2.5rem
}
.wc_r_race .headerBox h1 .navToggleIcon[class^="icon-"]:before,.wc_r_race .headerBox h1 .navToggleIcon[class*=" icon-"]:before {
padding: 0;
font-size: 1.5rem
}
.wc_r_race .headerBox h1 .navToggleIcon[class^="icon-"].vertical,.wc_r_race .headerBox h1 .navToggleIcon[class*=" icon-"].vertical {
justify-content: center;
grid-gap: .25rem;
padding: .625rem .75rem;
border-radius: 10px
}
.wc_r_race .headerBox h1 .navToggleIcon[class^="icon-"].vertical:before,.wc_r_race .headerBox h1 .navToggleIcon[class*=" icon-"].vertical:before {
position: unset;
display: flex;
align-items: center;
justify-content: center;
justify-self: center;
height: 2.5rem;
width: 2.5rem;
border: solid 2px #0bd51f;
border-radius: 2.5rem;
font-size: 1.5rem
}
.wc_r_race .headerBox h1 .navToggleIcon[class^="icon-"].vertical.selected:before,.wc_r_race .headerBox h1 .navToggleIcon[class*=" icon-"].vertical.selected:before {
border-color: #0d0d0d
}
.wc_r_race .headerBox h1 .navToggleIcon.expired {
opacity: .65;
background-color: unset;
border-color: #fdfdfd;
color: #fdfdfd
}
.wc_r_race .headerBox h1 .navToggleIcon.expired:hover:not(.disabled,.selected) {
opacity: .75;
background-color: #13f32a;
border-color: #fdfdfd;
color: #fdfdfd
}
.wc_r_race .headerBox h1 .navToggleIcon.expired.selected {
opacity: .65;
background-color: #0bd51f;
border-color: #0bd51f;
color: #0d0d0d
}
.wc_r_race .headerBox h1 .navToggleIcon.delete {
background-color: #cb1029;
border-color: #cb1029
}
.wc_r_race .headerBox h1 .navToggleIcon.delete.selected {
background-color: #cb1029;
border-color: #cb1029;
color: #fdfdfd
}
.wc_r_race .headerBox h1 .navToggleIcon.delete:hover:not(.disabled) {
background-color: #b30e24;
border-color: #b30e24;
color: #fdfdfd
}
.wc_r_race .headerBox h1 .navToggleIcon.confirm {
background-color: transparent;
border-color: #0bd51f;
color: #fdfdfd
}
.wc_r_race .headerBox h1 .navToggleIcon.confirm.selected {
background-color: #0bd51f;
border-color: #0bd51f;
color: #0d0d0d
}
.wc_r_race .headerBox h1 .navToggleIcon.confirm.selected:hover {
opacity: 1;
background-color: #0ced23;
border-color: #0ced23;
color: #0d0d0d
}
.wc_r_race .headerBox h1 .navToggleIcon.confirm:hover:not(.disabled,.selected) {
opacity: 1;
background-color: #282828;
border-color: #0bd51f;
color: #fdfdfd
}
.wc_r_race .headerBox h1 .navToggleIcon.inverse {
border-color: #1f1f1f;
color: #0d0d0d
}
.wc_r_race .headerBox h1 .navToggleIcon.inverse:hover:not(.disabled,.selected) {
background-color: #adb4bd;
border-color: #1f1f1f;
color: #0d0d0d
}
.wc_r_race .headerBox h1 .navToggleIcon.betlink {
min-height: 3.125rem;
width: 100%;
min-width: 4.375rem;
padding: .25rem .5rem;
background-color: #353e36;
border-color: #353e36;
border-width: 1px;
border-radius: 5px;
color: #fdfdfd;
font-size: 1.1rem;
font-style: normal;
font-weight: 600
}
.wc_r_race .headerBox h1 .navToggleIcon.betlink:hover:not(.disabled,.selected) {
background-color: #445045;
border-color: #445045
}
.wc_r_race .headerBox h1 .navToggleIcon.betlink.selected {
background-color: #0bd51f;
border-color: #0bd51f;
color: #0d0d0d
}
.wc_r_race .headerBox h1 .navToggleIcon.betlink.selected.disabled {
opacity: .4;
background-color: #0bd51f;
border-color: #0bd51f;
color: #0d0d0d
}
.wc_r_race .headerBox h1 .navToggleIcon.betlink.selected.disabled:hover {
opacity: .4;
background-color: #0bd51f;
border-color: #0bd51f;
color: #0d0d0d
}
.wc_r_race .headerBox h1 .navToggleIcon.betlink.disabled {
opacity: .4;
color: #fdfdfd
}
.wc_r_race .headerBox h1 .navToggleIcon.betlink.disabled:hover {
opacity: .4;
background-color: #353e36;
border-color: #353e36;
color: #fdfdfd
}
.wc_r_race .headerBox h1 .navToggleIcon.small {
padding: .25rem .625rem
}
.wc_r_race .headerBox h1 .navToggleIcon.login {
background-color: transparent;
border-color: #0bd51f;
color: #fdfdfd
}
.wc_r_race .headerBox h1 .navToggleIcon.login:hover:not(.disabled,.selected) {
opacity: 1;
background-color: #333;
border-color: #0bd51f;
color: #fdfdfd
}
.wc_r_race .headerBox h1 .navToggleIcon.login.selected {
opacity: 1;
background-color: #404040;
border-color: #0bd51f;
color: #fdfdfd
}
.wc_r_race .headerBox h1 .navToggleIcon.login.selected:hover {
opacity: 1;
background-color: #4d4d4d;
border-color: #0bd51f;
color: #fdfdfd
}
.wc_r_race .headerBox h1 .navToggleIcon.join {
background-color: #0bd51f;
border-color: #0bd51f;
color: #0d0d0d
}
.wc_r_race .headerBox h1 .navToggleIcon.join:hover:not(.disabled) {
opacity: 1;
background-color: #13f32a;
border-color: #13f32a;
color: #0d0d0d
}
.wc_r_race .headerBox h1 .navToggleIcon.button-primary {
border: solid 2px #0bd51f
}
.wc_r_race .headerBox h1 .navToggleIcon.buttonAcceptAction {
background-color: #0bd51f;
border-color: #0bd51f;
color: #0d0d0d
}
.wc_r_race .headerBox h1 .navToggleIcon.buttonAcceptAction:hover {
opacity: 1;
background-color: #0ac41d;
border-color: #0ac41d;
color: #0d0d0d
}
.wc_r_race .headerBox h1 .navToggleIcon:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
.wc_r_race .headerBox h1 .navToggleIcon.selected {
background-color: #0d0d0d
}
.wc_r_race .headerBox h1 .navToggleIcon.selected:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
.wc_r_race .headerBox h1 .navToggleIcon.selected {
background-color: #0bd51f;
border-color: #0bd51f;
color: #0d0d0d
}
.wc_r_race .headerBox h1 .navToggleIcon.selected:hover {
opacity: 1;
background-color: #0ced23;
border-color: #0ced23;
color: #0d0d0d
}
.wc_r_race .headerBox h1 .navToggleIcon:hover:not(.disabled,.selected) {
opacity: 1;
background-color: #282828;
border-color: #0bd51f;
color: #fdfdfd
}
.wc_r_race .headerBox h1 .navToggleIcon:after {
display: flex;
align-items: center;
justify-content: center;
height: 2.25rem;
width: 2.25rem;
font-size: 1rem
}
.wc_r_race .infoBar {
padding: 0;
background-color: transparent;
border: none;
color: #fdfdfd;
text-align: center
}
.wc_r_race .infoBar b {
font-weight: 600
}
.wc_r_race .infoBar .raceDetails .raceName {
font-size: 1.25rem
}
.wc_r_race .infoBar .timeToGo {
position: absolute;
right: .9375rem;
top: .9375rem;
display: flex;
align-items: center;
justify-content: center;
height: 2.5rem;
min-width: 6.25rem;
background-color: #fdfdfd;
border-radius: 2.5rem;
color: #0d0d0d
}
.wc_r_race .infoBar .timeToGo.results {
background-color: #0bd51f;
color: #0d0d0d
}
.wc_r_race .infoBar .timeToGo.ttg120 {
background-color: #cb1029;
color: #fdfdfd
}
.wc_r_race .infoBar .timeToGo.ttg600 {
background-color: #0bd51f;
color: #0d0d0d
}
.wc_r_race .infoBar .timeToGo>span {
display: none
}
.wc_r_race .infoBar .raceInformation>span:last-of-type {
margin: 0
}
.wc_r_race .eventComment {
font-size: 1rem
}
.wc_r_race table.marketTable tr td.competitorCell {
line-height: 1.125rem
}
.wc_r_race table.marketTable tr td.competitorCell .title {
letter-spacing: .75px;
font-size: 1.1rem
}
.wc_r_race table.marketTable tbody tr td.oddsColumn.exotic input[type=checkbox]+label {
position: relative
}
.wc_r_race table.marketTable tbody tr td.oddsColumn.exotic input[type=checkbox]+label:after {
position: absolute;
left: 50%;
top: 50%;
padding-bottom: 1%;
font-family: 'Barlow Condensed';
font-size: 1.25rem;
font-weight: 700;
color: #fdfdfd;
transform: translate(-50%,-50%)
}
.wc_r_race table.marketTable tbody tr td.oddsColumn.exotic input[type=checkbox]:checked+label:after {
color: #0d0d0d
}
.wc_r_race table.marketTable tbody tr td.oddsColumn.exotic input[type=checkbox]:checked+label:before {
font-size: 0
}
.wc_r_race table.marketTable tbody tr td.oddsColumn.exotic input[type=checkbox][id^="exotic_A"]+label:after {
content: '1'
}
.wc_r_race table.marketTable tbody tr td.oddsColumn.exotic input[type=checkbox][id^="exotic_B"]+label:after {
content: '2'
}
.wc_r_race table.marketTable tbody tr td.oddsColumn.exotic input[type=checkbox][id^="exotic_C"]+label:after {
content: '3'
}
.wc_r_race table.marketTable tbody tr td.oddsColumn.exotic input[type=checkbox][id^="exotic_D"]+label:after {
content: '4'
}
.wc_r_race .competitorCell .details,.wc_r_race .competitorCell .jdt {
color: #fdfdfd;
font-size: 1rem;
line-height: inherit
}
.wc_r_race .competitorCell .jdt span:last-of-type {
white-space: nowrap
}
.wc_r_race .competitorCell .details .lastX {
margin-right: .625rem
}
.wc_r_race .competitorCell .details .lastX .details .lastX {
margin-right: .625rem
}
.wc_r_race .competitorCell .saddle,.wc_r_race .competitorCell .name {
font-weight: 600
}
.wc_r_race .scratched {
opacity: .75;
color: #fdfdfd
}
.wc_r_race .scratched .scratchPay {
font-size: .85rem;
line-height: 1rem
}
.wc_r_race .scratched td {
padding-top: .625rem;
padding-bottom: .625rem
}
.wc_r_race .flucsColumn {
min-width: 12.5rem;
padding-right: 1.25rem
}
.wc_r_race .flucsColumn div .fluc {
font-size: 1.125rem;
font-weight: 500
}
.wc_r_race .flucsColumn div .fluc.flucMax {
color: #0bd51f !important;
font-weight: 600
}
.wc_r_race .flucsColumn div .fluc.flucInit {
color: #fdfdfd !important;
font-weight: 500
}
.wc_r_race .favourite .button.betlink:before {
content: 'FAV';
position: absolute;
display: flex;
align-items: center;
justify-content: center;
top: -7px;
height: 14px;
width: auto;
padding: 1px 7.5px;
padding-top: 2px;
background-color: #0bd51f;
border: solid 1px transparent;
border-radius: 14px;
box-sizing: border-box;
color: #0d0d0d;
font-size: .75rem;
line-height: 1rem
}
.wc_r_race .favourite .button.betlink.selected:before {
border-color: #1f1f1f
}
.wc_r_race form.exoticsControls label {
display: flex;
align-items: center;
justify-content: end;
height: 100%;
color: #0d0d0d;
font-family: 'Barlow Semi Condensed';
font-size: 1rem;
font-style: italic;
font-weight: 900;
letter-spacing: .5px;
text-transform: uppercase
}
.wc_r_race form.exoticsControls input {
min-height: 2.5rem;
width: 100%;
background-color: rgba(31,31,31,.1);
border: solid 2px #1f1f1f;
border-radius: 2.5rem;
font-family: "Barlow Semi Condensed",Helvetica,Arial,Sans-Serif;
font-size: 1.25rem;
font-weight: 600;
color: #0d0d0d
}
.wc_r_race form.exoticsControls input:disabled {
display: flex;
height: 100%;
padding: 0;
background-color: #353e36;
border-color: transparent;
color: #fdfdfd;
font-family: 'Barlow Semi Condensed';
font-size: 1.1rem;
font-weight: 700;
letter-spacing: .75px;
text-align: center
}
.wc_r_race form.exoticsControls #ExoticSubmit {
margin-left: 1.25rem;
background-color: #0bd51f;
border-color: #0bd51f;
color: #0d0d0d
}
.wc_r_race form.exoticsControls.sameRace input {
height: auto;
border-radius: 7.5px
}
.wc_r_race form.exoticsControls.sameRace #exoticSelsFormatted {
display: grid;
height: 2.5rem;
min-height: fit-content;
width: 100%;
padding: .5rem 0;
background-color: #353e36;
border-color: transparent;
border-radius: 7.5px;
color: #fdfdfd;
font-weight: bold;
font-family: 'Barlow Semi Condensed';
font-size: .9rem;
letter-spacing: .75px;
line-height: 1rem;
text-align: center
}
.wc_r_race input[type=radio]+label:before,.wc_r_race input[type=checkbox]+label:before {
height: 2.5rem;
width: 2.5rem;
background-color: #353e36;
border-color: #353e36;
border-radius: 5px;
color: #fdfdfd
}
.wc_r_race input[type=radio]+label:hover:before,.wc_r_race input[type=checkbox]+label:hover:before {
background-color: #445045;
border-color: #445045
}
.wc_r_race input[type=radio]:checked+label:before,.wc_r_race input[type=checkbox]:checked+label:before {
background-color: #0bd51f;
border-color: #0bd51f;
color: #0d0d0d
}
.wc_r_race input[type=radio]:checked+label:hover:before,.wc_r_race input[type=checkbox]:checked+label:hover:before {
background-color: #13f32a;
border-color: #13f32a
}
.wc_r_race input[type=radio]:checked+label:hover.SRM,.wc_r_race input[type=checkbox]:checked+label:hover.SRM {
opacity: 1;
background-color: #13f32a;
border-color: #13f32a;
color: #0d0d0d
}
.wc_r_race input[type=radio]:checked+label.SRM,.wc_r_race input[type=checkbox]:checked+label.SRM {
background-color: #0bd51f;
border-color: #0bd51f;
color: #0d0d0d
}
.wc_r_race input input [type=radio]:hover:checked+label:hover:before,.wc_r_race input input[type=checkbox]:hover:checked+label:before {
background-color: #13f32a;
border-color: #13f32a
}
.wc_r_race .exoticFld {
height: 2.5rem;
width: 2.5rem;
margin-top: .3125rem;
background-color: #353e36;
border-color: #353e36;
border-radius: 5px;
color: #fdfdfd;
font-style: normal
}
.wc_r_race .exoticFld:hover {
background-color: #445045;
border-color: #445045;
color: #fdfdfd
}
.wc_r_race .exoticFld.selected {
background-color: #0bd51f;
border-color: #0bd51f;
color: #0d0d0d
}
.wc_r_race .exoticFld.selected:hover {
background-color: #13f32a;
border-color: #13f32a;
color: #0d0d0d
}
.wc_r_race.wc_r_quadrella form.exoticsControls {
margin: 0;
padding-top: .25rem;
background-color: #fdfdfd;
border: solid 1px #fdfdfd;
border-radius: 10px
}
.wc_r_race.wc_r_quadrella form.exoticsControls label {
justify-content: start
}
.wc_r_race.wc_r_quadrella form.exoticsControls #ExoticSubmit {
margin: 0
}
.wc_r_race.wc_r_quadrella .silkColumn {
padding-left: 0
}
.wc_r_race:not(.wc_r_quadrella) .framePanel table thead tr td:first-child {
text-align: left;
padding: .625rem 0
}
.wc_r_race:not(.wc_r_quadrella) .framePanel table tbody:last-of-type:last-child td:last-child,.wc_r_race:not(.wc_r_quadrella) .framePanel table.marketTable tbody:last-of-type:last-child td:last-child,.wc_r_race:not(.wc_r_quadrella) .framePanel table tbody:last-of-type:last-child th:last-child,.wc_r_race:not(.wc_r_quadrella) .framePanel table.marketTable tbody:last-of-type:last-child th:last-child {
border-radius: 0
}
.wc_r_race:not(.wc_r_quadrella) .framePanel table tbody:last-of-type:last-child td:first-child,.wc_r_race:not(.wc_r_quadrella) .framePanel table.marketTable tbody:last-of-type:last-child td:first-child,.wc_r_race:not(.wc_r_quadrella) .framePanel table tbody:last-of-type:last-child th:first-child,.wc_r_race:not(.wc_r_quadrella) .framePanel table.marketTable tbody:last-of-type:last-child th:first-child {
border-radius: 0
}
.wc_r_race:not(.wc_r_quadrella)>.framePanel {
padding: .625rem
}
.wc_r_race:not(.wc_r_quadrella) form.exoticsControls {
grid-gap: .625rem;
grid-template-columns: 0 0 1fr 1fr 1fr 1fr 1fr 1fr 1.5fr 0;
height: 4rem;
margin: .9375rem;
margin-bottom: 0;
padding: .9375rem;
background-color: #fdfdfd;
border: solid 1px #fdfdfd;
outline: solid .9375rem #1f1f1f;
border-radius: 10px
}
.wc_r_race:not(.wc_r_quadrella) .marketTable tbody tr td.oddsColumn.exotic input[type=checkbox]+label {
position: relative
}
.wc_r_race:not(.wc_r_quadrella) .marketTable tbody tr td.oddsColumn.exotic input[type=checkbox]+label.SRM:after {
display: none
}
.wc_r_race:not(.wc_r_quadrella) .marketTable tbody tr td.oddsColumn.exotic input[type=checkbox]:checked+label:after {
color: #0d0d0d
}
.wc_r_race:not(.wc_r_quadrella) .marketTable tbody tr td.oddsColumn.exotic input[type=checkbox]:checked+label:before {
font-size: 0
}
.wc_r_race:not(.wc_r_quadrella) .marketTable tbody tr td.oddsColumn.exotic input[type=checkbox][id^="exotic_A"]+label:after {
content: '1'
}
.wc_r_race:not(.wc_r_quadrella) .marketTable tbody tr td.oddsColumn.exotic input[type=checkbox][id^="exotic_B"]+label:after {
content: '2'
}
.wc_r_race:not(.wc_r_quadrella) .marketTable tbody tr td.oddsColumn.exotic input[type=checkbox][id^="exotic_C"]+label:after {
content: '3'
}
.wc_r_race:not(.wc_r_quadrella) .marketTable tbody tr td.oddsColumn.exotic input[type=checkbox][id^="exotic_D"]+label:after {
content: '4'
}
.wc_r_race.raceT .silkColumn .silkImg {
background-color: #fdfdfd;
border-radius: 5px
}
.wc_r_race.raceH .silkColumn .silkImg {
background-color: #fdfdfd;
border-radius: 5px
}
.wc_r_race.raceG .framePanel.results tbody tr td.silkColumn .silkImg {
height: 2.25rem;
width: 2.25rem;
border-radius: 2.25rem
}
.wc_r_race.raceG .framePanel.results tbody tr td.silkColumn .silkImg:before {
height: 2.25rem;
width: 2.25rem;
min-width: 2.25rem;
min-height: 2.25rem;
background: radial-gradient(transparent 12px,#1f1f1f 13px,#1f1f1f 17px,transparent 18px,transparent 100%)
}
.wc_r_race.raceG .silkColumn .silkImg {
position: relative;
display: flex;
align-items: center;
justify-content: center;
height: 2.5rem;
width: 2.5rem;
border: solid 2px #fdfdfd;
border-radius: 2.5rem;
box-shadow: none;
box-sizing: content-box
}
.wc_r_race.raceG .silkColumn .silkImg:before {
content: '';
position: absolute;
top: 0;
display: flex;
height: 2.5rem;
width: 2.5rem;
min-width: 2.5rem;
min-height: 2.5rem;
background: radial-gradient(transparent 13px,#1f1f1f 14px,#1f1f1f 18px,transparent 19px,transparent 100%);
border-radius: 50%
}
.wc_r_race.ecFloatBottom .framePanel.race {
margin-top: -4.5rem;
padding-bottom: 5rem
}
.wc_r_race.ecFloatBottom form.exoticsControls {
height: auto
}
.wc_r_race.ecFloatBottom form.exoticsControls.sameRace {
padding: .9375rem 0
}
.wc_r_quadrella .framePanel {
padding: .9375rem
}
.wc_r_quadrella .tabVertical>ul.tabs {
padding: 0
}
.wc_r_quadrella .tabVertical>ul.tabs li:first-of-type {
border-radius: 2.5rem
}
.wc_r_quadrella .tabVertical>ul.tabs li:last-of-type {
border-radius: 2.5rem
}
.wc_r_quadrella .tabVertical>ul.tabs li.selected:hover:not(.disabled) {
background-color: #13f32a
}
.wc_r_quadrella .tabVertical>ul.tabs li.selected:hover:not(.disabled) a {
color: #0d0d0d
}
.wc_r_quadrella .tabVertical>div {
margin-left: .9375rem;
padding: .75rem;
border: solid 1px #0bd51f;
border-radius: 7.5px
}
.wc_r_quadrella .quadLeg .infoBar {
color: #fdfdfd;
margin: 0;
margin-bottom: .3125rem;
padding: 1rem;
background-color: #353e36;
border: solid 1px #353e36;
border-radius: 7.5px
}
.wc_r_quadrella .quadLeg .infoBar .raceName {
padding: 0;
font-weight: 600;
font-size: 1.25rem;
text-align: left
}
.wc_r_quadrella .quadLeg .infoBar .raceInformation {
color: #fdfdfd;
font-size: 1rem;
text-align: left
}
.wc_r_quadrella .quadLeg .framePanel {
padding: 0 .125rem;
background-color: transparent;
border: none
}
.wc_r_quadrella .scratched td {
opacity: .75
}
.wc_r_quadrella .marketTable tr th:last-child {
width: 1px;
padding-left: 0;
padding-right: 0;
padding-top: .3125rem;
text-align: end;
font-size: 0
}
.wc_r_quadrella .marketTable tr td.oddsColumn.exotic {
width: 0;
padding-right: 0
}
.wc_r_quadrella .marketTable tr td.oddsColumn.exotic:last-child {
padding-left: .9375rem
}
.wc_r_quadrella div.eventHub>div {
padding: .625rem
}
.wc_r_formguide_advanced {
grid-gap: .9375rem;
padding: .9375rem;
background-color: #353e36
}
.wc_r_formguide_advanced * {
font-size: 1rem
}
.wc_r_formguide_advanced .blocks {
grid-gap: .46875rem
}
.wc_r_formguide_advanced .blocks li a {
padding: .375rem;
padding-bottom: .25rem;
font-weight: 600
}
.wc_r_formguide_advanced .blocks li.selected a {
color: #0d0d0d
}
.wc_r_formguide_advanced .runnerInfo,.wc_r_formguide_advanced .performance,.wc_r_formguide_advanced .previousruns {
grid-gap: .9375rem
}
.wc_r_formguide_advanced .runnerInfo .framePanel,.wc_r_formguide_advanced .performance .framePanel,.wc_r_formguide_advanced .previousruns .framePanel {
height: 100%;
padding: .25rem .5rem
}
.wc_r_formguide_advanced .runnerInfo .framePanel table,.wc_r_formguide_advanced .performance .framePanel table,.wc_r_formguide_advanced .previousruns .framePanel table {
margin-bottom: 0
}
.wc_r_formguide_advanced .runnerInfo .framePanel table tbody tr:hover,.wc_r_formguide_advanced .performance .framePanel table tbody tr:hover,.wc_r_formguide_advanced .previousruns .framePanel table tbody tr:hover {
background-color: transparent
}
.wc_r_formguide_advanced .runnerInfo .framePanel table tbody th,.wc_r_formguide_advanced .performance .framePanel table tbody th,.wc_r_formguide_advanced .runnerInfo .framePanel table tbody td,.wc_r_formguide_advanced .performance .framePanel table tbody td {
height: 2rem;
padding: .5rem .25rem
}
.wc_r_formguide_advanced .runnerInfo .framePanel table tbody th,.wc_r_formguide_advanced .performance .framePanel table tbody th {
padding-right: 0;
color: #0bd51f;
font-family: 'Barlow Semi Condensed';
font-size: 1rem;
font-style: italic;
text-align: left;
text-transform: uppercase
}
.wc_r_formguide_advanced .runnerInfo .framePanel table tbody td,.wc_r_formguide_advanced .performance .framePanel table tbody td {
padding-left: 0;
text-align: right
}
.wc_r_formguide_advanced .runnerInfo .framePanel.remarks tbody tr,.wc_r_formguide_advanced .performance .framePanel.remarks tbody tr {
border: none
}
.wc_r_formguide_advanced .runnerInfo {
grid-template-rows: min-content min-content
}
.wc_r_formguide_advanced .runnerInfo .remarks {
display: grid;
align-items: center;
padding: .75rem
}
.wc_r_formguide_advanced .runnerInfo .remarks table tbody tr th,.wc_r_formguide_advanced .runnerInfo .remarks table tbody tr td {
height: 1.25rem;
padding: 0
}
.wc_r_formguide_advanced .performance {
grid-template-rows: min-content min-content
}
.wc_r_formguide_advanced .previousruns .framePanel.recentStart {
grid-template-columns: auto 5fr 4fr;
padding: .625rem
}
.wc_r_formguide_advanced .previousruns .framePanel.recentStart div table thead tr th {
color: #0bd51f;
font-family: 'Barlow Semi Condensed';
font-style: italic;
text-transform: uppercase
}
.wc_r_formguide_advanced .previousruns .framePanel.recentStart div table thead tr th b {
font-size: 1.125rem
}
.wc_r_formguide_advanced .previousruns .framePanel.recentStart div table tbody td {
text-align: left
}
.wc_r_formguide_advanced .previousruns .framePanel.recentStart div table tr {
border: none
}
.wc_r_formguide_advanced .previousruns .framePanel.recentStart .header {
padding: .675rem;
background-color: #333;
border-radius: 7.5px
}
.wc_r_formguide_advanced .previousruns .framePanel.recentStart .header .runnerPlace>div {
margin-bottom: .625rem;
color: #fdfdfd;
font-family: 'Barlow Semi Condensed';
font-size: 1.25rem
}
.wc_r_formguide_advanced .previousruns .framePanel.recentStart .header .raceDate {
font-weight: 600
}
.wc_r_formguide_advanced .previousruns .framePanel.recentStart .header .raceDate span {
font-weight: 400
}
.wc_r_formguide_advanced .previousruns .framePanel.recentStart .results {
padding: .3125rem;
background-color: #333;
border-radius: 7.5px
}
.wc_r_formguide_advanced .previousruns .framePanel.recentStart .race {
padding: 0 .625rem
}
.wc_r_formguide_advanced .flucgraph {
grid-template-areas: "title graph graph graph" "openF graph graph graph" "highF graph graph graph" "lowF graph graph graph" "curF graph graph graph";
grid-template-rows: auto 1fr 1fr 1fr 1fr
}
.wc_r_formguide_advanced .flucgraph h3 {
justify-content: center;
margin: 0;
background-color: #0bd51f;
border-radius: 10px;
color: #0d0d0d;
font-family: 'Barlow Semi Condensed';
font-style: italic;
text-transform: uppercase
}
.wc_r_formguide_advanced .flucgraph .flucs {
display: grid;
align-items: center;
justify-content: center;
justify-items: center;
grid-gap: 0;
margin: 0;
padding: .625rem
}
.wc_r_formguide_advanced .flucgraph .flucs span {
display: flex;
align-items: center;
justify-content: center;
line-height: 1rem;
text-align: center
}
.wc_r_formguide_advanced .flucgraph div span.title {
color: #0bd51f;
font-family: 'Barlow Semi Condensed';
font-style: italic;
text-transform: uppercase
}
.wc_r_formguide_advanced .flucgraph div span.value {
font-size: 1.1rem;
font-weight: 500
}
.wc_r_formguide_advanced .flucgraph .canvas {
display: flex;
align-items: center;
justify-content: center;
height: 100%
}
#inraceMeetings {
left: calc((100% - 20rem)/2);
width: 20rem;
margin-top: .625rem;
padding: .625rem;
background-color: #fdfdfd;
border: solid 1px #fdfdfd;
border-radius: 10px
}
#inraceMeetings .tabs {
border-bottom: none;
margin: .625rem;
grid-gap: 0;
min-height: 3.25rem;
margin: 0;
padding: .375rem;
background-color: #1f1f1f;
border: solid 1px #0bd51f;
border-radius: 3.75rem
}
#inraceMeetings .tabs li {
flex: 0 1 3rem;
min-height: 3rem;
border-radius: 1.5rem;
padding: 0 .6rem
}
#inraceMeetings .tabs li {
flex-grow: 1;
min-height: calc(2.5rem - 2px);
padding: 0;
border: none;
box-shadow: none
}
#inraceMeetings .tabs li a {
font-family: "Barlow Semi Condensed",Helvetica,Arial,sans-serif
}
#inraceMeetings .tabs li a[class^="icon-"],#inraceMeetings .tabs li a[class*="icon-"] {
grid-gap: .46875rem;
padding: .25rem .5rem
}
#inraceMeetings .tabs li a[class^="icon-"]:before,#inraceMeetings .tabs li a[class*="icon-"]:before {
position: unset;
font-size: 1.5rem
}
#inraceMeetings .tabs li a[class^="icon-"]:empty,#inraceMeetings .tabs li a[class*="icon-"]:empty {
padding: 0
}
#inraceMeetings .tabs li.selected {
background-color: #0bd51f;
color: #0d0d0d
}
#inraceMeetings .tabs li.selected a {
color: #0d0d0d
}
#inraceMeetings .tabs li.selected:hover:not(.disabled) a {
color: #0d0d0d
}
#inraceMeetings .tabs li {
height: 2.5rem;
background-color: transparent;
color: #fdfdfd
}
#inraceMeetings .tabs li:before {
position: unset
}
#inraceMeetings .tabs li:hover:not(.disabled) {
cursor: pointer
}
#inraceMeetings .tabs li.selected {
background-color: #0bd51f;
color: #0d0d0d
}
#inraceMeetings .tabs li.selected:hover:not(.disabled) {
background-color: #13f32a;
color: #0d0d0d
}
#inraceMeetings .tabs li.selected a {
color: #0d0d0d
}
#inraceMeetings>div>a {
grid-column-gap: .625rem;
grid-row-gap: 0;
grid-template-areas: "flag meeting jump" "flag raceNum jump";
grid-template-columns: auto 1fr auto;
margin-top: .46875rem;
padding: .46875rem;
background-color: rgba(31,31,31,.1);
border: solid 1px rgba(31,31,31,.05);
border-radius: 7.5px;
color: #0d0d0d
}
#inraceMeetings>div>a:hover {
background-color: rgba(31,31,31,.15)
}
#inraceMeetings>div>a.ttg600 .jump {
background-color: #0bd51f;
border-color: #0bd51f;
color: #0d0d0d
}
#inraceMeetings>div>a.ttg120 .jump {
background-color: #cb1029;
border-color: #cb1029;
color: #fdfdfd
}
#inraceMeetings>div>a.closed .jump {
background-color: #0bd51f;
color: #0d0d0d
}
#inraceMeetings>div>a>div.teamSilk {
grid-area: flag;
position: relative;
display: flex;
align-items: center;
justify-content: center;
height: 2.25rem;
width: 2.25rem;
border: solid 2px #0d0d0d;
border-radius: 2.25rem;
box-shadow: none;
box-sizing: content-box
}
#inraceMeetings>div>a>div.teamSilk:before {
content: '';
position: absolute;
top: 0;
display: flex;
height: 2.25rem;
width: 2.25rem;
min-width: 2.25rem;
min-height: 2.25rem;
background: radial-gradient(transparent 12px,#fdfdfd 13px,#fdfdfd 17px,transparent 18px,transparent 100%);
border-radius: 2.25rem
}
#inraceMeetings>div .meeting {
font-size: 1rem;
font-style: normal;
font-weight: 600;
text-transform: none
}
#inraceMeetings>div .raceNum {
font-size: 1rem;
font-style: normal;
font-weight: 500;
text-align: left;
text-transform: capitalize
}
#inraceMeetings>div .raceNum:before {
content: 'Race';
margin-right: .3125rem
}
#inraceMeetings>div .jump {
display: flex;
align-items: center;
justify-content: center;
height: 2.25rem;
width: 2.25rem;
background-color: #404040;
border-radius: 2.25rem;
box-sizing: border-box;
color: #fdfdfd;
font-style: normal;
font-weight: 600;
text-transform: capitalize
}
#inraceMeetings>div .jump.ttg120 {
background-color: #cb1029;
color: #fdfdfd
}
#inraceMeetings>div .jump.ttg600 {
background-color: #0bd51f;
color: #0d0d0d
}
.wc_r_formguide .staticContent {
padding: 1.875rem
}
.wc_r_formguide .staticContent>.framePanel {
max-width: 100%;
padding: 0;
background-color: transparent;
border: none
}
.wc_r_formguide .staticContent>.framePanel .formrnnrTitle {
grid-column-gap: .9375rem;
margin-top: .625rem;
padding: .625rem;
background-color: #1f1f1f;
border: solid 1px #2b2b2b;
border-radius: 10px
}
.wc_r_formguide .staticContent>.framePanel .formrnnrTitle .silk .silkImg {
background-color: #fdfdfd;
border-radius: 5px
}
.wc_r_formguide .staticContent>.framePanel .formrnnrTitle a.button {
display: flex;
align-items: center;
justify-content: center;
height: 2.5rem;
width: 2.5rem;
border: solid 1px #0bd51f;
border-radius: 2.5rem;
box-sizing: border-box;
color: #fdfdfd
}
.wc_r_formguide .staticContent>.framePanel .formrnnrTitle a.button:after {
font-size: 1rem
}
.wc_r_formguide .guideTitle {
grid-template-areas: 'racename';
grid-template-columns: 1fr;
grid-template-rows: 1fr;
background-color: transparent
}
.wc_r_formguide .guideTitle .headerLogo {
display: none
}
.wc_r_formguide .guideTitle h1 {
display: none
}
.wc_r_formguide .guideTitle h2 {
justify-content: center;
min-height: 3.75rem;
margin-bottom: .3125rem;
border-radius: 10px;
font-size: 1.5rem;
font-style: italic;
font-weight: 900;
text-transform: uppercase
}
.wc_r_formguide .wc_r_formguide_advanced .previousruns .framePanel.recentStart div table tbody td {
padding-top: 0
}
.NextSports .navigationMenu.quicklinks {
background-color: #0d0d0d;
border-radius: 10px
}
.NextSports .navigationMenu.quicklinks table {
width: 90%;
margin: auto
}
.NextSports .navigationMenu.quicklinks tbody tr {
border: none
}
.NextSports .navigationMenu.quicklinks tbody tr:first-of-type th {
border-top: none;
padding-top: .625rem
}
.NextSports .navigationMenu.quicklinks tbody tr:first-of-type th:first-of-type {
min-width: 3rem;
justify-content: center;
text-align: center;
color: #fdfdfd
}
.NextSports .navigationMenu.quicklinks tbody tr:first-of-type th:last-of-type {
text-align: center;
font-size: .85rem;
font-weight: normal
}
.NextSports .navigationMenu.quicklinks tbody tr:first-of-type th:last-of-type div {
background-color: rgba(253,253,253,.15);
padding: .625rem;
border-radius: 5px;
width: max-content;
margin: auto;
min-width: 75%
}
.NextSports .navigationMenu.quicklinks tbody tr th {
border: none;
border-bottom: solid 1px #0bd51f;
min-height: 5.5rem;
padding-top: 1.25rem;
padding-bottom: .625rem;
height: 4rem
}
.NextSports .navigationMenu.quicklinks tbody tr th.ttg120:last-of-type div {
background-color: #0bd51f
}
.NextSports .navigationMenu.quicklinks tbody tr td {
border: none;
border-top: solid 1px rgba(253,253,253,.15)
}
.NextSports .navigationMenu.quicklinks tbody tr td:first-of-type {
padding-left: 1.125rem
}
.NextSports .navigationMenu.quicklinks tbody tr td:last-of-type {
padding-right: 1.125rem
}
.wc_sport.upcoming h1 {
display: none
}
.wc_sport.upcoming table.marketTable {
width: calc(100% - 1rem*1.5);
margin: .75rem auto
}
.wc_sport.upcoming table.marketTable>thead>tr th {
padding: 0
}
.wc_sport.upcoming table.marketTable>tbody>tr th.teamName {
padding-left: 0
}
.wc_sport.upcoming table.marketTable>tbody>tr td.oddsColumn:last-of-type {
padding-right: 0
}
.wc_sport.upcoming table.marketTable>tbody>tr td.oddsColumn:last-of-type .icon-SGM {
left: .3125rem
}
.wc_sport.upcoming table.marketTable>tfoot tr td {
padding: .5rem;
background-color: #2c312b;
border: solid 1px #464c42
}
.wc_sport.upcoming th.upcomingTime {
padding: 0
}
.wc_sport.upcoming th.upcomingTime .ttgCountdownContainer {
display: flex;
align-items: center;
justify-content: center;
height: 2.5rem;
width: 5rem;
background-color: #445045;
border-radius: 2.5rem;
color: #fdfdfd
}
.wc_sport.upcoming th.upcomingTime.ttg600 .ttgCountdownContainer {
background-color: #0bd51f;
color: #0d0d0d
}
.wc_sport.upcoming th.upcomingTime.ttg120 .ttgCountdownContainer {
background-color: #cb1029;
color: #fdfdfd
}
.wc_sport.upcoming th.upcomingTime.closed .ttgCountdownContainer {
opacity: .65
}
.wc_sport.upcoming .matchHeaderBox {
grid-template-rows: auto auto
}
.wc_sport.upcoming .upcomingIcon {
padding-left: 0;
padding-right: .75rem
}
.wc_sport.upcoming .upcomingIcon span {
display: flex;
align-items: center;
justify-content: center;
height: 7.5rem;
min-height: 100%;
width: 5rem;
padding: .5rem;
background-color: transparent;
border: solid 2px #0bd51f;
border-radius: 7.5px
}
.wc_sport.upcoming div.eventHub.match .bar {
padding-top: 0
}
.wc_s_sportList h2 {
padding: .3125rem 1.25rem;
border-radius: 10px;
background-color: transparent;
color: #fdfdfd;
margin: 0;
padding: 0 .25rem
}
.wc_s_sportList .framePanel {
grid-gap: .625rem
}
.wc_s_sportList .framePanel>a {
min-height: 3rem;
background-color: #333;
border: solid 1px #404040;
border-radius: 7.5px;
font-weight: normal
}
.wc_s_sportList .framePanel>a:hover {
background-color: #393939
}
.wc_s_sportList .framePanel>a .icon-NVR {
display: none
}
.wc_s_comp .framePanel {
padding: 0;
padding: .625rem;
padding-bottom: .3125rem
}
.wc_s_comp .framePanel table,.wc_s_comp .framePanel table.marketTable {
margin: 0
}
.wc_s_comp .framePanel table thead tr,.wc_s_comp .framePanel table.marketTable thead tr,.wc_s_comp .framePanel table tbody tr,.wc_s_comp .framePanel table.marketTable tbody tr {
border-left: none;
border-right: none
}
.wc_s_comp .framePanel table thead tr td:first-child,.wc_s_comp .framePanel table.marketTable thead tr td:first-child,.wc_s_comp .framePanel table tbody tr td:first-child,.wc_s_comp .framePanel table.marketTable tbody tr td:first-child,.wc_s_comp .framePanel table thead tr th:first-child,.wc_s_comp .framePanel table.marketTable thead tr th:first-child,.wc_s_comp .framePanel table tbody tr th:first-child,.wc_s_comp .framePanel table.marketTable tbody tr th:first-child {
border-left: none
}
.wc_s_comp .framePanel table thead tr td:last-child,.wc_s_comp .framePanel table.marketTable thead tr td:last-child,.wc_s_comp .framePanel table tbody tr td:last-child,.wc_s_comp .framePanel table.marketTable tbody tr td:last-child,.wc_s_comp .framePanel table thead tr th:last-child,.wc_s_comp .framePanel table.marketTable thead tr th:last-child,.wc_s_comp .framePanel table tbody tr th:last-child,.wc_s_comp .framePanel table.marketTable tbody tr th:last-child {
border-right: none
}
.wc_s_comp .framePanel table tbody:last-of-type:last-child td,.wc_s_comp .framePanel table.marketTable tbody:last-of-type:last-child td,.wc_s_comp .framePanel table tbody:last-of-type:last-child th,.wc_s_comp .framePanel table.marketTable tbody:last-of-type:last-child th {
border-bottom: none
}
.wc_s_comp .framePanel table tbody:last-of-type:last-child td:first-child,.wc_s_comp .framePanel table.marketTable tbody:last-of-type:last-child td:first-child,.wc_s_comp .framePanel table tbody:last-of-type:last-child th:first-child,.wc_s_comp .framePanel table.marketTable tbody:last-of-type:last-child th:first-child {
border-bottom-left-radius: 10px
}
.wc_s_comp .framePanel table tbody:last-of-type:last-child td:last-child,.wc_s_comp .framePanel table.marketTable tbody:last-of-type:last-child td:last-child,.wc_s_comp .framePanel table tbody:last-of-type:last-child th:last-child,.wc_s_comp .framePanel table.marketTable tbody:last-of-type:last-child th:last-child {
border-bottom-right-radius: 10px
}
.wc_s_comp .framePanel table .teamSilk.asFlag,.wc_s_comp .framePanel table.marketTable .teamSilk.asFlag {
width: 3rem;
height: 2rem
}
.wc_s_comp .framePanel table tbody:last-of-type:last-child td:first-child,.wc_s_comp .framePanel table.marketTable tbody:last-of-type:last-child td:first-child,.wc_s_comp .framePanel table tbody:last-of-type:last-child th:first-child,.wc_s_comp .framePanel table.marketTable tbody:last-of-type:last-child th:first-child {
border-bottom-left-radius: 0
}
.wc_s_comp .framePanel table tbody:last-of-type:last-child td:last-child,.wc_s_comp .framePanel table.marketTable tbody:last-of-type:last-child td:last-child,.wc_s_comp .framePanel table tbody:last-of-type:last-child th:last-child,.wc_s_comp .framePanel table.marketTable tbody:last-of-type:last-child th:last-child {
border-bottom-right-radius: 0
}
.wc_s_comp .compHeaderBox {
border-color: #0bd51f;
margin-bottom: .625rem;
padding-bottom: 1.25rem;
padding-top: .625rem;
background-color: rgba(253,253,253,.1);
border-radius: 7.5px;
border: solid 1px rgba(11,213,31,.5);
padding: .625rem;
display: flex;
justify-content: center;
align-items: center;
grid-gap: .625rem
}
.wc_s_comp .compHeaderBox label {
font-weight: 600
}
.wc_s_comp .compHeaderBox b {
font-weight: normal
}
.wc_s_comp table.marketTable tbody tr:hover {
background-color: #282828
}
.wc_s_comp table.marketTable tbody tr td.rnnrFormCell tr:hover {
background-color: transparent
}
.wc_s_round .framePanel {
padding: 0;
border: none
}
.wc_s_round .framePanel:last-of-type {
margin-bottom: 0
}
.wc_s_round .framePanel table.marketTable {
margin: .625rem auto
}
.wc_s_round .framePanel>.staticContent>table.marketTable {
margin: .9375rem auto;
margin-top: .9375rem
}
.wc_s_round .framePanel.hasSGM>.staticContent>table.marketTable {
margin-top: .625rem
}
.wc_s_round table.marketTable {
width: calc(100% - 1.25rem)
}
.wc_s_round table.marketTable>thead tr th {
padding: 0 .3125rem
}
.wc_s_round table.marketTable.subcomp {
width: 100%;
margin: 0 auto;
margin-bottom: .25rem
}
.wc_s_round table.marketTable.subcomp tbody tr:first-of-type th,.wc_s_round table.marketTable.subcomp tbody tr:first-of-type td {
padding-top: 0
}
.wc_s_round .additionalMarkets>a.button {
min-width: 12.5rem
}
.wc_s_round .additionalMarkets>a.button.selected {
color: #0d0d0d
}
.wc_s_round .additionalMarkets>a.button.selected:hover {
background-color: #13f32a;
border-color: #13f32a;
opacity: 1;
color: #0d0d0d
}
.wc_s_round .additionalMarkets dl.accordion dt:last-of-type {
border: none;
margin: 0
}
.wc_s_round .additionalMarkets dl.accordion dt:last-of-type.selected {
border: none
}
.wc_s_round .additionalMarkets dl.accordion dd:last-of-type .framePanel {
border-bottom-left-radius: 7.5px;
border-bottom-right-radius: 7.5px
}
.wc_s_round .additionalMarkets dl.accordion dd .framePanel {
margin-bottom: 0;
padding-top: 0;
padding-bottom: .3125rem;
background-color: #1f1f1f;
border-radius: 0
}
.wc_s_round .matchHeaderBox {
grid-gap: .25rem;
grid-template-rows: 1fr 1fr;
margin: 0;
padding: 0
}
.wc_s_round .matchHeaderBox .matchTime {
align-self: end;
color: #fdfdfd;
font-size: 1rem
}
.wc_s_round .matchHeaderBox .matchVenue {
align-self: start;
color: #fdfdfd
}
.wc_s_round .wc_s_match.hasSGM .matchHeaderBox {
min-height: 3rem
}
.wc_s_match .framePanel {
padding: 0
}
.wc_s_match .framePanel table,.wc_s_match .framePanel table.marketTable {
margin: 0
}
.wc_s_match .framePanel table thead tr,.wc_s_match .framePanel table.marketTable thead tr,.wc_s_match .framePanel table tbody tr,.wc_s_match .framePanel table.marketTable tbody tr {
border-left: none;
border-right: none
}
.wc_s_match .framePanel table thead tr td:first-child,.wc_s_match .framePanel table.marketTable thead tr td:first-child,.wc_s_match .framePanel table tbody tr td:first-child,.wc_s_match .framePanel table.marketTable tbody tr td:first-child,.wc_s_match .framePanel table thead tr th:first-child,.wc_s_match .framePanel table.marketTable thead tr th:first-child,.wc_s_match .framePanel table tbody tr th:first-child,.wc_s_match .framePanel table.marketTable tbody tr th:first-child {
border-left: none
}
.wc_s_match .framePanel table thead tr td:last-child,.wc_s_match .framePanel table.marketTable thead tr td:last-child,.wc_s_match .framePanel table tbody tr td:last-child,.wc_s_match .framePanel table.marketTable tbody tr td:last-child,.wc_s_match .framePanel table thead tr th:last-child,.wc_s_match .framePanel table.marketTable thead tr th:last-child,.wc_s_match .framePanel table tbody tr th:last-child,.wc_s_match .framePanel table.marketTable tbody tr th:last-child {
border-right: none
}
.wc_s_match .framePanel table tbody:last-of-type:last-child td,.wc_s_match .framePanel table.marketTable tbody:last-of-type:last-child td,.wc_s_match .framePanel table tbody:last-of-type:last-child th,.wc_s_match .framePanel table.marketTable tbody:last-of-type:last-child th {
border-bottom: none
}
.wc_s_match .framePanel table tbody:last-of-type:last-child td:first-child,.wc_s_match .framePanel table.marketTable tbody:last-of-type:last-child td:first-child,.wc_s_match .framePanel table tbody:last-of-type:last-child th:first-child,.wc_s_match .framePanel table.marketTable tbody:last-of-type:last-child th:first-child {
border-bottom-left-radius: 10px
}
.wc_s_match .framePanel table tbody:last-of-type:last-child td:last-child,.wc_s_match .framePanel table.marketTable tbody:last-of-type:last-child td:last-child,.wc_s_match .framePanel table tbody:last-of-type:last-child th:last-child,.wc_s_match .framePanel table.marketTable tbody:last-of-type:last-child th:last-child {
border-bottom-right-radius: 10px
}
.wc_s_match .framePanel table .teamSilk.asFlag,.wc_s_match .framePanel table.marketTable .teamSilk.asFlag {
width: 3rem;
height: 2rem
}
.wc_s_match .icon-SGM {
font-size: 1.5rem;
color: #0bd51f
}
.additionalMarkets dl.accordion {
margin-top: .46875rem
}
.additionalMarkets dl.accordion dt .icon-SGM {
right: 3.4375rem;
font-size: 1.75rem
}
.additionalMarkets dl.accordion dd {
padding: .625rem;
padding-top: 0;
padding-bottom: .25rem
}
.additionalMarkets dl.accordion dd:last-of-type {
margin: 0
}
#CouponBlock.couponEmpty {
display: none
}
.bettingPanel .asH1 {
display: grid;
align-items: center;
justify-content: center;
grid-auto-flow: column;
grid-template-columns: auto 1fr auto;
min-height: auto;
padding: .625rem;
background-color: #0bd51f;
color: #0d0d0d;
text-align: center
}
.bettingPanel .asH1:before {
content: "";
display: flex;
align-items: center;
justify-content: center;
height: 2.5rem;
width: 2.5rem;
border: solid 2px #2b2b2b;
box-sizing: border-box;
color: #0d0d0d;
font-family: 'GW_Icons';
font-size: 1.25rem;
font-style: normal;
font-weight: normal
}
.bettingPanel .asH1 span {
display: flex;
align-items: center;
justify-content: center;
height: 2.5rem;
width: 2.5rem;
background-color: #1f1f1f;
border: solid 2px #2b2b2b;
border-radius: 2.5rem;
color: #fdfdfd;
font-size: 1rem;
font-style: normal;
font-weight: 700
}
.bettingPanel .asH1 span .buttonEditCoupon {
background-color: #fdfdfd;
height: 2.5rem;
width: 2.5rem;
border-color: #fdfdfd;
border-radius: 2.5rem;
color: #0d0d0d
}
.bettingPanel .asH4 {
justify-content: center;
min-height: 3rem;
background-color: #0bd51f;
color: #0d0d0d;
font-family: 'Barlow Semi Condensed';
font-size: 1.25rem;
font-style: italic;
font-weight: 900;
text-transform: uppercase
}
.bettingPanel .bettingLegs .bettingLeg {
grid-gap: .625rem;
margin: .5rem;
padding: .75rem;
background-color: #1f1f1f;
border: solid 1px #464c42;
border-radius: 10px
}
.bettingPanel .bettingLegs .bettingLeg:last-child {
border: solid 1px #464c42
}
.bettingPanel .bettingLegs .bettingLeg .sportIcon:before {
display: flex;
align-items: center;
justify-content: center;
height: 2.5rem;
width: 2.5rem;
border: solid 1px #0bd51f;
border-radius: 2.5rem;
box-sizing: border-box;
color: #fdfdfd;
font-size: 1.5rem
}
.bettingPanel .bettingLegs .bettingLeg a.button.icon-TRASH {
height: 1rem;
min-height: 1rem;
width: 1rem;
min-width: 1rem;
padding: 0;
background-color: transparent;
border: none;
border-radius: 0;
color: rgba(253,253,253,.75)
}
.bettingPanel .bettingLegs .bettingLeg a.button.icon-TRASH:before {
display: flex;
align-items: center;
justify-content: center;
height: 1rem;
min-height: 1rem;
width: 1rem;
min-width: 1rem;
font-size: 1.25rem
}
.bettingPanel .bettingLegs .bettingLeg .eventDetails {
grid-gap: .25rem
}
.bettingPanel .bettingLegs .bettingLeg .eventDetails .selection {
margin-bottom: 2px;
font-size: 1.2rem
}
.bettingPanel .bettingLegs .bettingLeg .eventDetails .eventName,.bettingPanel .bettingLegs .bettingLeg .eventDetails .teamNames {
color: #fdfdfd;
font-size: 1rem;
line-height: 1rem;
font-weight: 500
}
.bettingPanel .bettingLegs .bettingLeg .eventDetails .eventName>a {
color: #0bd51f;
font-weight: 600;
text-align: left;
text-decoration: underline
}
.bettingPanel .bettingLegs .bettingLeg .controls {
grid-gap: 0
}
.bettingPanel .bettingLegs .bettingLeg .controls .benefitMsg {
margin-top: .75rem;
padding: .625rem;
background-color: #333;
border: solid 1px #353e36;
border-radius: 5px
}
.bettingPanel .bettingLegs .bettingLeg .controls .benefitMsg span {
font-size: 1rem
}
.bettingPanel .bettingLegs .bettingLeg .controls .benefitMsg label {
grid-gap: .625rem;
color: #fdfdfd;
font-weight: 600;
line-height: 1rem
}
.bettingPanel .bettingLegs .bettingLeg .controls .benefitMsg .benefitSel {
margin-top: .5rem
}
.bettingPanel .bettingLegs .bettingLeg .controls .benefitMsg .benefitSel:first-of-type {
margin-top: 0
}
.bettingPanel .bettingLegs .bettingLeg .controls .wagerDetails .product,.bettingPanel .bettingLegs .bettingLeg .controls .wagerDetails .dividend {
font-weight: 600;
font-size: 1rem;
line-height: 1rem
}
.bettingPanel .bettingLegs .bettingLeg .controls .wagerDetails .product {
display: grid;
justify-content: center;
align-items: center;
text-align: center
}
.bettingPanel .bettingLegs .bettingLeg .controls .wagerDetails .product span {
display: flex;
align-items: center;
justify-content: center
}
.bettingPanel .bettingLegs .bettingLeg .controls .wagerDetails .stakeUnit {
font-size: 1rem;
font-weight: 600;
line-height: 1rem
}
.bettingPanel .bettingLegs .bettingLeg .controls .wagerDetails .stakeUnit input {
height: 2rem;
padding: .25rem .5rem;
font-size: 1rem;
font-weight: 600
}
.bettingPanel .bettingLegs .bettingLeg .controls .benefits {
display: flex;
flex-direction: row-reverse;
grid-gap: .625rem;
margin-top: .625rem
}
.bettingPanel .bettingLegs .bettingLeg .controls .benefits .benefitButton {
max-width: calc((100% - 1rem*1.5)/3);
margin-top: 0
}
.bettingPanel .bettingLegs .bettingLeg .controls .benefits .benefitButton input[type=checkbox]:checked+label {
background-color: #0bd51f
}
.bettingPanel .bettingLegs .bettingLeg .controls .benefits .benefitButton label {
display: grid;
justify-items: center;
grid-gap: 0;
grid-template-columns: 1fr;
grid-template-rows: auto auto;
margin: 0;
padding: .375rem;
padding-top: .125rem;
border-color: #464c42;
background-color: #353e36;
border-radius: 7.5px
}
.bettingPanel .bettingLegs .bettingLeg .controls .benefits .benefitButton label:before {
display: flex;
align-items: center;
justify-content: center;
height: 2.5rem;
width: 2.5rem;
font-size: 1.75rem
}
.bettingPanel .bettingLegs .bettingLeg .controls .benefits .benefitButton label span {
display: block;
font-family: "Barlow Semi Condensed",Helvetica,Arial,Sans-Serif;
font-size: .8rem;
font-style: italic;
font-weight: 700;
line-height: .9rem;
text-transform: uppercase
}
.bettingPanel .bettingLegs .bettingLeg .controls .benefits .benefitButton label:hover {
border-color: #445045;
background-color: #445045
}
.bettingPanel .bettingLegs .bettingLeg .controls .benefits .benefitButton label:hover:before {
position: unset;
display: flex
}
.bettingPanel .bettingLegs .bettingLeg .controls .benefits .benefitButton label:hover span {
position: unset
}
.bettingPanel .bettingLegs .bettingLeg input {
height: 2rem;
padding: .25rem .5rem;
background-color: #fdfdfd;
border-color: #fdfdfd;
border-radius: 5px;
color: #0d0d0d;
font-size: 1rem;
font-weight: 600
}
.bettingPanel .bettingLegs .bettingLeg .finalMessage {
margin-bottom: .625rem;
padding: .625rem;
background-color: #353e36;
border: solid 1px #353e36;
border-radius: 7.5px;
font-size: 1rem
}
.bettingPanel .bettingLegs .bettingLeg.sts_approved .finalMessage,.bettingPanel .bettingLegs .bettingLeg.sts_accepted .finalMessage,.bettingPanel .bettingLegs .bettingLeg.sts_return-at .finalMessage,.bettingPanel .bettingLegs .bettingLeg.sts_return_of .finalMessage {
background-color: #0bd51f;
color: #0d0d0d
}
.bettingPanel .bettingLegs .bettingLeg.sts_partially_accepted .finalMessage {
background-color: #9ed897;
color: #0d0d0d
}
.bettingPanel .bettingLegs .bettingLeg.sts_rejected .finalMessage,.bettingPanel .bettingLegs .bettingLeg.sts_cancellation_of .finalMessage,.bettingPanel .bettingLegs .bettingLeg.sts_cancelled .finalMessage,.bettingPanel .bettingLegs .bettingLeg.sts_cancelled_at .finalMessage,.bettingPanel .bettingLegs .bettingLeg.sts_declined .finalMessage {
background-color: #cb1029;
color: #fdfdfd
}
.bettingPanel .bettingLegs.zeroBets .bettingLeg {
grid-gap: 0;
margin: 0;
padding: 1.25rem;
background-color: transparent;
border: none;
border-radius: 0
}
.bettingPanel .bettingLegs.zeroBets .coupErrMsg {
margin: 0;
background-color: transparent;
border-color: transparent;
border-radius: 0;
font-size: 1.125rem;
line-height: 1.125rem
}
.bettingPanel .bettingLegs.multiBets .bettingLeg {
grid-gap: .3125rem;
grid-template-columns: 1.5fr 1fr 1fr;
margin-top: 0;
padding: .625rem;
padding-bottom: 0
}
.bettingPanel .bettingLegs.multiBets .bettingLeg.titles {
grid-column-gap: .3125rem;
grid-row-gap: 0;
margin: .25rem 1.375rem;
padding: 0;
background-color: transparent;
border: none
}
.bettingPanel .bettingLegs.multiBets .bettingLeg .details .description {
color: #0bd51f;
font-size: .9rem;
font-style: italic;
font-weight: 700;
letter-spacing: .5px;
text-transform: uppercase
}
.bettingPanel .bettingLegs.multiBets .bettingLeg .details .selection,.bettingPanel .bettingLegs.multiBets .bettingLeg .details .price {
color: #fdfdfd;
line-height: 1rem;
font-weight: 500;
font-size: .9rem
}
.bettingPanel .bettingLegs.multiBets .bettingLeg .details .price {
font-size: 1rem
}
.bettingPanel .bettingLegs.multiBets .bettingLeg .controls {
grid-template-columns: 1fr
}
.bettingPanel .bettingLegs.multiBets .bettingLeg .controls .benefits {
margin-bottom: .625rem;
margin-top: 0
}
.bettingPanel .bettingLegs.multiBets .bettingLeg .controls .benefits .benefitButton label {
grid-column-gap: .55rem
}
.bettingPanel .bettingLegs.multiBets .bettingLeg .controls .benefits .benefitButton label.icon-BONUSBET:after {
content: 'Use Bonus'
}
.bettingPanel .bettingLegs.multiBets .bettingLeg .controls .benefits .benefitButton label.icon-BOOSTTOKEN:after {
content: 'Use Boost'
}
.bettingPanel .bettingLegs.multiBets .bettingLeg .controls .wagerDetails .title {
font-family: 'Barlow Semi Condensed';
letter-spacing: .5px
}
.bettingPanel .bettingLegs.multiBets .bettingLeg .controls .benefitMsg {
margin-top: 0;
margin-bottom: .625rem
}
.bettingPanel .bettingLegs.multiBets .bettingLeg .betUnit,.bettingPanel .bettingLegs.multiBets .bettingLeg .betTotal {
font-weight: 500
}
.bettingPanel .bettingLegs.multiBets .bettingLeg .betTotal {
display: flex;
align-items: center;
min-height: 2.25rem;
width: 100%;
padding: .5rem;
background-color: rgba(253,253,253,.15);
border: solid 1px #1f1f1f;
border-radius: 5px;
font-size: 1rem
}
.bettingPanel .bettingLegs.multiBets .bettingLeg .betTotal span {
width: 100%;
text-align: end
}
.bettingPanel .bettingLegs.multiBets .bettingLeg .betReturn {
margin-bottom: .5rem;
color: #fdfdfd;
font-size: .9rem
}
.bettingPanel .bettingLegs.multiBets .bettingLeg .coupErrMsg {
margin-bottom: .625rem
}
.bettingPanel:not(.transHistory) .bettingLegs:not(.multiBets) .bettingLeg {
grid-template-columns: auto 1fr auto
}
.bettingPanel.empty {
display: none
}
.bettingPanel.empty footer {
padding: 1.25rem 0
}
.bettingPanel.empty footer .coupTotals label {
display: inline-grid;
grid-auto-flow: column
}
.bettingPanel.empty footer .coupTotals label>span {
text-align: right
}
.bettingPanel.mainCoupon {
overflow: hidden;
background-color: #2c312b;
border: none;
border-radius: 10px
}
.bettingPanel.mainCoupon form {
border: solid 1px rgba(11,213,31,.4);
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px
}
.bettingPanel.betslipalerts .bettingLegs .bettingLeg {
margin: 0;
margin-bottom: .625rem;
padding: .625rem;
background-color: #1f1f1f;
border: solid 1px #0bd51f;
color: #fdfdfd
}
.bettingPanel.betslipalerts .bettingLegs .bettingLeg:last-of-type {
margin-bottom: 0
}
.bettingPanel form {
border: none
}
.bettingPanel .respGambling {
display: none
}
.bettingPanel .boostedDivi {
color: #0bd51f
}
.bettingPanel footer {
grid-gap: 1rem;
margin-top: 0;
padding: 0;
padding-top: 1rem;
background-color: #1f1f1f;
border-top: solid 1px #0bd51f;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px
}
.bettingPanel footer .buttons {
grid-gap: .625rem;
margin: 1rem;
margin-top: 0
}
.bettingPanel footer .buttons a {
border: solid 2px #cb1029
}
.bettingPanel footer .buttons a.confirm {
border-color: #0bd51f;
background-color: #0bd51f;
color: #0d0d0d
}
.bettingPanel footer .buttons a.confirm:hover:hover:not(.disabled,.selected) {
border-color: #0ced23;
background-color: #0ced23;
color: #0d0d0d
}
.bettingPanel footer .buttons a.confirm.disabled:hover {
opacity: .65;
background-color: #0bd51f;
color: #0d0d0d
}
.bettingPanel footer .coupTotals {
grid-row-gap: .5rem;
padding: 0 1.25rem
}
.bettingPanel footer .coupTotals label {
font-weight: 700;
text-align: left
}
.bettingPanel footer .coupTotals div {
font-weight: 500
}
.bettingPanel footer .coupErrMsg {
display: flex;
align-items: center;
justify-content: center;
min-height: 3rem;
margin: 0;
background-color: #0bd51f;
border: none;
border-radius: 0;
color: #0d0d0d;
font-size: 1rem;
font-weight: 500
}
.bettingPanel.transHistory form {
background-color: transparent;
padding-top: .3125rem;
padding: 0
}
.bettingPanel.transHistory form .bettingLegs {
grid-gap: .9375rem;
margin: 0;
margin-top: .9375rem
}
.bettingPanel.transHistory form .bettingLegs .bettingLeg {
margin: 0;
background-color: #1f1f1f;
border-color: #2b2b2b
}
.bettingPanel.transHistory form .bettingLegs .bettingLeg .status {
justify-content: flex-end;
grid-template-columns: 1fr 1fr;
min-width: 10rem;
padding: .5rem;
background-color: #353e36;
border-color: #353e36;
border-radius: 5px;
font-size: 1rem
}
.bettingPanel.transHistory form .bettingLegs .bettingLeg .status label {
font-weight: 700;
text-align: left
}
.bettingPanel.transHistory form .bettingLegs .bettingLeg .status div {
text-align: right
}
.bettingPanel.transHistory form .bettingLegs .bettingLeg .controls .benefitMsg {
margin-bottom: .25rem;
padding: .25rem
}
.bettingPanel.transHistory form .bettingLegs .bettingLeg .controls .benefitMsg [class^="icon-"] {
display: flex;
align-items: center;
justify-content: center;
height: 2.25rem;
width: 2.25rem;
background-color: #0bd51f;
border-radius: 2.25rem;
color: #0d0d0d;
font-size: 1.75rem
}
.bettingPanel.transHistory form .bettingLegs .bettingLeg.sts_processing .status {
background-color: #f4a403;
color: #0d0d0d
}
.bettingPanel.transHistory form .bettingLegs .bettingLeg.sts_accepted .status {
background-color: #0bd51f;
color: #0d0d0d
}
.bettingPanel.transHistory form .bettingLegs .bettingLeg.sts_partially-accepted .status {
background-color: #2272ae;
color: #fdfdfd
}
.bettingPanel.transHistory form .bettingLegs .bettingLeg.sts_rejected .status,.bettingPanel.transHistory form .bettingLegs .bettingLeg.sts_cancelled_at .status,.bettingPanel.transHistory form .bettingLegs .bettingLeg.sts_cancellation_of .status {
background-color: #cb1029;
color: #fdfdfd
}
.bettingPanel.transHistory form .bettingLegs .bettingLeg.sts_declined .status {
background-color: #cb1029;
color: #fdfdfd
}
.bettingPanel.transHistory form .bettingLegs .bettingLeg.sts_approved .status,.bettingPanel.transHistory form .bettingLegs .bettingLeg.sts_return_of .status,.bettingPanel.transHistory form .bettingLegs .bettingLeg.sts_return_at .status {
background-color: #0bd51f;
color: #0d0d0d
}
.bettingPanel.transHistory form .bettingLegs .bettingLeg.sts_no-return .status {
background-color: #cb1029;
color: #fdfdfd
}
.bettingPanel.transHistory .transHistDetails {
background-color: rgba(253,253,253,.05);
border: solid 1px rgba(253,253,253,.15);
border-radius: 7.5px;
font-size: 1rem
}
.bettingPanel.transHistory .transHistDetails table {
margin: 0
}
.bettingPanel.transHistory .transHistDetails tr {
border-top: solid 1px rgba(253,253,253,.1)
}
.bettingPanel.transHistory .transHistDetails tr:first-of-type {
border: none
}
.bettingPanel.transHistory .transHistDetails th,.bettingPanel.transHistory .transHistDetails td {
height: 2rem;
padding: .625rem
}
.bettingPanel.transHistory .transHistDetails th {
width: 20%;
text-align: left
}
.bettingPanel.transHistory .transHistDetails td {
text-align: left
}
.bettingPanel.transHistory .transHistDetails .transHistory.multiLegs {
width: 100%;
grid-template-columns: auto auto 1fr auto auto;
grid-auto-rows: max-content
}
.bettingPanel.transHistory .transHistDetails .transHistory.multiLegs div.legstatus:not(.title),.bettingPanel.transHistory .transHistDetails .transHistory.multiLegs div.icon:not(.title),.bettingPanel.transHistory .transHistDetails .transHistory.multiLegs div.event:not(.title),.bettingPanel.transHistory .transHistDetails .transHistory.multiLegs div.selection:not(.title),.bettingPanel.transHistory .transHistDetails .transHistory.multiLegs div.dividend:not(.title) {
display: flex;
align-content: center;
align-items: center;
height: 100%;
min-height: max-content;
padding-top: .5rem;
padding-bottom: .5rem;
background-color: #1f1f1f;
border-top: solid 1px #2b2b2b;
border-bottom: solid 1px #2b2b2b
}
.bettingPanel.transHistory .transHistDetails .transHistory.multiLegs div.icon span:before {
display: flex;
align-items: center;
justify-content: center;
height: 2.5rem;
width: 2.5rem;
border: solid 1px #0bd51f;
border-radius: 2.5rem;
font-size: 1.5rem
}
.bettingPanel.transHistory .transHistDetails .transHistory.multiLegs div.dividend {
border-right: solid 1px #2b2b2b;
border-top-right-radius: 7.5px;
border-bottom-right-radius: 7.5px;
color: #0bd51f;
font-weight: 600
}
.bettingPanel.transHistory .transHistDetails .transHistory.multiLegs div.event .outcomeAt {
font-size: 100%;
color: #fdfdfd
}
.bettingPanel.transHistory .transHistDetails .transHistory.multiLegs div.event .description {
font-weight: 600
}
.bettingPanel.transHistory .transHistDetails .transHistory.multiLegs div.event:not(.title) {
display: grid;
grid-gap: .3125rem;
padding-left: 0;
line-height: 1rem
}
.bettingPanel.transHistory .transHistDetails .transHistory.multiLegs div.legstatus {
border: none;
border-radius: 0;
background-color: #0d0d0d;
font-weight: 600;
font-size: 1rem;
border-top-left-radius: 7.5px;
border-bottom-left-radius: 7.5px
}
.bettingPanel.transHistory .transHistDetails .transHistory.multiLegs div.legstatus.sts_alive {
background-color: #0bd51f;
color: #0d0d0d
}
.bettingPanel.transHistory .transHistDetails .transHistory.multiLegs div.legstatus.sts_dead {
background-color: #cb1029;
color: #fdfdfd
}
.bettingPanel.transHistory .transHistDetails .transHistory.multiLegs div.legstatus.sts_open {
background-color: #0bd51f;
color: #0d0d0d
}
.bettingPanel.transHistory .transHistDetails .transHistory.multiLegs div.legstatus:not(.title) {
min-height: 3.75rem;
border-left: solid 1px #2b2b2b
}
.bettingPanel.transHistory .transHistDetails .transHistory.multiLegs div.title {
display: none
}
.bettingPanel.transHistory .transHistDetails .transHistory.multiLegs div.selection {
font-weight: 500;
letter-spacing: .75px
}
.bettingPanel.transHistory .transHistDetails .transHistory.multiLegs .eventLinkMulti {
min-height: unset;
padding: 0;
border: none;
color: #0bd51f;
font-size: 1rem;
font-style: normal;
text-decoration: underline;
text-transform: none
}
.bettingPanel.transHistory .transHistDetails .transHistory.multiLegs.srm div.event:not(.title) {
padding: .75rem;
text-align: center;
font-weight: 500;
border-right: solid 1px #0bd51f
}
.bettingPanel.transHistory .transHistDetails .transHistory.multiLegs.srm div.selection:not(.title) {
padding: .75rem
}
.bettingPanel.transHistory .transHistExpand {
width: 100%
}
.bettingPanel.transHistory .transHistExpand:after {
content: 'Click For Details';
display: flex;
align-items: center;
justify-content: center;
justify-self: center;
height: 1.5rem;
width: fit-content;
margin: auto;
padding: .25rem 2.5rem;
background-color: #333;
border: solid 1px #404040;
border-radius: 5px;
font-family: "Barlow Semi Condensed",Helvetica,Arial,sans-serif !important;
font-size: .9rem;
font-style: italic;
font-weight: 700;
text-transform: uppercase
}
.bettingPanel.transHistory .transHistExpand:hover:after {
background-color: #404040;
cursor: pointer
}
.bettingPanel.transHistory .transHistExpand.selected:after {
background-color: #0bd51f;
border-color: #0bd51f;
color: #0d0d0d
}
.bettingPanel.transHistory .transHistExpand.selected:hover:after {
background-color: #13f32a;
border-color: #13f32a;
color: #0d0d0d
}
.bettingPanel.transHistory .eventLinkMain {
height: auto;
min-height: auto;
padding: 0;
border: none;
color: #0bd51f;
font-style: normal;
text-decoration: underline;
text-transform: none;
font-size: 1rem
}
.bettingPanel.transHistory .eventLinkDetail {
height: auto;
min-height: auto;
padding: 0;
background-color: transparent;
border: none;
color: #0bd51f;
font-size: 1rem;
text-decoration: underline
}
.bettingPanel.mainCoupon,.bettingPanel.betslipalerts {
margin-bottom: 1.25rem
}
.bettingPanel.betslipalerts .bettingLegs .bettingLeg {
padding-bottom: 0;
border-radius: 10px
}
.bettingPanel.betslipalerts .bettingLegs .bettingLeg .finalMessage {
border-radius: 7.5px
}
.bettingPanel.betslipalerts .bettingLegs .bettingLeg .wagerDetails .stakeUnit,.bettingPanel.betslipalerts .bettingLegs .bettingLeg .wagerDetails .stakeTotal {
font-size: 1rem;
font-weight: 700
}
.bettingPanel .title {
color: #0bd51f;
font-family: 'Barlow Semi Condensed';
font-size: .9rem;
font-style: italic;
font-weight: 700;
letter-spacing: .5px;
text-transform: uppercase
}
.bettingPanel .coupErrMsg {
margin-top: .3125rem;
padding: .625rem;
background-color: rgba(253,253,253,.075);
border-radius: 7.5px;
font-weight: 500;
text-transform: capitalize
}
.bettingPanel.globalalerts.dialogContent {
border-radius: 10px;
border: solid 1px rgba(11,213,31,.5)
}
.bettingPanel.globalalerts.dialogContent .asH1 {
grid-template-columns: 1fr;
min-height: 3.75rem;
color: #0d0d0d
}
.bettingPanel.globalalerts.dialogContent .asH1:before {
display: none
}
.wc_account>.staticContent>.framePanel {
padding: 0;
background-color: #1f1f1f
}
.wc_account>.staticContent>.framePanel .framePanel:not(.filters,.creditcard) {
border: none;
padding: 0
}
.wc_account>.staticContent>.framePanel>.tabs>li {
max-width: 50%
}
.wc_account>.staticContent>.framePanel>div {
padding: .9375rem
}
.wc_account>.staticContent>.framePanel>div#CCD {
margin-bottom: 0
}
.wc_account .staticContent h3,.wc_account .staticContent h4 {
justify-content: center;
color: #0bd51f
}
.wc_account .staticContent h3:first-of-type,.wc_account .staticContent h4:first-of-type {
margin-top: 0
}
.wc_account .staticContent>ul.tabs {
background-color: #1f1f1f;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-bottom: solid 1px rgba(253,253,253,.2);
padding-bottom: 0;
padding-top: 0
}
.wc_account .staticContent p {
text-align: center;
text-align-last: center
}
.wc_account .staticContent .wc_a_b_eftNotificationForm h4 {
max-width: 100%;
margin: .9375rem 0 .625rem 0
}
.wc_account .staticContent #openTorewards .framePanel:first-of-type h4 {
margin-top: 0
}
.wc_account .staticContent #openTorewards .framePanel h4 {
margin-top: .9375rem
}
.wc_account>.framePanel {
padding: 0;
background-color: transparent;
margin-bottom: 0
}
.wc_account>.framePanel>ul.tabs {
grid-gap: .9375rem
}
.wc_account>.framePanel>div {
margin-top: .9375rem;
border-radius: 7.5px;
border: solid 1px rgba(11,213,31,.5);
background-color: rgba(253,253,253,.02)
}
.wc_account>.framePanel .wc_a_b_bankWithdrawalForm form {
margin: 0 auto
}
.wc_account>.framePanel .wc_a_b_bankWithdrawalForm form .framePanel {
padding-top: 1.25rem;
padding-bottom: .625rem;
background-color: transparent;
margin-bottom: 0;
margin-top: 0
}
.wc_account>.framePanel .framePanel {
margin-top: 0;
margin-bottom: 0;
padding: 0
}
.wc_account>.framePanel h3,.wc_account>.framePanel h4 {
margin: 0;
margin-bottom: .9375rem;
border: none;
border-radius: 7.5px;
text-transform: uppercase;
font-style: italic;
font-weight: 900;
font-size: 1rem;
color: #fdfdfd;
font-family: 'Barlow Semi Condensed';
letter-spacing: .5px
}
.wc_account .staticMessage p:last-of-type {
margin-bottom: 0
}
.wc_account form div.formLine>div {
padding-left: .5rem
}
.wc_account form .formLineField .button {
background-color: #1f1f1f;
border-color: #1f1f1f;
background-color: transparent;
border-color: #0bd51f;
margin-top: .625rem;
color: #fdfdfd;
font-size: 1rem
}
.wc_account form .formLineField .button:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
.wc_account form .formLineField .button.selected {
background-color: #0d0d0d
}
.wc_account form .formLineField .button.selected:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
.wc_account form .formLineField .button.selected {
background-color: #0bd51f;
border-color: #0bd51f;
color: #0d0d0d
}
.wc_account form .formLineField .button.selected:hover {
opacity: 1;
background-color: #0ced23;
border-color: #0ced23;
color: #0d0d0d
}
.wc_account form .formLineField .button:hover:not(.disabled,.selected) {
opacity: 1;
background-color: #282828;
border-color: #0bd51f;
color: #fdfdfd
}
.wc_account form .formLineField .button:hover {
color: #fdfdfd
}
.wc_account input[type=checkbox]+label:not([class^="icon-"]):before {
line-height: 2.25rem;
width: 2.5rem;
height: 2.5rem;
border: solid 2px #dedede;
border-radius: 2.5rem;
font-size: .9rem
}
.wc_account input[type=checkbox]:checked+label:not([class^="icon-"]):before {
background: radial-gradient(circle,#0bd51f 0%,#0bd51f 55%,#1f1f1f 60%,#1f1f1f 60%)
}
.wc_account p.remaining {
margin: .9375rem 0 .625rem 0
}
.wc_account.wc_a_menu>.tabs {
border-bottom: none;
margin: .625rem;
grid-gap: 0;
min-height: 3.25rem;
margin: 0;
padding: .375rem;
background-color: #1f1f1f;
border: solid 1px #0bd51f;
border-radius: 3.75rem;
margin-bottom: 1.25rem
}
.wc_account.wc_a_menu>.tabs li {
flex: 0 1 3rem;
min-height: 3rem;
border-radius: 1.5rem;
padding: 0 .6rem
}
.wc_account.wc_a_menu>.tabs li {
flex-grow: 1;
min-height: calc(2.5rem - 2px);
padding: 0;
border: none;
box-shadow: none
}
.wc_account.wc_a_menu>.tabs li a {
font-family: "Barlow Semi Condensed",Helvetica,Arial,sans-serif
}
.wc_account.wc_a_menu>.tabs li a[class^="icon-"],.wc_account.wc_a_menu>.tabs li a[class*="icon-"] {
grid-gap: .46875rem;
padding: .25rem .5rem
}
.wc_account.wc_a_menu>.tabs li a[class^="icon-"]:before,.wc_account.wc_a_menu>.tabs li a[class*="icon-"]:before {
position: unset;
font-size: 1.5rem
}
.wc_account.wc_a_menu>.tabs li a[class^="icon-"]:empty,.wc_account.wc_a_menu>.tabs li a[class*="icon-"]:empty {
padding: 0
}
.wc_account.wc_a_menu>.tabs li.selected {
background-color: #0bd51f;
color: #0d0d0d
}
.wc_account.wc_a_menu>.tabs li.selected a {
color: #0d0d0d
}
.wc_account.wc_a_menu>.tabs li.selected:hover:not(.disabled) a {
color: #0d0d0d
}
.wc_account.wc_a_history>.staticContent>.framePanel {
background-color: transparent;
border: none;
border-radius: 0
}
.wc_account.wc_a_history .framePanel.filters {
padding: .625rem;
background-color: #1f1f1f;
border: solid 1px #2b2b2b
}
.wc_account.wc_a_history .tabs.dayFilter {
position: relative;
justify-content: center;
grid-gap: 1.25rem;
padding: 1.25rem 0;
border: none;
justify-content: start;
grid-gap: .625rem;
padding: 0
}
.wc_account.wc_a_history .tabs.dayFilter li {
background-color: #333;
border: none;
min-height: 1.875rem
}
.wc_account.wc_a_history .tabs.dayFilter li.selected {
color: #fdfdfd;
background-color: #1f1f1f;
border-color: #1f1f1f
}
.wc_account.wc_a_history .tabs.dayFilter li.expired {
background-color: #808080
}
.wc_account.wc_a_history .tabs.dayFilter li.disabled {
border-color: #404040;
opacity: .4
}
.wc_account.wc_a_history .tabs.dayFilter li[class^="icon-"],.wc_account.wc_a_history .tabs.dayFilter li[class*=" icon-"] {
position: relative;
padding-top: 2.25rem
}
.wc_account.wc_a_history .tabs.dayFilter li[class^="icon-"]:before,.wc_account.wc_a_history .tabs.dayFilter li[class*=" icon-"]:before {
font-size: 2.25rem;
position: absolute;
top: 0;
left: auto;
right: auto
}
.wc_account.wc_a_history .tabs.dayFilter li {
flex-grow: 0;
padding: 0;
background-color: #1f1f1f;
border: solid 1px rgba(11,213,31,.25);
border-radius: 10px
}
.wc_account.wc_a_history .tabs.dayFilter li>a[class^="icon-"],.wc_account.wc_a_history .tabs.dayFilter li>a[class*=" icon-"] {
display: grid;
position: unset;
align-items: center;
justify-content: center;
justify-items: center;
grid-gap: .3125rem;
min-width: 5rem;
padding: .675rem;
color: #fdfdfd
}
.wc_account.wc_a_history .tabs.dayFilter li>a[class^="icon-"]:before,.wc_account.wc_a_history .tabs.dayFilter li>a[class*=" icon-"]:before {
position: unset;
display: flex;
align-items: center;
justify-content: center;
height: 3rem;
width: 3rem;
border: solid 2px #0bd51f;
border-radius: 3rem;
font-size: 1.75rem
}
.wc_account.wc_a_history .tabs.dayFilter li.selected {
background-color: #0bd51f;
border-color: #0bd51f
}
.wc_account.wc_a_history .tabs.dayFilter li.selected a {
color: #0d0d0d
}
.wc_account.wc_a_history .tabs.dayFilter li.selected>a[class^="icon-"]:before,.wc_account.wc_a_history .tabs.dayFilter li.selected>a[class*=" icon-"]:before {
border-color: #1f1f1f
}
.wc_account.wc_a_history .tabs.dayFilter li.selected:hover:not(.disabled) {
background-color: #13f32a;
border-color: #13f32a
}
.wc_account.wc_a_history .tabs.dayFilter li.selected:hover:not(.disabled)>a {
color: #0d0d0d
}
.wc_account.wc_a_history .tabs.dayFilter li:hover:not(.disabled) {
background-color: #282828;
border-color: rgba(11,213,31,.5)
}
.wc_account.wc_a_history .tabs.dayFilter li {
flex-grow: 1;
min-height: 2.5rem;
min-width: fit-content;
border: solid 2px #fdfdfd;
box-shadow: none;
border-radius: 2.5rem
}
.wc_account.wc_a_history .tabs.dayFilter li a {
padding: .25rem .75rem
}
.wc_account.wc_a_history .tabs.dayFilter li.selected {
border-color: #0bd51f
}
.wc_account.wc_a_history .tabs.dayFilter li:hover:not(.disabled,.selected) {
background-color: #333;
border-color: #fdfdfd
}
.wc_account.wc_a_history .tabs.typeFilter {
position: relative;
justify-content: center;
grid-gap: 1.25rem;
padding: 1.25rem 0;
border: none;
justify-content: end;
grid-gap: .625rem;
padding: 0
}
.wc_account.wc_a_history .tabs.typeFilter li {
background-color: #333;
border: none;
min-height: 1.875rem
}
.wc_account.wc_a_history .tabs.typeFilter li.selected {
color: #fdfdfd;
background-color: #1f1f1f;
border-color: #1f1f1f
}
.wc_account.wc_a_history .tabs.typeFilter li.expired {
background-color: #808080
}
.wc_account.wc_a_history .tabs.typeFilter li.disabled {
border-color: #404040;
opacity: .4
}
.wc_account.wc_a_history .tabs.typeFilter li[class^="icon-"],.wc_account.wc_a_history .tabs.typeFilter li[class*=" icon-"] {
position: relative;
padding-top: 2.25rem
}
.wc_account.wc_a_history .tabs.typeFilter li[class^="icon-"]:before,.wc_account.wc_a_history .tabs.typeFilter li[class*=" icon-"]:before {
font-size: 2.25rem;
position: absolute;
top: 0;
left: auto;
right: auto
}
.wc_account.wc_a_history .tabs.typeFilter li {
flex-grow: 0;
padding: 0;
background-color: #1f1f1f;
border: solid 1px rgba(11,213,31,.25);
border-radius: 10px
}
.wc_account.wc_a_history .tabs.typeFilter li>a[class^="icon-"],.wc_account.wc_a_history .tabs.typeFilter li>a[class*=" icon-"] {
display: grid;
position: unset;
align-items: center;
justify-content: center;
justify-items: center;
grid-gap: .3125rem;
min-width: 5rem;
padding: .675rem;
color: #fdfdfd
}
.wc_account.wc_a_history .tabs.typeFilter li>a[class^="icon-"]:before,.wc_account.wc_a_history .tabs.typeFilter li>a[class*=" icon-"]:before {
position: unset;
display: flex;
align-items: center;
justify-content: center;
height: 3rem;
width: 3rem;
border: solid 2px #0bd51f;
border-radius: 3rem;
font-size: 1.75rem
}
.wc_account.wc_a_history .tabs.typeFilter li.selected {
background-color: #0bd51f;
border-color: #0bd51f
}
.wc_account.wc_a_history .tabs.typeFilter li.selected a {
color: #0d0d0d
}
.wc_account.wc_a_history .tabs.typeFilter li.selected>a[class^="icon-"]:before,.wc_account.wc_a_history .tabs.typeFilter li.selected>a[class*=" icon-"]:before {
border-color: #1f1f1f
}
.wc_account.wc_a_history .tabs.typeFilter li.selected:hover:not(.disabled) {
background-color: #13f32a;
border-color: #13f32a
}
.wc_account.wc_a_history .tabs.typeFilter li.selected:hover:not(.disabled)>a {
color: #0d0d0d
}
.wc_account.wc_a_history .tabs.typeFilter li:hover:not(.disabled) {
background-color: #282828;
border-color: rgba(11,213,31,.5)
}
.wc_account.wc_a_history .tabs.typeFilter li {
flex-grow: 0;
height: 2.5rem;
min-width: 2.5rem;
border: solid 2px #fdfdfd;
box-shadow: none;
border-radius: 2.5rem
}
.wc_account.wc_a_history .tabs.typeFilter li>a[class^="icon-"],.wc_account.wc_a_history .tabs.typeFilter li>a[class*="icon-"] {
display: flex;
min-width: unset;
padding: 0
}
.wc_account.wc_a_history .tabs.typeFilter li>a[class^="icon-"]:before,.wc_account.wc_a_history .tabs.typeFilter li>a[class*="icon-"]:before {
border: none;
font-size: 1.25rem
}
.wc_account.wc_a_history .tabs.typeFilter li.selected {
border-color: #0bd51f
}
.wc_account.wc_a_history .tabs.typeFilter li:hover:not(.disabled,.selected) {
background-color: #333;
border-color: #fdfdfd
}
.wc_account.wc_a_benefits.wc_a_bb_vouchers .staticMessage {
margin: 0;
padding: .625rem
}
.wc_account.wc_a_banking .minDeposit {
padding: .5rem;
background-color: #353e36;
border: solid 1px #0bd51f;
color: #fdfdfd;
text-transform: capitalize
}
.wc_account.wc_a_banking .minDeposit span {
padding: 0 .3125rem
}
.wc_account.wc_a_banking.wc_a_b_ccDepositForm form {
max-width: 100%;
margin: 0;
border-radius: 5px;
margin: 0 auto
}
.wc_account.wc_a_banking.wc_a_b_ccDepositForm form ul.tabs {
background-color: transparent;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
overflow: hidden;
padding: 0;
grid-gap: .9375rem;
border: none
}
.wc_account.wc_a_banking.wc_a_b_ccDepositForm form ul.tabs li {
border-radius: 7.5px;
border: solid 1px rgba(253,253,253,.1);
min-height: 0;
background-color: rgba(253,253,253,.1);
padding: 0
}
.wc_account.wc_a_banking.wc_a_b_ccDepositForm form ul.tabs li.selected {
background-color: #0bd51f
}
.wc_account.wc_a_banking.wc_a_b_ccDepositForm form ul.tabs li.selected a {
color: #0d0d0d
}
.wc_account.wc_a_banking.wc_a_b_ccDepositForm form .framePanel {
border-top: none;
margin-top: 0;
margin-bottom: 0;
border-radius: 0;
background-color: transparent;
padding: 0;
padding-top: 1.25rem
}
.wc_account.wc_a_banking.wc_a_b_ccDepositForm form .framePanel h4 {
max-width: 100%;
margin: .9375rem 0 .625rem 0
}
.wc_account.wc_a_banking.wc_a_b_ccDepositForm form .framePanel h4:first-of-type {
margin-top: 0
}
.wc_account.wc_a_banking.wc_a_b_ccDepositForm form fieldset {
margin: 0
}
.wc_account.wc_a_banking.wc_a_b_ccDepositForm .tabs {
position: relative;
grid-gap: 1.25rem;
padding: 1.25rem 0;
border: none;
justify-content: center;
width: fit-content;
margin: auto;
padding-top: .625rem
}
.wc_account.wc_a_banking.wc_a_b_ccDepositForm .tabs li {
background-color: #333;
border: none;
min-height: 1.875rem
}
.wc_account.wc_a_banking.wc_a_b_ccDepositForm .tabs li.selected {
color: #fdfdfd;
background-color: #1f1f1f;
border-color: #1f1f1f
}
.wc_account.wc_a_banking.wc_a_b_ccDepositForm .tabs li.expired {
background-color: #808080
}
.wc_account.wc_a_banking.wc_a_b_ccDepositForm .tabs li.disabled {
border-color: #404040;
opacity: .4
}
.wc_account.wc_a_banking.wc_a_b_ccDepositForm .tabs li[class^="icon-"],.wc_account.wc_a_banking.wc_a_b_ccDepositForm .tabs li[class*=" icon-"] {
position: relative;
padding-top: 2.25rem
}
.wc_account.wc_a_banking.wc_a_b_ccDepositForm .tabs li[class^="icon-"]:before,.wc_account.wc_a_banking.wc_a_b_ccDepositForm .tabs li[class*=" icon-"]:before {
font-size: 2.25rem;
position: absolute;
top: 0;
left: auto;
right: auto
}
.wc_account.wc_a_banking.wc_a_b_ccDepositForm .tabs li {
flex-grow: 0;
padding: 0;
background-color: #1f1f1f;
border: solid 1px rgba(11,213,31,.25);
border-radius: 10px
}
.wc_account.wc_a_banking.wc_a_b_ccDepositForm .tabs li>a[class^="icon-"],.wc_account.wc_a_banking.wc_a_b_ccDepositForm .tabs li>a[class*=" icon-"] {
display: grid;
position: unset;
align-items: center;
justify-content: center;
justify-items: center;
grid-gap: .3125rem;
min-width: 5rem;
padding: .675rem;
color: #fdfdfd
}
.wc_account.wc_a_banking.wc_a_b_ccDepositForm .tabs li>a[class^="icon-"]:before,.wc_account.wc_a_banking.wc_a_b_ccDepositForm .tabs li>a[class*=" icon-"]:before {
position: unset;
display: flex;
align-items: center;
justify-content: center;
height: 3rem;
width: 3rem;
border: solid 2px #0bd51f;
border-radius: 3rem;
font-size: 1.75rem
}
.wc_account.wc_a_banking.wc_a_b_ccDepositForm .tabs li.selected {
background-color: #0bd51f;
border-color: #0bd51f
}
.wc_account.wc_a_banking.wc_a_b_ccDepositForm .tabs li.selected a {
color: #0d0d0d
}
.wc_account.wc_a_banking.wc_a_b_ccDepositForm .tabs li.selected>a[class^="icon-"]:before,.wc_account.wc_a_banking.wc_a_b_ccDepositForm .tabs li.selected>a[class*=" icon-"]:before {
border-color: #1f1f1f
}
.wc_account.wc_a_banking.wc_a_b_ccDepositForm .tabs li.selected:hover:not(.disabled) {
background-color: #13f32a;
border-color: #13f32a
}
.wc_account.wc_a_banking.wc_a_b_ccDepositForm .tabs li.selected:hover:not(.disabled)>a {
color: #0d0d0d
}
.wc_account.wc_a_banking.wc_a_b_ccDepositForm .tabs li:hover:not(.disabled) {
background-color: #282828;
border-color: rgba(11,213,31,.5)
}
.wc_account.wc_a_banking.wc_a_b_ccDepositForm .tabs li {
flex-grow: 1;
min-height: 2.5rem;
width: 17.5rem;
min-width: fit-content;
border: solid 2px #fdfdfd;
border-radius: 2.5rem
}
.wc_account.wc_a_banking.wc_a_b_ccDepositForm .tabs li a {
padding: .25rem 1rem
}
.wc_account.wc_a_banking.wc_a_b_ccDepositForm .tabs li.selected {
border-color: #0bd51f
}
.wc_account.wc_a_banking.wc_a_b_ccDepositForm .tabs li:hover:not(.disabled,.selected) {
background-color: #333;
border-color: #fdfdfd
}
.wc_account.wc_a_banking.wc_a_b_ccDepositForm .tabs+.framePanel {
padding-top: 0;
padding-bottom: 0;
border: none
}
.wc_account.wc_a_banking.wc_a_b_bankWithdrawalForm form {
max-width: 100%;
margin: 0;
margin-top: 0;
border-radius: 5px
}
.wc_account.wc_a_banking.wc_a_b_bankWithdrawalForm form .framePanel {
border-top: none;
padding: 0;
padding-top: 1.25rem;
margin-bottom: 0;
background-color: transparent
}
.wc_account.wc_a_banking.wc_a_b_bankWithdrawalForm form .framePanel h4 {
max-width: 100%;
margin: .9375rem 0 .625rem 0
}
.wc_account.wc_a_banking.wc_a_b_bankWithdrawalForm form .framePanel h4:first-of-type {
margin-top: 0
}
.wc_account.wc_a_banking.wc_a_b_bankWithdrawalForm .tabs {
position: relative;
grid-gap: 1.25rem;
padding: 1.25rem 0;
border: none;
justify-content: center;
width: fit-content;
margin: auto;
padding-top: .625rem
}
.wc_account.wc_a_banking.wc_a_b_bankWithdrawalForm .tabs li {
background-color: #333;
border: none;
min-height: 1.875rem
}
.wc_account.wc_a_banking.wc_a_b_bankWithdrawalForm .tabs li.selected {
color: #fdfdfd;
background-color: #1f1f1f;
border-color: #1f1f1f
}
.wc_account.wc_a_banking.wc_a_b_bankWithdrawalForm .tabs li.expired {
background-color: #808080
}
.wc_account.wc_a_banking.wc_a_b_bankWithdrawalForm .tabs li.disabled {
border-color: #404040;
opacity: .4
}
.wc_account.wc_a_banking.wc_a_b_bankWithdrawalForm .tabs li[class^="icon-"],.wc_account.wc_a_banking.wc_a_b_bankWithdrawalForm .tabs li[class*=" icon-"] {
position: relative;
padding-top: 2.25rem
}
.wc_account.wc_a_banking.wc_a_b_bankWithdrawalForm .tabs li[class^="icon-"]:before,.wc_account.wc_a_banking.wc_a_b_bankWithdrawalForm .tabs li[class*=" icon-"]:before {
font-size: 2.25rem;
position: absolute;
top: 0;
left: auto;
right: auto
}
.wc_account.wc_a_banking.wc_a_b_bankWithdrawalForm .tabs li {
flex-grow: 0;
padding: 0;
background-color: #1f1f1f;
border: solid 1px rgba(11,213,31,.25);
border-radius: 10px
}
.wc_account.wc_a_banking.wc_a_b_bankWithdrawalForm .tabs li>a[class^="icon-"],.wc_account.wc_a_banking.wc_a_b_bankWithdrawalForm .tabs li>a[class*=" icon-"] {
display: grid;
position: unset;
align-items: center;
justify-content: center;
justify-items: center;
grid-gap: .3125rem;
min-width: 5rem;
padding: .675rem;
color: #fdfdfd
}
.wc_account.wc_a_banking.wc_a_b_bankWithdrawalForm .tabs li>a[class^="icon-"]:before,.wc_account.wc_a_banking.wc_a_b_bankWithdrawalForm .tabs li>a[class*=" icon-"]:before {
position: unset;
display: flex;
align-items: center;
justify-content: center;
height: 3rem;
width: 3rem;
border: solid 2px #0bd51f;
border-radius: 3rem;
font-size: 1.75rem
}
.wc_account.wc_a_banking.wc_a_b_bankWithdrawalForm .tabs li.selected {
background-color: #0bd51f;
border-color: #0bd51f
}
.wc_account.wc_a_banking.wc_a_b_bankWithdrawalForm .tabs li.selected a {
color: #0d0d0d
}
.wc_account.wc_a_banking.wc_a_b_bankWithdrawalForm .tabs li.selected>a[class^="icon-"]:before,.wc_account.wc_a_banking.wc_a_b_bankWithdrawalForm .tabs li.selected>a[class*=" icon-"]:before {
border-color: #1f1f1f
}
.wc_account.wc_a_banking.wc_a_b_bankWithdrawalForm .tabs li.selected:hover:not(.disabled) {
background-color: #13f32a;
border-color: #13f32a
}
.wc_account.wc_a_banking.wc_a_b_bankWithdrawalForm .tabs li.selected:hover:not(.disabled)>a {
color: #0d0d0d
}
.wc_account.wc_a_banking.wc_a_b_bankWithdrawalForm .tabs li:hover:not(.disabled) {
background-color: #282828;
border-color: rgba(11,213,31,.5)
}
.wc_account.wc_a_banking.wc_a_b_bankWithdrawalForm .tabs li {
flex-grow: 1;
min-height: 2.5rem;
width: 16rem;
min-width: fit-content;
border: solid 2px #fdfdfd;
border-radius: 2.5rem
}
.wc_account.wc_a_banking.wc_a_b_bankWithdrawalForm .tabs li a {
padding: .25rem 1rem
}
.wc_account.wc_a_banking.wc_a_b_bankWithdrawalForm .tabs li.selected {
border-color: #0bd51f
}
.wc_account.wc_a_banking.wc_a_b_bankWithdrawalForm .tabs li:hover:not(.disabled,.selected) {
background-color: #333;
border-color: #fdfdfd
}
.wc_account.wc_a_banking.wc_a_b_bankWithdrawalForm .tabs+.framePanel {
padding-top: 0;
padding-bottom: 0;
border: none
}
.wc_account .CCEditForm {
display: grid;
grid-gap: .9375rem;
grid-template-columns: 1fr 1fr;
grid-template-rows: auto
}
.wc_account .CCEditForm .framePanel.creditcard {
grid-gap: .3125rem;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-template-areas: "bankName bankName cardNum cardNum" "expiry expiry control control";
grid-template-rows: 1fr 1fr;
margin: 0;
padding: .625rem;
background-color: #333;
border: solid 1px #404040;
border-radius: 7.5px
}
.wc_account .CCEditForm .framePanel.creditcard div {
font-size: 1.125rem;
display: flex;
justify-self: start
}
.wc_account .CCEditForm .framePanel.creditcard div.cardNum {
font-weight: normal;
justify-self: end
}
.wc_account .CCEditForm .framePanel.creditcard div.bankName {
font-size: 1.25rem;
font-weight: 600
}
.wc_account .CCEditForm .framePanel.creditcard div.expiry {
align-self: center;
justify-self: start;
font-size: 1rem
}
.wc_account .CCEditForm .framePanel.creditcard div.control {
justify-self: end
}
.wc_account .CCEditForm .framePanel.creditcard div.control .button {
min-height: 2rem;
margin: 0;
font-size: 1rem
}
.wc_account.wc_a_cp_autoredeem form div.formLine:first-of-type {
display: block;
padding: 0 .9375rem;
margin-bottom: 1.25rem;
text-align: center
}
.wc_account.wc_a_register h1:before {
content: "";
font-family: 'GW_Icons';
font-style: normal;
font-weight: normal
}
.wc_account.wc_a_register .staticContent>.framePanel {
background-color: transparent;
border: none
}
.wc_account.wc_a_register .staticContent>.framePanel>ul.tabs {
border-bottom: none;
margin: .625rem;
grid-gap: 0;
min-height: 3.25rem;
margin: 0;
padding: .375rem;
background-color: #1f1f1f;
border: solid 1px #0bd51f;
border-radius: 3.75rem;
margin-bottom: 1.25rem
}
.wc_account.wc_a_register .staticContent>.framePanel>ul.tabs li {
flex: 0 1 3rem;
min-height: 3rem;
border-radius: 1.5rem;
padding: 0 .6rem
}
.wc_account.wc_a_register .staticContent>.framePanel>ul.tabs li {
flex-grow: 1;
min-height: calc(2.5rem - 2px);
padding: 0;
border: none;
box-shadow: none
}
.wc_account.wc_a_register .staticContent>.framePanel>ul.tabs li a {
font-family: "Barlow Semi Condensed",Helvetica,Arial,sans-serif
}
.wc_account.wc_a_register .staticContent>.framePanel>ul.tabs li a[class^="icon-"],.wc_account.wc_a_register .staticContent>.framePanel>ul.tabs li a[class*="icon-"] {
grid-gap: .46875rem;
padding: .25rem .5rem
}
.wc_account.wc_a_register .staticContent>.framePanel>ul.tabs li a[class^="icon-"]:before,.wc_account.wc_a_register .staticContent>.framePanel>ul.tabs li a[class*="icon-"]:before {
position: unset;
font-size: 1.5rem
}
.wc_account.wc_a_register .staticContent>.framePanel>ul.tabs li a[class^="icon-"]:empty,.wc_account.wc_a_register .staticContent>.framePanel>ul.tabs li a[class*="icon-"]:empty {
padding: 0
}
.wc_account.wc_a_register .staticContent>.framePanel>ul.tabs li.selected {
background-color: #0bd51f;
color: #0d0d0d
}
.wc_account.wc_a_register .staticContent>.framePanel>ul.tabs li.selected a {
color: #0d0d0d
}
.wc_account.wc_a_register .staticContent>.framePanel>ul.tabs li.selected:hover:not(.disabled) a {
color: #0d0d0d
}
.wc_account.wc_a_register .staticContent>.framePanel>ul.tabs>li {
flex-grow: 1
}
.wc_account.wc_a_register .staticContent>.framePanel>ul.tabs+.framePanel {
padding: .5rem .75rem;
padding-top: 1rem;
border-radius: 10px
}
.wc_account.wc_a_register .staticContent>.framePanel>ul.tabs li {
color: #fdfdfd
}
.wc_account.wc_a_register .staticContent>.framePanel>ul.tabs li.selected {
background-color: #0bd51f;
color: #0d0d0d
}
.wc_account.wc_a_reopen h1 {
justify-content: center;
min-height: 2.5rem;
padding-bottom: 0
}
.wc_account.wc_a_reopen form>.staticMessage {
text-align: center
}
.wc_account .betstopMsg {
margin: .9375rem;
margin-top: 0;
border-radius: 7.5px
}
.wc_account .betstopMsg div {
font-size: 1rem
}
.wc_account .depositLimitSummary,.wc_account .wc_a_selfExclude,.wc_account .wc_a_preCommitment {
padding: .9375rem;
padding-top: 0
}
.wc_account .depositLimitSummary ul,.wc_account .wc_a_selfExclude ul,.wc_account .wc_a_preCommitment ul {
width: 100%;
max-width: 100%;
margin: 0;
padding: .625rem;
color: #fdfdfd
}
.wc_account .depositLimitSummary ul li a,.wc_account .wc_a_selfExclude ul li a,.wc_account .wc_a_preCommitment ul li a {
background-color: #1f1f1f;
border-color: #1f1f1f;
background-color: transparent;
border-color: #0bd51f;
height: 2.5rem;
width: 16rem;
color: #fdfdfd;
font-size: 1rem
}
.wc_account .depositLimitSummary ul li a:hover,.wc_account .wc_a_selfExclude ul li a:hover,.wc_account .wc_a_preCommitment ul li a:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
.wc_account .depositLimitSummary ul li a.selected,.wc_account .wc_a_selfExclude ul li a.selected,.wc_account .wc_a_preCommitment ul li a.selected {
background-color: #0d0d0d
}
.wc_account .depositLimitSummary ul li a.selected:hover,.wc_account .wc_a_selfExclude ul li a.selected:hover,.wc_account .wc_a_preCommitment ul li a.selected:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
.wc_account .depositLimitSummary ul li a.selected,.wc_account .wc_a_selfExclude ul li a.selected,.wc_account .wc_a_preCommitment ul li a.selected {
background-color: #0bd51f;
border-color: #0bd51f;
color: #0d0d0d
}
.wc_account .depositLimitSummary ul li a.selected:hover,.wc_account .wc_a_selfExclude ul li a.selected:hover,.wc_account .wc_a_preCommitment ul li a.selected:hover {
opacity: 1;
background-color: #0ced23;
border-color: #0ced23;
color: #0d0d0d
}
.wc_account .depositLimitSummary ul li a:hover:not(.disabled,.selected),.wc_account .wc_a_selfExclude ul li a:hover:not(.disabled,.selected),.wc_account .wc_a_preCommitment ul li a:hover:not(.disabled,.selected) {
opacity: 1;
background-color: #282828;
border-color: #0bd51f;
color: #fdfdfd
}
.wc_account .depositLimitSummary dl.accordion.depLimRelTrans dt a,.wc_account .wc_a_selfExclude dl.accordion.depLimRelTrans dt a,.wc_account .wc_a_preCommitment dl.accordion.depLimRelTrans dt a {
justify-content: center;
height: unset;
min-height: unset;
width: 100%;
margin-left: 0 !important;
padding: 0
}
.wc_account .depositLimitSummary dl.accordion.depLimRelTrans dt a:hover:not(.disabled),.wc_account .wc_a_selfExclude dl.accordion.depLimRelTrans dt a:hover:not(.disabled),.wc_account .wc_a_preCommitment dl.accordion.depLimRelTrans dt a:hover:not(.disabled) {
background-color: transparent
}
.wc_account .depositLimitSummary dl.accordion.depLimRelTrans dt.selected a,.wc_account .wc_a_selfExclude dl.accordion.depLimRelTrans dt.selected a,.wc_account .wc_a_preCommitment dl.accordion.depLimRelTrans dt.selected a {
color: #0bd51f
}
.wc_account .depositLimitSummary dl.accordion.depLimRelTrans dd,.wc_account .wc_a_selfExclude dl.accordion.depLimRelTrans dd,.wc_account .wc_a_preCommitment dl.accordion.depLimRelTrans dd {
padding-top: 0;
background-color: #1f1f1f;
border: solid 1px #2b2b2b;
border-top: none;
border-bottom-right-radius: 7.5px;
border-bottom-left-radius: 7.5px
}
.wc_account .depositLimitSummary dl.accordion.depLimRelTrans dd div,.wc_account .wc_a_selfExclude dl.accordion.depLimRelTrans dd div,.wc_account .wc_a_preCommitment dl.accordion.depLimRelTrans dd div {
background-color: transparent;
border: solid 1px #292e29;
border-left: none;
color: #fdfdfd
}
.wc_account .depositLimitSummary dl.accordion.depLimRelTrans dd div.approved,.wc_account .wc_a_selfExclude dl.accordion.depLimRelTrans dd div.approved,.wc_account .wc_a_preCommitment dl.accordion.depLimRelTrans dd div.approved {
border-left: solid 1px #292e29
}
.wc_account .depositLimitSummary dl.accordion.depLimRelTrans dd div.title,.wc_account .wc_a_selfExclude dl.accordion.depLimRelTrans dd div.title,.wc_account .wc_a_preCommitment dl.accordion.depLimRelTrans dd div.title {
background-color: transparent;
border: none;
color: #fdfdfd
}
.wc_account .ajaxReply.errorText {
width: 16rem;
text-align: center;
text-transform: capitalize;
line-height: 1.25rem
}
.wc_a_home #openTosecurity form {
margin-top: .625rem
}
.wc_a_home #ShowOverview h3 {
display: none
}
.wc_a_home #ShowOverview table.overviewDetails {
width: 65%;
margin: 1.25rem auto;
margin-top: .625rem
}
.wc_a_home #ShowOverview table.overviewDetails th,.wc_a_home #ShowOverview table.overviewDetails td {
width: 50%;
padding: .75rem;
background-color: #333;
border: none;
border-top: solid .625rem #1f1f1f
}
.wc_a_home #ShowOverview table.overviewDetails th {
border-right: solid .625rem #1f1f1f;
color: #fdfdfd;
font-family: "Barlow Semi Condensed",Helvetica,Arial,sans-serif;
font-size: 1rem;
font-style: italic;
font-weight: 700;
letter-spacing: .5px;
text-transform: uppercase
}
.wc_a_home #ShowOverview table.overviewDetails td {
border-left: solid .625rem #1f1f1f;
text-align: right
}
.wc_a_home #openTopersonaldet {
background-color: rgba(253,253,253,.02);
width: 100%;
margin: 0 auto;
margin-top: .9375rem;
padding: .9375rem;
border-radius: 7.5px;
border: solid 1px rgba(11,213,31,.5)
}
.wc_a_home>.framePanel>div.staticMessage {
background-color: #1f1f1f;
border: none;
margin: 0
}
.wc_a_register .formLineField.invalid input,.wc_a_register .formLineField.invalid select {
border: 2px solid #cb1029
}
.wc_a_register div.signupErrMsg {
width: 16rem;
margin-top: .3125rem;
background-color: #fcdee2;
border-radius: 7.5px;
padding: .5rem;
text-align: center;
text-transform: capitalize;
color: #0d0d0d;
border: solid 2px #cb1029
}
.wc_a_register div.errorMsg {
width: 16rem;
margin-top: .3125rem;
background-color: #fcdee2;
border-radius: 7.5px;
padding: .5rem;
text-align: center;
text-transform: capitalize;
color: #0d0d0d;
border: solid 2px #cb1029
}
.wc_a_register form div.formLine {
grid-template-columns: 1.65fr 3fr;
align-items: start
}
.wc_a_register #qasSelectedAddr {
max-width: 16rem;
font-size: 1.05rem
}
.wc_a_register #qasSelectedAddr .button {
margin-top: 1.25rem
}
#SignupPartB h3 {
display: none
}
#confirm_legal+label+span {
margin-left: .75rem
}
#createUserParams_precomOptOut+label>span {
width: 12.5rem;
margin-right: 1rem;
font-weight: normal
}
#qasOptions {
width: 16rem;
min-width: 16rem;
padding: .5rem;
background-color: #353e36;
color: #fdfdfd
}
#qasOptions .qasItem {
width: auto;
padding: .3125rem .5rem;
font-size: 1rem;
white-space: pre-wrap
}
#qasOptions .qasItem:last-of-type {
font-weight: 700;
text-decoration: underline
}
#AccountHistoryContentContainer {
padding: 0;
background-color: transparent
}
#AccountHistoryContentContainer .staticMessage.warningText {
padding: 1.25rem;
background-color: #1f1f1f;
border: solid 1px #2b2b2b;
border-radius: 10px;
text-transform: capitalize
}
.wc_a_b_ccDepositForm #CCaddTypeV+label:before,.wc_a_b_ccDepositForm #CCaddTypeM+label:before {
background-color: transparent;
margin-bottom: .3125rem;
width: 2rem;
height: 2rem;
line-height: 2rem
}
.wc_a_b_ccDepositForm #CCaddTypeV:checked+label:before,.wc_a_b_ccDepositForm #CCaddTypeM:checked+label:before {
background-color: #0bd51f;
border-color: #0bd51f;
color: #0d0d0d
}
.wc_a_b_ccDepositForm .checkboxList {
margin-bottom: .625rem
}
.wc_a_b_bankWithdrawalForm form {
max-width: 45rem;
margin-top: 1.875rem;
margin-bottom: 1.25rem;
border-radius: 5px
}
.wc_a_b_bankWithdrawalForm form ul.tabs {
background-color: transparent;
border-bottom: solid 1px rgba(253,253,253,.2);
border-top-left-radius: 5px;
border-top-right-radius: 5px;
overflow: hidden
}
.wc_a_b_eftNotificationForm .eftdDetails {
width: 65%;
margin: 0 auto;
margin-bottom: .9375rem
}
.wc_a_b_eftNotificationForm .eftdDetails tr th,.wc_a_b_eftNotificationForm .eftdDetails tr td {
width: 50%;
padding: .75rem;
background-color: #333;
border: none;
border-top: solid .625rem #1f1f1f
}
.wc_a_b_eftNotificationForm .eftdDetails tr th {
border-right: solid .625rem #1f1f1f;
color: #fdfdfd;
font-family: "Barlow Semi Condensed",Helvetica,Arial,sans-serif;
font-size: 1rem;
font-style: italic;
font-weight: 700;
letter-spacing: .5px;
text-transform: uppercase
}
.wc_a_b_eftNotificationForm .eftdDetails tr td {
border-left: solid .625rem #1f1f1f
}
.wc_a_b_eftNotificationForm .eftdDetails tr:first-of-type th,.wc_a_b_eftNotificationForm .eftdDetails tr:first-of-type td {
border-top: none
}
#CCDBtn.disabled:after {
content: '';
display: block;
height: 20px;
width: 20px;
box-sizing: border-box;
margin-left: 10px;
position: absolute;
top: 50%;
right: 10px;
transform: translateY(-50%);
background-image: url('/assets/images/loading.gif');
background-repeat: no-repeat;
background-position: center center
}
#CCDReply {
margin: 0 auto;
margin-top: .9375rem;
text-align: center;
text-transform: capitalize;
line-height: 1.25rem
}
#ZPTPIDActives {
text-align: center
}
#ZPTPIDActives p {
margin-bottom: .5rem
}
.wc_a_b_zepto .staticMessage {
margin: 0
}
.wc_a_b_zepto .formcontent {
max-width: 100%;
margin-top: 0
}
.wc_a_b_zepto .formcontent .copy {
display: flex;
align-items: center;
justify-content: center;
border: none
}
.wc_a_b_zepto .formcontent .copy .button {
min-height: 2.25rem;
min-width: 5rem;
border-color: #fdfdfd;
color: #0d0d0d;
font-size: 1rem
}
.wc_a_b_zepto .pendingcard {
margin-top: .9375rem;
padding: .75rem;
background-color: #333;
border: solid 1px #404040
}
.wc_a_b_zepto .pendingcard.correctText {
background-color: #0bd51f;
border-color: #0bd51f
}
.wc_a_benefits .BBRVouchers {
text-align: center
}
.wc_a_benefits .BBRVouchers div {
border-top-width: 1px;
border-left-width: 1px;
box-sizing: border-box
}
.wc_a_benefits .BBRVouchers div.header {
background-color: transparent;
border: none;
color: #fdfdfd
}
.wc_a_benefits .boostVoucher .remaining {
display: grid;
align-items: center;
justify-content: center;
grid-gap: 1.25rem;
grid-template-columns: 3.125rem auto 3.125rem;
width: 55%;
margin: 1.25rem auto;
background-color: rgba(253,253,253,.1);
border: solid 1px rgba(253,253,253,.1);
border-radius: 7.5px;
font-size: 1.125rem;
font-weight: 600;
line-height: 2.5rem
}
.wc_a_benefits .boostVoucher .remaining span {
font-size: 3.125rem;
margin: 0;
color: #fdfdfd
}
.wc_a_benefits .boostVoucher .remaining span:before {
display: flex;
justify-content: center;
align-items: center
}
.wc_a_benefits .boostVoucher .remaining b {
margin-left: 1.25rem;
height: 2.5rem;
width: 2.5rem;
justify-content: center;
text-align: center;
border-radius: 5px;
line-height: 2.5rem;
background-color: transparent;
font-size: 1.5rem;
margin: 0;
width: 3.125rem;
color: #fdfdfd
}
.wc_a_benefits .boostVoucher .remaining+p {
display: none
}
.wc_a_benefits .boostVoucher p:not(.remaining) {
display: block;
margin-bottom: .3125rem;
padding-left: .9375rem
}
.wc_a_benefits .boostVoucher p.remaining+p {
display: none
}
.wc_a_benefits .boostVoucher table {
text-align: center;
margin: 0 auto;
width: calc(100% - 1.25rem*.75 - 1.25rem*.75)
}
.wc_a_benefits .boostVoucher table thead tr th {
background-color: transparent;
border: none;
color: #fdfdfd
}
.wc_a_benefits #openTorewards p.remaining b {
color: #fdfdfd
}
.wc_a_benefits #openTorewards .staticMessage table.rewardsConversionTable tbody tr:first-of-type th {
color: #fdfdfd
}
.wc_a_responsibleGambling .staticMessage {
margin-bottom: 1.25rem;
margin: 0;
margin-top: .9375rem
}
.wc_a_responsibleGambling .wc_a_rg_temporarySelfSuspend .staticMessage {
margin-bottom: .9375rem
}
.wc_a_responsibleGambling .wc_a_rg_closeAccount .staticMessage {
margin-bottom: .9375rem
}
.wc_a_responsibleGambling .wc_a_rg_permanentSelfSuspend .seoBeforeContent {
margin-bottom: .625rem
}
.wc_a_responsibleGambling .wc_a_rg_permanentSelfSuspend .seoBeforeContent p:last-of-type {
margin-bottom: 0
}
.wc_a_responsibleGambling .wc_a_rg_permanentSelfSuspend .seoBeforeContent a {
font-weight: 700;
text-transform: capitalize
}
#PreCommitmentCurrentDiv {
padding: 0;
margin-bottom: .9375rem;
text-align: center
}
#PreCommitmentCurrentDiv ul {
margin-top: .9375rem
}
.depositLimitSummary .staticMessage {
margin: 0;
margin-top: .9375rem
}
#openTobonusbets {
margin-top: 0
}
#openTobonusbets h3 {
display: none;
min-height: 2.25rem;
padding-left: .9375rem;
background-color: rgba(253,253,253,.07)
}
#openTobonusbets table {
text-align: center
}
#openTorewards {
background-color: rgba(253,253,253,.02);
width: 100%;
margin: 0 auto;
margin-top: .9375rem;
padding: .9375rem;
border-radius: 7.5px;
border: solid 1px rgba(11,213,31,.5)
}
#openTorewards p.remaining {
display: flex;
background-color: rgba(253,253,253,.1);
border: solid 1px rgba(253,253,253,.1);
width: 55%;
margin: 1.25rem auto;
margin-top: .625rem;
padding: .625rem;
border-radius: 7.5px;
font-weight: 600;
font-size: 1.125rem
}
#openTorewards p.remaining b {
width: 50%;
text-align: right;
color: #fdfdfd
}
#openTorewards .staticMessage {
min-width: 55%;
margin-top: 1.25rem;
background-color: rgba(253,253,253,.1);
border-color: rgba(253,253,253,.1);
border-radius: 7.5px;
font-weight: 400;
padding-top: .625rem;
text-align: center
}
#openTorewards .staticMessage table {
margin-top: 1.25rem;
margin-bottom: .625rem;
text-align: center
}
#openTorewards .staticMessage table.rewardsConversionTable {
margin-bottom: 0;
margin-top: .3125rem
}
#openTorewards .staticMessage table.rewardsConversionTable tbody tr th:first-of-type,#openTorewards .staticMessage table.rewardsConversionTable tbody tr th:last-of-type {
width: 45%
}
#openTorewards .staticMessage table.rewardsConversionTable tbody tr:first-of-type th {
color: #fdfdfd;
border: none
}
#openToboost {
margin-top: 0
}
#openToboost h4 {
display: none
}
#openToboost .staticMessage {
margin: 0;
padding: .625rem
}
#greenid-container {
padding: 0 .625rem
}
#greenid-container .lead {
margin-bottom: .625rem;
line-height: 1.125rem
}
#greenid-container .btn-primary {
padding: .375rem .75rem;
cursor: pointer;
text-align: center;
vertical-align: middle;
border: 1px solid #0d0d0d;
color: #0d0d0d;
font-weight: bold;
background-color: #fdfdfd;
border-radius: 10px;
position: relative;
display: inline-flex;
justify-content: center;
align-items: center;
min-height: 2.5rem;
min-width: 2.5rem;
padding: .25rem .9375rem;
background-color: unset;
border: solid 2px #fdfdfd;
border-radius: 2.5rem;
font-family: "Barlow Semi Condensed",Helvetica,Arial,Sans-Serif;
font-size: .9rem;
font-style: italic;
font-weight: 700;
letter-spacing: .5px;
text-transform: uppercase;
background-color: #1f1f1f;
border-color: #1f1f1f;
background-color: transparent;
border-color: #0bd51f;
color: #fdfdfd
}
#greenid-container .btn-primary:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
#greenid-container .btn-primary.selected {
background-color: #1f1f1f;
color: #fdfdfd
}
#greenid-container .btn-primary.selected:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
#greenid-container .btn-primary.inverse {
background-color: transparent;
border-color: #fdfdfd;
color: #fdfdfd
}
#greenid-container .btn-primary.inverse:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
#greenid-container .btn-primary.inverse.selected {
background-color: rgba(253,253,253,.4)
}
#greenid-container .btn-primary.inverse.selected:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
#greenid-container .btn-primary.expired {
background-color: #bfbfbf;
border-color: #262626;
color: #262626;
color: #0d0d0d
}
#greenid-container .btn-primary.expired:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
#greenid-container .btn-primary.expired.selected {
background-color: #8c8c8c;
border-color: #0d0d0d;
color: #0d0d0d
}
#greenid-container .btn-primary.expired.selected:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
#greenid-container .btn-primary.delete {
background-color: #cb1029;
border-color: #f797a4;
color: #fdfdfd
}
#greenid-container .btn-primary.delete:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
#greenid-container .btn-primary.delete.selected {
background-color: #6c0916
}
#greenid-container .btn-primary.delete.selected:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
#greenid-container .btn-primary.confirm {
background-color: #1f1f1f;
border-color: #1f1f1f;
color: #fdfdfd
}
#greenid-container .btn-primary.confirm:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
#greenid-container .btn-primary.confirm.selected {
background-color: #0d0d0d
}
#greenid-container .btn-primary.confirm.selected:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
#greenid-container .btn-primary.disabled {
opacity: .5
}
#greenid-container .btn-primary.betlink {
border-color: #0d0d0d;
color: #0d0d0d;
min-width: 100%;
white-space: nowrap
}
#greenid-container .btn-primary.betlink:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
#greenid-container .btn-primary.betlink.selected {
background-color: #0d0d0d;
color: #0d0d0d
}
#greenid-container .btn-primary.betlink.selected:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
#greenid-container .btn-primary[class^="icon-"],#greenid-container .btn-primary[class*=" icon-"] {
padding-top: .225rem;
padding-bottom: .225rem;
padding-left: .225rem
}
#greenid-container .btn-primary[class^="icon-"]:before,#greenid-container .btn-primary[class*=" icon-"]:before {
font-size: 1.9rem;
font-weight: normal;
padding-right: .225rem
}
#greenid-container .btn-primary[class^="icon-"]:empty,#greenid-container .btn-primary[class*=" icon-"]:empty {
padding: .225rem
}
#greenid-container .btn-primary[class^="icon-"]:empty:before,#greenid-container .btn-primary[class*=" icon-"]:empty:before {
padding: 0
}
#greenid-container .btn-primary[class^="icon-"].vertical,#greenid-container .btn-primary[class*=" icon-"].vertical {
flex-direction: column;
align-items: center;
padding-right: .225rem;
padding-bottom: .3rem
}
#greenid-container .btn-primary.small {
min-height: 1.875rem;
font-size: .75rem;
padding: .21875rem .4375rem
}
#greenid-container .btn-primary.small[class^="icon-"],#greenid-container .btn-primary.small[class*=" icon-"] {
padding-top: .16875rem;
padding-bottom: .16875rem;
padding-left: .16875rem
}
#greenid-container .btn-primary.small[class^="icon-"]:before,#greenid-container .btn-primary.small[class*=" icon-"]:before {
font-size: 1.425rem;
font-weight: normal;
padding-right: .16875rem
}
#greenid-container .btn-primary.small[class^="icon-"]:empty,#greenid-container .btn-primary.small[class*=" icon-"]:empty {
padding: .16875rem
}
#greenid-container .btn-primary.small[class^="icon-"]:empty:before,#greenid-container .btn-primary.small[class*=" icon-"]:empty:before {
padding: 0
}
#greenid-container .btn-primary.small[class^="icon-"].vertical,#greenid-container .btn-primary.small[class*=" icon-"].vertical {
padding-right: .16875rem
}
#greenid-container .btn-primary.majorAction {
font-size: 1.4rem;
padding: .875rem
}
#greenid-container .btn-primary.majorAction[class^="icon-"],#greenid-container .btn-primary.majorAction[class*=" icon-"] {
padding-top: .315rem;
padding-bottom: .315rem;
padding-left: .315rem
}
#greenid-container .btn-primary.majorAction[class^="icon-"]:before,#greenid-container .btn-primary.majorAction[class*=" icon-"]:before {
font-size: 2.66rem;
font-weight: normal;
padding-right: .315rem
}
#greenid-container .btn-primary.majorAction[class^="icon-"]:empty,#greenid-container .btn-primary.majorAction[class*=" icon-"]:empty {
padding: .315rem
}
#greenid-container .btn-primary.majorAction[class^="icon-"]:empty:before,#greenid-container .btn-primary.majorAction[class*=" icon-"]:empty:before {
padding: 0
}
#greenid-container .btn-primary.invisible {
visibility: hidden
}
#greenid-container .btn-primary.tooltip {
position: relative;
display: inline-block
}
#greenid-container .btn-primary.tooltip .tooltiptext {
visibility: hidden;
width: auto;
background-color: #333;
color: #fdfdfd;
text-align: center;
padding: 3px;
border-radius: 10px;
position: absolute;
top: 3px;
right: 3px;
z-index: 490;
font-size: 13px;
line-height: 16px;
font-weight: normal
}
#greenid-container .btn-primary.tooltip:hover .tooltiptext {
visibility: visible
}
#greenid-container .btn-primary:hover:not(.disabled,.selected,.expired) {
opacity: 1
}
#greenid-container .btn-primary:hover:not(.disabled,.selected) {
background-color: #282828;
border-color: #fdfdfd;
color: #fdfdfd
}
#greenid-container .btn-primary.selected {
background-color: #0bd51f;
border-color: #0bd51f;
color: #0d0d0d
}
#greenid-container .btn-primary.selected:hover:not(.disabled,.expired) {
opacity: 1;
background-color: #13f32a;
border-color: #13f32a;
color: #0d0d0d
}
#greenid-container .btn-primary.disabled {
opacity: .65
}
#greenid-container .btn-primary.disabled:hover {
cursor: default
}
#greenid-container .btn-primary[class^="icon-"],#greenid-container .btn-primary[class*=" icon-"] {
grid-gap: .25rem;
padding: .5rem;
border-radius: 10px
}
#greenid-container .btn-primary[class^="icon-"]:empty,#greenid-container .btn-primary[class*=" icon-"]:empty {
min-width: 2.5rem
}
#greenid-container .btn-primary[class^="icon-"]:before,#greenid-container .btn-primary[class*=" icon-"]:before {
padding: 0;
font-size: 1.5rem
}
#greenid-container .btn-primary[class^="icon-"].vertical,#greenid-container .btn-primary[class*=" icon-"].vertical {
justify-content: center;
grid-gap: .25rem;
padding: .625rem .75rem;
border-radius: 10px
}
#greenid-container .btn-primary[class^="icon-"].vertical:before,#greenid-container .btn-primary[class*=" icon-"].vertical:before {
position: unset;
display: flex;
align-items: center;
justify-content: center;
justify-self: center;
height: 2.5rem;
width: 2.5rem;
border: solid 2px #0bd51f;
border-radius: 2.5rem;
font-size: 1.5rem
}
#greenid-container .btn-primary[class^="icon-"].vertical.selected:before,#greenid-container .btn-primary[class*=" icon-"].vertical.selected:before {
border-color: #0d0d0d
}
#greenid-container .btn-primary.expired {
opacity: .65;
background-color: unset;
border-color: #fdfdfd;
color: #fdfdfd
}
#greenid-container .btn-primary.expired:hover:not(.disabled,.selected) {
opacity: .75;
background-color: #13f32a;
border-color: #fdfdfd;
color: #fdfdfd
}
#greenid-container .btn-primary.expired.selected {
opacity: .65;
background-color: #0bd51f;
border-color: #0bd51f;
color: #0d0d0d
}
#greenid-container .btn-primary.delete {
background-color: #cb1029;
border-color: #cb1029
}
#greenid-container .btn-primary.delete.selected {
background-color: #cb1029;
border-color: #cb1029;
color: #fdfdfd
}
#greenid-container .btn-primary.delete:hover:not(.disabled) {
background-color: #b30e24;
border-color: #b30e24;
color: #fdfdfd
}
#greenid-container .btn-primary.confirm {
background-color: transparent;
border-color: #0bd51f;
color: #fdfdfd
}
#greenid-container .btn-primary.confirm.selected {
background-color: #0bd51f;
border-color: #0bd51f;
color: #0d0d0d
}
#greenid-container .btn-primary.confirm.selected:hover {
opacity: 1;
background-color: #0ced23;
border-color: #0ced23;
color: #0d0d0d
}
#greenid-container .btn-primary.confirm:hover:not(.disabled,.selected) {
opacity: 1;
background-color: #282828;
border-color: #0bd51f;
color: #fdfdfd
}
#greenid-container .btn-primary.inverse {
border-color: #1f1f1f;
color: #0d0d0d
}
#greenid-container .btn-primary.inverse:hover:not(.disabled,.selected) {
background-color: #adb4bd;
border-color: #1f1f1f;
color: #0d0d0d
}
#greenid-container .btn-primary.betlink {
min-height: 3.125rem;
width: 100%;
min-width: 4.375rem;
padding: .25rem .5rem;
background-color: #353e36;
border-color: #353e36;
border-width: 1px;
border-radius: 5px;
color: #fdfdfd;
font-size: 1.1rem;
font-style: normal;
font-weight: 600
}
#greenid-container .btn-primary.betlink:hover:not(.disabled,.selected) {
background-color: #445045;
border-color: #445045
}
#greenid-container .btn-primary.betlink.selected {
background-color: #0bd51f;
border-color: #0bd51f;
color: #0d0d0d
}
#greenid-container .btn-primary.betlink.selected.disabled {
opacity: .4;
background-color: #0bd51f;
border-color: #0bd51f;
color: #0d0d0d
}
#greenid-container .btn-primary.betlink.selected.disabled:hover {
opacity: .4;
background-color: #0bd51f;
border-color: #0bd51f;
color: #0d0d0d
}
#greenid-container .btn-primary.betlink.disabled {
opacity: .4;
color: #fdfdfd
}
#greenid-container .btn-primary.betlink.disabled:hover {
opacity: .4;
background-color: #353e36;
border-color: #353e36;
color: #fdfdfd
}
#greenid-container .btn-primary.small {
padding: .25rem .625rem
}
#greenid-container .btn-primary.login {
background-color: transparent;
border-color: #0bd51f;
color: #fdfdfd
}
#greenid-container .btn-primary.login:hover:not(.disabled,.selected) {
opacity: 1;
background-color: #333;
border-color: #0bd51f;
color: #fdfdfd
}
#greenid-container .btn-primary.login.selected {
opacity: 1;
background-color: #404040;
border-color: #0bd51f;
color: #fdfdfd
}
#greenid-container .btn-primary.login.selected:hover {
opacity: 1;
background-color: #4d4d4d;
border-color: #0bd51f;
color: #fdfdfd
}
#greenid-container .btn-primary.join {
background-color: #0bd51f;
border-color: #0bd51f;
color: #0d0d0d
}
#greenid-container .btn-primary.join:hover:not(.disabled) {
opacity: 1;
background-color: #13f32a;
border-color: #13f32a;
color: #0d0d0d
}
#greenid-container .btn-primary.button-primary {
border: solid 2px #0bd51f
}
#greenid-container .btn-primary.buttonAcceptAction {
background-color: #0bd51f;
border-color: #0bd51f;
color: #0d0d0d
}
#greenid-container .btn-primary.buttonAcceptAction:hover {
opacity: 1;
background-color: #0ac41d;
border-color: #0ac41d;
color: #0d0d0d
}
#greenid-container .btn-primary:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
#greenid-container .btn-primary.selected {
background-color: #0d0d0d
}
#greenid-container .btn-primary.selected:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
#greenid-container .btn-primary.selected {
background-color: #0bd51f;
border-color: #0bd51f;
color: #0d0d0d
}
#greenid-container .btn-primary.selected:hover {
opacity: 1;
background-color: #0ced23;
border-color: #0ced23;
color: #0d0d0d
}
#greenid-container .btn-primary:hover:not(.disabled,.selected) {
opacity: 1;
background-color: #282828;
border-color: #0bd51f;
color: #fdfdfd
}
#greenid-container .btn-primary:hover:not(.disabled,.selected) {
opacity: 1;
background-color: #282828;
border-color: #0bd51f;
color: #fdfdfd
}
.wc_genContent {
line-height: 1.25rem;
text-align-last: unset
}
.wc_genContent p {
margin-bottom: .625rem
}
.wc_genContent p:last-of-type {
margin-bottom: 0
}
.wc_genContent dl dd>ul {
margin: 0;
margin-bottom: .625rem;
margin-left: 1.25rem;
list-style: square
}
.wc_genContent dl dd>ul>li {
margin-top: .625rem
}
.wc_genContent dl.legalNumbering>dt:last-of-type {
margin-bottom: 0
}
.wc_genContent dl.legalNumbering>dt.selected {
margin: 0
}
.wc_genContent dl.legalNumbering>dt a.navToggleIcon:after {
font-size: 1rem
}
.wc_genContent dl.legalNumbering>dt a:before {
content: counter(genContent_rules_counter) '';
font-family: 'Barlow Condensed',Helvetica,Arial,sans-serif !important
}
.wc_genContent dl.legalNumbering>dd {
padding: .9375rem;
padding-top: .3125rem
}
.wc_genContent dl.legalNumbering>dd:last-of-type {
margin-bottom: 0
}
.wc_genContent dl.legalNumbering>dd>ol {
margin-right: 0;
margin-left: 1.25rem;
padding-left: 1rem
}
.wc_genContent dl.legalNumbering>dd>ol>li {
color: #fdfdfd
}
.wc_genContent dl.legalNumbering>dd>ol>li:before {
padding-right: .6rem;
margin-left: -2.25rem
}
.wc_genContent dl.legalNumbering>dd>ol>li>ol {
margin-right: 0;
margin-left: 2.75rem;
margin-bottom: .3125rem
}
.wc_genContent dl.legalNumbering>dd>ol>li>ol>li {
margin-top: .3125rem;
color: #fdfdfd
}
.wc_genContent dl.legalNumbering>dd>ol>li>ol>li:before {
width: 1.75rem;
margin-left: -2.75rem;
padding-right: 1rem
}
.wc_genContent dl.legalNumbering>dd>ol>li>ol>li>ol {
margin: 0;
margin-left: 1.5rem
}
.wc_genContent dl.legalNumbering>dd>ol>li>ol>li>ol>li {
margin: .5rem 0
}
.wc_genContent dl.legalNumbering>dd>ol>li>ol>li>ul {
list-style: square;
margin: .3125rem 1.5rem;
margin-right: 0
}
.wc_genContent dl.legalNumbering>dd>ol>li>ul {
margin: 0;
margin-left: 1.5rem;
list-style: square
}
.wc_genContent dl.legalNumbering>dd>ol>li>ul>li {
margin: .5rem 0
}
.wc_genContent dl.legalNumbering>dd>ol>li.notHeading {
color: #fdfdfd
}
.wc_genContent dl.accordion.tiered2>dt>a {
min-height: 3rem;
padding: .625rem
}
.wc_genContent dl.accordion.tiered2>dt>a.navToggleIcon:after {
height: 1.75rem;
width: 1.75rem;
font-size: .8rem
}
.wc_genContent dl.accordion.tiered2>dt>a:before {
display: none
}
.wc_genContent h1:before {
content: "";
font-family: 'GW_Icons';
font-weight: normal;
font-style: normal;
margin: 0
}
.wc_genContent .staticContent>.framePanel {
padding: 0;
background-color: transparent;
border: none
}
.wc_genContent .contentBlock.gridTable span {
background-color: rgba(253,253,253,.1);
border: solid 1px rgba(253,253,253,.1);
border-radius: 5px
}
.wc_genContent .contentBlock.gridTable div {
background-color: rgba(253,253,253,.1);
border: solid 1px rgba(253,253,253,.1);
border-radius: 5px
}
.wc_genContent .contentBlock.gridTable div.gridTable {
grid-template-columns: 1fr;
margin: 0;
padding: 0;
background-color: transparent;
border: none
}
.wc_genContent .contentBlock.gridTable.dataTable {
grid-template-columns: 1fr
}
.wc_genContent .contentBlock.gridTable.dataTable>div {
font-weight: normal
}
.wc_genContent .textPanel {
margin: 0;
margin-bottom: .625rem;
padding: .9375rem;
background-color: #1f1f1f;
border: solid 1px #2b2b2b;
border-radius: 10px
}
.wc_genContent .textPanel p:last-of-type {
margin: 0
}
.os-theme-GW .os-scrollbar:hover {
background: #404040;
border: .1rem solid #333 !important;
box-shadow: none;
box-sizing: border-box
}
.os-theme-GW .os-scrollbar:hover .os-scrollbar-track {
background: #1f1f1f;
box-shadow: inset 0 0 0 0 transparent,0 0 .05rem .02rem #1f1f1f;
box-sizing: border-box
}
.os-theme-GW .os-scrollbar:hover .os-scrollbar-track .os-scrollbar-handle {
background: #e6fee9;
border: .15rem outset #e6fee9 !important;
box-shadow: none;
box-sizing: border-box
}
.os-theme-GW .os-scrollbar:active {
background: #404040;
border: .1rem solid #333 !important;
box-shadow: none;
box-sizing: border-box
}
.os-theme-GW .os-scrollbar:active .os-scrollbar-track {
background: #1f1f1f;
box-shadow: inset 0 0 0 0 transparent,0 0 .05rem .02rem #1f1f1f;
box-sizing: border-box
}
.os-theme-GW .os-scrollbar:active .os-scrollbar-track .os-scrollbar-handle {
background: #e6fee9;
border: .15rem outset #e6fee9 !important;
box-shadow: none;
box-sizing: border-box
}
@container (min-width:500px) {
@container(max-width:950px) {
.wc_r_NextToJumpGrid .staticContent div.raceCard,.wc_r_raceCardGrid .staticContent div.raceCard {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
.wc_r_NextToJumpGrid .staticContent div.raceCard.noRaces,.wc_r_raceCardGrid .staticContent div.raceCard.noRaces {
grid-template-columns: 1fr;
}
.wc_r_NextToJumpGrid .staticContent div.raceCard.filters .showDayFilter,.wc_r_raceCardGrid .staticContent div.raceCard.filters .showDayFilter {
overflow: auto;
width: 100%;
}
.wc_r_NextToJumpGrid .staticContent div.raceCard .raceMeeting,.wc_r_raceCardGrid .staticContent div.raceCard .raceMeeting {
border: none;
}
.wc_r_NextToJumpGrid .staticContent div.raceCard .raceTTG .narrow,.wc_r_raceCardGrid .staticContent div.raceCard .raceTTG .narrow {
display: none;
}
.wc_r_NextToJumpGrid .staticContent div.raceCard > div.raceMeeting,.wc_r_raceCardGrid .staticContent div.raceCard > div.raceMeeting {
grid-column-start: 1;
grid-column-end: 9;
}
.wc_r_NextToJumpGrid .staticContent div.raceCard > div.raceMeeting[data-maxraces="9"],.wc_r_raceCardGrid .staticContent div.raceCard > div.raceMeeting[data-maxraces="9"] {
grid-column-end: 10;
}
.wc_r_NextToJumpGrid .staticContent div.raceCard > div.raceMeeting[data-maxraces="10"],.wc_r_raceCardGrid .staticContent div.raceCard > div.raceMeeting[data-maxraces="10"] {
grid-column-end: 11;
}
.wc_r_NextToJumpGrid .staticContent div.raceCard > div.raceMeeting[data-maxraces="11"],.wc_r_raceCardGrid .staticContent div.raceCard > div.raceMeeting[data-maxraces="11"] {
grid-column-end: 12;
}
.wc_r_NextToJumpGrid .staticContent div.raceCard > div.raceMeeting[data-maxraces="12"],.wc_r_raceCardGrid .staticContent div.raceCard > div.raceMeeting[data-maxraces="12"] {
grid-column-end: 13;
}
.wc_r_NextToJumpGrid .staticContent div.raceCard > div.raceMeeting[data-maxraces="13"],.wc_r_raceCardGrid .staticContent div.raceCard > div.raceMeeting[data-maxraces="13"] {
grid-column-end: 14;
}
.wc_r_NextToJumpGrid .staticContent div.raceCard > div.raceMeeting[data-maxraces="14"],.wc_r_raceCardGrid .staticContent div.raceCard > div.raceMeeting[data-maxraces="14"] {
grid-column-end: 15;
}
.wc_r_NextToJumpGrid .staticContent div.raceCard > div.race1,.wc_r_raceCardGrid .staticContent div.raceCard > div.race1 {
grid-column: 1;
}
.wc_r_NextToJumpGrid .staticContent div.raceCard > div.race2,.wc_r_raceCardGrid .staticContent div.raceCard > div.race2 {
grid-column: 2;
}
.wc_r_NextToJumpGrid .staticContent div.raceCard > div.race3,.wc_r_raceCardGrid .staticContent div.raceCard > div.race3 {
grid-column: 3;
}
.wc_r_NextToJumpGrid .staticContent div.raceCard > div.race4,.wc_r_raceCardGrid .staticContent div.raceCard > div.race4 {
grid-column: 4;
}
.wc_r_NextToJumpGrid .staticContent div.raceCard > div.race5,.wc_r_raceCardGrid .staticContent div.raceCard > div.race5 {
grid-column: 5;
}
.wc_r_NextToJumpGrid .staticContent div.raceCard > div.race6,.wc_r_raceCardGrid .staticContent div.raceCard > div.race6 {
grid-column: 6;
}
.wc_r_NextToJumpGrid .staticContent div.raceCard > div.race7,.wc_r_raceCardGrid .staticContent div.raceCard > div.race7 {
grid-column: 7;
}
.wc_r_NextToJumpGrid .staticContent div.raceCard > div.race8,.wc_r_raceCardGrid .staticContent div.raceCard > div.race8 {
grid-column: 8;
}
.wc_r_NextToJumpGrid .staticContent div.raceCard > div.race9,.wc_r_raceCardGrid .staticContent div.raceCard > div.race9 {
grid-column: 9;
}
.wc_r_NextToJumpGrid .staticContent div.raceCard > div.race10,.wc_r_raceCardGrid .staticContent div.raceCard > div.race10 {
grid-column: 10;
}
.wc_r_NextToJumpGrid .staticContent div.raceCard > div.race11,.wc_r_raceCardGrid .staticContent div.raceCard > div.race11 {
grid-column: 11;
}
.wc_r_NextToJumpGrid .staticContent div.raceCard > div.race12,.wc_r_raceCardGrid .staticContent div.raceCard > div.race12 {
grid-column: 12;
}
.wc_r_NextToJumpGrid .staticContent div.raceCard > div.race13,.wc_r_raceCardGrid .staticContent div.raceCard > div.race13 {
grid-column: 13;
}
.wc_r_NextToJumpGrid.futures .staticContent .raceCard,.wc_r_raceCardGrid.futures .staticContent .raceCard {
grid-template-columns: 1fr 1fr;
}
.wc_r_NextToJumpGrid.futures .staticContent .raceCard > div.raceMeeting,.wc_r_raceCardGrid.futures .staticContent .raceCard > div.raceMeeting {
grid-column-start: 1;
grid-column-end: 2;
}
.wc_r_NextToJumpGrid.futures .staticContent .raceCard > div.race1,.wc_r_raceCardGrid.futures .staticContent .raceCard > div.race1 {
grid-column: 2;
}
}
}
@container (max-width:500px) {
.wc_r_NextToJumpGrid .staticContent,.wc_r_raceCardGrid .staticContent {
display: grid;
grid-gap: .5rem;
}
.wc_r_NextToJumpGrid .framePanel,.wc_r_raceCardGrid .framePanel {
margin-bottom: 0;
}
.wc_r_NextToJumpGrid .framePanel.filters,.wc_r_raceCardGrid .framePanel.filters {
grid-template-columns: 1fr 1fr 1fr;
grid-template-rows: auto auto;
grid-gap: .5rem;
margin-bottom: 0;
}
.wc_r_NextToJumpGrid .framePanel.filters .showDayFilter,.wc_r_raceCardGrid .framePanel.filters .showDayFilter {
grid-column: 1;
grid-column-end: 4;
overflow: auto;
width: 100%;
grid-gap: 0;
display: grid;
grid-template-columns: 1fr 0;
}
.wc_r_NextToJumpGrid .tabs.ausintFilter li,.wc_r_raceCardGrid .tabs.ausintFilter li,.wc_r_NextToJumpGrid .tabs.typeFilter li,.wc_r_raceCardGrid .tabs.typeFilter li {
min-height: 2rem;
width: 2rem;
}
.wc_r_NextToJumpGrid .tabs.ausintFilter li > a,.wc_r_raceCardGrid .tabs.ausintFilter li > a,.wc_r_NextToJumpGrid .tabs.typeFilter li > a,.wc_r_raceCardGrid .tabs.typeFilter li > a {
font-size: .75rem;
}
.wc_r_NextToJumpGrid .tabs.ausintFilter li > a[class^="icon-"]:before,.wc_r_raceCardGrid .tabs.ausintFilter li > a[class^="icon-"]:before,.wc_r_NextToJumpGrid .tabs.typeFilter li > a[class^="icon-"]:before,.wc_r_raceCardGrid .tabs.typeFilter li > a[class^="icon-"]:before {
font-size:1.2rem;
}
.wc_r_NextToJumpGrid div.dateFilter form div.formLine .dates,.wc_r_raceCardGrid div.dateFilter form div.formLine .dates {
min-width: 0;
padding: .25rem .25rem;
}
.wc_r_NextToJumpGrid div.dateFilter form div.formLine a,.wc_r_raceCardGrid div.dateFilter form div.formLine a {
font-size: .9rem;
padding: .5rem;
}
.wc_r_NextToJumpGrid ul.tableLegend,.wc_r_raceCardGrid ul.tableLegend {
display: none;
}
.wc_r_NextToJumpGrid.nexttojump .staticContent .raceCard,.wc_r_raceCardGrid.nexttojump .staticContent .raceCard,.wc_r_NextToJumpGrid.daily .staticContent .raceCard,.wc_r_raceCardGrid.daily .staticContent .raceCard,.wc_r_NextToJumpGrid.results .staticContent .raceCard,.wc_r_raceCardGrid.results .staticContent .raceCard {
grid-template-columns: 1fr;
grid-auto-rows: auto;
grid-gap: .25rem;
}
.wc_r_NextToJumpGrid.nexttojump .staticContent .raceCard .header,.wc_r_raceCardGrid.nexttojump .staticContent .raceCard .header,.wc_r_NextToJumpGrid.daily .staticContent .raceCard .header,.wc_r_raceCardGrid.daily .staticContent .raceCard .header,.wc_r_NextToJumpGrid.results .staticContent .raceCard .header,.wc_r_raceCardGrid.results .staticContent .raceCard .header {
display: none;
}
.wc_r_NextToJumpGrid.nexttojump .staticContent .raceCard .raceBlock,.wc_r_raceCardGrid.nexttojump .staticContent .raceCard .raceBlock,.wc_r_NextToJumpGrid.daily .staticContent .raceCard .raceBlock,.wc_r_raceCardGrid.daily .staticContent .raceCard .raceBlock,.wc_r_NextToJumpGrid.results .staticContent .raceCard .raceBlock,.wc_r_raceCardGrid.results .staticContent .raceCard .raceBlock {
display: none;
}
.wc_r_NextToJumpGrid.nexttojump .staticContent .raceCard .raceMeeting,.wc_r_raceCardGrid.nexttojump .staticContent .raceCard .raceMeeting,.wc_r_NextToJumpGrid.daily .staticContent .raceCard .raceMeeting,.wc_r_raceCardGrid.daily .staticContent .raceCard .raceMeeting,.wc_r_NextToJumpGrid.results .staticContent .raceCard .raceMeeting,.wc_r_raceCardGrid.results .staticContent .raceCard .raceMeeting {
display: grid;
grid-template-columns: 1fr auto 4rem;
grid-template-areas: 'silkBox nextNum nextTime';
grid-gap: .75rem;
align-items: center;
cursor: pointer;
}
.wc_r_NextToJumpGrid.nexttojump .staticContent .raceCard .raceMeeting .teamSilkBlock,.wc_r_raceCardGrid.nexttojump .staticContent .raceCard .raceMeeting .teamSilkBlock,.wc_r_NextToJumpGrid.daily .staticContent .raceCard .raceMeeting .teamSilkBlock,.wc_r_raceCardGrid.daily .staticContent .raceCard .raceMeeting .teamSilkBlock,.wc_r_NextToJumpGrid.results .staticContent .raceCard .raceMeeting .teamSilkBlock,.wc_r_raceCardGrid.results .staticContent .raceCard .raceMeeting .teamSilkBlock {
grid-template-rows: auto auto;
grid-area: silkBox;
}
.wc_r_NextToJumpGrid.nexttojump .staticContent .raceCard .raceMeeting .teamSilkBlock:before,.wc_r_raceCardGrid.nexttojump .staticContent .raceCard .raceMeeting .teamSilkBlock:before,.wc_r_NextToJumpGrid.daily .staticContent .raceCard .raceMeeting .teamSilkBlock:before,.wc_r_raceCardGrid.daily .staticContent .raceCard .raceMeeting .teamSilkBlock:before,.wc_r_NextToJumpGrid.results .staticContent .raceCard .raceMeeting .teamSilkBlock:before,.wc_r_raceCardGrid.results .staticContent .raceCard .raceMeeting .teamSilkBlock:before {
font-family: GW_icons;
font-weight: normal;
font-size: 2.5rem;
grid-area: flag;
justify-self: center;
align-self: center;
}
.wc_r_NextToJumpGrid.nexttojump .staticContent .raceCard .raceMeeting .nextNum,.wc_r_raceCardGrid.nexttojump .staticContent .raceCard .raceMeeting .nextNum,.wc_r_NextToJumpGrid.daily .staticContent .raceCard .raceMeeting .nextNum,.wc_r_raceCardGrid.daily .staticContent .raceCard .raceMeeting .nextNum,.wc_r_NextToJumpGrid.results .staticContent .raceCard .raceMeeting .nextNum,.wc_r_raceCardGrid.results .staticContent .raceCard .raceMeeting .nextNum {
grid-area: nextNum;
font-size: 1.5rem;
}
.wc_r_NextToJumpGrid.nexttojump .staticContent .raceCard .raceMeeting .nextTime,.wc_r_raceCardGrid.nexttojump .staticContent .raceCard .raceMeeting .nextTime,.wc_r_NextToJumpGrid.daily .staticContent .raceCard .raceMeeting .nextTime,.wc_r_raceCardGrid.daily .staticContent .raceCard .raceMeeting .nextTime,.wc_r_NextToJumpGrid.results .staticContent .raceCard .raceMeeting .nextTime,.wc_r_raceCardGrid.results .staticContent .raceCard .raceMeeting .nextTime {
grid-area: nextTime;
}
.wc_r_NextToJumpGrid.nexttojump .staticContent .raceCard .raceMeeting .final,.wc_r_raceCardGrid.nexttojump .staticContent .raceCard .raceMeeting .final,.wc_r_NextToJumpGrid.daily .staticContent .raceCard .raceMeeting .final,.wc_r_raceCardGrid.daily .staticContent .raceCard .raceMeeting .final,.wc_r_NextToJumpGrid.results .staticContent .raceCard .raceMeeting .final,.wc_r_raceCardGrid.results .staticContent .raceCard .raceMeeting .final {
background-color: transparent;
}
.wc_r_NextToJumpGrid.nexttojump .staticContent .raceCard a:hover,.wc_r_raceCardGrid.nexttojump .staticContent .raceCard a:hover,.wc_r_NextToJumpGrid.daily .staticContent .raceCard a:hover,.wc_r_raceCardGrid.daily .staticContent .raceCard a:hover,.wc_r_NextToJumpGrid.results .staticContent .raceCard a:hover,.wc_r_raceCardGrid.results .staticContent .raceCard a:hover {
font-weight:normal;
}
.wc_r_NextToJumpGrid.nexttojump .staticContent .raceCard > div,.wc_r_raceCardGrid.nexttojump .staticContent .raceCard > div,.wc_r_NextToJumpGrid.daily .staticContent .raceCard > div,.wc_r_raceCardGrid.daily .staticContent .raceCard > div,.wc_r_NextToJumpGrid.results .staticContent .raceCard > div,.wc_r_raceCardGrid.results .staticContent .raceCard > div {
grid-column: 1;
}
.wc_r_NextToJumpGrid.nexttojump .staticContent .raceCard > label.raceNumber,.wc_r_raceCardGrid.nexttojump .staticContent .raceCard > label.raceNumber,.wc_r_NextToJumpGrid.daily .staticContent .raceCard > label.raceNumber,.wc_r_raceCardGrid.daily .staticContent .raceCard > label.raceNumber,.wc_r_NextToJumpGrid.results .staticContent .raceCard > label.raceNumber,.wc_r_raceCardGrid.results .staticContent .raceCard > label.raceNumber {
display: none;
}
.wc_r_NextToJumpGrid.nexttojump .staticContent .raceCard > span a .raceTime,.wc_r_raceCardGrid.nexttojump .staticContent .raceCard > span a .raceTime,.wc_r_NextToJumpGrid.daily .staticContent .raceCard > span a .raceTime,.wc_r_raceCardGrid.daily .staticContent .raceCard > span a .raceTime,.wc_r_NextToJumpGrid.results .staticContent .raceCard > span a .raceTime,.wc_r_raceCardGrid.results .staticContent .raceCard > span a .raceTime {
justify-self: stretch;
align-self: stretch;
height: 100%;
justify-content: stretch;
align-content: center;
display: flex;
}
.wc_r_NextToJumpGrid.nexttojump .staticContent .raceCard > span a .raceTime .timeToGoRace,.wc_r_raceCardGrid.nexttojump .staticContent .raceCard > span a .raceTime .timeToGoRace,.wc_r_NextToJumpGrid.daily .staticContent .raceCard > span a .raceTime .timeToGoRace,.wc_r_raceCardGrid.daily .staticContent .raceCard > span a .raceTime .timeToGoRace,.wc_r_NextToJumpGrid.results .staticContent .raceCard > span a .raceTime .timeToGoRace,.wc_r_raceCardGrid.results .staticContent .raceCard > span a .raceTime .timeToGoRace {
width: 100%;
align-items: center;
display: flex;
justify-content: center;
flex-flow: column;
}
.wc_r_NextToJumpGrid.nexttojump .staticContent .raceCard a,.wc_r_raceCardGrid.nexttojump .staticContent .raceCard a,.wc_r_NextToJumpGrid.daily .staticContent .raceCard a,.wc_r_raceCardGrid.daily .staticContent .raceCard a,.wc_r_NextToJumpGrid.results .staticContent .raceCard a,.wc_r_raceCardGrid.results .staticContent .raceCard a {
display: grid;
grid-template-columns: auto 1fr auto 4rem;
grid-template-rows: 1fr;
grid-template-areas: 'raceNum raceName indicators raceTime';
grid-gap: .5rem;
}
.wc_r_NextToJumpGrid.nexttojump .staticContent .raceCard .raceNum,.wc_r_raceCardGrid.nexttojump .staticContent .raceCard .raceNum,.wc_r_NextToJumpGrid.daily .staticContent .raceCard .raceNum,.wc_r_raceCardGrid.daily .staticContent .raceCard .raceNum,.wc_r_NextToJumpGrid.results .staticContent .raceCard .raceNum,.wc_r_raceCardGrid.results .staticContent .raceCard .raceNum {
grid-area: raceNum;
font-size: 1.2rem;
font-weight: bold;
padding: .25rem;
min-width: 2.5rem;
text-align: center;
}
.wc_r_NextToJumpGrid.nexttojump .staticContent .raceCard .raceName,.wc_r_raceCardGrid.nexttojump .staticContent .raceCard .raceName,.wc_r_NextToJumpGrid.daily .staticContent .raceCard .raceName,.wc_r_raceCardGrid.daily .staticContent .raceCard .raceName,.wc_r_NextToJumpGrid.results .staticContent .raceCard .raceName,.wc_r_raceCardGrid.results .staticContent .raceCard .raceName {
display: block;
grid-area: raceName;
max-height: 2.5rem;
overflow: hidden;
}
.wc_r_NextToJumpGrid.nexttojump .staticContent .raceCard .indicators,.wc_r_raceCardGrid.nexttojump .staticContent .raceCard .indicators,.wc_r_NextToJumpGrid.daily .staticContent .raceCard .indicators,.wc_r_raceCardGrid.daily .staticContent .raceCard .indicators,.wc_r_NextToJumpGrid.results .staticContent .raceCard .indicators,.wc_r_raceCardGrid.results .staticContent .raceCard .indicators {
align-self: center;
}
.wc_r_NextToJumpGrid.nexttojump .staticContent .raceCard .raceTTG,.wc_r_raceCardGrid.nexttojump .staticContent .raceCard .raceTTG,.wc_r_NextToJumpGrid.daily .staticContent .raceCard .raceTTG,.wc_r_raceCardGrid.daily .staticContent .raceCard .raceTTG,.wc_r_NextToJumpGrid.results .staticContent .raceCard .raceTTG,.wc_r_raceCardGrid.results .staticContent .raceCard .raceTTG {
display: none;
}
.wc_r_NextToJumpGrid.nexttojump .staticContent .raceCard .raceTime,.wc_r_raceCardGrid.nexttojump .staticContent .raceCard .raceTime,.wc_r_NextToJumpGrid.daily .staticContent .raceCard .raceTime,.wc_r_raceCardGrid.daily .staticContent .raceCard .raceTime,.wc_r_NextToJumpGrid.results .staticContent .raceCard .raceTime,.wc_r_raceCardGrid.results .staticContent .raceCard .raceTime {
display: block;
grid-area: raceTime;
text-align: center;
}
.wc_r_NextToJumpGrid.nexttojump .staticContent .raceCard .raceTime .startAt,.wc_r_raceCardGrid.nexttojump .staticContent .raceCard .raceTime .startAt,.wc_r_NextToJumpGrid.daily .staticContent .raceCard .raceTime .startAt,.wc_r_raceCardGrid.daily .staticContent .raceCard .raceTime .startAt,.wc_r_NextToJumpGrid.results .staticContent .raceCard .raceTime .startAt,.wc_r_raceCardGrid.results .staticContent .raceCard .raceTime .startAt {
font-size: .9rem;
font-weight: normal;
}
.wc_r_NextToJumpGrid.nexttojump .staticContent .raceCard > div,.wc_r_raceCardGrid.nexttojump .staticContent .raceCard > div,.wc_r_NextToJumpGrid.daily .staticContent .raceCard > div,.wc_r_raceCardGrid.daily .staticContent .raceCard > div,.wc_r_NextToJumpGrid.results .staticContent .raceCard > div,.wc_r_raceCardGrid.results .staticContent .raceCard > div {
grid-column: 1;
}
.wc_r_NextToJumpGrid.nexttojump .staticContent .raceCard > div.race1,.wc_r_raceCardGrid.nexttojump .staticContent .raceCard > div.race1,.wc_r_NextToJumpGrid.daily .staticContent .raceCard > div.race1,.wc_r_raceCardGrid.daily .staticContent .raceCard > div.race1,.wc_r_NextToJumpGrid.results .staticContent .raceCard > div.race1,.wc_r_raceCardGrid.results .staticContent .raceCard > div.race1 {
grid-column: 1;
}
.wc_r_NextToJumpGrid.nexttojump .staticContent .raceCard > div.race2,.wc_r_raceCardGrid.nexttojump .staticContent .raceCard > div.race2,.wc_r_NextToJumpGrid.daily .staticContent .raceCard > div.race2,.wc_r_raceCardGrid.daily .staticContent .raceCard > div.race2,.wc_r_NextToJumpGrid.results .staticContent .raceCard > div.race2,.wc_r_raceCardGrid.results .staticContent .raceCard > div.race2 {
grid-column: 1;
}
.wc_r_NextToJumpGrid.nexttojump .staticContent .raceCard > div.race3,.wc_r_raceCardGrid.nexttojump .staticContent .raceCard > div.race3,.wc_r_NextToJumpGrid.daily .staticContent .raceCard > div.race3,.wc_r_raceCardGrid.daily .staticContent .raceCard > div.race3,.wc_r_NextToJumpGrid.results .staticContent .raceCard > div.race3,.wc_r_raceCardGrid.results .staticContent .raceCard > div.race3 {
grid-column: 1;
}
.wc_r_NextToJumpGrid.nexttojump .staticContent .raceCard > div.race4,.wc_r_raceCardGrid.nexttojump .staticContent .raceCard > div.race4,.wc_r_NextToJumpGrid.daily .staticContent .raceCard > div.race4,.wc_r_raceCardGrid.daily .staticContent .raceCard > div.race4,.wc_r_NextToJumpGrid.results .staticContent .raceCard > div.race4,.wc_r_raceCardGrid.results .staticContent .raceCard > div.race4 {
grid-column: 1;
}
.wc_r_NextToJumpGrid.nexttojump .staticContent .raceCard > div.race5,.wc_r_raceCardGrid.nexttojump .staticContent .raceCard > div.race5,.wc_r_NextToJumpGrid.daily .staticContent .raceCard > div.race5,.wc_r_raceCardGrid.daily .staticContent .raceCard > div.race5,.wc_r_NextToJumpGrid.results .staticContent .raceCard > div.race5,.wc_r_raceCardGrid.results .staticContent .raceCard > div.race5 {
grid-column: 1;
}
.wc_r_NextToJumpGrid.nexttojump .staticContent .raceCard > div.race6,.wc_r_raceCardGrid.nexttojump .staticContent .raceCard > div.race6,.wc_r_NextToJumpGrid.daily .staticContent .raceCard > div.race6,.wc_r_raceCardGrid.daily .staticContent .raceCard > div.race6,.wc_r_NextToJumpGrid.results .staticContent .raceCard > div.race6,.wc_r_raceCardGrid.results .staticContent .raceCard > div.race6 {
grid-column: 1;
}
.wc_r_NextToJumpGrid.nexttojump .staticContent .raceCard > div.race7,.wc_r_raceCardGrid.nexttojump .staticContent .raceCard > div.race7,.wc_r_NextToJumpGrid.daily .staticContent .raceCard > div.race7,.wc_r_raceCardGrid.daily .staticContent .raceCard > div.race7,.wc_r_NextToJumpGrid.results .staticContent .raceCard > div.race7,.wc_r_raceCardGrid.results .staticContent .raceCard > div.race7 {
grid-column: 1;
}
.wc_r_NextToJumpGrid.nexttojump .staticContent .raceCard > div.race8,.wc_r_raceCardGrid.nexttojump .staticContent .raceCard > div.race8,.wc_r_NextToJumpGrid.daily .staticContent .raceCard > div.race8,.wc_r_raceCardGrid.daily .staticContent .raceCard > div.race8,.wc_r_NextToJumpGrid.results .staticContent .raceCard > div.race8,.wc_r_raceCardGrid.results .staticContent .raceCard > div.race8 {
grid-column: 1;
}
.wc_r_NextToJumpGrid.nexttojump .staticContent .raceCard > div.race9,.wc_r_raceCardGrid.nexttojump .staticContent .raceCard > div.race9,.wc_r_NextToJumpGrid.daily .staticContent .raceCard > div.race9,.wc_r_raceCardGrid.daily .staticContent .raceCard > div.race9,.wc_r_NextToJumpGrid.results .staticContent .raceCard > div.race9,.wc_r_raceCardGrid.results .staticContent .raceCard > div.race9 {
grid-column: 1;
}
.wc_r_NextToJumpGrid.nexttojump .staticContent .raceCard > div.race10,.wc_r_raceCardGrid.nexttojump .staticContent .raceCard > div.race10,.wc_r_NextToJumpGrid.daily .staticContent .raceCard > div.race10,.wc_r_raceCardGrid.daily .staticContent .raceCard > div.race10,.wc_r_NextToJumpGrid.results .staticContent .raceCard > div.race10,.wc_r_raceCardGrid.results .staticContent .raceCard > div.race10 {
grid-column: 1;
}
.wc_r_NextToJumpGrid.nexttojump .staticContent .raceCard > div.race11,.wc_r_raceCardGrid.nexttojump .staticContent .raceCard > div.race11,.wc_r_NextToJumpGrid.daily .staticContent .raceCard > div.race11,.wc_r_raceCardGrid.daily .staticContent .raceCard > div.race11,.wc_r_NextToJumpGrid.results .staticContent .raceCard > div.race11,.wc_r_raceCardGrid.results .staticContent .raceCard > div.race11 {
grid-column: 1;
}
.wc_r_NextToJumpGrid.nexttojump .staticContent .raceCard > div.race12,.wc_r_raceCardGrid.nexttojump .staticContent .raceCard > div.race12,.wc_r_NextToJumpGrid.daily .staticContent .raceCard > div.race12,.wc_r_raceCardGrid.daily .staticContent .raceCard > div.race12,.wc_r_NextToJumpGrid.results .staticContent .raceCard > div.race12,.wc_r_raceCardGrid.results .staticContent .raceCard > div.race12 {
grid-column: 1;
}
.wc_r_NextToJumpGrid.nexttojump .staticContent .raceCard > div.race13,.wc_r_raceCardGrid.nexttojump .staticContent .raceCard > div.race13,.wc_r_NextToJumpGrid.daily .staticContent .raceCard > div.race13,.wc_r_raceCardGrid.daily .staticContent .raceCard > div.race13,.wc_r_NextToJumpGrid.results .staticContent .raceCard > div.race13,.wc_r_raceCardGrid.results .staticContent .raceCard > div.race13 {
grid-column: 1;
}
.wc_r_NextToJumpGrid.nexttojump .staticContent .raceCard .final,.wc_r_raceCardGrid.nexttojump .staticContent .raceCard .final,.wc_r_NextToJumpGrid.daily .staticContent .raceCard .final,.wc_r_raceCardGrid.daily .staticContent .raceCard .final,.wc_r_NextToJumpGrid.results .staticContent .raceCard .final,.wc_r_raceCardGrid.results .staticContent .raceCard .final {
font-size: 1rem;
}
.wc_r_NextToJumpGrid.nexttojump .staticContent .raceCard .final .raceTTG,.wc_r_raceCardGrid.nexttojump .staticContent .raceCard .final .raceTTG,.wc_r_NextToJumpGrid.daily .staticContent .raceCard .final .raceTTG,.wc_r_raceCardGrid.daily .staticContent .raceCard .final .raceTTG,.wc_r_NextToJumpGrid.results .staticContent .raceCard .final .raceTTG,.wc_r_raceCardGrid.results .staticContent .raceCard .final .raceTTG {
font-size: .95rem;
}
.wc_r_NextToJumpGrid.nexttojump .staticContent .raceCard .noraceEarly,.wc_r_raceCardGrid.nexttojump .staticContent .raceCard .noraceEarly,.wc_r_NextToJumpGrid.daily .staticContent .raceCard .noraceEarly,.wc_r_raceCardGrid.daily .staticContent .raceCard .noraceEarly,.wc_r_NextToJumpGrid.results .staticContent .raceCard .noraceEarly,.wc_r_raceCardGrid.results .staticContent .raceCard .noraceEarly,.wc_r_NextToJumpGrid.nexttojump .staticContent .raceCard .noraceLate,.wc_r_raceCardGrid.nexttojump .staticContent .raceCard .noraceLate,.wc_r_NextToJumpGrid.daily .staticContent .raceCard .noraceLate,.wc_r_raceCardGrid.daily .staticContent .raceCard .noraceLate,.wc_r_NextToJumpGrid.results .staticContent .raceCard .noraceLate,.wc_r_raceCardGrid.results .staticContent .raceCard .noraceLate {
display: none;
}
.wc_r_NextToJumpGrid.futures .staticContent .raceCard,.wc_r_raceCardGrid.futures .staticContent .raceCard {
grid-template-columns: 1fr 1fr;
}
.wc_r_NextToJumpGrid.futures .staticContent .raceCard .staticMessage,.wc_r_raceCardGrid.futures .staticContent .raceCard .staticMessage {
grid-column-start: 1;
grid-column-end: 3;
}
.wc_r_NextToJumpGrid.futures .staticContent .raceCard > div.raceMeeting,.wc_r_raceCardGrid.futures .staticContent .raceCard > div.raceMeeting {
grid-column-start: 1;
grid-column-end: 2;
}
.wc_r_NextToJumpGrid.futures .staticContent .raceCard > div.race1,.wc_r_raceCardGrid.futures .staticContent .raceCard > div.race1 {
grid-column: 2;
}
.wc_r_NextToJumpGrid.daily .showAusintFilter,.wc_r_raceCardGrid.daily .showAusintFilter,.wc_r_NextToJumpGrid.futures .showAusintFilter,.wc_r_raceCardGrid.futures .showAusintFilter {
display: inline;
grid-column: 1;
}
.wc_r_NextToJumpGrid.daily .showTypeFilter,.wc_r_raceCardGrid.daily .showTypeFilter,.wc_r_NextToJumpGrid.futures .showTypeFilter,.wc_r_raceCardGrid.futures .showTypeFilter {
grid-column: 3;
}
.wc_r_NextToJumpGrid.daily .showDayFilter li,.wc_r_raceCardGrid.daily .showDayFilter li,.wc_r_NextToJumpGrid.futures .showDayFilter li,.wc_r_raceCardGrid.futures .showDayFilter li {
display: inline;
}
.wc_r_NextToJumpGrid.daily .showDayFilter li.dayFilterntj,.wc_r_raceCardGrid.daily .showDayFilter li.dayFilterntj,.wc_r_NextToJumpGrid.futures .showDayFilter li.dayFilterntj,.wc_r_raceCardGrid.futures .showDayFilter li.dayFilterntj {
display: inline;
}
.wc_r_NextToJumpGrid.nexttojump .showDayFilter li.dayFilterntj,.wc_r_raceCardGrid.nexttojump .showDayFilter li.dayFilterntj {
display: inline;
}
.wc_r_NextToJumpGrid.results .showAusintFilter,.wc_r_raceCardGrid.results .showAusintFilter {
display: inline;
}
.wc_r_NextToJumpGrid.results .framePanel.filters,.wc_r_raceCardGrid.results .framePanel.filters {
grid-template-columns: 1fr;
grid-template-rows: auto auto;
grid-gap: .5rem;
margin-bottom: 0;
}
.wc_r_NextToJumpGrid.results .framePanel.filters .showDayFilter,.wc_r_raceCardGrid.results .framePanel.filters .showDayFilter {
grid-column-end: 2;
}
.wc_r_NextToJumpGrid.results .framePanel.filters .showDateFilter,.wc_r_raceCardGrid.results .framePanel.filters .showDateFilter {
width: 100%;
}
.wc_r_NextToJumpGrid.results .framePanel.filters .dateFilter,.wc_r_raceCardGrid.results .framePanel.filters .dateFilter {
width: auto;
justify-self: center;
justify-content: center;
}
.wc_r_NextToJumpGrid.results .framePanel.filters .dateFilter .wc_r_rc-LastSat,.wc_r_raceCardGrid.results .framePanel.filters .dateFilter .wc_r_rc-LastSat {
display: none;
}
.wc_r_NextToJumpGrid.results .framePanel.filters .dateFilter form div.formLine,.wc_r_raceCardGrid.results .framePanel.filters .dateFilter form div.formLine {
grid-template-columns: auto auto;
}
.wc_r_NextToJumpGrid.results .framePanel.filters .dateFilter form div.formLine .dates,.wc_r_raceCardGrid.results .framePanel.filters .dateFilter form div.formLine .dates {
min-width: 0;
padding: .25rem .25rem;
}
.wc_r_NextToJumpGrid.results .framePanel.filters .dateFilter form div.formLine a,.wc_r_raceCardGrid.results .framePanel.filters .dateFilter form div.formLine a {
font-size: .9rem;
padding: .5rem;
}
.wc_r_NextToJumpGrid.results .framePanel.filters .dateFilter.asDate form div.formLine,.wc_r_raceCardGrid.results .framePanel.filters .dateFilter.asDate form div.formLine {
grid-template-columns: 3fr 1fr;
justify-self: center;
justify-content: center;
}
.wc_r_NextToJumpGrid.results .framePanel.filters .dateFilter.asDate form div.formLine input,.wc_r_raceCardGrid.results .framePanel.filters .dateFilter.asDate form div.formLine input {
width: 100%;
}
.wc_r_NextToJumpGrid.results .framePanel.filters .dateFilter.asDate form div.formLine a,.wc_r_raceCardGrid.results .framePanel.filters .dateFilter.asDate form div.formLine a {
min-height: 0;
}
.wc_r_NextToJumpGrid.results .showAusintFilter,.wc_r_raceCardGrid.results .showAusintFilter,.wc_r_NextToJumpGrid.results .showTypeFilter,.wc_r_raceCardGrid.results .showTypeFilter {
display: none;
}
.wc_r_NextToJumpGrid.results .showDayFilter li,.wc_r_raceCardGrid.results .showDayFilter li {
display: inline;
}
.wc_r_NextToJumpGrid .staticContent .raceCardContainer.hideINT .raceCard .raceMeeting.raceRegionINT,.wc_r_raceCardGrid .staticContent .raceCardContainer.hideINT .raceCard .raceMeeting.raceRegionINT,.wc_r_NextToJumpGrid .staticContent .raceCardContainer.hideINT .raceCard .raceBlock.raceRegionINT,.wc_r_raceCardGrid .staticContent .raceCardContainer.hideINT .raceCard .raceBlock.raceRegionINT {
display: none;
}
.wc_r_NextToJumpGrid .staticContent .raceCardContainer.hideAUS .raceCard .raceMeeting.raceRegionAUS,.wc_r_raceCardGrid .staticContent .raceCardContainer.hideAUS .raceCard .raceMeeting.raceRegionAUS,.wc_r_NextToJumpGrid .staticContent .raceCardContainer.hideAUS .raceCard .raceBlock.raceRegionAUS,.wc_r_raceCardGrid .staticContent .raceCardContainer.hideAUS .raceCard .raceBlock.raceRegionAUS {
display: none;
}
.wc_r_NextToJumpGrid .framePanel.filters > section li {
min-height: 3rem;
min-width: 3rem;
}
.wc_r_NextToJumpGrid .tabs.typeFilter li > a {
font-size: 1rem;
}
.wc_r_NextToJumpGrid .tabs.typeFilter li > a[class^="icon-"]:before {
font-size:1.8rem;
}
.wc_s_round table.marketTable > tfoot tr td > div {
padding: 0;
}
.wc_a_benefits_overview .framePanel.eventbenefits,.wc_a_benefits_home .framePanel.eventbenefits,.wc_a_benefits_overview .framePanel.benefits,.wc_a_benefits_home .framePanel.benefits {
grid-template-columns: 1fr;
}
.wc_a_benefits_overview .framePanel.eventbenefits.eventbenefits,.wc_a_benefits_home .framePanel.eventbenefits.eventbenefits,.wc_a_benefits_overview .framePanel.benefits.eventbenefits,.wc_a_benefits_home .framePanel.benefits.eventbenefits {
padding: 0;
}
.wc_a_benefits_home .framePanel.benefits {
grid-template-columns: 1fr;
}
.wc_a_benefits_home .quantity {
justify-content: center;
}
.wc_a_benefits_home .benefitsFilterSection {
display: grid;
grid-template-columns: auto;
grid-auto-flow: column;
text-align: center;
grid-gap: 1rem;
justify-content: center;
padding: 1rem;
margin-bottom: 0;
padding: .5rem 0;
grid-gap: .5rem;
}
.wc_a_benefits_home .benefitsFilterSection > a {
max-width: 100%;
}
.wc_a_benefits_store .staticContent {
margin-top: .5rem;
}
.wc_a_benefits_store .storeHeader {
display: grid;
grid-template-columns: 3fr 1fr;
grid-gap: .5rem;
align-items: center;
}
.wc_a_benefits_store .benefitStoreItem {
grid-template-columns: 3fr 1fr;
grid-template-areas: "item price" "quantity spend";
}
.wc_a_benefits_store .benefitStoreItem .wc_a_benefits_store .quantityInputs {
grid-gap: .5rem;
}
div.eventHub .bar {
padding: 0;
}
div.eventHub > div > div > * {
margin: 0;
}
div.eventHub.comp .bar {
padding: 0 1rem;
}
div.eventHub.comp .eventElements > div > b {
white-space: nowrap;
}
}
#GWCORETestToolbox {
background-color: #f00 !important
}
html {
min-height: 800px
}
html.master_popup {
min-height: 100px
}
input[type=radio]+label.SRM,input[type=checkbox]+label.SRM {
padding: .375rem .75rem;
cursor: pointer;
text-align: center;
vertical-align: middle;
border: 1px solid #0d0d0d;
font-weight: bold;
background-color: #fdfdfd;
border-radius: 10px;
position: relative;
display: inline-flex;
justify-content: center;
align-items: center;
min-height: 2.5rem;
min-width: 2.5rem;
padding: .25rem .9375rem;
background-color: unset;
border: solid 2px #fdfdfd;
border-radius: 2.5rem;
font-family: "Barlow Semi Condensed",Helvetica,Arial,Sans-Serif;
font-size: .9rem;
font-style: italic;
font-weight: 700;
letter-spacing: .5px;
text-transform: uppercase;
border-color: #0d0d0d;
color: #0d0d0d;
min-width: 100%;
white-space: nowrap;
min-height: 3.125rem;
width: 100%;
min-width: 4.375rem;
padding: .25rem .5rem;
background-color: #353e36;
border-color: #353e36;
border-width: 1px;
border-radius: 5px;
color: #fdfdfd;
font-size: 1.1rem;
font-style: normal;
font-weight: 600
}
input[type=radio]+label.SRM:hover,input[type=checkbox]+label.SRM:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
input[type=radio]+label.SRM.selected,input[type=checkbox]+label.SRM.selected {
background-color: #1f1f1f;
color: #fdfdfd
}
input[type=radio]+label.SRM.selected:hover,input[type=checkbox]+label.SRM.selected:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
input[type=radio]+label.SRM.inverse,input[type=checkbox]+label.SRM.inverse {
background-color: transparent;
border-color: #fdfdfd;
color: #fdfdfd
}
input[type=radio]+label.SRM.inverse:hover,input[type=checkbox]+label.SRM.inverse:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
input[type=radio]+label.SRM.inverse.selected,input[type=checkbox]+label.SRM.inverse.selected {
background-color: rgba(253,253,253,.4)
}
input[type=radio]+label.SRM.inverse.selected:hover,input[type=checkbox]+label.SRM.inverse.selected:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
input[type=radio]+label.SRM.expired,input[type=checkbox]+label.SRM.expired {
background-color: #bfbfbf;
border-color: #262626;
color: #262626;
color: #0d0d0d
}
input[type=radio]+label.SRM.expired:hover,input[type=checkbox]+label.SRM.expired:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
input[type=radio]+label.SRM.expired.selected,input[type=checkbox]+label.SRM.expired.selected {
background-color: #8c8c8c;
border-color: #0d0d0d;
color: #0d0d0d
}
input[type=radio]+label.SRM.expired.selected:hover,input[type=checkbox]+label.SRM.expired.selected:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
input[type=radio]+label.SRM.delete,input[type=checkbox]+label.SRM.delete {
background-color: #cb1029;
border-color: #f797a4;
color: #fdfdfd
}
input[type=radio]+label.SRM.delete:hover,input[type=checkbox]+label.SRM.delete:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
input[type=radio]+label.SRM.delete.selected,input[type=checkbox]+label.SRM.delete.selected {
background-color: #6c0916
}
input[type=radio]+label.SRM.delete.selected:hover,input[type=checkbox]+label.SRM.delete.selected:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
input[type=radio]+label.SRM.confirm,input[type=checkbox]+label.SRM.confirm {
background-color: #1f1f1f;
border-color: #1f1f1f;
color: #fdfdfd
}
input[type=radio]+label.SRM.confirm:hover,input[type=checkbox]+label.SRM.confirm:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
input[type=radio]+label.SRM.confirm.selected,input[type=checkbox]+label.SRM.confirm.selected {
background-color: #0d0d0d
}
input[type=radio]+label.SRM.confirm.selected:hover,input[type=checkbox]+label.SRM.confirm.selected:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
input[type=radio]+label.SRM.disabled,input[type=checkbox]+label.SRM.disabled {
opacity: .5
}
input[type=radio]+label.SRM.betlink,input[type=checkbox]+label.SRM.betlink {
border-color: #0d0d0d;
color: #0d0d0d;
min-width: 100%;
white-space: nowrap
}
input[type=radio]+label.SRM.betlink:hover,input[type=checkbox]+label.SRM.betlink:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
input[type=radio]+label.SRM.betlink.selected,input[type=checkbox]+label.SRM.betlink.selected {
background-color: #0d0d0d;
color: #0d0d0d
}
input[type=radio]+label.SRM.betlink.selected:hover,input[type=checkbox]+label.SRM.betlink.selected:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
input[type=radio]+label.SRM[class^="icon-"],input[type=checkbox]+label.SRM[class^="icon-"],input[type=radio]+label.SRM[class*=" icon-"],input[type=checkbox]+label.SRM[class*=" icon-"] {
padding-top: .225rem;
padding-bottom: .225rem;
padding-left: .225rem
}
input[type=radio]+label.SRM[class^="icon-"]:before,input[type=checkbox]+label.SRM[class^="icon-"]:before,input[type=radio]+label.SRM[class*=" icon-"]:before,input[type=checkbox]+label.SRM[class*=" icon-"]:before {
font-size: 1.9rem;
font-weight: normal;
padding-right: .225rem
}
input[type=radio]+label.SRM[class^="icon-"]:empty,input[type=checkbox]+label.SRM[class^="icon-"]:empty,input[type=radio]+label.SRM[class*=" icon-"]:empty,input[type=checkbox]+label.SRM[class*=" icon-"]:empty {
padding: .225rem
}
input[type=radio]+label.SRM[class^="icon-"]:empty:before,input[type=checkbox]+label.SRM[class^="icon-"]:empty:before,input[type=radio]+label.SRM[class*=" icon-"]:empty:before,input[type=checkbox]+label.SRM[class*=" icon-"]:empty:before {
padding: 0
}
input[type=radio]+label.SRM[class^="icon-"].vertical,input[type=checkbox]+label.SRM[class^="icon-"].vertical,input[type=radio]+label.SRM[class*=" icon-"].vertical,input[type=checkbox]+label.SRM[class*=" icon-"].vertical {
flex-direction: column;
align-items: center;
padding-right: .225rem;
padding-bottom: .3rem
}
input[type=radio]+label.SRM.small,input[type=checkbox]+label.SRM.small {
min-height: 1.875rem;
font-size: .75rem;
padding: .21875rem .4375rem
}
input[type=radio]+label.SRM.small[class^="icon-"],input[type=checkbox]+label.SRM.small[class^="icon-"],input[type=radio]+label.SRM.small[class*=" icon-"],input[type=checkbox]+label.SRM.small[class*=" icon-"] {
padding-top: .16875rem;
padding-bottom: .16875rem;
padding-left: .16875rem
}
input[type=radio]+label.SRM.small[class^="icon-"]:before,input[type=checkbox]+label.SRM.small[class^="icon-"]:before,input[type=radio]+label.SRM.small[class*=" icon-"]:before,input[type=checkbox]+label.SRM.small[class*=" icon-"]:before {
font-size: 1.425rem;
font-weight: normal;
padding-right: .16875rem
}
input[type=radio]+label.SRM.small[class^="icon-"]:empty,input[type=checkbox]+label.SRM.small[class^="icon-"]:empty,input[type=radio]+label.SRM.small[class*=" icon-"]:empty,input[type=checkbox]+label.SRM.small[class*=" icon-"]:empty {
padding: .16875rem
}
input[type=radio]+label.SRM.small[class^="icon-"]:empty:before,input[type=checkbox]+label.SRM.small[class^="icon-"]:empty:before,input[type=radio]+label.SRM.small[class*=" icon-"]:empty:before,input[type=checkbox]+label.SRM.small[class*=" icon-"]:empty:before {
padding: 0
}
input[type=radio]+label.SRM.small[class^="icon-"].vertical,input[type=checkbox]+label.SRM.small[class^="icon-"].vertical,input[type=radio]+label.SRM.small[class*=" icon-"].vertical,input[type=checkbox]+label.SRM.small[class*=" icon-"].vertical {
padding-right: .16875rem
}
input[type=radio]+label.SRM.majorAction,input[type=checkbox]+label.SRM.majorAction {
font-size: 1.4rem;
padding: .875rem
}
input[type=radio]+label.SRM.majorAction[class^="icon-"],input[type=checkbox]+label.SRM.majorAction[class^="icon-"],input[type=radio]+label.SRM.majorAction[class*=" icon-"],input[type=checkbox]+label.SRM.majorAction[class*=" icon-"] {
padding-top: .315rem;
padding-bottom: .315rem;
padding-left: .315rem
}
input[type=radio]+label.SRM.majorAction[class^="icon-"]:before,input[type=checkbox]+label.SRM.majorAction[class^="icon-"]:before,input[type=radio]+label.SRM.majorAction[class*=" icon-"]:before,input[type=checkbox]+label.SRM.majorAction[class*=" icon-"]:before {
font-size: 2.66rem;
font-weight: normal;
padding-right: .315rem
}
input[type=radio]+label.SRM.majorAction[class^="icon-"]:empty,input[type=checkbox]+label.SRM.majorAction[class^="icon-"]:empty,input[type=radio]+label.SRM.majorAction[class*=" icon-"]:empty,input[type=checkbox]+label.SRM.majorAction[class*=" icon-"]:empty {
padding: .315rem
}
input[type=radio]+label.SRM.majorAction[class^="icon-"]:empty:before,input[type=checkbox]+label.SRM.majorAction[class^="icon-"]:empty:before,input[type=radio]+label.SRM.majorAction[class*=" icon-"]:empty:before,input[type=checkbox]+label.SRM.majorAction[class*=" icon-"]:empty:before {
padding: 0
}
input[type=radio]+label.SRM.invisible,input[type=checkbox]+label.SRM.invisible {
visibility: hidden
}
input[type=radio]+label.SRM.tooltip,input[type=checkbox]+label.SRM.tooltip {
position: relative;
display: inline-block
}
input[type=radio]+label.SRM.tooltip .tooltiptext,input[type=checkbox]+label.SRM.tooltip .tooltiptext {
visibility: hidden;
width: auto;
background-color: #333;
color: #fdfdfd;
text-align: center;
padding: 3px;
border-radius: 10px;
position: absolute;
top: 3px;
right: 3px;
z-index: 490;
font-size: 13px;
line-height: 16px;
font-weight: normal
}
input[type=radio]+label.SRM.tooltip:hover .tooltiptext,input[type=checkbox]+label.SRM.tooltip:hover .tooltiptext {
visibility: visible
}
input[type=radio]+label.SRM:hover:not(.disabled,.selected,.expired),input[type=checkbox]+label.SRM:hover:not(.disabled,.selected,.expired) {
opacity: 1
}
input[type=radio]+label.SRM:hover:not(.disabled,.selected),input[type=checkbox]+label.SRM:hover:not(.disabled,.selected) {
background-color: #282828;
border-color: #fdfdfd;
color: #fdfdfd
}
input[type=radio]+label.SRM.selected,input[type=checkbox]+label.SRM.selected {
background-color: #0bd51f;
border-color: #0bd51f;
color: #0d0d0d
}
input[type=radio]+label.SRM.selected:hover:not(.disabled,.expired),input[type=checkbox]+label.SRM.selected:hover:not(.disabled,.expired) {
opacity: 1;
background-color: #13f32a;
border-color: #13f32a;
color: #0d0d0d
}
input[type=radio]+label.SRM.disabled,input[type=checkbox]+label.SRM.disabled {
opacity: .65
}
input[type=radio]+label.SRM.disabled:hover,input[type=checkbox]+label.SRM.disabled:hover {
cursor: default
}
input[type=radio]+label.SRM[class^="icon-"],input[type=checkbox]+label.SRM[class^="icon-"],input[type=radio]+label.SRM[class*=" icon-"],input[type=checkbox]+label.SRM[class*=" icon-"] {
grid-gap: .25rem;
padding: .5rem;
border-radius: 10px
}
input[type=radio]+label.SRM[class^="icon-"]:empty,input[type=checkbox]+label.SRM[class^="icon-"]:empty,input[type=radio]+label.SRM[class*=" icon-"]:empty,input[type=checkbox]+label.SRM[class*=" icon-"]:empty {
min-width: 2.5rem
}
input[type=radio]+label.SRM[class^="icon-"]:before,input[type=checkbox]+label.SRM[class^="icon-"]:before,input[type=radio]+label.SRM[class*=" icon-"]:before,input[type=checkbox]+label.SRM[class*=" icon-"]:before {
padding: 0;
font-size: 1.5rem
}
input[type=radio]+label.SRM[class^="icon-"].vertical,input[type=checkbox]+label.SRM[class^="icon-"].vertical,input[type=radio]+label.SRM[class*=" icon-"].vertical,input[type=checkbox]+label.SRM[class*=" icon-"].vertical {
justify-content: center;
grid-gap: .25rem;
padding: .625rem .75rem;
border-radius: 10px
}
input[type=radio]+label.SRM[class^="icon-"].vertical:before,input[type=checkbox]+label.SRM[class^="icon-"].vertical:before,input[type=radio]+label.SRM[class*=" icon-"].vertical:before,input[type=checkbox]+label.SRM[class*=" icon-"].vertical:before {
position: unset;
display: flex;
align-items: center;
justify-content: center;
justify-self: center;
height: 2.5rem;
width: 2.5rem;
border: solid 2px #0bd51f;
border-radius: 2.5rem;
font-size: 1.5rem
}
input[type=radio]+label.SRM[class^="icon-"].vertical.selected:before,input[type=checkbox]+label.SRM[class^="icon-"].vertical.selected:before,input[type=radio]+label.SRM[class*=" icon-"].vertical.selected:before,input[type=checkbox]+label.SRM[class*=" icon-"].vertical.selected:before {
border-color: #0d0d0d
}
input[type=radio]+label.SRM.expired,input[type=checkbox]+label.SRM.expired {
opacity: .65;
background-color: unset;
border-color: #fdfdfd;
color: #fdfdfd
}
input[type=radio]+label.SRM.expired:hover:not(.disabled,.selected),input[type=checkbox]+label.SRM.expired:hover:not(.disabled,.selected) {
opacity: .75;
background-color: #13f32a;
border-color: #fdfdfd;
color: #fdfdfd
}
input[type=radio]+label.SRM.expired.selected,input[type=checkbox]+label.SRM.expired.selected {
opacity: .65;
background-color: #0bd51f;
border-color: #0bd51f;
color: #0d0d0d
}
input[type=radio]+label.SRM.delete,input[type=checkbox]+label.SRM.delete {
background-color: #cb1029;
border-color: #cb1029
}
input[type=radio]+label.SRM.delete.selected,input[type=checkbox]+label.SRM.delete.selected {
background-color: #cb1029;
border-color: #cb1029;
color: #fdfdfd
}
input[type=radio]+label.SRM.delete:hover:not(.disabled),input[type=checkbox]+label.SRM.delete:hover:not(.disabled) {
background-color: #b30e24;
border-color: #b30e24;
color: #fdfdfd
}
input[type=radio]+label.SRM.confirm,input[type=checkbox]+label.SRM.confirm {
background-color: transparent;
border-color: #0bd51f;
color: #fdfdfd
}
input[type=radio]+label.SRM.confirm.selected,input[type=checkbox]+label.SRM.confirm.selected {
background-color: #0bd51f;
border-color: #0bd51f;
color: #0d0d0d
}
input[type=radio]+label.SRM.confirm.selected:hover,input[type=checkbox]+label.SRM.confirm.selected:hover {
opacity: 1;
background-color: #0ced23;
border-color: #0ced23;
color: #0d0d0d
}
input[type=radio]+label.SRM.confirm:hover:not(.disabled,.selected),input[type=checkbox]+label.SRM.confirm:hover:not(.disabled,.selected) {
opacity: 1;
background-color: #282828;
border-color: #0bd51f;
color: #fdfdfd
}
input[type=radio]+label.SRM.inverse,input[type=checkbox]+label.SRM.inverse {
border-color: #1f1f1f;
color: #0d0d0d
}
input[type=radio]+label.SRM.inverse:hover:not(.disabled,.selected),input[type=checkbox]+label.SRM.inverse:hover:not(.disabled,.selected) {
background-color: #adb4bd;
border-color: #1f1f1f;
color: #0d0d0d
}
input[type=radio]+label.SRM.betlink,input[type=checkbox]+label.SRM.betlink {
min-height: 3.125rem;
width: 100%;
min-width: 4.375rem;
padding: .25rem .5rem;
background-color: #353e36;
border-color: #353e36;
border-width: 1px;
border-radius: 5px;
color: #fdfdfd;
font-size: 1.1rem;
font-style: normal;
font-weight: 600
}
input[type=radio]+label.SRM.betlink:hover:not(.disabled,.selected),input[type=checkbox]+label.SRM.betlink:hover:not(.disabled,.selected) {
background-color: #445045;
border-color: #445045
}
input[type=radio]+label.SRM.betlink.selected,input[type=checkbox]+label.SRM.betlink.selected {
background-color: #0bd51f;
border-color: #0bd51f;
color: #0d0d0d
}
input[type=radio]+label.SRM.betlink.selected.disabled,input[type=checkbox]+label.SRM.betlink.selected.disabled {
opacity: .4;
background-color: #0bd51f;
border-color: #0bd51f;
color: #0d0d0d
}
input[type=radio]+label.SRM.betlink.selected.disabled:hover,input[type=checkbox]+label.SRM.betlink.selected.disabled:hover {
opacity: .4;
background-color: #0bd51f;
border-color: #0bd51f;
color: #0d0d0d
}
input[type=radio]+label.SRM.betlink.disabled,input[type=checkbox]+label.SRM.betlink.disabled {
opacity: .4;
color: #fdfdfd
}
input[type=radio]+label.SRM.betlink.disabled:hover,input[type=checkbox]+label.SRM.betlink.disabled:hover {
opacity: .4;
background-color: #353e36;
border-color: #353e36;
color: #fdfdfd
}
input[type=radio]+label.SRM.small,input[type=checkbox]+label.SRM.small {
padding: .25rem .625rem
}
input[type=radio]+label.SRM.login,input[type=checkbox]+label.SRM.login {
background-color: transparent;
border-color: #0bd51f;
color: #fdfdfd
}
input[type=radio]+label.SRM.login:hover:not(.disabled,.selected),input[type=checkbox]+label.SRM.login:hover:not(.disabled,.selected) {
opacity: 1;
background-color: #333;
border-color: #0bd51f;
color: #fdfdfd
}
input[type=radio]+label.SRM.login.selected,input[type=checkbox]+label.SRM.login.selected {
opacity: 1;
background-color: #404040;
border-color: #0bd51f;
color: #fdfdfd
}
input[type=radio]+label.SRM.login.selected:hover,input[type=checkbox]+label.SRM.login.selected:hover {
opacity: 1;
background-color: #4d4d4d;
border-color: #0bd51f;
color: #fdfdfd
}
input[type=radio]+label.SRM.join,input[type=checkbox]+label.SRM.join {
background-color: #0bd51f;
border-color: #0bd51f;
color: #0d0d0d
}
input[type=radio]+label.SRM.join:hover:not(.disabled),input[type=checkbox]+label.SRM.join:hover:not(.disabled) {
opacity: 1;
background-color: #13f32a;
border-color: #13f32a;
color: #0d0d0d
}
input[type=radio]+label.SRM.button-primary,input[type=checkbox]+label.SRM.button-primary {
border: solid 2px #0bd51f
}
input[type=radio]+label.SRM.buttonAcceptAction,input[type=checkbox]+label.SRM.buttonAcceptAction {
background-color: #0bd51f;
border-color: #0bd51f;
color: #0d0d0d
}
input[type=radio]+label.SRM.buttonAcceptAction:hover,input[type=checkbox]+label.SRM.buttonAcceptAction:hover {
opacity: 1;
background-color: #0ac41d;
border-color: #0ac41d;
color: #0d0d0d
}
input[type=radio]+label.SRM:hover,input[type=checkbox]+label.SRM:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
input[type=radio]+label.SRM.selected,input[type=checkbox]+label.SRM.selected {
background-color: #0d0d0d;
color: #0d0d0d
}
input[type=radio]+label.SRM.selected:hover,input[type=checkbox]+label.SRM.selected:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
input[type=radio]+label.SRM:hover:not(.disabled,.selected),input[type=checkbox]+label.SRM:hover:not(.disabled,.selected) {
background-color: #445045;
border-color: #445045
}
input[type=radio]+label.SRM.selected,input[type=checkbox]+label.SRM.selected {
background-color: #0bd51f;
border-color: #0bd51f;
color: #0d0d0d
}
input[type=radio]+label.SRM.selected.disabled,input[type=checkbox]+label.SRM.selected.disabled {
opacity: .4;
background-color: #0bd51f;
border-color: #0bd51f;
color: #0d0d0d
}
input[type=radio]+label.SRM.selected.disabled:hover,input[type=checkbox]+label.SRM.selected.disabled:hover {
opacity: .4;
background-color: #0bd51f;
border-color: #0bd51f;
color: #0d0d0d
}
input[type=radio]+label.SRM.disabled,input[type=checkbox]+label.SRM.disabled {
opacity: .4;
color: #fdfdfd
}
input[type=radio]+label.SRM.disabled:hover,input[type=checkbox]+label.SRM.disabled:hover {
opacity: .4;
background-color: #353e36;
border-color: #353e36;
color: #fdfdfd
}
input[type=radio]+label.SRM:before,input[type=checkbox]+label.SRM:before {
display: none
}
input[type=radio]:checked+label.SRM,input[type=checkbox]:checked+label.SRM {
background-color: #0d0d0d;
background-color: #0bd51f;
border-color: #0bd51f;
color: #0d0d0d
}
input[type=radio]:checked+label.SRM:hover,input[type=checkbox]:checked+label.SRM:hover {
opacity: .8;
border-color: #404040;
background-color: #1f1f1f;
color: #fdfdfd;
cursor: pointer
}
input[type=radio]:checked+label.SRM.disabled,input[type=checkbox]:checked+label.SRM.disabled {
opacity: .4;
background-color: #0bd51f;
border-color: #0bd51f;
color: #0d0d0d
}
input[type=radio]:checked+label.SRM.disabled:hover,input[type=checkbox]:checked+label.SRM.disabled:hover {
opacity: .4;
background-color: #0bd51f;
border-color: #0bd51f;
color: #0d0d0d
}
#GWCORETestToolbox {
font-family: Consolas,'Courier New',Helvetica,Arial,sans-serif
}
#GWCORETestToolbox>#toolboxButtons {
margin-bottom: 90px
}
#GWCORETestToolbox>#toolboxButtons:after {
content: 'PAN';
font-size: 22px;
transform: rotate(270deg);
transform-origin: 10px 12px 0;
overflow: visible;
position: absolute;
color: #0f0;
font-weight: bold;
line-height: 26px;
bottom: 3px
}
body>footer .staticFooter .sessionTime, body>footer .staticFooter .system a {
color: #fefefe;
}
.wc_account .depositBenefit.benefits div:last-of-type {
display: none;
}
#styleDL div.popupPage, body.popupPage {
align-items: unset;
}
:root {
--panda-black: #080808;
--panda-panel: #171717;
--panda-panel-soft: #222222;
--panda-border: #343434;
--panda-green: #09df25;
--panda-green-dark: #06b81d;
--panda-white: #ffffff;
--panda-muted: #b9b9b9;
--panda-danger: #e91942;
}
.panda-age-gate,
.panda-cookie {
font-family: Arial, Helvetica, sans-serif;
color: var(--panda-white);
box-sizing: border-box;
}
.panda-age-gate *,
.panda-cookie * {
box-sizing: border-box;
}
.panda-age-gate {
position: fixed;
inset: 0;
z-index: 9999;
display: none;
align-items: center;
justify-content: center;
padding: 24px;
}
.panda-age-gate.is-visible {
display: flex;
}
.panda-age-gate__shade {
position: absolute;
inset: 0;
background: rgba(0, 0, 0, 0.82);
backdrop-filter: blur(8px);
}
.panda-age-gate__panel {
position: relative;
width: min(440px, 100%);
padding: 30px;
border: 1px solid var(--panda-border);
border-radius: 22px;
background: linear-gradient(145deg, #1d1d1d 0%, #101010 58%, #062c0c 100%);
box-shadow: 0 24px 80px rgba(0, 0, 0, 0.65), 0 0 0 1px rgba(9, 223, 37, 0.22);
text-align: center;
overflow: hidden;
}
.panda-age-gate__panel::before {
content: "";
position: absolute;
top: -80px;
right: -80px;
width: 190px;
height: 190px;
border-radius: 50%;
background: rgba(9, 223, 37, 0.2);
filter: blur(10px);
}
.panda-age-gate__brand {
position: relative;
display: inline-flex;
align-items: center;
gap: 10px;
margin-bottom: 22px;
padding: 8px 14px;
border: 1px solid var(--panda-green);
border-radius: 8px;
background: #050505;
font-weight: 900;
font-size: 20px;
letter-spacing: 1px;
}
.panda-age-gate__mark {
display: grid;
place-items: center;
width: 34px;
height: 34px;
border-radius: 10px;
background: var(--panda-green);
font-size: 21px;
}
.panda-age-gate__badge {
position: relative;
display: grid;
place-items: center;
width: 78px;
height: 78px;
margin: 0 auto 18px;
border: 3px solid var(--panda-green);
border-radius: 50%;
background: #0d0d0d;
color: var(--panda-green);
font-size: 28px;
font-weight: 900;
box-shadow: 0 0 28px rgba(9, 223, 37, 0.35);
}
.panda-age-gate__title {
position: relative;
margin: 0 0 10px;
font-size: 30px;
line-height: 1.05;
font-weight: 900;
text-transform: uppercase;
}
.panda-age-gate__text {
position: relative;
margin: 0 auto 24px;
max-width: 350px;
color: var(--panda-muted);
font-size: 15px;
line-height: 1.45;
}
.panda-age-gate__actions {
position: relative;
display: grid;
gap: 12px;
}
.panda-age-gate__button {
width: 100%;
border: 0;
border-radius: 999px;
padding: 15px 20px;
cursor: pointer;
font-size: 15px;
font-weight: 900;
text-transform: uppercase;
transition: transform 0.18s ease, background 0.18s ease, border-color 0.18s ease;
}
.panda-age-gate__button:hover {
transform: translateY(-1px);
}
.panda-age-gate__button--primary {
background: var(--panda-green);
color: #050505;
}
.panda-age-gate__button--primary:hover {
background: var(--panda-green-dark);
}
.panda-age-gate__button--ghost {
border: 1px solid var(--panda-border);
background: #202020;
color: var(--panda-white);
}
.panda-age-gate__button--ghost:hover {
border-color: var(--panda-danger);
}
.panda-age-gate__notice {
position: relative;
margin: 18px 0 0;
color: var(--panda-muted);
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
}
.panda-cookie {
position: fixed;
left: 24px;
right: 24px;
bottom: 24px;
z-index: 9998;
display: none;
justify-content: center;
}
.panda-cookie.is-visible {
display: flex;
}
.panda-cookie__card {
width: min(980px, 100%);
padding: 18px;
border: 1px solid rgba(9, 223, 37, 0.45);
border-radius: 22px;
background: linear-gradient(145deg, #1d1d1d 0%, #111111 70%, #07270c 100%);
box-shadow: 0 18px 70px rgba(0, 0, 0, 0.55);
}
.panda-cookie__content {
display: flex;
gap: 16px;
align-items: center;
}
.panda-cookie__icon {
display: grid;
place-items: center;
flex: 0 0 54px;
width: 54px;
height: 54px;
border: 2px solid var(--panda-green);
border-radius: 50%;
background: #0a0a0a;
font-size: 25px;
box-shadow: 0 0 24px rgba(9, 223, 37, 0.24);
}
.panda-cookie__body {
flex: 1;
}
.panda-cookie__title {
margin: 0 0 6px;
font-size: 22px;
font-weight: 900;
text-transform: uppercase;
}
.panda-cookie__text {
margin: 0;
color: var(--panda-muted);
font-size: 14px;
line-height: 1.45;
}
.panda-cookie__settings {
display: none;
grid-template-columns: repeat(3, 1fr);
gap: 10px;
margin-top: 16px;
}
.panda-cookie__settings.is-open {
display: grid;
}
.panda-cookie__option {
display: flex;
align-items: center;
justify-content: space-between;
gap: 14px;
min-height: 94px;
padding: 14px;
border: 1px solid var(--panda-border);
border-radius: 14px;
background: var(--panda-panel-soft);
}
.panda-cookie__option strong {
display: block;
margin-bottom: 5px;
font-size: 14px;
}
.panda-cookie__option small {
display: block;
color: var(--panda-muted);
font-size: 12px;
line-height: 1.35;
}
.panda-cookie__toggle {
appearance: none;
position: relative;
flex: 0 0 48px;
width: 48px;
height: 26px;
border: 1px solid #4a4a4a;
border-radius: 999px;
background: #111111;
cursor: pointer;
transition: background 0.18s ease, border-color 0.18s ease;
}
.panda-cookie__toggle::before {
content: "";
position: absolute;
top: 3px;
left: 3px;
width: 18px;
height: 18px;
border-radius: 50%;
background: #9f9f9f;
transition: transform 0.18s ease, background 0.18s ease;
}
.panda-cookie__toggle:checked {
border-color: var(--panda-green);
background: rgba(9, 223, 37, 0.22);
}
.panda-cookie__toggle:checked::before {
transform: translateX(22px);
background: var(--panda-green);
}
.panda-cookie__toggle:disabled {
cursor: not-allowed;
opacity: 0.85;
}
.panda-cookie__actions {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
gap: 10px;
margin-top: 16px;
}
.panda-cookie__button {
border: 0;
border-radius: 999px;
padding: 12px 22px;
cursor: pointer;
font-size: 13px;
font-weight: 900;
text-transform: uppercase;
transition: transform 0.18s ease, background 0.18s ease, border-color 0.18s ease;
}
.panda-cookie__button:hover {
transform: translateY(-1px);
}
.panda-cookie__button--primary {
background: var(--panda-green);
color: #050505;
}
.panda-cookie__button--primary:hover {
background: var(--panda-green-dark);
}
.panda-cookie__button--dark {
background: #2a2a2a;
color: var(--panda-white);
}
.panda-cookie__button--ghost {
border: 1px solid var(--panda-green);
background: transparent;
color: var(--panda-white);
}
.panda-cookie__button--save {
display: none;
}
.panda-cookie__button--save.is-visible {
display: inline-flex;
}
@media (max-width: 760px) {
.panda-cookie {
left: 14px;
right: 14px;
bottom: 14px;
}
.panda-cookie__content {
align-items: flex-start;
}
.panda-cookie__settings {
grid-template-columns: 1fr;
}
.panda-cookie__actions {
justify-content: stretch;
}
.panda-cookie__button {
flex: 1 1 100%;
}
.panda-age-gate__panel {
padding: 24px;
}
}