html {
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0;
}

article,aside,footer,header,nav,section {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

figcaption,figure,main {
    display: block
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace,monospace;
    font-size: 1em
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b,strong {
    font-weight: inherit;
    font-weight: bolder
}

code,kbd,samp {
    font-family: monospace,monospace;
    font-size: 1em
}

dfn {
    font-style: italic
}

mark {
    background-color: var(--yellow2);
    color: var(--black-box-shadow)
}

small {
    font-size: 80%
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

audio,video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

img {
    border-style: none
}

svg:not(:root) {
    overflow: hidden
}

button,input,optgroup,select,textarea {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,input {
    overflow: visible
}

button,select {
    text-transform: none
}

[type=reset],[type=submit],button,html [type=button] {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    display: inline-block;
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox],[type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details,menu {
    display: block
}

summary {
    display: list-item
}

canvas {
    display: inline-block
}

template {
    display: none
}

[hidden] {
    display: none
}

* {
    -webkit-touch-callout: none;
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-user-select: none
}

*,:after,:before {
    box-sizing: border-box
}

a,h1,h2,h3,h4,h5,h6,p {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit
}

a,a:active,a:hover,a:visited {
    text-decoration: none;
    color: var(--black)
}

body,input,select,textarea {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

@font-face {
    font-family: Source Sans Pro;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    font-display: swap;
    src: url(../fonts/sourcesanspro-regular.eot) format("embedded-opentype"), 
    url(../fonts/sourcesanspro-regular.woff2) format("woff2"),
    url(../fonts/sourcesanspro-regular.woff) format("woff"),
    url(../fonts/sourcesanspro-regular.ttf) format("truetype")
}

@font-face {
    font-family: Source Sans Pro;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    font-display: swap;
    src: url(../fonts/sourcesanspro-semibold.eot) format("embedded-opentype"),
    url(../fonts/sourcesanspro-semibold.woff2) format("woff2"),
    url(../fonts/sourcesanspro-semibold.woff) format("woff"),
    url(../fonts/sourcesanspro-semibold.ttf) format("truetype")
}

@font-face {
    font-family: Audiowide Regular;
    src: url(../fonts/audiowide-regular.ttf)
}

.styles-index-wrapper,body,html {
    width: 100%;
    max-height: 100%;
    margin: 0;
    padding: 0
}

body {
    color: var(--black);
    background: var(--body-background);
    font-family: Source Sans Pro,sans-serif;
    font-weight: 400;
    font-size: 17px
}

body button,body input[type=button],body input[type=file],body input[type=reset],body input[type=submit],body select {
    color: var(--black)
}

#blazor-error-ui {
    background: #c8102e;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 1.2rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

#blazor-error-ui .dismiss {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}

.blazor-error-boundary {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI2My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTMuNTI5NSAyNjYuMTE2IDkzLjUyOTUgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA4Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=) no-repeat 1rem/1.8rem, #b32121;
    padding: 1rem 1rem 1rem 3.7rem;
    color: white;
}

.blazor-error-boundary::after {
    content: "An error has occurred."
}

.splash-screen {
    display: flex;
    position: fixed;
    justify-content: center;
    align-items: center;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    background: url('../images/splash-background.svg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.loader {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.loading-progress {
    width: 6rem;
    height: 6rem;
    margin-bottom: 20px; /* add space between loader and the text */
}
.loading-progress-text {
    color: white;
}

.loading-progress-text:after {
    content: var(--blazor-load-percentage-text, "Loading");
}

.loading-progress circle {
    height: 80%;
    fill: none;
    stroke: #e0e0e0;
    stroke-width: 0.6rem;
    transform-origin: 50% 50%;
    transform: rotate(-90deg);
}

.loading-progress circle:last-child {
    stroke: #c8102e;
    stroke-dasharray: calc(3.141 * var(--blazor-load-percentage, 0%) * 0.8), 500%;
    transition: stroke-dasharray 0.50s ease-in-out;
}

.no-scroll {
    overflow: hidden;
    position: fixed;
    touch-action: none;
    -webkit-overflow-scrolling: none;
    -ms-scroll-chaining: none;
    overscroll-behavior: none
}

.blur {
    filter: blur(5px)
}

:root {
    --primary-color: #10553f;
    --red: #c8102e;
    --blue-steel: #4396b3;
    --black: #212121;
    --black-base: #000000;
    --black-rgb: 33, 33, 33;
    --dark: #1c1c1c;
    --darker: #151515;
    --grey: #828282;
    --orange: #e77312;
    --charcoal: #252a31;
    --casino-charcoal-dark: Infinity;
    --mysino-charcoal: #151515;
    --mysino-charcoal-light: #202020;
    --grey-shadow: #3a3a3a;
    --grey-charcoal: #454545;
    --grey-dark: #4e4e4e;
    --grey-ash: #9d9d9d;
    --grey-asphalt: #999999;
    --grey-titanium: #b0b0b0;
    --grey-steel: #b3b3b3;
    --grey-ish: #bdbdbd;
    --grey-silver: #cacaca;
    --grey-pale: #dedede;
    --grey-iron: #e6e7e8;
    --grey-iron-2: #e6e9eb;
    --grey-smoke: #ebebeb;
    --grey-faded: #d8d8d8;
    --quick-silver: #979797;
    --grey-cloud: #f0f0f0;
    --grey-cloud-h: 0;
    --grey-cloud-s: 0%;
    --grey-cloud-l: 94%;
    --grey-snow: #f7f7f7;
    --grey-light: #717171;
    --grey-not-so-light: #f2f2f2;
    --grey-hawkes: #dedfe1;
    --grey-mine-shaft: #252525;
    --grey-night: #292929;
    --grey-darker: #909090;
    --white: #ffffff;
    --white-rgb: 255, 255, 255;
    --white-pale: #fbfbfb;
    --blue-dark: #39697a;
    --blue: #4d90a7;
    --blue-rgb: 57, 105, 122;
    --blue-light: #a5d2e1;
    --yellow-dark: #e2b504;
    --blue-very-light: #d0e5ec;
    --yellow: #eeca3d;
    --yellow-light: #FDF9E8;
    --red-dark: #920c22;
    --red-brick: #c23b21;
    --green-dark: #1e7b43;
    --green-light: #4ea635;
    --green: #28a95b;
    --gamboge: #e29d36;
    --white-semi-transparent: rgba(255, 255, 255, 0.5);
    --alto: #dfdfdf;
    --athens-gray: #fbfbfc;
    --black-box-shadow: #000000;
    --black-box-shadow-rgb: 0, 0, 0;
    --black-haze: #f4f6f6;
    --black-squeeze: #f2f8fb;
    --black-night: #333333;
    --casal: #2b5868;
    --cod-gray: #131313;
    --dove-gray: #616161;
    --downy: #78bed6;
    --firefly: #0d1b28;
    --firefly2: #0c1b28;
    --killarney: #406d3f;
    --la-palma: #2b9617;
    --mine-shaft: #222222;
    --mystic: #e6ecee;
    --neptune: #6ca5b8;
    --pigeon-post: #adccd7;
    --porcelain: #e7eaec;
    --river-bed: #434f5e;
    --shark: #272b31;
    --tiara: #c9d1d4;
    --yellow2: #ff0;
    --sap-green: #3b9918;
    --forest: #196e0c;
    --ocean: #007d91;
    --prussian-blue: #004968;
    --yellow-sun: #fcc63d;
    --new-orange: #f26e14;
    --new-orange-rgb: 242, 110, 20;
    --leaf: #6fa930;
    --tree-green: #417918;
    --bluish: #2792a0;
    --dusk-blue: #1c6273;
    --soft-black: #282828;
    --lipstick: #db2327;
    --medium-green: #299948;
    --dark-sea-green: #147a44;
    --new-dusk-blue: #24668f;
    --light-navy: #174879;
    --white-smoke: #f6f6f6;
    --red-oxide: #591d27;
    --alice-blue: #eceeef;
    --dark-slate-grey: #214a58;
    --jelly-bean-blue: #457788;
    --whisper: #ededed;
    --orange-jelly: #e2b504;
    --blue-green: #eafaf1;
    --faux-white: #fbfefe;
    --body-background: var(--grey-iron);
    --common-button-accent: var(--green);
    --header-bg: var(--primary-color);
    --header-border-bottom-bg: transparent;
    --login-button-bg: var(--red-dark);
    --login-button-fg: var(--white);
    --logo-color: var(--white);
    --register-button-bg: var(--white);
    --register-button-fg: var(--red-dark);
    --deposit-button-bg: var(--red-dark);
    --deposit-button-fg: var(--white);
    --deposit-button-text-fg: var(--white);
    --toolbar-fg: var(--white);
    --mybets-lost-desktop-fg: var(--red);
    --mybets-lost-mobile-fg: var(--red-brick);
    --live-time-fg: var(--green);
    --live-time-stopped: var(--red);
    --settings-button-background: var(--blue-steel);
    --settings-button-confirm-color: var(--white);
    --settings-button-cancel-color: var(--blue-steel);
    --settings-button-border-color: var(--blue-steel);
    --settings-button-font-weight: 500;
    --layout-width: 804px;
    --banner-container-width: 360px;
    --container-background: var(--white);
    --container-header-background: var(--grey-snow);
    --container-border: 1px solid var(--grey-iron);
    --layout-wrapper-border: none;
    --payment-provider-border: 0px solid transparent;
    --container-border-radius: 4px;
    --container-border-radius-disabled: 0px;
    --container-box-shadow: 0 0 2px 0 rgba(0, 0, 0,.14),0 1px 3px 0 rgba(0,0,0,.14);
    --button-border-radius: 4px;
    --button-amount-border-radius: 4px;
    --button-amount-border: 4px;
    --cashier-amount-button-background: var(--grey-snow);
    --input-group-margin-margin-top: 16px;
    --payment-provider-items-padding: 4px;
    --payment-provider-items-box-shadow: 0 0 2px 0 rgba(0, 0, 0,.14),0 1px 3px 0 rgba(0,0,0,.14);
    --checkbox-checked-bg: var(--green);
    --cashier-router-padding: 48px;
    --cashier-step1-padding: 0px;
    --cashier-router-padding-vertical: 48px;
    --cashier-router-padding-horizontal: 0;
    --cashier-text-align: center;
    --cashier-title-margin: 8px;
    --common-button-text-color: var(--white);
    --common-button-primary-disabled-color: var(--grey-silver);
    --common-button-primary-confirmation-color: var(--green);
    --common-button-primary-confirmation-active-color: var(--green-dark);
    --common-button-primary-general-color: var(--blue);
    --common-button-primary-general-active-color: var(--blue-dark);
    --common-button-secondary-confirmation-color: var(--green);
    --header-height: 48px;
}