@charset "UTF-8";

/* #010912 - Prva zebra ponude, pozadina naloga i korisničkog menija, pozadina single ponude */

/* #101E26 - Druga zebra ponude */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  height: 100%;
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

html.modal-open {
  margin: 0;
  overflow: hidden;
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
  font-family: "ProximaNova-Semibold", sans-serif;
}

.theme-light body {
  background: #22272F;
}

.theme-dark body {
  background: #22272F;
}

body.theme-dark svg.theme-light {
  display: none;
}

body.theme-light svg.theme-dark {
  display: none;
}

.modal-open body {
  height: 100%;
  overflow: hidden;
}

/**
 * Remove the margin and padding from all elements and set box-sizing to border-box.
 */

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

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

ul {
  list-style: none;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

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

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
  text-decoration: none;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

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

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

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

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
  width: 100%;
  height: auto;
}

img.width-initial {
  width: initial;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

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

/**
 * Remove the inner border and padding in Firefox.
 */

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

/**
 * Restore the focus styles unset by the previous rule.
 */

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

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

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

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

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

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

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

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

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

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}

@font-face {
  font-family: "ProximaNova-Semibold";
  font-style: normal;
  font-weight: normal;
  src: local("ProximaNova"), url("/fonts/ProximaNova-Semibold.woff2") format("opentype");
}

.font-8 {
  font-size: 8px !important;
}

.font-9 {
  font-size: 9px !important;
}

.font-10 {
  font-size: 10px !important;
}

.font-11 {
  font-size: 11px !important;
}

.font-12 {
  font-size: 12px !important;
}

.font-13 {
  font-size: 13px !important;
}

.font-14 {
  font-size: 14px !important;
}

.font-15 {
  font-size: 15px !important;
}

.font-16 {
  font-size: 16px !important;
}

.font-17 {
  font-size: 17px !important;
}

.font-18 {
  font-size: 18px !important;
}

.font-19 {
  font-size: 19px !important;
}

.font-20 {
  font-size: 20px !important;
}

.font-21 {
  font-size: 21px !important;
}

.font-22 {
  font-size: 22px !important;
}

.font-23 {
  font-size: 23px !important;
}

h6 {
  margin: 0;
  font-weight: normal;
}

.theme-light h6 {
  color: rgba(255, 255, 255, 0.9);
}

.theme-dark h6 {
  color: rgba(255, 255, 255, 0.9);
}

h5 {
  margin: 0;
  font-weight: normal;
}

.theme-light h5 {
  color: rgba(255, 255, 255, 0.9);
}

.theme-dark h5 {
  color: rgba(255, 255, 255, 0.9);
}

h4 {
  margin: 0;
  font-weight: normal;
}

.theme-light h4 {
  color: rgba(255, 255, 255, 0.9);
}

.theme-dark h4 {
  color: rgba(255, 255, 255, 0.9);
}

h3 {
  margin: 0;
  font-weight: normal;
}

.theme-light h3 {
  color: rgba(255, 255, 255, 0.9);
}

.theme-dark h3 {
  color: rgba(255, 255, 255, 0.9);
}

h2 {
  margin: 0;
  font-weight: normal;
}

.theme-light h2 {
  color: rgba(255, 255, 255, 0.9);
}

.theme-dark h2 {
  color: rgba(255, 255, 255, 0.9);
}

h1 {
  margin: 0;
  font-weight: normal;
}

.theme-light h1 {
  color: rgba(255, 255, 255, 0.9);
}

.theme-dark h1 {
  color: rgba(255, 255, 255, 0.9);
}

.m-0 {
  margin: 0px !important;
}

.mt-0 {
  margin-top: 0px !important;
}

.mr-0 {
  margin-right: 0px !important;
}

.mb-0 {
  margin-bottom: 0px !important;
}

.ml-0 {
  margin-left: 0px !important;
}

.mx-0 {
  margin-left: 0px !important;
  margin-right: 0px !important;
}

.my-0 {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

.p-0 {
  padding: 0px !important;
}

.pt-0 {
  padding-top: 0px !important;
}

.pr-0 {
  padding-right: 0px !important;
}

.pb-0 {
  padding-bottom: 0px !important;
}

.pl-0 {
  padding-left: 0px !important;
}

.px-0 {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.py-0 {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.m-1 {
  margin: 1px !important;
}

.mt-1 {
  margin-top: 1px !important;
}

.mr-1 {
  margin-right: 1px !important;
}

.mb-1 {
  margin-bottom: 1px !important;
}

.ml-1 {
  margin-left: 1px !important;
}

.mx-1 {
  margin-left: 1px !important;
  margin-right: 1px !important;
}

.my-1 {
  margin-top: 1px !important;
  margin-bottom: 1px !important;
}

.p-1 {
  padding: 1px !important;
}

.pt-1 {
  padding-top: 1px !important;
}

.pr-1 {
  padding-right: 1px !important;
}

.pb-1 {
  padding-bottom: 1px !important;
}

.pl-1 {
  padding-left: 1px !important;
}

.px-1 {
  padding-left: 1px !important;
  padding-right: 1px !important;
}

.py-1 {
  padding-top: 1px !important;
  padding-bottom: 1px !important;
}

.m-2 {
  margin: 2px !important;
}

.mt-2 {
  margin-top: 2px !important;
}

.mr-2 {
  margin-right: 2px !important;
}

.mb-2 {
  margin-bottom: 2px !important;
}

.ml-2 {
  margin-left: 2px !important;
}

.mx-2 {
  margin-left: 2px !important;
  margin-right: 2px !important;
}

.my-2 {
  margin-top: 2px !important;
  margin-bottom: 2px !important;
}

.p-2 {
  padding: 2px !important;
}

.pt-2 {
  padding-top: 2px !important;
}

.pr-2 {
  padding-right: 2px !important;
}

.pb-2 {
  padding-bottom: 2px !important;
}

.pl-2 {
  padding-left: 2px !important;
}

.px-2 {
  padding-left: 2px !important;
  padding-right: 2px !important;
}

.py-2 {
  padding-top: 2px !important;
  padding-bottom: 2px !important;
}

.m-3 {
  margin: 3px !important;
}

.mt-3 {
  margin-top: 3px !important;
}

.mr-3 {
  margin-right: 3px !important;
}

.mb-3 {
  margin-bottom: 3px !important;
}

.ml-3 {
  margin-left: 3px !important;
}

.mx-3 {
  margin-left: 3px !important;
  margin-right: 3px !important;
}

.my-3 {
  margin-top: 3px !important;
  margin-bottom: 3px !important;
}

.p-3 {
  padding: 3px !important;
}

.pt-3 {
  padding-top: 3px !important;
}

.pr-3 {
  padding-right: 3px !important;
}

.pb-3 {
  padding-bottom: 3px !important;
}

.pl-3 {
  padding-left: 3px !important;
}

.px-3 {
  padding-left: 3px !important;
  padding-right: 3px !important;
}

.py-3 {
  padding-top: 3px !important;
  padding-bottom: 3px !important;
}

.m-4 {
  margin: 4px !important;
}

.mt-4 {
  margin-top: 4px !important;
}

.mr-4 {
  margin-right: 4px !important;
}

.mb-4 {
  margin-bottom: 4px !important;
}

.ml-4 {
  margin-left: 4px !important;
}

.mx-4 {
  margin-left: 4px !important;
  margin-right: 4px !important;
}

.my-4 {
  margin-top: 4px !important;
  margin-bottom: 4px !important;
}

.p-4 {
  padding: 4px !important;
}

.pt-4 {
  padding-top: 4px !important;
}

.pr-4 {
  padding-right: 4px !important;
}

.pb-4 {
  padding-bottom: 4px !important;
}

.pl-4 {
  padding-left: 4px !important;
}

.px-4 {
  padding-left: 4px !important;
  padding-right: 4px !important;
}

.py-4 {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}

.m-5 {
  margin: 5px !important;
}

.mt-5 {
  margin-top: 5px !important;
}

.mr-5 {
  margin-right: 5px !important;
}

.mb-5 {
  margin-bottom: 5px !important;
}

.ml-5 {
  margin-left: 5px !important;
}

.mx-5 {
  margin-left: 5px !important;
  margin-right: 5px !important;
}

.my-5 {
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}

.p-5 {
  padding: 5px !important;
}

.pt-5 {
  padding-top: 5px !important;
}

.pr-5 {
  padding-right: 5px !important;
}

.pb-5 {
  padding-bottom: 5px !important;
}

.pl-5 {
  padding-left: 5px !important;
}

.px-5 {
  padding-left: 5px !important;
  padding-right: 5px !important;
}

.py-5 {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

.m-6 {
  margin: 6px !important;
}

.mt-6 {
  margin-top: 6px !important;
}

.mr-6 {
  margin-right: 6px !important;
}

.mb-6 {
  margin-bottom: 6px !important;
}

.ml-6 {
  margin-left: 6px !important;
}

.mx-6 {
  margin-left: 6px !important;
  margin-right: 6px !important;
}

.my-6 {
  margin-top: 6px !important;
  margin-bottom: 6px !important;
}

.p-6 {
  padding: 6px !important;
}

.pt-6 {
  padding-top: 6px !important;
}

.pr-6 {
  padding-right: 6px !important;
}

.pb-6 {
  padding-bottom: 6px !important;
}

.pl-6 {
  padding-left: 6px !important;
}

.px-6 {
  padding-left: 6px !important;
  padding-right: 6px !important;
}

.py-6 {
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}

.m-7 {
  margin: 7px !important;
}

.mt-7 {
  margin-top: 7px !important;
}

.mr-7 {
  margin-right: 7px !important;
}

.mb-7 {
  margin-bottom: 7px !important;
}

.ml-7 {
  margin-left: 7px !important;
}

.mx-7 {
  margin-left: 7px !important;
  margin-right: 7px !important;
}

.my-7 {
  margin-top: 7px !important;
  margin-bottom: 7px !important;
}

.p-7 {
  padding: 7px !important;
}

.pt-7 {
  padding-top: 7px !important;
}

.pr-7 {
  padding-right: 7px !important;
}

.pb-7 {
  padding-bottom: 7px !important;
}

.pl-7 {
  padding-left: 7px !important;
}

.px-7 {
  padding-left: 7px !important;
  padding-right: 7px !important;
}

.py-7 {
  padding-top: 7px !important;
  padding-bottom: 7px !important;
}

.m-8 {
  margin: 8px !important;
}

.mt-8 {
  margin-top: 8px !important;
}

.mr-8 {
  margin-right: 8px !important;
}

.mb-8 {
  margin-bottom: 8px !important;
}

.ml-8 {
  margin-left: 8px !important;
}

.mx-8 {
  margin-left: 8px !important;
  margin-right: 8px !important;
}

.my-8 {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}

.p-8 {
  padding: 8px !important;
}

.pt-8 {
  padding-top: 8px !important;
}

.pr-8 {
  padding-right: 8px !important;
}

.pb-8 {
  padding-bottom: 8px !important;
}

.pl-8 {
  padding-left: 8px !important;
}

.px-8 {
  padding-left: 8px !important;
  padding-right: 8px !important;
}

.py-8 {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

.m-9 {
  margin: 9px !important;
}

.mt-9 {
  margin-top: 9px !important;
}

.mr-9 {
  margin-right: 9px !important;
}

.mb-9 {
  margin-bottom: 9px !important;
}

.ml-9 {
  margin-left: 9px !important;
}

.mx-9 {
  margin-left: 9px !important;
  margin-right: 9px !important;
}

.my-9 {
  margin-top: 9px !important;
  margin-bottom: 9px !important;
}

.p-9 {
  padding: 9px !important;
}

.pt-9 {
  padding-top: 9px !important;
}

.pr-9 {
  padding-right: 9px !important;
}

.pb-9 {
  padding-bottom: 9px !important;
}

.pl-9 {
  padding-left: 9px !important;
}

.px-9 {
  padding-left: 9px !important;
  padding-right: 9px !important;
}

.py-9 {
  padding-top: 9px !important;
  padding-bottom: 9px !important;
}

.m-10 {
  margin: 10px !important;
}

.mt-10 {
  margin-top: 10px !important;
}

.mr-10 {
  margin-right: 10px !important;
}

.mb-10 {
  margin-bottom: 10px !important;
}

.ml-10 {
  margin-left: 10px !important;
}

.mx-10 {
  margin-left: 10px !important;
  margin-right: 10px !important;
}

.my-10 {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}

.p-10 {
  padding: 10px !important;
}

.pt-10 {
  padding-top: 10px !important;
}

.pr-10 {
  padding-right: 10px !important;
}

.pb-10 {
  padding-bottom: 10px !important;
}

.pl-10 {
  padding-left: 10px !important;
}

.px-10 {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.py-10 {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.m-11 {
  margin: 11px !important;
}

.mt-11 {
  margin-top: 11px !important;
}

.mr-11 {
  margin-right: 11px !important;
}

.mb-11 {
  margin-bottom: 11px !important;
}

.ml-11 {
  margin-left: 11px !important;
}

.mx-11 {
  margin-left: 11px !important;
  margin-right: 11px !important;
}

.my-11 {
  margin-top: 11px !important;
  margin-bottom: 11px !important;
}

.p-11 {
  padding: 11px !important;
}

.pt-11 {
  padding-top: 11px !important;
}

.pr-11 {
  padding-right: 11px !important;
}

.pb-11 {
  padding-bottom: 11px !important;
}

.pl-11 {
  padding-left: 11px !important;
}

.px-11 {
  padding-left: 11px !important;
  padding-right: 11px !important;
}

.py-11 {
  padding-top: 11px !important;
  padding-bottom: 11px !important;
}

.m-12 {
  margin: 12px !important;
}

.mt-12 {
  margin-top: 12px !important;
}

.mr-12 {
  margin-right: 12px !important;
}

.mb-12 {
  margin-bottom: 12px !important;
}

.ml-12 {
  margin-left: 12px !important;
}

.mx-12 {
  margin-left: 12px !important;
  margin-right: 12px !important;
}

.my-12 {
  margin-top: 12px !important;
  margin-bottom: 12px !important;
}

.p-12 {
  padding: 12px !important;
}

.pt-12 {
  padding-top: 12px !important;
}

.pr-12 {
  padding-right: 12px !important;
}

.pb-12 {
  padding-bottom: 12px !important;
}

.pl-12 {
  padding-left: 12px !important;
}

.px-12 {
  padding-left: 12px !important;
  padding-right: 12px !important;
}

.py-12 {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}

.m-13 {
  margin: 13px !important;
}

.mt-13 {
  margin-top: 13px !important;
}

.mr-13 {
  margin-right: 13px !important;
}

.mb-13 {
  margin-bottom: 13px !important;
}

.ml-13 {
  margin-left: 13px !important;
}

.mx-13 {
  margin-left: 13px !important;
  margin-right: 13px !important;
}

.my-13 {
  margin-top: 13px !important;
  margin-bottom: 13px !important;
}

.p-13 {
  padding: 13px !important;
}

.pt-13 {
  padding-top: 13px !important;
}

.pr-13 {
  padding-right: 13px !important;
}

.pb-13 {
  padding-bottom: 13px !important;
}

.pl-13 {
  padding-left: 13px !important;
}

.px-13 {
  padding-left: 13px !important;
  padding-right: 13px !important;
}

.py-13 {
  padding-top: 13px !important;
  padding-bottom: 13px !important;
}

.m-14 {
  margin: 14px !important;
}

.mt-14 {
  margin-top: 14px !important;
}

.mr-14 {
  margin-right: 14px !important;
}

.mb-14 {
  margin-bottom: 14px !important;
}

.ml-14 {
  margin-left: 14px !important;
}

.mx-14 {
  margin-left: 14px !important;
  margin-right: 14px !important;
}

.my-14 {
  margin-top: 14px !important;
  margin-bottom: 14px !important;
}

.p-14 {
  padding: 14px !important;
}

.pt-14 {
  padding-top: 14px !important;
}

.pr-14 {
  padding-right: 14px !important;
}

.pb-14 {
  padding-bottom: 14px !important;
}

.pl-14 {
  padding-left: 14px !important;
}

.px-14 {
  padding-left: 14px !important;
  padding-right: 14px !important;
}

.py-14 {
  padding-top: 14px !important;
  padding-bottom: 14px !important;
}

.m-15 {
  margin: 15px !important;
}

.mt-15 {
  margin-top: 15px !important;
}

.mr-15 {
  margin-right: 15px !important;
}

.mb-15 {
  margin-bottom: 15px !important;
}

.ml-15 {
  margin-left: 15px !important;
}

.mx-15 {
  margin-left: 15px !important;
  margin-right: 15px !important;
}

.my-15 {
  margin-top: 15px !important;
  margin-bottom: 15px !important;
}

.p-15 {
  padding: 15px !important;
}

.pt-15 {
  padding-top: 15px !important;
}

.pr-15 {
  padding-right: 15px !important;
}

.pb-15 {
  padding-bottom: 15px !important;
}

.pl-15 {
  padding-left: 15px !important;
}

.px-15 {
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.py-15 {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}

.m-16 {
  margin: 16px !important;
}

.mt-16 {
  margin-top: 16px !important;
}

.mr-16 {
  margin-right: 16px !important;
}

.mb-16 {
  margin-bottom: 16px !important;
}

.ml-16 {
  margin-left: 16px !important;
}

.mx-16 {
  margin-left: 16px !important;
  margin-right: 16px !important;
}

.my-16 {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}

.p-16 {
  padding: 16px !important;
}

.pt-16 {
  padding-top: 16px !important;
}

.pr-16 {
  padding-right: 16px !important;
}

.pb-16 {
  padding-bottom: 16px !important;
}

.pl-16 {
  padding-left: 16px !important;
}

.px-16 {
  padding-left: 16px !important;
  padding-right: 16px !important;
}

.py-16 {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}

.m-17 {
  margin: 17px !important;
}

.mt-17 {
  margin-top: 17px !important;
}

.mr-17 {
  margin-right: 17px !important;
}

.mb-17 {
  margin-bottom: 17px !important;
}

.ml-17 {
  margin-left: 17px !important;
}

.mx-17 {
  margin-left: 17px !important;
  margin-right: 17px !important;
}

.my-17 {
  margin-top: 17px !important;
  margin-bottom: 17px !important;
}

.p-17 {
  padding: 17px !important;
}

.pt-17 {
  padding-top: 17px !important;
}

.pr-17 {
  padding-right: 17px !important;
}

.pb-17 {
  padding-bottom: 17px !important;
}

.pl-17 {
  padding-left: 17px !important;
}

.px-17 {
  padding-left: 17px !important;
  padding-right: 17px !important;
}

.py-17 {
  padding-top: 17px !important;
  padding-bottom: 17px !important;
}

.m-18 {
  margin: 18px !important;
}

.mt-18 {
  margin-top: 18px !important;
}

.mr-18 {
  margin-right: 18px !important;
}

.mb-18 {
  margin-bottom: 18px !important;
}

.ml-18 {
  margin-left: 18px !important;
}

.mx-18 {
  margin-left: 18px !important;
  margin-right: 18px !important;
}

.my-18 {
  margin-top: 18px !important;
  margin-bottom: 18px !important;
}

.p-18 {
  padding: 18px !important;
}

.pt-18 {
  padding-top: 18px !important;
}

.pr-18 {
  padding-right: 18px !important;
}

.pb-18 {
  padding-bottom: 18px !important;
}

.pl-18 {
  padding-left: 18px !important;
}

.px-18 {
  padding-left: 18px !important;
  padding-right: 18px !important;
}

.py-18 {
  padding-top: 18px !important;
  padding-bottom: 18px !important;
}

.m-19 {
  margin: 19px !important;
}

.mt-19 {
  margin-top: 19px !important;
}

.mr-19 {
  margin-right: 19px !important;
}

.mb-19 {
  margin-bottom: 19px !important;
}

.ml-19 {
  margin-left: 19px !important;
}

.mx-19 {
  margin-left: 19px !important;
  margin-right: 19px !important;
}

.my-19 {
  margin-top: 19px !important;
  margin-bottom: 19px !important;
}

.p-19 {
  padding: 19px !important;
}

.pt-19 {
  padding-top: 19px !important;
}

.pr-19 {
  padding-right: 19px !important;
}

.pb-19 {
  padding-bottom: 19px !important;
}

.pl-19 {
  padding-left: 19px !important;
}

.px-19 {
  padding-left: 19px !important;
  padding-right: 19px !important;
}

.py-19 {
  padding-top: 19px !important;
  padding-bottom: 19px !important;
}

.m-20 {
  margin: 20px !important;
}

.mt-20 {
  margin-top: 20px !important;
}

.mr-20 {
  margin-right: 20px !important;
}

.mb-20 {
  margin-bottom: 20px !important;
}

.ml-20 {
  margin-left: 20px !important;
}

.mx-20 {
  margin-left: 20px !important;
  margin-right: 20px !important;
}

.my-20 {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}

.p-20 {
  padding: 20px !important;
}

.pt-20 {
  padding-top: 20px !important;
}

.pr-20 {
  padding-right: 20px !important;
}

.pb-20 {
  padding-bottom: 20px !important;
}

.pl-20 {
  padding-left: 20px !important;
}

.px-20 {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

.py-20 {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

.m-21 {
  margin: 21px !important;
}

.mt-21 {
  margin-top: 21px !important;
}

.mr-21 {
  margin-right: 21px !important;
}

.mb-21 {
  margin-bottom: 21px !important;
}

.ml-21 {
  margin-left: 21px !important;
}

.mx-21 {
  margin-left: 21px !important;
  margin-right: 21px !important;
}

.my-21 {
  margin-top: 21px !important;
  margin-bottom: 21px !important;
}

.p-21 {
  padding: 21px !important;
}

.pt-21 {
  padding-top: 21px !important;
}

.pr-21 {
  padding-right: 21px !important;
}

.pb-21 {
  padding-bottom: 21px !important;
}

.pl-21 {
  padding-left: 21px !important;
}

.px-21 {
  padding-left: 21px !important;
  padding-right: 21px !important;
}

.py-21 {
  padding-top: 21px !important;
  padding-bottom: 21px !important;
}

.m-22 {
  margin: 22px !important;
}

.mt-22 {
  margin-top: 22px !important;
}

.mr-22 {
  margin-right: 22px !important;
}

.mb-22 {
  margin-bottom: 22px !important;
}

.ml-22 {
  margin-left: 22px !important;
}

.mx-22 {
  margin-left: 22px !important;
  margin-right: 22px !important;
}

.my-22 {
  margin-top: 22px !important;
  margin-bottom: 22px !important;
}

.p-22 {
  padding: 22px !important;
}

.pt-22 {
  padding-top: 22px !important;
}

.pr-22 {
  padding-right: 22px !important;
}

.pb-22 {
  padding-bottom: 22px !important;
}

.pl-22 {
  padding-left: 22px !important;
}

.px-22 {
  padding-left: 22px !important;
  padding-right: 22px !important;
}

.py-22 {
  padding-top: 22px !important;
  padding-bottom: 22px !important;
}

.m-23 {
  margin: 23px !important;
}

.mt-23 {
  margin-top: 23px !important;
}

.mr-23 {
  margin-right: 23px !important;
}

.mb-23 {
  margin-bottom: 23px !important;
}

.ml-23 {
  margin-left: 23px !important;
}

.mx-23 {
  margin-left: 23px !important;
  margin-right: 23px !important;
}

.my-23 {
  margin-top: 23px !important;
  margin-bottom: 23px !important;
}

.p-23 {
  padding: 23px !important;
}

.pt-23 {
  padding-top: 23px !important;
}

.pr-23 {
  padding-right: 23px !important;
}

.pb-23 {
  padding-bottom: 23px !important;
}

.pl-23 {
  padding-left: 23px !important;
}

.px-23 {
  padding-left: 23px !important;
  padding-right: 23px !important;
}

.py-23 {
  padding-top: 23px !important;
  padding-bottom: 23px !important;
}

.m-24 {
  margin: 24px !important;
}

.mt-24 {
  margin-top: 24px !important;
}

.mr-24 {
  margin-right: 24px !important;
}

.mb-24 {
  margin-bottom: 24px !important;
}

.ml-24 {
  margin-left: 24px !important;
}

.mx-24 {
  margin-left: 24px !important;
  margin-right: 24px !important;
}

.my-24 {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}

.p-24 {
  padding: 24px !important;
}

.pt-24 {
  padding-top: 24px !important;
}

.pr-24 {
  padding-right: 24px !important;
}

.pb-24 {
  padding-bottom: 24px !important;
}

.pl-24 {
  padding-left: 24px !important;
}

.px-24 {
  padding-left: 24px !important;
  padding-right: 24px !important;
}

.py-24 {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}

.m-25 {
  margin: 25px !important;
}

.mt-25 {
  margin-top: 25px !important;
}

.mr-25 {
  margin-right: 25px !important;
}

.mb-25 {
  margin-bottom: 25px !important;
}

.ml-25 {
  margin-left: 25px !important;
}

.mx-25 {
  margin-left: 25px !important;
  margin-right: 25px !important;
}

.my-25 {
  margin-top: 25px !important;
  margin-bottom: 25px !important;
}

.p-25 {
  padding: 25px !important;
}

.pt-25 {
  padding-top: 25px !important;
}

.pr-25 {
  padding-right: 25px !important;
}

.pb-25 {
  padding-bottom: 25px !important;
}

.pl-25 {
  padding-left: 25px !important;
}

.px-25 {
  padding-left: 25px !important;
  padding-right: 25px !important;
}

.py-25 {
  padding-top: 25px !important;
  padding-bottom: 25px !important;
}

.m-26 {
  margin: 26px !important;
}

.mt-26 {
  margin-top: 26px !important;
}

.mr-26 {
  margin-right: 26px !important;
}

.mb-26 {
  margin-bottom: 26px !important;
}

.ml-26 {
  margin-left: 26px !important;
}

.mx-26 {
  margin-left: 26px !important;
  margin-right: 26px !important;
}

.my-26 {
  margin-top: 26px !important;
  margin-bottom: 26px !important;
}

.p-26 {
  padding: 26px !important;
}

.pt-26 {
  padding-top: 26px !important;
}

.pr-26 {
  padding-right: 26px !important;
}

.pb-26 {
  padding-bottom: 26px !important;
}

.pl-26 {
  padding-left: 26px !important;
}

.px-26 {
  padding-left: 26px !important;
  padding-right: 26px !important;
}

.py-26 {
  padding-top: 26px !important;
  padding-bottom: 26px !important;
}

.m-27 {
  margin: 27px !important;
}

.mt-27 {
  margin-top: 27px !important;
}

.mr-27 {
  margin-right: 27px !important;
}

.mb-27 {
  margin-bottom: 27px !important;
}

.ml-27 {
  margin-left: 27px !important;
}

.mx-27 {
  margin-left: 27px !important;
  margin-right: 27px !important;
}

.my-27 {
  margin-top: 27px !important;
  margin-bottom: 27px !important;
}

.p-27 {
  padding: 27px !important;
}

.pt-27 {
  padding-top: 27px !important;
}

.pr-27 {
  padding-right: 27px !important;
}

.pb-27 {
  padding-bottom: 27px !important;
}

.pl-27 {
  padding-left: 27px !important;
}

.px-27 {
  padding-left: 27px !important;
  padding-right: 27px !important;
}

.py-27 {
  padding-top: 27px !important;
  padding-bottom: 27px !important;
}

.m-28 {
  margin: 28px !important;
}

.mt-28 {
  margin-top: 28px !important;
}

.mr-28 {
  margin-right: 28px !important;
}

.mb-28 {
  margin-bottom: 28px !important;
}

.ml-28 {
  margin-left: 28px !important;
}

.mx-28 {
  margin-left: 28px !important;
  margin-right: 28px !important;
}

.my-28 {
  margin-top: 28px !important;
  margin-bottom: 28px !important;
}

.p-28 {
  padding: 28px !important;
}

.pt-28 {
  padding-top: 28px !important;
}

.pr-28 {
  padding-right: 28px !important;
}

.pb-28 {
  padding-bottom: 28px !important;
}

.pl-28 {
  padding-left: 28px !important;
}

.px-28 {
  padding-left: 28px !important;
  padding-right: 28px !important;
}

.py-28 {
  padding-top: 28px !important;
  padding-bottom: 28px !important;
}

.m-29 {
  margin: 29px !important;
}

.mt-29 {
  margin-top: 29px !important;
}

.mr-29 {
  margin-right: 29px !important;
}

.mb-29 {
  margin-bottom: 29px !important;
}

.ml-29 {
  margin-left: 29px !important;
}

.mx-29 {
  margin-left: 29px !important;
  margin-right: 29px !important;
}

.my-29 {
  margin-top: 29px !important;
  margin-bottom: 29px !important;
}

.p-29 {
  padding: 29px !important;
}

.pt-29 {
  padding-top: 29px !important;
}

.pr-29 {
  padding-right: 29px !important;
}

.pb-29 {
  padding-bottom: 29px !important;
}

.pl-29 {
  padding-left: 29px !important;
}

.px-29 {
  padding-left: 29px !important;
  padding-right: 29px !important;
}

.py-29 {
  padding-top: 29px !important;
  padding-bottom: 29px !important;
}

.m-30 {
  margin: 30px !important;
}

.mt-30 {
  margin-top: 30px !important;
}

.mr-30 {
  margin-right: 30px !important;
}

.mb-30 {
  margin-bottom: 30px !important;
}

.ml-30 {
  margin-left: 30px !important;
}

.mx-30 {
  margin-left: 30px !important;
  margin-right: 30px !important;
}

.my-30 {
  margin-top: 30px !important;
  margin-bottom: 30px !important;
}

.p-30 {
  padding: 30px !important;
}

.pt-30 {
  padding-top: 30px !important;
}

.pr-30 {
  padding-right: 30px !important;
}

.pb-30 {
  padding-bottom: 30px !important;
}

.pl-30 {
  padding-left: 30px !important;
}

.px-30 {
  padding-left: 30px !important;
  padding-right: 30px !important;
}

.py-30 {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}

.position-static {
  position: static !important;
}

.position-relative {
  position: relative !important;
}

.position-absolute {
  position: absolute !important;
}

.position-fixed {
  position: fixed !important;
}

.position-sticky {
  position: -webkit-sticky !important;
  position: sticky !important;
}

.d-none {
  display: none !important;
}

.d-inline {
  display: inline !important;
}

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

.d-block {
  display: block !important;
}

.d-table {
  display: table !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-table-row {
  display: table-row !important;
}

.d-flex {
  display: flex !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

.align-items-center {
  align-items: center !important;
}

.align-items-start {
  align-items: flex-start !important;
}

.align-items-end {
  align-items: flex-end !important;
}

.align-items-strech {
  align-items: stretch !important;
}

.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.h-100 {
  height: 100% !important;
}

.w-100 {
  width: 100% !important;
}

.flex-direction-row {
  flex-direction: row !important;
}

.flex-direction-column {
  flex-direction: column !important;
}

.flex-wrap {
  flex-wrap: wrap;
}

.flex-grow-1 {
  flex: 1;
}

.h-34px {
  height: 34px;
}

.h-24px {
  height: 24px;
}

.theme-light .bg-white-100 {
  background: rgba(255, 255, 255, 0.1);
}

.theme-dark .bg-white-100 {
  background: rgba(255, 255, 255, 0.1);
}

.theme-light .bg-white {
  background: #ffffff !important;
}

.theme-dark .bg-white {
  background: #ffffff !important;
}

.theme-light .bg-beta {
  background: #2A2D35;
}

.theme-dark .bg-beta {
  background: #2A2D35;
}

.theme-light .bg-footer {
  background: #313540;
}

.theme-dark .bg-footer {
  background: #313540;
}

.theme-light .bg-quota {
  background: #35383E;
}

.theme-dark .bg-quota {
  background: #35383E;
}

.theme-light .bg-black {
  background: #000000 !important;
}

.theme-dark .bg-black {
  background: #000000 !important;
}

.theme-light .bg-dark-grey {
  background: #383C47 !important;
}

.theme-dark .bg-dark-grey {
  background: #383C47 !important;
}

.theme-light .bg-purple {
  background: #280071 !important;
}

.theme-dark .bg-purple {
  background: #280071 !important;
}

.theme-light .bg-lotto {
  background: #22272F;
}

.theme-dark .bg-lotto {
  background: #22272F;
}

.theme-light .bg-main-100 {
  background: #4A4D57;
}

.theme-dark .bg-main-100 {
  background: #4A4D57;
}

.theme-light .bg-primary {
  background: #40A3FF;
  color: #FFFFFF;
}

.theme-dark .bg-primary {
  background: #40A3FF;
  color: #FFFFFF;
}

.theme-light .bg-warning {
  background: #FDB913 !important;
}

.theme-light .bg-warning * {
  color: #010912 !important;
}

.theme-dark .bg-warning {
  background: #FDB913 !important;
}

.theme-dark .bg-warning * {
  color: #010912 !important;
}

.theme-light .bg-danger {
  background: #CF3200;
  color: #FFFFFF;
}

.theme-dark .bg-danger {
  background: #CF3200;
  color: #FFFFFF;
}

.theme-light .bg-danger-light {
  background: #FFE0E0;
}

.theme-dark .bg-danger-light {
  background: #FFE0E0;
}

.bg-grey-light {
  background: #E0E0E0;
}

.theme-light .bg-storned {
  background: #FDB913;
  color: #FFFFFF;
}

.theme-dark .bg-storned {
  background: #FDB913;
  color: #FFFFFF;
}

.theme-light .bg-winning {
  background: #057D11;
  color: #FFFFFF;
}

.theme-dark .bg-winning {
  background: #057D11;
  color: #FFFFFF;
}

.theme-light .bg-winning-light {
  background: #D2FFD2;
}

.theme-dark .bg-winning-light {
  background: #D2FFD2;
}

.theme-light .bg-gray-100 {
  background: #2A2D35;
}

.theme-dark .bg-gray-100 {
  background: #2A2D35;
}

.theme-light .bg-zebra-100 {
  background: #010912;
}

.theme-dark .bg-zebra-100 {
  background: #010912;
}

.theme-light .bg-zebra-200 {
  background: #101E26;
}

.theme-dark .bg-zebra-200 {
  background: #101E26;
}

.theme-light .bg-gray-100 {
  background: #2A2D35;
}

.theme-dark .bg-gray-100 {
  background: #2A2D35;
}

.theme-light .bg-gray-101 {
  background: #2A2D35;
}

.theme-dark .bg-gray-101 {
  background: #2A2D35;
}

.theme-light .bg-stroke {
  background: #4A4D57 !important;
}

.theme-dark .bg-stroke {
  background: #4A4D57 !important;
}

.theme-light .bg-highlight {
  background: #6E7074 !important;
}

.theme-dark .bg-highlight {
  background: #6E7074 !important;
}

.theme-light .bg-highlight-1 {
  background: #6E7074 !important;
}

.theme-dark .bg-highlight-1 {
  background: #6E7074 !important;
}

.theme-light .bg-header {
  background: #280071 !important;
}

.theme-dark .bg-header {
  background: #280071 !important;
}

.theme-light .bg-outline-primary {
  border: 1px solid #FDB913 !important;
  color: rgba(255, 255, 255, 0.9);
}

.theme-dark .bg-outline-primary {
  border: 1px solid #FDB913 !important;
  color: rgba(255, 255, 255, 0.9);
}

.theme-light .bg-outline-primary-darker {
  background: rgba(66, 69, 77, 0.5) !important;
}

.theme-dark .bg-outline-primary-darker {
  background: rgba(66, 69, 77, 0.5) !important;
}

.theme-light .bg-outline-dark {
  border: 1px solid #000000 !important;
}

.theme-dark .bg-outline-dark {
  border: 1px solid #000000 !important;
}

.theme-light .bg-gray-100 {
  background: #2A2D35;
}

.theme-dark .bg-gray-100 {
  background: #2A2D35;
}

.theme-light .bg-ticket-divider {
  background: #E5E5E5;
}

.theme-dark .bg-ticket-divider {
  background: #E5E5E5;
}

.bg-ticket-divider-dark {
  background: #313540;
}

.theme-light .cl-primary {
  color: #40A3FF !important;
}

.theme-dark .cl-primary {
  color: #40A3FF !important;
}

.theme-light .cl-primary-1 {
  color: #40A3FF !important;
}

.theme-dark .cl-primary-1 {
  color: #40A3FF !important;
}

.theme-light .cl-primary-3 {
  color: #FDB913 !important;
}

.theme-dark .cl-primary-3 {
  color: #FDB913 !important;
}

.theme-light .cl-warning {
  color: #FDB913 !important;
}

.theme-dark .cl-warning {
  color: #FDB913 !important;
}

.theme-light .cl-danger {
  color: #CF3200 !important;
}

.theme-dark .cl-danger {
  color: #CF3200 !important;
}

.theme-light .cl-winning {
  color: #057D11 !important;
}

.theme-dark .cl-winning {
  color: #057D11 !important;
}

.theme-light .cl-white {
  color: #ffffff;
}

.theme-dark .cl-white {
  color: #ffffff;
}

.theme-light .cl-white-2 {
  color: #FFFFFF;
}

.theme-dark .cl-white-2 {
  color: #FFFFFF;
}

.theme-light .cl-white-900 {
  color: rgba(255, 255, 255, 0.9);
}

.theme-dark .cl-white-900 {
  color: rgba(255, 255, 255, 0.9);
}

.theme-light .cl-white-700 {
  color: rgba(255, 255, 255, 0.7);
}

.theme-dark .cl-white-700 {
  color: rgba(255, 255, 255, 0.7);
}

.theme-light .cl-white-600 {
  color: rgba(255, 255, 255, 0.6);
}

.theme-dark .cl-white-600 {
  color: rgba(255, 255, 255, 0.6);
}

.theme-light .cl-white-300 {
  color: rgba(255, 255, 255, 0.3);
}

.theme-dark .cl-white-300 {
  color: rgba(255, 255, 255, 0.3);
}

.theme-light .cl-white-150 {
  color: rgba(255, 255, 255, 0.15);
}

.theme-dark .cl-white-150 {
  color: rgba(255, 255, 255, 0.15);
}

.theme-light .cl-error {
  color: #D41F27;
}

.theme-dark .cl-error {
  color: #D41F27;
}

.theme-light .cl-zebra-100 {
  color: #010912;
}

.theme-dark .cl-zebra-100 {
  color: #010912;
}

.theme-light .cl-stroke {
  color: #4A4D57;
}

.theme-dark .cl-stroke {
  color: #4A4D57;
}

.theme-light .cl-black {
  color: #000000;
}

.theme-dark .cl-black {
  color: #000000;
}

.theme-light .cl-black-70 {
  color: rgba(0, 0, 0, 0.7);
}

.theme-dark .cl-black-70 {
  color: rgba(0, 0, 0, 0.7);
}

.theme-light .cl-alfa-5 {
  color: rgba(255, 255, 255, 0.9) !important;
}

.theme-dark .cl-alfa-5 {
  color: rgba(255, 255, 255, 0.9) !important;
}

.theme-light .c-text-strong {
  color: #FFFFFF !important;
}

.theme-dark .c-text-strong {
  color: #FFFFFF !important;
}

.theme-light .c-text-muted {
  color: rgba(255, 255, 255, 0.6) !important;
}

.theme-dark .c-text-muted {
  color: rgba(255, 255, 255, 0.6) !important;
}

.theme-light .c-text-default {
  color: rgba(255, 255, 255, 0.9) !important;
}

.theme-dark .c-text-default {
  color: rgba(255, 255, 255, 0.9) !important;
}

.theme-light .c-text-warning {
  color: #FDB913 !important;
}

.theme-dark .c-text-warning {
  color: #FDB913 !important;
}

.theme-light .c-text-primary {
  color: #40A3FF !important;
}

.theme-dark .c-text-primary {
  color: #40A3FF !important;
}

.theme-light .c-text-white {
  color: #FFFFFF !important;
}

.theme-dark .c-text-white {
  color: #FFFFFF !important;
}

.theme-light .c-text-white-30 {
  color: rgba(255, 255, 255, 0.3) !important;
}

.theme-dark .c-text-white-30 {
  color: rgba(255, 255, 255, 0.3) !important;
}

.theme-light .c-text-white-60 {
  color: rgba(255, 255, 255, 0.6);
}

.theme-dark .c-text-white-60 {
  color: rgba(255, 255, 255, 0.6);
}

.theme-light .c-text-contrast {
  color: #FFFFFF !important;
}

.theme-dark .c-text-contrast {
  color: #FFFFFF !important;
}

.theme-light .c-text-primary-white {
  color: #40A3FF !important;
}

.theme-dark .c-text-primary-white {
  color: #40A3FF !important;
}

.theme-light .c-text-white-light {
  color: rgba(255, 255, 255, 0.6) !important;
}

.theme-dark .c-text-white-light {
  color: rgba(255, 255, 255, 0.6) !important;
}

.theme-light .c-text-white-muted {
  color: rgba(255, 255, 255, 0.6) !important;
}

.theme-dark .c-text-white-muted {
  color: rgba(255, 255, 255, 0.6) !important;
}

.theme-light .c-text-green {
  color: #00C013 !important;
}

.theme-dark .c-text-green {
  color: #00C013 !important;
}

.theme-light .c-light-green {
  color: #78E483 !important;
}

.theme-dark .c-light-green {
  color: #78E483 !important;
}

.theme-light .cl-text-mako-gama {
  color: #313540 !important;
}

.theme-dark .cl-text-mako-gama {
  color: #313540 !important;
}

.theme-light .cl-text-mako-gama-06 {
  color: rgba(49, 53, 64, 0.6);
}

.theme-dark .cl-text-mako-gama-06 {
  color: rgba(49, 53, 64, 0.6);
}

.theme-light .cl-text-mako-gama-07 {
  color: rgba(49, 53, 64, 0.7);
}

.theme-dark .cl-text-mako-gama-07 {
  color: rgba(49, 53, 64, 0.7);
}

.theme-light .cl-text-purple {
  color: rgba(40, 0, 113, 0.8);
}

.theme-dark .cl-text-purple {
  color: rgba(40, 0, 113, 0.8);
}

.o-1 {
  opacity: 0.1;
}

.o-2 {
  opacity: 0.2;
}

.o-3 {
  opacity: 0.3;
}

.o-4 {
  opacity: 0.4;
}

.o-5 {
  opacity: 0.5;
}

.o-6 {
  opacity: 0.6;
}

.o-7 {
  opacity: 0.7;
}

.o-8 {
  opacity: 0.8;
}

.text-left {
  text-align: left !important;
}

.text-center {
  text-align: center !important;
}

.text-right {
  text-align: right !important;
}

.text-justify {
  text-align: justify !important;
}

.text-nowrap {
  white-space: nowrap !important;
}

.text-truncate {
  width: 100%;
  white-space: nowrap;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
}

.text-lowercase {
  text-transform: lowercase !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.text-capitalize {
  text-transform: capitalize !important;
}

.word-spacing {
  word-spacing: 9999999px;
}

.text-strong {
  font-weight: 600;
}

.theme-light .border-0 {
  border: 0px solid #4A4D57;
}

.theme-dark .border-0 {
  border: 0px solid #4A4D57;
}

.theme-light .border-top-0 {
  border-top: 0px solid #4A4D57;
}

.theme-dark .border-top-0 {
  border-top: 0px solid #4A4D57;
}

.theme-light .border-right-0 {
  border-right: 0px solid #4A4D57;
}

.theme-dark .border-right-0 {
  border-right: 0px solid #4A4D57;
}

.theme-light .border-bottom-0 {
  border-bottom: 0px solid #4A4D57;
}

.theme-dark .border-bottom-0 {
  border-bottom: 0px solid #4A4D57;
}

.theme-light .border-left-0 {
  border-left: 0px solid #4A4D57;
}

.theme-dark .border-left-0 {
  border-left: 0px solid #4A4D57;
}

.theme-light .border-x-0 {
  border-left: 0px solid #4A4D57;
  border-right: 0px solid #4A4D57;
}

.theme-dark .border-x-0 {
  border-left: 0px solid #4A4D57;
  border-right: 0px solid #4A4D57;
}

.theme-light .border-y-0 {
  border-top: 0px solid #4A4D57;
  border-bottom: 0px solid #4A4D57;
}

.theme-dark .border-y-0 {
  border-top: 0px solid #4A4D57;
  border-bottom: 0px solid #4A4D57;
}

.theme-light .border-1 {
  border: 1px solid #4A4D57;
}

.theme-dark .border-1 {
  border: 1px solid #4A4D57;
}

.theme-light .border-top-1 {
  border-top: 1px solid #4A4D57;
}

.theme-dark .border-top-1 {
  border-top: 1px solid #4A4D57;
}

.theme-light .border-right-1 {
  border-right: 1px solid #4A4D57;
}

.theme-dark .border-right-1 {
  border-right: 1px solid #4A4D57;
}

.theme-light .border-bottom-1 {
  border-bottom: 1px solid #4A4D57;
}

.theme-dark .border-bottom-1 {
  border-bottom: 1px solid #4A4D57;
}

.theme-light .border-left-1 {
  border-left: 1px solid #4A4D57;
}

.theme-dark .border-left-1 {
  border-left: 1px solid #4A4D57;
}

.theme-light .border-x-1 {
  border-left: 1px solid #4A4D57;
  border-right: 1px solid #4A4D57;
}

.theme-dark .border-x-1 {
  border-left: 1px solid #4A4D57;
  border-right: 1px solid #4A4D57;
}

.theme-light .border-y-1 {
  border-top: 1px solid #4A4D57;
  border-bottom: 1px solid #4A4D57;
}

.theme-dark .border-y-1 {
  border-top: 1px solid #4A4D57;
  border-bottom: 1px solid #4A4D57;
}

.theme-light .border-2 {
  border: 2px solid #4A4D57;
}

.theme-dark .border-2 {
  border: 2px solid #4A4D57;
}

.theme-light .border-top-2 {
  border-top: 2px solid #4A4D57;
}

.theme-dark .border-top-2 {
  border-top: 2px solid #4A4D57;
}

.theme-light .border-right-2 {
  border-right: 2px solid #4A4D57;
}

.theme-dark .border-right-2 {
  border-right: 2px solid #4A4D57;
}

.theme-light .border-bottom-2 {
  border-bottom: 2px solid #4A4D57;
}

.theme-dark .border-bottom-2 {
  border-bottom: 2px solid #4A4D57;
}

.theme-light .border-left-2 {
  border-left: 2px solid #4A4D57;
}

.theme-dark .border-left-2 {
  border-left: 2px solid #4A4D57;
}

.theme-light .border-x-2 {
  border-left: 2px solid #4A4D57;
  border-right: 2px solid #4A4D57;
}

.theme-dark .border-x-2 {
  border-left: 2px solid #4A4D57;
  border-right: 2px solid #4A4D57;
}

.theme-light .border-y-2 {
  border-top: 2px solid #4A4D57;
  border-bottom: 2px solid #4A4D57;
}

.theme-dark .border-y-2 {
  border-top: 2px solid #4A4D57;
  border-bottom: 2px solid #4A4D57;
}

.theme-light .border-3 {
  border: 3px solid #4A4D57;
}

.theme-dark .border-3 {
  border: 3px solid #4A4D57;
}

.theme-light .border-top-3 {
  border-top: 3px solid #4A4D57;
}

.theme-dark .border-top-3 {
  border-top: 3px solid #4A4D57;
}

.theme-light .border-right-3 {
  border-right: 3px solid #4A4D57;
}

.theme-dark .border-right-3 {
  border-right: 3px solid #4A4D57;
}

.theme-light .border-bottom-3 {
  border-bottom: 3px solid #4A4D57;
}

.theme-dark .border-bottom-3 {
  border-bottom: 3px solid #4A4D57;
}

.theme-light .border-left-3 {
  border-left: 3px solid #4A4D57;
}

.theme-dark .border-left-3 {
  border-left: 3px solid #4A4D57;
}

.theme-light .border-x-3 {
  border-left: 3px solid #4A4D57;
  border-right: 3px solid #4A4D57;
}

.theme-dark .border-x-3 {
  border-left: 3px solid #4A4D57;
  border-right: 3px solid #4A4D57;
}

.theme-light .border-y-3 {
  border-top: 3px solid #4A4D57;
  border-bottom: 3px solid #4A4D57;
}

.theme-dark .border-y-3 {
  border-top: 3px solid #4A4D57;
  border-bottom: 3px solid #4A4D57;
}

.theme-light .border-4 {
  border: 4px solid #4A4D57;
}

.theme-dark .border-4 {
  border: 4px solid #4A4D57;
}

.theme-light .border-top-4 {
  border-top: 4px solid #4A4D57;
}

.theme-dark .border-top-4 {
  border-top: 4px solid #4A4D57;
}

.theme-light .border-right-4 {
  border-right: 4px solid #4A4D57;
}

.theme-dark .border-right-4 {
  border-right: 4px solid #4A4D57;
}

.theme-light .border-bottom-4 {
  border-bottom: 4px solid #4A4D57;
}

.theme-dark .border-bottom-4 {
  border-bottom: 4px solid #4A4D57;
}

.theme-light .border-left-4 {
  border-left: 4px solid #4A4D57;
}

.theme-dark .border-left-4 {
  border-left: 4px solid #4A4D57;
}

.theme-light .border-x-4 {
  border-left: 4px solid #4A4D57;
  border-right: 4px solid #4A4D57;
}

.theme-dark .border-x-4 {
  border-left: 4px solid #4A4D57;
  border-right: 4px solid #4A4D57;
}

.theme-light .border-y-4 {
  border-top: 4px solid #4A4D57;
  border-bottom: 4px solid #4A4D57;
}

.theme-dark .border-y-4 {
  border-top: 4px solid #4A4D57;
  border-bottom: 4px solid #4A4D57;
}

.theme-light .border-5 {
  border: 5px solid #4A4D57;
}

.theme-dark .border-5 {
  border: 5px solid #4A4D57;
}

.theme-light .border-top-5 {
  border-top: 5px solid #4A4D57;
}

.theme-dark .border-top-5 {
  border-top: 5px solid #4A4D57;
}

.theme-light .border-right-5 {
  border-right: 5px solid #4A4D57;
}

.theme-dark .border-right-5 {
  border-right: 5px solid #4A4D57;
}

.theme-light .border-bottom-5 {
  border-bottom: 5px solid #4A4D57;
}

.theme-dark .border-bottom-5 {
  border-bottom: 5px solid #4A4D57;
}

.theme-light .border-left-5 {
  border-left: 5px solid #4A4D57;
}

.theme-dark .border-left-5 {
  border-left: 5px solid #4A4D57;
}

.theme-light .border-x-5 {
  border-left: 5px solid #4A4D57;
  border-right: 5px solid #4A4D57;
}

.theme-dark .border-x-5 {
  border-left: 5px solid #4A4D57;
  border-right: 5px solid #4A4D57;
}

.theme-light .border-y-5 {
  border-top: 5px solid #4A4D57;
  border-bottom: 5px solid #4A4D57;
}

.theme-dark .border-y-5 {
  border-top: 5px solid #4A4D57;
  border-bottom: 5px solid #4A4D57;
}

.container {
  display: flex;
  justify-content: space-between;
}

.row {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

.row.gap-1 {
  flex-wrap: nowrap;
}

.row.gap-1 > * {
  margin-right: 1px;
}

.row.gap-1 > *:first-child {
  margin-left: 0;
}

.row.gap-1 > *:last-child {
  margin-right: 0;
}

.row.gap-2 {
  flex-wrap: nowrap;
}

.row.gap-2 > * {
  margin-right: 2px;
}

.row.gap-2 > *:first-child {
  margin-left: 0;
}

.row.gap-2 > *:last-child {
  margin-right: 0;
}

.row.gap-3 {
  flex-wrap: nowrap;
}

.row.gap-3 > * {
  margin-right: 3px;
}

.row.gap-3 > *:first-child {
  margin-left: 0;
}

.row.gap-3 > *:last-child {
  margin-right: 0;
}

.row.gap-4 {
  flex-wrap: nowrap;
}

.row.gap-4 > * {
  margin-right: 4px;
}

.row.gap-4 > *:first-child {
  margin-left: 0;
}

.row.gap-4 > *:last-child {
  margin-right: 0;
}

.row.gap-5 {
  flex-wrap: nowrap;
}

.row.gap-5 > * {
  margin-right: 5px;
}

.row.gap-5 > *:first-child {
  margin-left: 0;
}

.row.gap-5 > *:last-child {
  margin-right: 0;
}

.row.gap-6 {
  flex-wrap: nowrap;
}

.row.gap-6 > * {
  margin-right: 6px;
}

.row.gap-6 > *:first-child {
  margin-left: 0;
}

.row.gap-6 > *:last-child {
  margin-right: 0;
}

.row.gap-7 {
  flex-wrap: nowrap;
}

.row.gap-7 > * {
  margin-right: 7px;
}

.row.gap-7 > *:first-child {
  margin-left: 0;
}

.row.gap-7 > *:last-child {
  margin-right: 0;
}

.row.gap-8 {
  flex-wrap: nowrap;
}

.row.gap-8 > * {
  margin-right: 8px;
}

.row.gap-8 > *:first-child {
  margin-left: 0;
}

.row.gap-8 > *:last-child {
  margin-right: 0;
}

.col {
  flex: 1;
}

.col-1 {
  width: 8.3333333333%;
}

.col-2 {
  width: 16.6666666667%;
}

.col-3 {
  width: 25%;
}

.col-4 {
  width: 33.3333333333%;
}

.col-5 {
  width: 41.6666666667%;
}

.col-6 {
  width: 50%;
}

.col-7 {
  width: 58.3333333333%;
}

.col-8 {
  width: 66.6666666667%;
}

.col-9 {
  width: 75%;
}

.col-10 {
  width: 83.3333333333%;
}

.col-11 {
  width: 91.6666666667%;
}

.col-12 {
  width: 100%;
}

.flex-item {
  display: flex;
  align-items: center;
  height: 100%;
}

@media (max-width: 412px) {
  .col-sm-8 {
    width: 66.6666666667%;
  }
}

@media (max-width: 412px) {
  .col-sm-4 {
    width: 33.3333333333%;
  }
}

@media (max-width: 350px) {
  .col-xs-10 {
    width: 83.3333333333%;
  }
}

@media (max-width: 350px) {
  .col-xs-2 {
    width: 16.6666666667%;
  }
}

.main-navigation-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 8px;
}

.theme-light .main-navigation-wrapper {
  background: #280071;
}

.theme-dark .main-navigation-wrapper {
  background: #280071;
}

.main-navigation-wrapper .menu-logo-wrapper span {
  display: inline-block;
}

.main-navigation-wrapper .menu-logo-wrapper .hamburger-icon {
  position: relative;
  top: -2px;
}

.main-navigation-wrapper .menu-logo-wrapper .vertical-line {
  display: inline-block;
  width: 1px;
  height: 14px;
  background-color: white;
  opacity: 40%;
  margin-left: 5px;
  margin-right: 5px;
  position: relative;
  top: -4px;
}

.main-navigation-wrapper .menu-logo-wrapper .pay-bill {
  position: relative;
  top: -7px;
}

.main-navigation-wrapper .main-navigation {
  display: flex;
  align-items: center;
  position: relative;
  top: -3px;
}

.main-navigation-wrapper .main-navigation li {
  margin-right: 5px;
}

.main-navigation-wrapper .main-navigation li:last-child {
  margin-right: 0;
}

.main-navigation-wrapper .main-navigation li a {
  font-size: 12px;
  text-decoration: none;
}

.theme-light .main-navigation-wrapper .main-navigation li a {
  color: rgba(255, 255, 255, 0.6);
}

.theme-dark .main-navigation-wrapper .main-navigation li a {
  color: rgba(255, 255, 255, 0.6);
}

.main-navigation-wrapper .main-navigation li.sign-in {
  padding: 2px 8px 3px;
  background: #FDB913;
}

.main-navigation-wrapper .main-navigation li.sign-in a {
  color: #313540;
  font-size: 12px;
}

.main-navigation-wrapper.no-main-navigation ul {
  position: relative;
  top: 0;
}

.main-navigation-wrapper.no-main-navigation .menu-logo-wrapper .hamburger-icon {
  top: 0;
}

.main-navigation-wrapper.no-main-navigation .menu-logo-wrapper .vertical-line {
  top: 0;
}

.main-navigation-wrapper.no-main-navigation .menu-logo-wrapper .pay-bill {
  top: 0;
}

.main-navigation-wrapper.no-main-navigation .menu-logo-wrapper a {
  position: relative;
  top: 0;
}

.ticket-link {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.theme-light .ticket-link.empty svg path {
  fill: rgba(255, 255, 255, 0.3);
}

.theme-dark .ticket-link.empty svg path {
  fill: rgba(255, 255, 255, 0.3);
}

.theme-light .ticket-link.empty svg rect {
  fill: #FFFFFF;
}

.theme-dark .ticket-link.empty svg rect {
  fill: #FFFFFF;
}

.ticket-link.empty .bettype-counter {
  font-size: 9px;
}

.theme-light .ticket-link.empty .bettype-counter {
  color: #FFFFFF;
}

.theme-dark .ticket-link.empty .bettype-counter {
  color: #FFFFFF;
}

.theme-light .ticket-link.open svg path {
  fill: #ffffff;
}

.theme-dark .ticket-link.open svg path {
  fill: #ffffff;
}

.theme-light .ticket-link.open svg rect {
  fill: #20476d;
}

.theme-dark .ticket-link.open svg rect {
  fill: #20476d;
}

.theme-light .ticket-link.open .bettype-counter {
  color: #313540;
}

.theme-dark .ticket-link.open .bettype-counter {
  color: #313540;
}

.theme-light .ticket-link.value svg path {
  fill: #FFFFFF;
}

.theme-dark .ticket-link.value svg path {
  fill: #FFFFFF;
}

.theme-light .ticket-link.value svg rect {
  fill: #313540;
}

.theme-dark .ticket-link.value svg rect {
  fill: #313540;
}

.theme-light .ticket-link.value .bettype-counter {
  color: #313540;
}

.theme-dark .ticket-link.value .bettype-counter {
  color: #313540;
}

.ticket-link .bettype-counter {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 13px;
}

.products-navigation-wrapper {
  padding: 3px 8px 6px;
}

.theme-light .products-navigation-wrapper {
  background: #280071;
}

.theme-dark .products-navigation-wrapper {
  background: #280071;
}

.products-navigation-wrapper .products-navigation {
  display: flex;
  justify-content: space-between;
}

.products-navigation-wrapper .products-navigation img {
  width: initial;
}

.products-navigation-wrapper .products-navigation li {
  position: relative;
}

.theme-light .products-navigation-wrapper .products-navigation li.active p {
  color: #FFFFFF;
  position: relative;
}

.theme-dark .products-navigation-wrapper .products-navigation li.active p {
  color: #FFFFFF;
  position: relative;
}

.products-navigation-wrapper .products-navigation li.active p::after {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 50%;
  width: 100%;
  height: 2px;
  transform: translateX(-50%);
  display: block;
}

.theme-light .products-navigation-wrapper .products-navigation li.active p::after {
  background: #FDB913;
}

.theme-dark .products-navigation-wrapper .products-navigation li.active p::after {
  background: #FDB913;
}

@media (max-width: 300px) {
  .products-navigation-wrapper .products-navigation li.active::after {
    width: 40px;
  }
}

.products-navigation-wrapper .products-navigation a {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-decoration: none;
}

.products-navigation-wrapper .products-navigation a p {
  margin-top: 5px;
  font-size: 13px;
  font-weight: 600;
}

.theme-light .products-navigation-wrapper .products-navigation a p {
  color: rgba(255, 255, 255, 0.6);
}

.theme-dark .products-navigation-wrapper .products-navigation a p {
  color: rgba(255, 255, 255, 0.6);
}

.no-navigation {
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.theme-light .no-navigation {
  background: #280071;
}

.theme-dark .no-navigation {
  background: #280071;
}

.page-title-label {
  font-size: 16px;
  color: white;
  height: 48px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #383C47;
}

.theme-light .page-title-label.bg-header {
  background: #280071 !important;
}

.theme-dark .page-title-label.bg-header {
  background: #280071 !important;
}

.page-title-label.bg-grey-light {
  background: #E0E0E0;
}

.product-menu-wrapper {
  padding: 40px 50px;
}

.theme-light .product-menu-wrapper {
  border-top: 1px solid #313540;
}

.theme-dark .product-menu-wrapper {
  border-top: 1px solid #313540;
}

.product-menu-wrapper .product-menu-row {
  margin-bottom: 40px;
}

.product-menu-wrapper .product-menu-row p.active {
  color: white;
  position: relative;
}

.product-menu-wrapper .product-menu-row p.active:after {
  content: "";
  height: 2px;
  width: 100%;
  background: #FDB913;
  position: absolute;
  bottom: -10px;
  left: 0;
}

.product-menu-wrapper .product-menu-row p.new-product {
  position: relative;
}

.product-menu-wrapper .product-menu-row p.new-product span {
  display: block;
  position: absolute;
  bottom: -13px;
  width: 100%;
}

.product-menu-wrapper .product-menu-row img {
  max-width: 32px;
}

.product-menu span.active {
  color: white;
}

.product-menu-arrow {
  position: absolute;
  bottom: 20px;
  width: 100%;
  text-align: center;
}

.product-menu-arrow img {
  max-width: 32px;
}

.theme-light footer {
  background: #313540;
}

.theme-dark footer {
  background: #313540;
}

footer .footer-top {
  padding: 8px 8px 8px;
  border-top: 1px solid #4A4D57;
  border-bottom: 1px solid #4A4D57;
}

footer .footer-top .app-version-link {
  padding: 0 8px;
  background: transparent;
  border: 1px solid #4A4D57;
}

.theme-light footer .footer-top .app-version-link {
  color: #FDB913;
}

.theme-dark footer .footer-top .app-version-link {
  color: #FDB913;
}

footer .footer-top .footer-top-logo {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
}

footer .footer-top .footer-top-logo .go-to-top {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  border: none;
}

footer .footer-top .footer-nav {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

@media (max-width: 300px) {
  footer .footer-top .footer-nav li {
    margin: auto;
  }
}

footer .footer-top .footer-nav li a {
  text-transform: uppercase;
  text-decoration: none;
  font-size: 10px;
}

.theme-light footer .footer-top .footer-nav li a {
  color: rgba(255, 255, 255, 0.3);
}

.theme-dark footer .footer-top .footer-nav li a {
  color: rgba(255, 255, 255, 0.3);
}

.theme-light footer .footer-top .footer-nav li.active a {
  color: #FDB913;
}

.theme-dark footer .footer-top .footer-nav li.active a {
  color: #FDB913;
}

footer .footer-middle {
  padding: 21px 8px 8px;
}

footer .footer-middle .betting-shops-logo {
  margin-right: 20px;
}

.theme-light footer .footer-middle span {
  color: rgba(255, 255, 255, 0.6);
}

.theme-dark footer .footer-middle span {
  color: rgba(255, 255, 255, 0.6);
}

footer .footer-middle .description .sms-info {
  margin: 21px 0 16px;
}

footer .footer-middle .description .licence-info {
  margin-bottom: 16px;
  line-height: 17px;
}

footer .footer-middle .description .gambling-info {
  line-height: 17px;
  margin-bottom: 21px;
}

footer .footer-middle .description .contact-info {
  line-height: 17px;
  margin-bottom: 9px;
}

footer .footer-middle .description .contact-info p:first-child {
  margin-bottom: 2px;
}

footer .footer-middle .description p {
  font-size: 12px;
}

.theme-light footer .footer-middle .description p {
  color: rgba(255, 255, 255, 0.6);
}

.theme-dark footer .footer-middle .description p {
  color: rgba(255, 255, 255, 0.6);
}

footer .footer-middle .controls {
  display: flex;
  justify-content: space-between;
  margin-bottom: 12px;
}

footer .footer-middle .controls .left {
  display: flex;
}

footer .footer-middle .controls .left a {
  display: flex;
  align-items: center;
  text-decoration: none;
}

footer .footer-middle .controls .left a span {
  text-transform: uppercase;
  font-size: 11px;
}

.theme-light footer .footer-middle .controls .left a span {
  color: rgba(255, 255, 255, 0.3);
}

.theme-dark footer .footer-middle .controls .left a span {
  color: rgba(255, 255, 255, 0.3);
}

.theme-light footer .footer-middle .controls .left a.active span {
  color: #40A3FF;
}

.theme-dark footer .footer-middle .controls .left a.active span {
  color: #40A3FF;
}

footer .footer-middle .controls .left a:first-child {
  margin-right: 24px;
}

footer .footer-middle .controls .right {
  display: flex;
}

footer .footer-middle .footer-navigation .navigation-links-wrapper {
  display: flex;
  padding-bottom: 6px;
}

footer .footer-middle .footer-navigation .navigation-links-wrapper .navigation-links {
  display: inline-block;
  width: 50%;
  float: left;
}

footer .footer-middle .footer-navigation .navigation-links-wrapper .navigation-links-title {
  color: white;
  font-size: 13px;
  font-weight: 600;
  padding-bottom: 19px;
}

footer .footer-middle .footer-navigation .navigation-links-wrapper .navigation-links-text {
  display: block;
  font-size: 13px;
  padding-bottom: 19px;
}

footer .footer-middle .footer-content-text {
  color: rgba(255, 255, 255, 0.6);
}

footer .divider-footer {
  height: 1px;
}

.theme-light footer .divider-footer {
  background: #42454D;
}

.theme-dark footer .divider-footer {
  background: #42454D;
}

footer .footer-bottom {
  padding: 8px;
  max-height: 40px;
  display: flex;
  justify-content: space-between;
}

footer .footer-bottom .left a {
  display: flex;
  align-items: center;
}

footer .footer-bottom .left a span {
  font-size: 10px;
}

.theme-light footer .footer-bottom .left a span {
  color: rgba(255, 255, 255, 0.6);
}

.theme-dark footer .footer-bottom .left a span {
  color: rgba(255, 255, 255, 0.6);
}

footer .footer-bottom .right a {
  display: inline-block;
}

footer .footer-bottom .right a:first-child {
  margin-right: 16px;
}

footer .mpesa-footer-logo {
  display: flex;
  align-items: center;
}

footer .mpesa-footer-logo img {
  width: 48px;
  height: auto;
}

.max-300 {
  display: none;
}

@media (max-width: 300px) {
  .max-300 {
    display: block;
  }
}

.max-350 {
  display: none;
}

@media (max-width: 350px) {
  .max-350 {
    display: block;
  }
}

.over-300 {
  display: block;
}

@media (max-width: 300px) {
  .over-300 {
    display: none;
  }
}

.over-350 {
  display: block;
}

@media (max-width: 350px) {
  .over-350 {
    display: none;
  }
}

.alert {
  font-size: 12px;
}

.info-block {
  display: none;
}

.info-block.open {
  display: flex;
}

.modal-info {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
  width: 90%;
  max-width: 320px;
  z-index: 3;
}

.modal-info.open {
  display: block;
}

.modal-info .modal-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 10px;
  color: white;
  background: #383C47;
  font-size: 16px;
}

.modal-info .modal-body {
  background: #313540;
}

.modal-info .modal-body .alert-icon {
  display: inline-block;
  margin: 16px 0 20px;
}

.modal-info .modal-body .alert-icon img {
  width: initial;
}

.modal-info .modal-body .text {
  font-size: 13px;
}

.voucher-type-modal {
  display: none;
  width: 100%;
  background: white;
  position: fixed;
  top: 0;
  z-index: 2;
}

.btn {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  font-size: 14px;
  color: white;
  font-weight: 600;
  height: 40px;
  border: none;
  outline: none;
  cursor: pointer;
}

.btn.btn-border {
  background: transparent;
  color: white;
}

.btn.btn-green {
  background: #057D11;
  color: white;
}

.btn.btn-gray {
  background: #4A4D57;
  color: white;
}

.btn.btn-small {
  height: 32px;
}

.btn.height-48 {
  height: 48px;
}

.submit-btn {
  cursor: pointer;
}

.btn-border-grey {
  border-radius: 2px;
  border: 1px solid #383C47;
}

.show-more-btn {
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.theme-light .show-more-btn {
  background: #010912;
  color: #40A3FF;
  border-top: 1px solid #0F3147;
  border-bottom: 1px solid #0F3147;
}

.theme-dark .show-more-btn {
  background: #010912;
  color: #40A3FF;
  border-top: 1px solid #0F3147;
  border-bottom: 1px solid #0F3147;
}

.theme-btn-switch {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-right: 8px;
  width: 32px;
  height: 32px;
  font-size: 13px;
  cursor: pointer;
}

.theme-light .theme-btn-switch {
  background: #DADADA;
  color: #000000;
}

.theme-dark .theme-btn-switch {
  background: #DADADA;
  color: #000000;
}

.divider {
  width: 100%;
  height: 1px;
}

.theme-light .divider.divider-stroke {
  background: #4A4D57;
}

.theme-dark .divider.divider-stroke {
  background: #4A4D57;
}

form {
  display: flex;
  flex-direction: column;
}

form .form-control {
  position: relative;
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
}

form .form-control.large-inputs {
  margin-bottom: 15px;
}

form .form-control.flex-direction-row {
  flex-direction: row;
  align-items: center;
}

form .form-control.flex-direction-row label {
  margin-bottom: 0;
}

form .form-control label {
  font-size: 13px;
  margin-bottom: 3px;
  padding-left: 15px;
  font-weight: 600;
}

.theme-light form .form-control label {
  color: rgba(49, 53, 64, 0.6);
}

.theme-dark form .form-control label {
  color: rgba(49, 53, 64, 0.6);
}

.theme-light form .form-control label.light-text-label {
  color: rgba(255, 255, 255, 0.6);
}

.theme-dark form .form-control label.light-text-label {
  color: rgba(255, 255, 255, 0.6);
}

form .form-control .input-icon {
  content: "";
  width: 22px;
  height: 22px;
  position: absolute;
  left: 10px;
  top: 30px;
  background-image: url("/images/input-icons/user-input-icon.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

form .form-control .input-icon.unlock {
  background-image: url("/images/input-icons/unlock-input-icon.svg");
}

form .form-control .input-icon.lock {
  background-image: url("/images/input-icons/lock-input-icon.svg");
}

form .form-control .input-icon.smartphone {
  background-image: url("/images/input-icons/smartphone-input-icon.svg");
}

form .form-control .input-icon.betslip-share {
  background-image: url("/images/input-icons/betslip-input-icon.svg");
}

form .form-control input[type=text],
form .form-control input[type=password],
form .form-control input[type=number] {
  border: 1px solid #D0D0D0 !important;
  padding: 15px;
}

.theme-light form .form-control input[type=text],
.theme-light form .form-control input[type=password],
.theme-light form .form-control input[type=number] {
  background: #FFFFFF;
}

.theme-dark form .form-control input[type=text],
.theme-dark form .form-control input[type=password],
.theme-dark form .form-control input[type=number] {
  background: #FFFFFF;
}

form .form-control input[type=text]::-webkit-input-placeholder, form .form-control input[type=password]::-webkit-input-placeholder, form .form-control input[type=number]::-webkit-input-placeholder {
  font-size: 15px;
}

form .form-control input[type=text]::-moz-placeholder, form .form-control input[type=password]::-moz-placeholder, form .form-control input[type=number]::-moz-placeholder {
  font-size: 15px;
}

form .form-control input[type=text]:-ms-input-placeholder, form .form-control input[type=password]:-ms-input-placeholder, form .form-control input[type=number]:-ms-input-placeholder {
  font-size: 15px;
}

form .form-control input[type=text]::-ms-input-placeholder, form .form-control input[type=password]::-ms-input-placeholder, form .form-control input[type=number]::-ms-input-placeholder {
  font-size: 15px;
}

form .form-control input[type=text]::placeholder,
form .form-control input[type=password]::placeholder,
form .form-control input[type=number]::placeholder {
  font-size: 15px;
}

.theme-light form .form-control input[type=text]::-webkit-input-placeholder, .theme-light form .form-control input[type=password]::-webkit-input-placeholder, .theme-light form .form-control input[type=number]::-webkit-input-placeholder {
  color: rgba(49, 53, 64, 0.6);
}

.theme-light form .form-control input[type=text]::-moz-placeholder, .theme-light form .form-control input[type=password]::-moz-placeholder, .theme-light form .form-control input[type=number]::-moz-placeholder {
  color: rgba(49, 53, 64, 0.6);
}

.theme-light form .form-control input[type=text]:-ms-input-placeholder, .theme-light form .form-control input[type=password]:-ms-input-placeholder, .theme-light form .form-control input[type=number]:-ms-input-placeholder {
  color: rgba(49, 53, 64, 0.6);
}

.theme-light form .form-control input[type=text]::-ms-input-placeholder, .theme-light form .form-control input[type=password]::-ms-input-placeholder, .theme-light form .form-control input[type=number]::-ms-input-placeholder {
  color: rgba(49, 53, 64, 0.6);
}

.theme-light form .form-control input[type=text]::placeholder,
.theme-light form .form-control input[type=password]::placeholder,
.theme-light form .form-control input[type=number]::placeholder {
  color: rgba(49, 53, 64, 0.6);
}

.theme-dark form .form-control input[type=text]::-webkit-input-placeholder, .theme-dark form .form-control input[type=password]::-webkit-input-placeholder, .theme-dark form .form-control input[type=number]::-webkit-input-placeholder {
  color: rgba(49, 53, 64, 0.6);
}

.theme-dark form .form-control input[type=text]::-moz-placeholder, .theme-dark form .form-control input[type=password]::-moz-placeholder, .theme-dark form .form-control input[type=number]::-moz-placeholder {
  color: rgba(49, 53, 64, 0.6);
}

.theme-dark form .form-control input[type=text]:-ms-input-placeholder, .theme-dark form .form-control input[type=password]:-ms-input-placeholder, .theme-dark form .form-control input[type=number]:-ms-input-placeholder {
  color: rgba(49, 53, 64, 0.6);
}

.theme-dark form .form-control input[type=text]::-ms-input-placeholder, .theme-dark form .form-control input[type=password]::-ms-input-placeholder, .theme-dark form .form-control input[type=number]::-ms-input-placeholder {
  color: rgba(49, 53, 64, 0.6);
}

.theme-dark form .form-control input[type=text]::placeholder,
.theme-dark form .form-control input[type=password]::placeholder,
.theme-dark form .form-control input[type=number]::placeholder {
  color: rgba(49, 53, 64, 0.6);
}

form .form-control input[type=checkbox] {
  margin-right: 8px;
}

.theme-light form input[type=submit]:disabled {
  background: rgba(5, 125, 17, 0.3);
}

.theme-dark form input[type=submit]:disabled {
  background: rgba(5, 125, 17, 0.3);
}

form .alert {
  padding: 7px 15px;
}

form .checkbox-wrapper {
  display: flex;
  align-items: center;
}

form .checkbox-wrapper .label {
  margin-left: 8px;
  font-size: 13px;
}

.theme-light form .checkbox-wrapper .label {
  color: rgba(255, 255, 255, 0.6);
}

.theme-dark form .checkbox-wrapper .label {
  color: rgba(255, 255, 255, 0.6);
}

form .checkbox {
  width: 16px;
  height: 16px;
  margin: 12px 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.theme-light form .checkbox {
  border: 1px solid rgba(255, 255, 255, 0.6);
}

.theme-dark form .checkbox {
  border: 1px solid rgba(255, 255, 255, 0.6);
}

.theme-light form .checkbox.active {
  border: 1px solid #40A3FF;
}

.theme-dark form .checkbox.active {
  border: 1px solid #40A3FF;
}

form .checkbox.active div {
  width: 10px;
  height: 10px;
}

.theme-light form .checkbox.active div {
  background: #40A3FF;
}

.theme-dark form .checkbox.active div {
  background: #40A3FF;
}

.theme-light form .checkbox.active + .label {
  color: #40A3FF;
}

.theme-dark form .checkbox.active + .label {
  color: #40A3FF;
}

form.deposit-options-form .form-control input[type=number],
form.transfer-funds-form .form-control input[type=number],
form.withdraw-options-form .form-control input[type=number] {
  padding: 12px;
}

form.deposit-options-form input[type=submit],
form.transfer-funds-form input[type=submit],
form.withdraw-options-form input[type=submit] {
  height: 48px;
}

form.transfer-funds-form .form-control {
  margin-bottom: 14px;
}

.select-wrapper {
  padding: 10px 8px;
  border-radius: 2px;
}

.theme-light .select-wrapper {
  background: #4A4D57;
}

.theme-dark .select-wrapper {
  background: #4A4D57;
}

select {
  width: 100%;
  font-size: 13px;
  border-radius: 2px;
  -webkit-appearance: none;
}

.theme-light select {
  background: #4A4D57;
  color: #ffffff;
  border: none;
}

.theme-dark select {
  background: #4A4D57;
  color: #ffffff;
  border: none;
}

select:focus {
  outline: none;
}

select::-ms-expand {
  display: none;
}

input {
  border: none;
}

.theme-light input {
  background: #FFFFFF;
  color: rgba(1, 9, 18, 0.6);
}

.theme-dark input {
  background: #FFFFFF;
  color: rgba(1, 9, 18, 0.6);
}

input:focus {
  outline: none;
}

input.has-icon {
  padding-left: 40px !important;
}

input[type=date] {
  width: 100%;
  padding-left: 8px;
  font-size: 13px;
  border: 1px solid #D0D0D0 !important;
}

.theme-light input[type=date] {
  background: #FFFFFF;
  color: rgba(1, 9, 18, 0.6);
}

.theme-dark input[type=date] {
  background: #FFFFFF;
  color: rgba(1, 9, 18, 0.6);
}

input[type=date].filter-date {
  height: 24px;
}

.theme-light input[type=date].filter-date {
  background: #35383E;
  color: #40A3FF;
  border: 1px solid #4A4D57;
}

.theme-dark input[type=date].filter-date {
  background: #35383E;
  color: #40A3FF;
  border: 1px solid #4A4D57;
}

.input-date-mask {
  position: absolute;
  background: black;
  height: 20px;
  width: 100px;
  top: 2px;
  left: 2px;
  padding-left: 6px;
  font-size: 13px;
  display: flex;
  align-items: center;
}

.theme-light .input-date-mask {
  background: #35383E;
  color: #40A3FF;
}

.theme-dark .input-date-mask {
  background: #35383E;
  color: #40A3FF;
}

.radio-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.radio-wrapper .radio-btn {
  width: 16px;
  height: 16px;
  margin-right: 4px;
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.radio-wrapper .radio-btn div {
  width: 10px;
  height: 10px;
  background: transparent;
}

.theme-light .radio-wrapper .radio-btn {
  border: 1px solid rgba(255, 255, 255, 0.6);
}

.theme-dark .radio-wrapper .radio-btn {
  border: 1px solid rgba(255, 255, 255, 0.6);
}

.radio-wrapper .radio-btn + .label {
  font-size: 10px;
}

.theme-light .radio-wrapper .radio-btn + .label {
  color: rgba(255, 255, 255, 0.6);
}

.theme-dark .radio-wrapper .radio-btn + .label {
  color: rgba(255, 255, 255, 0.6);
}

.theme-light .radio-wrapper .radio-btn.active {
  border: 1px solid #40A3FF;
}

.theme-dark .radio-wrapper .radio-btn.active {
  border: 1px solid #40A3FF;
}

.theme-light .radio-wrapper .radio-btn.active div {
  background: #40A3FF;
}

.theme-dark .radio-wrapper .radio-btn.active div {
  background: #40A3FF;
}

.theme-light .radio-wrapper .radio-btn.active + .label {
  color: #40A3FF;
}

.theme-dark .radio-wrapper .radio-btn.active + .label {
  color: #40A3FF;
}

.filter-checkbox,
.filter-edit,
.special-filter-items {
  font-size: 13px;
  display: flex;
  justify-content: space-between;
  border-radius: 2px;
  -webkit-appearance: none;
  padding: 11px 8px;
}

.theme-light .filter-checkbox,
.theme-light .filter-edit,
.theme-light .special-filter-items {
  background: #4A4D57;
  color: #ffffff;
  border: none;
}

.theme-dark .filter-checkbox,
.theme-dark .filter-edit,
.theme-dark .special-filter-items {
  background: #4A4D57;
  color: #ffffff;
  border: none;
}

.filter-checkbox .edit-my-leagues,
.filter-edit .edit-my-leagues,
.special-filter-items .edit-my-leagues {
  float: right;
}

.filter-checkbox .edit-my-leagues a,
.filter-edit .edit-my-leagues a,
.special-filter-items .edit-my-leagues a {
  color: #FDB913;
}

.filter-checkbox .edit-my-leagues input,
.filter-edit .edit-my-leagues input,
.special-filter-items .edit-my-leagues input {
  position: relative;
  top: -1px;
  margin-left: 16px;
}

.filter-edit {
  padding: 10px 8px;
}

.filter-edit .label {
  position: relative;
  top: 1px;
}

.filter .info {
  max-width: 217px;
  margin: 16px auto 21px;
  text-align: center;
}

.filter .info img {
  max-width: 24px;
  margin-bottom: 16px;
}

.filter .info p {
  font-size: 14px;
  color: #FDB913;
}

.search-form .input-with-icon {
  display: flex;
}

.theme-light .search-form .input-with-icon {
  background: #FFFFFF;
  color: rgba(1, 9, 18, 0.6);
  border: 1px solid #057D11;
}

.theme-dark .search-form .input-with-icon {
  background: #FFFFFF;
  color: rgba(1, 9, 18, 0.6);
  border: 1px solid #057D11;
}

.search-form .input-with-icon input {
  flex: 1;
  font-size: 12px;
  height: auto;
  width: 100%;
}

.search-form .icon-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 24px;
}

.theme-light .search-form .icon-wrapper {
  background: #FFFFFF;
  color: rgba(1, 9, 18, 0.6);
  border: 1px solid #057D11;
}

.theme-dark .search-form .icon-wrapper {
  background: #FFFFFF;
  color: rgba(1, 9, 18, 0.6);
  border: 1px solid #057D11;
}

.search-form input {
  font-size: 12px;
  height: 24px;
  width: 100%;
}

.search-form .search-wrapper {
  height: 24px;
}

.search-form input.btn {
  width: 100%;
  height: 24px;
}

.theme-light input[type=submit]:disabled {
  background: rgba(5, 125, 17, 0.3);
}

.theme-dark input[type=submit]:disabled {
  background: rgba(5, 125, 17, 0.3);
}

.large-inputs input {
  padding: 15px;
}

.checkbox-terms {
  margin-bottom: 7px;
  font-size: 13px;
}

.theme-light .checkbox-terms {
  color: rgba(49, 53, 64, 0.6);
}

.theme-dark .checkbox-terms {
  color: rgba(49, 53, 64, 0.6);
}

.checkbox-terms span {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url("/images/checkbox-checked.svg") no-repeat;
  background-size: cover;
  margin-right: 10px;
  position: relative;
  top: 4px;
}

.theme-light .checkbox-terms a {
  color: #280071;
}

.theme-dark .checkbox-terms a {
  color: #280071;
}

.amount-input.voucher {
  background: white;
  display: inline-block;
  width: 126px;
  border: 1px solid #057D11;
  padding: 8px 10px 6px;
  font-size: 14px;
}

.tip-odds-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  height: 32px;
  padding: 10px 8px;
  font-size: 16px;
  position: relative;
}

.tip-odds-wrapper.disabled {
  opacity: 0.5;
}

@media (max-width: 300px) {
  .tip-odds-wrapper {
    display: block;
    height: auto;
    text-align: center;
  }

  .tip-odds-wrapper .tip {
    display: block;
  }
}

.theme-light .tip-odds-wrapper {
  background: #4A4D57;
  color: #ffffff;
}

.theme-dark .tip-odds-wrapper {
  background: #4A4D57;
  color: #ffffff;
}

.tip-odds-wrapper .tip {
  font-size: 14px;
  text-transform: capitalize;
}

.theme-light .tip-odds-wrapper .tip {
  color: rgba(255, 255, 255, 0.6);
}

.theme-dark .tip-odds-wrapper .tip {
  color: rgba(255, 255, 255, 0.6);
}

.theme-light .tip-odds-wrapper.active {
  background: #ffffff;
}

.theme-light .tip-odds-wrapper.active .tip,
.theme-light .tip-odds-wrapper.active .odd {
  color: #313540;
}

.theme-dark .tip-odds-wrapper.active {
  background: #ffffff;
}

.theme-dark .tip-odds-wrapper.active .tip,
.theme-dark .tip-odds-wrapper.active .odd {
  color: #313540;
}

.tip-odds-wrapper.active .tip {
  opacity: 0.6;
}

.theme-light .tip-odds-wrapper.active:before {
  background: rgba(255, 255, 255, 0.6);
}

.theme-dark .tip-odds-wrapper.active:before {
  background: rgba(255, 255, 255, 0.6);
}

.betslip-wrapper {
  display: none;
}

.betslip-wrapper .inner-betslip-wrapper {
  height: 32px;
  padding: 0 4px 0 6px;
}

.betslip-wrapper .inner-betslip-wrapper .label {
  opacity: 0.6;
}

.theme-light .betslip-wrapper {
  background: #ffffff;
  color: #313540;
}

.theme-dark .betslip-wrapper {
  background: #ffffff;
  color: #313540;
}

.betslip-wrapper span {
  font-size: 13px;
}

.theme-light .betslip-wrapper span {
  color: #313540;
}

.theme-dark .betslip-wrapper span {
  color: #313540;
}

.betslip-wrapper .betslip-btn {
  min-width: 78px;
  height: 24px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 13px;
  cursor: pointer;
}

.betslip-wrapper .betslip-btn.disabled {
  opacity: 0.6;
}

.single-match-wrapper .jackpot-info-wrapper {
  position: relative;
}

.single-match-wrapper .jackpot-info-wrapper::after {
  content: "";
  height: 1px;
  width: 100%;
  background: url("/images/fake-border-yellow.svg") no-repeat;
  background-size: cover;
  position: absolute;
  left: 0;
  bottom: 0;
}

.single-match-wrapper .jackpot-info-wrapper .jackpot-info {
  width: 170px;
  margin: 0 auto;
  text-align: center;
}

.theme-light .single-match-wrapper .jackpot-info-wrapper .jackpot-info {
  color: rgba(255, 255, 255, 0.9);
}

.theme-dark .single-match-wrapper .jackpot-info-wrapper .jackpot-info {
  color: rgba(255, 255, 255, 0.9);
}

.single-match-wrapper p span {
  font-size: 14px;
}

.theme-light .single-match-wrapper p span {
  color: #FFC350;
}

.theme-dark .single-match-wrapper p span {
  color: #FFC350;
}

.single-match-wrapper .single-match-header {
  height: 42px;
}

.theme-light .single-match-wrapper .single-match-header {
  background: #2A2D35;
}

.theme-dark .single-match-wrapper .single-match-header {
  background: #2A2D35;
}

.single-match-wrapper .single-match-header .sport-competion {
  display: flex;
  justify-content: center;
  align-items: center;
}

.single-match-wrapper .match-period,
.single-match-wrapper .match-score {
  width: 20px;
  text-align: center;
}

.match-list-wrapper {
  margin-bottom: 8px;
}

.match-list-wrapper .offer-label {
  display: flex;
  justify-content: space-between;
  color: white;
  padding: 10px 0 10px 5px;
  font-size: 14px;
}

.match-list-wrapper .offer-label img {
  width: 20px;
  margin: 0 4px;
}

.match-list-wrapper .offer-label a {
  color: #FDB913;
  font-size: 12px;
}

.match-list-wrapper .offer-label a .go-to-offer img {
  margin: 0;
}

.match-list > div:first-of-type {
  border-top: none !important;
}

.match-list--hidden {
  display: none;
}

.match-list__title {
  display: flex;
  align-items: center;
  height: 23px;
  padding-left: 8px;
}

.theme-light .match-list__title {
  background: #939393;
  border-bottom: 1px solid #010912;
}

.theme-dark .match-list__title {
  background: #939393;
  border-bottom: 1px solid #010912;
}

.match-list__title p {
  font-size: 11px;
  text-transform: uppercase;
}

.theme-light .match-list__title p {
  color: #FFFFFF;
}

.theme-dark .match-list__title p {
  color: #FFFFFF;
}

.match-list__filters {
  padding: 5px;
}

.match-list__competition {
  height: 32px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 0 0 5px;
}

.theme-light .match-list__competition {
  color: #FFFFFF;
}

.theme-dark .match-list__competition {
  color: #FFFFFF;
}

.match-list .live-offer-label img {
  width: 20px;
  margin: 0 4px;
}

.match-list .jackpot-info-wrapper {
  position: relative;
}

.match-list .jackpot-info-wrapper::after {
  content: "";
  height: 1px;
  width: 100%;
  background: url("/images/fake-border-yellow.svg") no-repeat;
  background-size: cover;
  position: absolute;
  left: 0;
  bottom: 0;
}

.home-live .jackpot-info-wrapper {
  display: none;
}

.match-item {
  padding: 5px;
}

.match-item--jackpot .jackpot-info {
  width: 170px;
  margin: 0 auto 6px;
  text-align: center;
}

.match-item--jackpot .jackpot-info p {
  padding: 4px 0;
  font-size: 12px;
}

.theme-light .match-item--jackpot .jackpot-info {
  color: rgba(255, 255, 255, 0.9);
}

.theme-dark .match-item--jackpot .jackpot-info {
  color: rgba(255, 255, 255, 0.9);
}

.match-item--jackpot .jackpot-info span {
  font-size: 14px;
}

.theme-light .match-item--jackpot .jackpot-info span {
  color: #FFC350;
}

.theme-dark .match-item--jackpot .jackpot-info span {
  color: #FFC350;
}

.theme-light .match-item--odd {
  background: #383C47;
}

.theme-dark .match-item--odd {
  background: #383C47;
}

.theme-light .match-item--even {
  background: #313540;
}

.theme-dark .match-item--even {
  background: #313540;
}

.match-item__header {
  display: flex;
  justify-content: space-between;
  padding-bottom: 2px;
}

.theme-light .match-item__header {
  border-bottom: 1px solid #4A4D57;
}

.theme-dark .match-item__header {
  border-bottom: 1px solid #4A4D57;
}

.match-item__header span {
  font-size: 12px;
}

.match-item__body {
  padding: 5px 0;
}

.match-item__sport-icon {
  display: inline-block;
  margin-left: 4px;
  margin-right: 8px;
}

.theme-light .match-item__competition {
  color: rgba(255, 255, 255, 0.6);
}

.theme-dark .match-item__competition {
  color: rgba(255, 255, 255, 0.6);
}

.match-item__match-id {
  position: relative;
  margin-right: 10px;
}

.theme-light .match-item__match-id {
  color: rgba(255, 255, 255, 0.6);
}

.theme-dark .match-item__match-id {
  color: rgba(255, 255, 255, 0.6);
}

.match-item__match-id::after {
  content: "";
  position: absolute;
  top: 4px;
  right: -11px;
  width: 1px;
  height: 9px;
  margin: 0 6px;
}

.theme-light .match-item__match-id::after {
  background: rgba(255, 255, 255, 0.6);
}

.theme-dark .match-item__match-id::after {
  background: rgba(255, 255, 255, 0.6);
}

.match-item__match-bonus {
  position: relative;
  margin-right: 10px;
}

.theme-light .match-item__match-bonus {
  color: #FDB913;
}

.theme-dark .match-item__match-bonus {
  color: #FDB913;
}

.match-item__match-bonus::before {
  content: "";
  position: absolute;
  top: 4px;
  right: -11px;
  width: 1px;
  height: 9px;
  margin: 0 6px;
}

.theme-light .match-item__match-bonus::before {
  background: rgba(255, 255, 255, 0.6);
}

.theme-dark .match-item__match-bonus::before {
  background: rgba(255, 255, 255, 0.6);
}

.match-item__date {
  display: inline-block;
}

.theme-light .match-item__date {
  color: rgba(255, 255, 255, 0.6);
}

.theme-dark .match-item__date {
  color: rgba(255, 255, 255, 0.6);
}

.match-item__date.single-header {
  position: relative;
}

.match-item__date.single-header::after {
  content: "";
  position: absolute;
  top: 4px;
  right: -11px;
  width: 1px;
  height: 9px;
  margin: 0 6px;
}

.theme-light .match-item__date.single-header::after {
  background: rgba(255, 255, 255, 0.6) !important;
}

.theme-dark .match-item__date.single-header::after {
  background: rgba(255, 255, 255, 0.6) !important;
}

.match-item__result {
  width: 20px;
  display: flex;
  justify-content: center;
  font-size: 13px;
}

.theme-light .match-item__result--primary {
  color: #FDB913;
}

.theme-dark .match-item__result--primary {
  color: #FDB913;
}

.theme-light .match-item__result--secondary {
  color: rgba(255, 255, 255, 0.6);
}

.theme-dark .match-item__result--secondary {
  color: rgba(255, 255, 255, 0.6);
}

.theme-light .match-item__result--tertiary {
  color: #FFFFFF;
}

.theme-dark .match-item__result--tertiary {
  color: #FFFFFF;
}

.match-item__games-available {
  display: block;
  align-items: center;
  font-size: 13px;
}

.theme-light .match-item__games-available {
  color: #FDB913;
}

.theme-dark .match-item__games-available {
  color: #FDB913;
}

.match-item__participants {
  font-size: 16px;
}

.theme-light .match-item__participants {
  color: #FFFFFF;
}

.theme-dark .match-item__participants {
  color: #FFFFFF;
}

.match-item .odds-data {
  display: block;
  width: 100%;
  text-align: right;
}

.match-item .odds-data span {
  display: block;
}

.match-item .odds-data span.sport-configuration-name {
  margin-top: 3px;
  font-size: 12px;
}

.theme-light .match-item .odds-data span.sport-configuration-name {
  color: #ffffff;
}

.theme-dark .match-item .odds-data span.sport-configuration-name {
  color: #ffffff;
}

.share-code-view .ticket-item__participants,
.bet-slip-view .ticket-item__participants {
  color: white !important;
}

.share-code-view .ticket-item__date,
.share-code-view .ticket-item__game-desc,
.share-code-view .ticket-item__game-short-desc,
.bet-slip-view .ticket-item__date,
.bet-slip-view .ticket-item__game-desc,
.bet-slip-view .ticket-item__game-short-desc {
  color: rgba(255, 255, 255, 0.7) !important;
}

.share-code-view .ticket-item--stopped .ticket-item__desc-odd-wrapper .ticket-item__game-desc,
.share-code-view .ticket-item--stopped .ticket-item__desc-odd-wrapper .ticket-item__game-short-desc,
.bet-slip-view .ticket-item--stopped .ticket-item__desc-odd-wrapper .ticket-item__game-desc,
.bet-slip-view .ticket-item--stopped .ticket-item__desc-odd-wrapper .ticket-item__game-short-desc {
  color: rgba(255, 255, 255, 0.3) !important;
}

.theme-light .share-code-view .ticket-item--stopped .ticket-item__desc-odd-wrapper .ticket-item__odd-value,
.theme-light .bet-slip-view .ticket-item--stopped .ticket-item__desc-odd-wrapper .ticket-item__odd-value {
  color: rgba(253, 185, 19, 0.3) !important;
}

.theme-dark .share-code-view .ticket-item--stopped .ticket-item__desc-odd-wrapper .ticket-item__odd-value,
.theme-dark .bet-slip-view .ticket-item--stopped .ticket-item__desc-odd-wrapper .ticket-item__odd-value {
  color: rgba(253, 185, 19, 0.3) !important;
}

.theme-light .share-code-view .ticket-item,
.theme-light .bet-slip-view .ticket-item {
  border-bottom: 1px solid #4A4D57;
}

.theme-dark .share-code-view .ticket-item,
.theme-dark .bet-slip-view .ticket-item {
  border-bottom: 1px solid #4A4D57;
}

.top-border {
  border-top: 1px solid #057D11;
}

.top-border.top-border-color--2 {
  border-top: 1px solid #057D11;
}

.top-border.top-border-color--5 {
  border-top: 1px solid #FDB913;
}

.top-border.top-border-color--137 {
  border-top: 1px solid #FF1F1F;
}

.lotto-ball-color-1 {
  border-bottom: 4px solid #FFFF00;
}

.lotto-ball-color-2 {
  border-bottom: 4px solid #F26522;
}

.lotto-ball-color-3 {
  border-bottom: 4px solid #ED1C24;
}

.lotto-ball-color-4 {
  border-bottom: 4px solid #EC008C;
}

.lotto-ball-color-5 {
  border-bottom: 4px solid #662D91;
}

.lotto-ball-color-6 {
  border-bottom: 4px solid #04E9EA;
}

.lotto-ball-color-7 {
  border-bottom: 4px solid #00FF00;
}

.lotto-ball-color-8 {
  border-bottom: 4px solid #0000FF;
}

.lotto-ball-border-1 {
  border: 2px solid #FFFF00;
}

.lotto-ball-border-2 {
  border: 2px solid #F26522;
}

.lotto-ball-border-3 {
  border: 2px solid #ED1C24;
}

.lotto-ball-border-4 {
  border: 2px solid #EC008C;
}

.lotto-ball-border-5 {
  border: 2px solid #662D91;
}

.lotto-ball-border-6 {
  border: 2px solid #04E9EA;
}

.lotto-ball-border-7 {
  border: 2px solid #00FF00;
}

.lotto-ball-border-8 {
  border: 2px solid #0000FF;
}

.lotto-ball-border-thin-1 {
  border: 1px solid #FFFF00;
}

.lotto-ball-border-thin-2 {
  border: 1px solid #F26522;
}

.lotto-ball-border-thin-3 {
  border: 1px solid #ED1C24;
}

.lotto-ball-border-thin-4 {
  border: 1px solid #EC008C;
}

.lotto-ball-border-thin-5 {
  border: 1px solid #662D91;
}

.lotto-ball-border-thin-6 {
  border: 1px solid #04E9EA;
}

.lotto-ball-border-thin-7 {
  border: 1px solid #00FF00;
}

.lotto-ball-border-thin-8 {
  border: 1px solid #0000FF;
}

.lotto-ball-background-1 {
  background: #FFFF00;
}

.lotto-ball-background-2 {
  background: #F26522;
}

.lotto-ball-background-3 {
  background: #ED1C24;
}

.lotto-ball-background-4 {
  background: #EC008C;
}

.lotto-ball-background-5 {
  background: #662D91;
}

.lotto-ball-background-6 {
  background: #04E9EA;
}

.lotto-ball-background-7 {
  background: #00FF00;
}

.lotto-ball-background-8 {
  background: #0000FF;
}

.icon {
  width: 24px;
  height: 24px;
  display: inline-block;
  background-repeat: no-repeat;
}

.icon.icon-flag-0 {
  background-image: url("/images/icons/flags/0.svg");
}

.icon.icon-flag-1 {
  background-image: url("/images/icons/flags/1.svg");
}

.icon.icon-flag-2 {
  background-image: url("/images/icons/flags/2.svg");
}

.icon.icon-flag-3 {
  background-image: url("/images/icons/flags/3.svg");
}

.icon.icon-flag-4 {
  background-image: url("/images/icons/flags/4.svg");
}

.icon.icon-flag-5 {
  background-image: url("/images/icons/flags/5.svg");
}

.icon.icon-flag-6 {
  background-image: url("/images/icons/flags/6.svg");
}

.icon.icon-flag-7 {
  background-image: url("/images/icons/flags/7.svg");
}

.icon.icon-flag-8 {
  background-image: url("/images/icons/flags/8.svg");
}

.icon.icon-flag-9 {
  background-image: url("/images/icons/flags/9.svg");
}

.icon.icon-flag-10 {
  background-image: url("/images/icons/flags/10.svg");
}

.icon.icon-flag-11 {
  background-image: url("/images/icons/flags/11.svg");
}

.icon.icon-flag-12 {
  background-image: url("/images/icons/flags/12.svg");
}

.icon.icon-flag-13 {
  background-image: url("/images/icons/flags/13.svg");
}

.icon.icon-flag-14 {
  background-image: url("/images/icons/flags/14.svg");
}

.icon.icon-flag-15 {
  background-image: url("/images/icons/flags/15.svg");
}

.icon.icon-flag-16 {
  background-image: url("/images/icons/flags/16.svg");
}

.icon.icon-flag-17 {
  background-image: url("/images/icons/flags/17.svg");
}

.icon.icon-flag-18 {
  background-image: url("/images/icons/flags/18.svg");
}

.icon.icon-flag-19 {
  background-image: url("/images/icons/flags/19.svg");
}

.icon.icon-flag-20 {
  background-image: url("/images/icons/flags/20.svg");
}

.icon.icon-flag-21 {
  background-image: url("/images/icons/flags/21.svg");
}

.icon.icon-flag-22 {
  background-image: url("/images/icons/flags/22.svg");
}

.icon.icon-flag-23 {
  background-image: url("/images/icons/flags/23.svg");
}

.icon.icon-flag-24 {
  background-image: url("/images/icons/flags/24.svg");
}

.icon.icon-flag-25 {
  background-image: url("/images/icons/flags/25.svg");
}

.icon.icon-flag-26 {
  background-image: url("/images/icons/flags/26.svg");
}

.icon.icon-flag-27 {
  background-image: url("/images/icons/flags/27.svg");
}

.icon.icon-flag-28 {
  background-image: url("/images/icons/flags/28.svg");
}

.icon.icon-flag-29 {
  background-image: url("/images/icons/flags/29.svg");
}

.icon.icon-flag-30 {
  background-image: url("/images/icons/flags/30.svg");
}

.icon.icon-flag-31 {
  background-image: url("/images/icons/flags/31.svg");
}

.icon.icon-flag-32 {
  background-image: url("/images/icons/flags/32.svg");
}

.icon.icon-flag-33 {
  background-image: url("/images/icons/flags/33.svg");
}

.icon.icon-flag-34 {
  background-image: url("/images/icons/flags/34.svg");
}

.icon.icon-flag-35 {
  background-image: url("/images/icons/flags/35.svg");
}

.icon.icon-flag-36 {
  background-image: url("/images/icons/flags/36.svg");
}

.icon.icon-flag-37 {
  background-image: url("/images/icons/flags/37.svg");
}

.icon.icon-flag-38 {
  background-image: url("/images/icons/flags/38.svg");
}

.icon.icon-flag-39 {
  background-image: url("/images/icons/flags/39.svg");
}

.icon.icon-flag-40 {
  background-image: url("/images/icons/flags/40.svg");
}

.icon.icon-flag-41 {
  background-image: url("/images/icons/flags/41.svg");
}

.icon.icon-flag-42 {
  background-image: url("/images/icons/flags/42.svg");
}

.icon.icon-flag-43 {
  background-image: url("/images/icons/flags/43.svg");
}

.icon.icon-flag-44 {
  background-image: url("/images/icons/flags/44.svg");
}

.icon.icon-flag-45 {
  background-image: url("/images/icons/flags/45.svg");
}

.icon.icon-flag-46 {
  background-image: url("/images/icons/flags/46.svg");
}

.icon.icon-flag-47 {
  background-image: url("/images/icons/flags/47.svg");
}

.icon.icon-flag-48 {
  background-image: url("/images/icons/flags/48.svg");
}

.icon.icon-flag-49 {
  background-image: url("/images/icons/flags/49.svg");
}

.icon.icon-flag-50 {
  background-image: url("/images/icons/flags/50.svg");
}

.icon.icon-flag-51 {
  background-image: url("/images/icons/flags/51.svg");
}

.icon.icon-flag-52 {
  background-image: url("/images/icons/flags/52.svg");
}

.icon.icon-flag-53 {
  background-image: url("/images/icons/flags/53.svg");
}

.icon.icon-flag-54 {
  background-image: url("/images/icons/flags/54.svg");
}

.icon.icon-flag-55 {
  background-image: url("/images/icons/flags/55.svg");
}

.icon.icon-flag-56 {
  background-image: url("/images/icons/flags/56.svg");
}

.icon.icon-flag-57 {
  background-image: url("/images/icons/flags/57.svg");
}

.icon.icon-flag-58 {
  background-image: url("/images/icons/flags/58.svg");
}

.icon.icon-flag-59 {
  background-image: url("/images/icons/flags/59.svg");
}

.icon.icon-flag-60 {
  background-image: url("/images/icons/flags/60.svg");
}

.icon.icon-flag-61 {
  background-image: url("/images/icons/flags/61.svg");
}

.icon.icon-flag-62 {
  background-image: url("/images/icons/flags/62.svg");
}

.icon.icon-flag-63 {
  background-image: url("/images/icons/flags/63.svg");
}

.icon.icon-flag-64 {
  background-image: url("/images/icons/flags/64.svg");
}

.icon.icon-flag-65 {
  background-image: url("/images/icons/flags/65.svg");
}

.icon.icon-flag-66 {
  background-image: url("/images/icons/flags/66.svg");
}

.icon.icon-flag-67 {
  background-image: url("/images/icons/flags/67.svg");
}

.icon.icon-flag-68 {
  background-image: url("/images/icons/flags/68.svg");
}

.icon.icon-flag-69 {
  background-image: url("/images/icons/flags/69.svg");
}

.icon.icon-flag-70 {
  background-image: url("/images/icons/flags/70.svg");
}

.icon.icon-flag-71 {
  background-image: url("/images/icons/flags/71.svg");
}

.icon.icon-flag-72 {
  background-image: url("/images/icons/flags/72.svg");
}

.icon.icon-flag-73 {
  background-image: url("/images/icons/flags/73.svg");
}

.icon.icon-flag-74 {
  background-image: url("/images/icons/flags/74.svg");
}

.icon.icon-flag-75 {
  background-image: url("/images/icons/flags/75.svg");
}

.icon.icon-flag-76 {
  background-image: url("/images/icons/flags/76.svg");
}

.icon.icon-flag-77 {
  background-image: url("/images/icons/flags/77.svg");
}

.icon.icon-flag-78 {
  background-image: url("/images/icons/flags/78.svg");
}

.icon.icon-flag-79 {
  background-image: url("/images/icons/flags/79.svg");
}

.icon.icon-flag-80 {
  background-image: url("/images/icons/flags/80.svg");
}

.icon.icon-flag-81 {
  background-image: url("/images/icons/flags/81.svg");
}

.icon.icon-flag-82 {
  background-image: url("/images/icons/flags/82.svg");
}

.icon.icon-flag-83 {
  background-image: url("/images/icons/flags/83.svg");
}

.icon.icon-flag-84 {
  background-image: url("/images/icons/flags/84.svg");
}

.icon.icon-flag-85 {
  background-image: url("/images/icons/flags/85.svg");
}

.icon.icon-flag-86 {
  background-image: url("/images/icons/flags/86.svg");
}

.icon.icon-flag-87 {
  background-image: url("/images/icons/flags/87.svg");
}

.icon.icon-flag-88 {
  background-image: url("/images/icons/flags/88.svg");
}

.icon.icon-flag-89 {
  background-image: url("/images/icons/flags/89.svg");
}

.icon.icon-flag-90 {
  background-image: url("/images/icons/flags/90.svg");
}

.icon.icon-flag-91 {
  background-image: url("/images/icons/flags/91.svg");
}

.icon.icon-flag-92 {
  background-image: url("/images/icons/flags/92.svg");
}

.icon.icon-flag-93 {
  background-image: url("/images/icons/flags/93.svg");
}

.icon.icon-flag-94 {
  background-image: url("/images/icons/flags/94.svg");
}

.icon.icon-flag-95 {
  background-image: url("/images/icons/flags/95.svg");
}

.icon.icon-flag-96 {
  background-image: url("/images/icons/flags/96.svg");
}

.icon.icon-flag-97 {
  background-image: url("/images/icons/flags/97.svg");
}

.icon.icon-flag-98 {
  background-image: url("/images/icons/flags/98.svg");
}

.icon.icon-flag-99 {
  background-image: url("/images/icons/flags/99.svg");
}

.icon.icon-flag-100 {
  background-image: url("/images/icons/flags/100.svg");
}

.icon.icon-flag-101 {
  background-image: url("/images/icons/flags/101.svg");
}

.icon.icon-flag-102 {
  background-image: url("/images/icons/flags/102.svg");
}

.icon.icon-flag-103 {
  background-image: url("/images/icons/flags/103.svg");
}

.icon.icon-flag-104 {
  background-image: url("/images/icons/flags/104.svg");
}

.icon.icon-flag-105 {
  background-image: url("/images/icons/flags/105.svg");
}

.icon.icon-flag-106 {
  background-image: url("/images/icons/flags/106.svg");
}

.icon.icon-flag-107 {
  background-image: url("/images/icons/flags/107.svg");
}

.icon.icon-flag-108 {
  background-image: url("/images/icons/flags/108.svg");
}

.icon.icon-flag-109 {
  background-image: url("/images/icons/flags/109.svg");
}

.icon.icon-flag-110 {
  background-image: url("/images/icons/flags/110.svg");
}

.icon.icon-flag-111 {
  background-image: url("/images/icons/flags/111.svg");
}

.icon.icon-flag-112 {
  background-image: url("/images/icons/flags/112.svg");
}

.icon.icon-flag-113 {
  background-image: url("/images/icons/flags/113.svg");
}

.icon.icon-flag-114 {
  background-image: url("/images/icons/flags/114.svg");
}

.icon.icon-flag-115 {
  background-image: url("/images/icons/flags/115.svg");
}

.icon.icon-flag-116 {
  background-image: url("/images/icons/flags/116.svg");
}

.icon.icon-flag-117 {
  background-image: url("/images/icons/flags/117.svg");
}

.icon.icon-flag-118 {
  background-image: url("/images/icons/flags/118.svg");
}

.icon.icon-flag-119 {
  background-image: url("/images/icons/flags/119.svg");
}

.icon.icon-flag-120 {
  background-image: url("/images/icons/flags/120.svg");
}

.icon.icon-flag-121 {
  background-image: url("/images/icons/flags/121.svg");
}

.icon.icon-flag-122 {
  background-image: url("/images/icons/flags/122.svg");
}

.icon.icon-flag-123 {
  background-image: url("/images/icons/flags/123.svg");
}

.icon.icon-flag-124 {
  background-image: url("/images/icons/flags/124.svg");
}

.icon.icon-flag-125 {
  background-image: url("/images/icons/flags/125.svg");
}

.icon.icon-flag-126 {
  background-image: url("/images/icons/flags/126.svg");
}

.icon.icon-flag-127 {
  background-image: url("/images/icons/flags/127.svg");
}

.icon.icon-flag-128 {
  background-image: url("/images/icons/flags/128.svg");
}

.icon.icon-flag-129 {
  background-image: url("/images/icons/flags/129.svg");
}

.icon.icon-flag-130 {
  background-image: url("/images/icons/flags/130.svg");
}

.icon.icon-flag-131 {
  background-image: url("/images/icons/flags/131.svg");
}

.icon.icon-flag-132 {
  background-image: url("/images/icons/flags/132.svg");
}

.icon.icon-flag-133 {
  background-image: url("/images/icons/flags/133.svg");
}

.icon.icon-flag-134 {
  background-image: url("/images/icons/flags/134.svg");
}

.icon.icon-flag-135 {
  background-image: url("/images/icons/flags/135.svg");
}

.icon.icon-flag-136 {
  background-image: url("/images/icons/flags/136.svg");
}

.icon.icon-flag-137 {
  background-image: url("/images/icons/flags/137.svg");
}

.icon.icon-flag-138 {
  background-image: url("/images/icons/flags/138.svg");
}

.icon.icon-flag-139 {
  background-image: url("/images/icons/flags/139.svg");
}

.icon.icon-flag-140 {
  background-image: url("/images/icons/flags/140.svg");
}

.icon.icon-flag-141 {
  background-image: url("/images/icons/flags/141.svg");
}

.icon.icon-flag-142 {
  background-image: url("/images/icons/flags/142.svg");
}

.icon.icon-flag-143 {
  background-image: url("/images/icons/flags/143.svg");
}

.icon.icon-flag-144 {
  background-image: url("/images/icons/flags/144.svg");
}

.icon.icon-flag-145 {
  background-image: url("/images/icons/flags/145.svg");
}

.icon.icon-flag-146 {
  background-image: url("/images/icons/flags/146.svg");
}

.icon.icon-flag-147 {
  background-image: url("/images/icons/flags/147.svg");
}

.icon.icon-flag-148 {
  background-image: url("/images/icons/flags/148.svg");
}

.icon.icon-flag-149 {
  background-image: url("/images/icons/flags/149.svg");
}

.icon.icon-flag-150 {
  background-image: url("/images/icons/flags/150.svg");
}

.icon.icon-flag-151 {
  background-image: url("/images/icons/flags/151.svg");
}

.icon.icon-flag-152 {
  background-image: url("/images/icons/flags/152.svg");
}

.icon.icon-flag-153 {
  background-image: url("/images/icons/flags/153.svg");
}

.icon.icon-flag-154 {
  background-image: url("/images/icons/flags/154.svg");
}

.icon.icon-flag-155 {
  background-image: url("/images/icons/flags/155.svg");
}

.icon.icon-flag-156 {
  background-image: url("/images/icons/flags/156.svg");
}

.icon.icon-flag-157 {
  background-image: url("/images/icons/flags/157.svg");
}

.icon.icon-flag-158 {
  background-image: url("/images/icons/flags/158.svg");
}

.icon.icon-flag-159 {
  background-image: url("/images/icons/flags/159.svg");
}

.icon.icon-flag-160 {
  background-image: url("/images/icons/flags/160.svg");
}

.icon.icon-flag-161 {
  background-image: url("/images/icons/flags/161.svg");
}

.icon.icon-flag-162 {
  background-image: url("/images/icons/flags/162.svg");
}

.icon.icon-flag-163 {
  background-image: url("/images/icons/flags/163.svg");
}

.icon.icon-flag-164 {
  background-image: url("/images/icons/flags/164.svg");
}

.icon.icon-flag-165 {
  background-image: url("/images/icons/flags/165.svg");
}

.icon.icon-flag-166 {
  background-image: url("/images/icons/flags/166.svg");
}

.icon.icon-flag-167 {
  background-image: url("/images/icons/flags/167.svg");
}

.icon.icon-flag-168 {
  background-image: url("/images/icons/flags/168.svg");
}

.icon.icon-flag-169 {
  background-image: url("/images/icons/flags/169.svg");
}

.icon.icon-flag-170 {
  background-image: url("/images/icons/flags/170.svg");
}

.icon.icon-flag-171 {
  background-image: url("/images/icons/flags/171.svg");
}

.icon.icon-flag-172 {
  background-image: url("/images/icons/flags/172.svg");
}

.icon.icon-flag-173 {
  background-image: url("/images/icons/flags/173.svg");
}

.icon.icon-flag-174 {
  background-image: url("/images/icons/flags/174.svg");
}

.icon.icon-flag-175 {
  background-image: url("/images/icons/flags/175.svg");
}

.icon.icon-flag-176 {
  background-image: url("/images/icons/flags/176.svg");
}

.icon.icon-flag-177 {
  background-image: url("/images/icons/flags/177.svg");
}

.icon.icon-flag-178 {
  background-image: url("/images/icons/flags/178.svg");
}

.icon.icon-flag-179 {
  background-image: url("/images/icons/flags/179.svg");
}

.icon.icon-flag-180 {
  background-image: url("/images/icons/flags/180.svg");
}

.icon.icon-flag-181 {
  background-image: url("/images/icons/flags/181.svg");
}

.icon.icon-flag-182 {
  background-image: url("/images/icons/flags/182.svg");
}

.icon.icon-flag-183 {
  background-image: url("/images/icons/flags/183.svg");
}

.icon.icon-flag-184 {
  background-image: url("/images/icons/flags/184.svg");
}

.icon.icon-flag-185 {
  background-image: url("/images/icons/flags/185.svg");
}

.icon.icon-flag-186 {
  background-image: url("/images/icons/flags/186.svg");
}

.icon.icon-flag-187 {
  background-image: url("/images/icons/flags/187.svg");
}

.icon.icon-flag-188 {
  background-image: url("/images/icons/flags/188.svg");
}

.icon.icon-flag-189 {
  background-image: url("/images/icons/flags/189.svg");
}

.icon.icon-flag-190 {
  background-image: url("/images/icons/flags/190.svg");
}

.icon.icon-flag-191 {
  background-image: url("/images/icons/flags/191.svg");
}

.icon.icon-flag-192 {
  background-image: url("/images/icons/flags/192.svg");
}

.icon.icon-flag-193 {
  background-image: url("/images/icons/flags/193.svg");
}

.icon.icon-flag-194 {
  background-image: url("/images/icons/flags/194.svg");
}

.icon.icon-flag-195 {
  background-image: url("/images/icons/flags/195.svg");
}

.icon.icon-flag-196 {
  background-image: url("/images/icons/flags/196.svg");
}

.icon.icon-flag-197 {
  background-image: url("/images/icons/flags/197.svg");
}

.icon.icon-flag-198 {
  background-image: url("/images/icons/flags/198.svg");
}

.icon.icon-flag-199 {
  background-image: url("/images/icons/flags/199.svg");
}

.icon.icon-flag-200 {
  background-image: url("/images/icons/flags/200.svg");
}

.icon.large {
  width: 28px;
  height: 28px;
}

.icon.small {
  width: 23px;
  height: 23px;
}

.icon.arrow-up {
  background-image: url("/images/icons/arrow-up.svg");
}

.icon.arrow-down {
  background-image: url("/images/icons/arrow-down.svg");
}

.icon.icon-delete-match {
  width: 20px;
  height: 20px;
  background-image: url("/images/icons/delete-match.svg");
}

.icon.icon-menu-numbers {
  width: 20px;
  height: 20px;
  background-image: url("/images/icons/menu-numbers.svg");
}

.icon.icon-delete {
  background-image: url("/images/icons/delete.svg");
}

.icon.icon-mpesa-logo-header {
  background-image: url("/images/icons/mpesalogo_header.svg");
  width: 56px;
  height: 31px;
}

.icon.icon-menu-secondary {
  width: 20px;
  height: 20px;
  background-image: url("/images/icons/menu-secondary.svg");
}

.icon.icon-search {
  width: 20px;
  height: 20px;
  background-image: url("/images/icons/search.svg");
}

.icon.icon-arrow-right {
  width: 20px;
  height: 20px;
  background-image: url("/images/icons/arrow-right.svg");
}

.icon.icon-unchecked {
  width: 20px;
  height: 20px;
  background-image: url("/images/icons/unchecked-grey.svg");
}

.icon.icon-checked {
  width: 20px;
  height: 20px;
  background-image: url("/images/icons/checked-yellow.svg");
}

.icon.icon-close {
  width: 24px;
  height: 24px;
  background-image: url("/images/close.svg");
}

.theme-light .icon.icon-mpesa-logo-footer {
  background-image: url("/images/themes/dark/mpesalogo_footer.svg");
  width: 48px;
  height: 26px;
}

.theme-dark .icon.icon-mpesa-logo-footer {
  background-image: url("/images/themes/dark/mpesalogo_footer.svg");
  width: 48px;
  height: 26px;
}

.theme-light .icon.icon-betting-shops-footer {
  background-image: url("/images/themes/dark/bettingshops_footer.svg");
  width: 69px;
  height: 24px;
}

.theme-dark .icon.icon-betting-shops-footer {
  background-image: url("/images/themes/dark/bettingshops_footer.svg");
  width: 69px;
  height: 24px;
}

.theme-light .icon.icon-logo {
  background-image: url("/images/themes/dark/logo_header_footer.svg");
  width: 102px;
  height: 25px;
}

.theme-dark .icon.icon-logo {
  background-image: url("/images/themes/dark/logo_header_footer.svg");
  width: 102px;
  height: 25px;
}

.theme-light .icon.icon-info-footer-active {
  background-image: url("/images/themes/dark/info_footer_active.svg");
}

.theme-dark .icon.icon-info-footer-active {
  background-image: url("/images/themes/dark/info_footer_active.svg");
}

.theme-light .icon.icon-info-footer-inactive {
  background-image: url("/images/themes/dark/info_footer_inactive.svg");
}

.theme-dark .icon.icon-info-footer-inactive {
  background-image: url("/images/themes/dark/info_footer_inactive.svg");
}

.theme-light .icon.icon-promo {
  background-image: url("/images/themes/dark/promo.svg");
}

.theme-dark .icon.icon-promo {
  background-image: url("/images/themes/dark/promo.svg");
}

.theme-light .icon.icon-android-app {
  background-image: url("/images/themes/dark/androidapp.svg");
}

.theme-dark .icon.icon-android-app {
  background-image: url("/images/themes/dark/androidapp.svg");
}

.theme-light .icon.icon-apple-app {
  background-image: url("/images/themes/dark/appleapp.svg");
}

.theme-dark .icon.icon-apple-app {
  background-image: url("/images/themes/dark/appleapp.svg");
}

.theme-light .icon.icon-18-plus {
  background-image: url("/images/themes/dark/18-plus.svg");
  content: url("/images/themes/dark/18-plus.svg");
  width: 32px;
  height: 32px;
}

.theme-dark .icon.icon-18-plus {
  background-image: url("/images/themes/dark/18-plus.svg");
  content: url("/images/themes/dark/18-plus.svg");
  width: 32px;
  height: 32px;
}

.theme-light .icon.icon-facebook {
  background-image: url("/images/themes/dark/facebook.svg");
}

.theme-dark .icon.icon-facebook {
  background-image: url("/images/themes/dark/facebook.svg");
}

.theme-light .icon.icon-twitter {
  background-image: url("/images/themes/dark/twitter.svg");
}

.theme-dark .icon.icon-twitter {
  background-image: url("/images/themes/dark/twitter.svg");
}

.theme-light .icon.icon-instagram {
  background-image: url("/images/themes/dark/instagram.svg");
}

.theme-dark .icon.icon-instagram {
  background-image: url("/images/themes/dark/instagram.svg");
}

.theme-light .icon.icon-youtube {
  background-image: url("/images/themes/dark/youtube.svg");
}

.theme-dark .icon.icon-youtube {
  background-image: url("/images/themes/dark/youtube.svg");
}

.theme-light .icon.icon-userbox-mobile {
  background-image: url("/images/themes/dark/mobile.svg");
}

.theme-dark .icon.icon-userbox-mobile {
  background-image: url("/images/themes/dark/mobile.svg");
}

.icon-printer {
  border-left: 1px solid #42454D;
}

.ticket-list-betslip-details {
  position: relative;
  padding-bottom: 50px;
  min-height: 359px;
}

.ticket-list-betslip-details .betslip-details-header .slide-bet-slip.hide {
  display: none;
}

.ticket-list-betslip-details.lotto {
  min-height: 270px;
}

.ticket-list-betslip-details.lotto.additional {
  min-height: 285px;
}

.ticket-list-betslip-details .betslip-details {
  position: absolute;
  width: 100%;
  height: 117%;
  background: white;
  transition: all 1s;
  margin-top: 9px;
  top: auto;
}

.ticket-list-betslip-details .betslip-details.open {
  top: -84px;
  overflow: initial;
}

.betslip-footer {
  position: relative;
  z-index: 2;
}

.betslip-footer .betslip-details {
  width: 100%;
  background: white;
  transition: all 1s;
}

.betslip-footer .betslip-details .betslip-details-header {
  padding-bottom: 4px;
}

.betslip-footer .betslip-details .betslip-details-header .slide-bet-slip.hide {
  display: none;
}

.betslip-footer .betslip-details .betslip-details-header .slide-bet-slip.down {
  padding-top: 9px;
}

.betslip-footer .betslip-details.bg-dark {
  background: #313540;
}

.betslip-footer .betslip-details.bg-dark .betslip-details-header {
  padding-top: 4px;
  padding-bottom: 0;
}

.betslip-footer .betslip-details .betslip-details-body {
  margin-bottom: 60px;
  display: none;
}

.ticket-item {
  padding: 10px 8px 6px;
}

.theme-light .ticket-item {
  border-bottom: 1px solid #E5E5E5;
}

.theme-dark .ticket-item {
  border-bottom: 1px solid #E5E5E5;
}

.ticket-item.bet-slip-system {
  position: relative;
  padding-left: 50px;
}

.ticket-item.bet-slip-system .bet-slip-fix-btn-wrapper {
  position: absolute;
  top: 15px;
  left: 8px;
}

.ticket-item.bet-slip-system .bet-slip-fix-btn-wrapper span {
  width: 32px;
}

.ticket-item--stopped .ticket-item__desc-odd-wrapper {
  position: relative;
}

.ticket-item--stopped .ticket-item__desc-odd-wrapper::after {
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  top: 8px;
}

.theme-light .ticket-item--stopped .ticket-item__desc-odd-wrapper::after {
  background: #D41F27;
}

.theme-dark .ticket-item--stopped .ticket-item__desc-odd-wrapper::after {
  background: #D41F27;
}

.ticket-item--stopped .bs-match-header {
  opacity: 0.7;
}

.ticket-item--stopped .bs-match-body {
  opacity: 0.65;
}

.ticket-item--stopped .ticket-item__desc-odd-wrapper .ticket-item__game-desc,
.ticket-item--stopped .ticket-item__desc-odd-wrapper .ticket-item__game-short-desc {
  color: rgba(49, 53, 64, 0.3) !important;
}

.ticket-item--stopped .ticket-item__desc-odd-wrapper .ticket-item__odd-value {
  color: rgba(49, 53, 64, 0.6) !important;
}

.ticket-item__bet-bilder {
  font-size: 14px;
  margin-bottom: 8px;
}

.theme-light .ticket-item__bet-bilder {
  color: #FDB913;
}

.theme-dark .ticket-item__bet-bilder {
  color: #FDB913;
}

.ticket-item__bet-bilder-desc {
  display: inline-block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  margin-right: 6px;
}

.theme-light .ticket-item__bet-bilder-desc {
  background: #FDB913;
}

.theme-dark .ticket-item__bet-bilder-desc {
  background: #FDB913;
}

.ticket-item__desc-odd-wrapper {
  align-items: baseline;
}

.ticket-item__participants {
  font-size: 16px;
}

.theme-light .ticket-item__participants {
  color: #313540;
}

.theme-dark .ticket-item__participants {
  color: #313540;
}

.ticket-item__date {
  position: relative;
  font-size: 12px;
  margin-right: 5px;
}

.theme-light .ticket-item__date {
  color: rgba(49, 53, 64, 0.7);
}

.theme-dark .ticket-item__date {
  color: rgba(49, 53, 64, 0.7);
}

.ticket-item__date::after {
  content: "";
  position: absolute;
  top: 4px;
  right: -11px;
  width: 1px;
  height: 9px;
  margin: 0 6px;
}

.theme-light .ticket-item__date::after {
  background: rgba(49, 53, 64, 0.7) !important;
}

.theme-dark .ticket-item__date::after {
  background: rgba(49, 53, 64, 0.7) !important;
}

.ticket-item__date.no-after::after {
  content: none;
}

.ticket-item__score {
  font-size: 11px;
}

.theme-light .ticket-item__score {
  color: #FDB913;
}

.theme-dark .ticket-item__score {
  color: #FDB913;
}

.ticket-item__game-desc {
  font-size: 12px;
}

.theme-light .ticket-item__game-desc {
  color: rgba(49, 53, 64, 0.7);
}

.theme-dark .ticket-item__game-desc {
  color: rgba(49, 53, 64, 0.7);
}

.ticket-item__game-short-desc {
  font-size: 12px;
}

.theme-light .ticket-item__game-short-desc {
  color: rgba(49, 53, 64, 0.7);
}

.theme-dark .ticket-item__game-short-desc {
  color: rgba(49, 53, 64, 0.7);
}

.ticket-item__odd-value {
  font-size: 16px;
  word-break: break-all;
}

.theme-light .ticket-item__odd-value {
  color: #313540;
}

.theme-dark .ticket-item__odd-value {
  color: #313540;
}

.ticket-item__odd-value--changed {
  display: inline-block;
  position: relative;
  color: rgba(49, 53, 64, 0.3) !important;
}

.ticket-item__odd-value--changed::after {
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  top: 50%;
}

.theme-light .ticket-item__odd-value--changed::after {
  background: #D41F27;
}

.theme-dark .ticket-item__odd-value--changed::after {
  background: #D41F27;
}

.ticket-item__label {
  font-size: 12px;
}

.theme-light .ticket-item__label {
  color: rgba(255, 255, 255, 0.7);
}

.theme-dark .ticket-item__label {
  color: rgba(255, 255, 255, 0.7);
}

.ticket-item__label-value {
  font-size: 11px;
}

.theme-light .ticket-item__label-value {
  color: #FFFFFF;
}

.theme-dark .ticket-item__label-value {
  color: #FFFFFF;
}

.theme-light .ticket-item__label-value--active {
  color: #FDB913;
}

.theme-dark .ticket-item__label-value--active {
  color: #FDB913;
}

.theme-light .ticket-item__label-value--primary {
  color: #40A3FF;
}

.theme-dark .ticket-item__label-value--primary {
  color: #40A3FF;
}

.bet-slip-system .ticket-item {
  position: relative;
  padding-left: 50px;
}

.bet-slip-system .ticket-item .bet-slip-fix-btn-wrapper {
  position: absolute;
  top: 15px;
  left: 8px;
}

.bet-slip-system .ticket-item .bet-slip-fix-btn-wrapper span {
  width: 32px;
  color: white;
}

.theme-light .bet-slip-system .ticket-item .bet-slip-fix-btn-wrapper span.fix-is {
  background: #42454D;
}

.theme-dark .bet-slip-system .ticket-item .bet-slip-fix-btn-wrapper span.fix-is {
  background: #42454D;
}

.ticket-footer {
  padding: 4px;
}

.ticket-footer-wrapper {
  padding: 8px;
}

.theme-light .ticket-footer {
  background: #42454D;
}

.theme-dark .ticket-footer {
  background: #42454D;
}

.ticket-footer .ticket-info-item {
  padding: 5px 4px 4px;
}

.theme-light .ticket-footer .ticket-info-item {
  border-bottom: 1px solid #939393;
}

.theme-dark .ticket-footer .ticket-info-item {
  border-bottom: 1px solid #939393;
}

.ticket-footer .ticket-info-item:last-child {
  border-bottom: none;
}

.ticket-footer__jackpot p {
  font-size: 11px;
}

.theme-light .ticket-footer__jackpot p {
  color: rgba(255, 255, 255, 0.9);
}

.theme-dark .ticket-footer__jackpot p {
  color: rgba(255, 255, 255, 0.9);
}

.theme-light .ticket-footer__jackpot p span {
  color: #FFC350;
}

.theme-dark .ticket-footer__jackpot p span {
  color: #FFC350;
}

.ticket-footer__top {
  padding: 0 4px;
}

.theme-light .ticket-footer__top {
  background: #22272F;
}

.theme-dark .ticket-footer__top {
  background: #22272F;
}

.theme-light .ticket-footer__top .ticket-info-item {
  border-bottom: 1px solid #42454D;
}

.theme-dark .ticket-footer__top .ticket-info-item {
  border-bottom: 1px solid #42454D;
}

.ticket-footer__top .ticket-info-item:last-child {
  border-bottom: none;
}

.ticket-footer__bottom {
  padding: 0 4px;
}

.sharecode-wrapper {
  position: relative;
  z-index: 2;
}

.batslip-basic-details {
  position: relative;
  z-index: 2;
}

.ticket-footer-share-betslip {
  border-bottom: 1px solid #323540;
}

.ticket-footer-share-betslip .show-stake {
  position: relative;
}

.ticket-footer-share-betslip .show-stake:after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 40px;
  background: #323540;
  position: absolute;
  top: -12px;
  right: 10px;
}

.copy-link-share-code {
  border-bottom: 1px solid #323540;
}

.share-code-input {
  max-width: 100%;
}

.share-batslip-options {
  border-bottom: 1px solid #323540;
}

.share-batslip-options a {
  display: inline-block;
}

.share-batslip-options .icon.large {
  width: 32px;
  height: 32px;
}

.ticket-game-info {
  padding: 4px 8px 3px;
}

.theme-light .ticket-game-info {
  background: #2A2D35;
  border-bottom: 1px solid #42454D;
}

.theme-dark .ticket-game-info {
  background: #2A2D35;
  border-bottom: 1px solid #42454D;
}

.repeat-bet-btn {
  display: flex;
  height: 24px;
  justify-content: center;
  align-items: center;
  font-size: 13px;
  cursor: pointer;
  position: relative;
}

.repeat-bet-btn:before {
  content: "";
  width: 16px;
  height: 16px;
  background: #E5E5E5;
  position: absolute;
  top: -15px;
  border-radius: 50%;
}

.theme-light .repeat-bet-btn.active:before {
  background: #313540;
}

.theme-dark .repeat-bet-btn.active:before {
  background: #313540;
}

.connector {
  height: 1px;
  background: #E5E5E5;
  position: relative;
  top: 19px;
  margin-left: 6%;
  margin-right: 6%;
}

@media (max-width: 768px) {
  .connector {
    margin-left: 5%;
    margin-right: 5%;
  }
}

.repeat-bet-btns-wrapper {
  position: relative;
}

.game-status {
  width: 32px;
  height: 16px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  border-radius: 2px;
}

.theme-light .game-status {
  color: #FFFFFF;
}

.theme-dark .game-status {
  color: #FFFFFF;
}

.theme-light .game-status--active {
  background: #939393;
}

.theme-dark .game-status--active {
  background: #939393;
}

.theme-light .game-status--lost {
  background: #FF1F1F;
}

.theme-dark .game-status--lost {
  background: #FF1F1F;
}

.theme-light .game-status--won {
  background: #0E8846;
}

.theme-dark .game-status--won {
  background: #0E8846;
}

.v-separator {
  display: inline-block;
  width: 1px;
  background: red;
}

.v-separator--large {
  height: 16px;
  margin: 0 8px;
}

.theme-light .v-separator--large {
  background: rgba(255, 255, 255, 0.6);
}

.theme-dark .v-separator--large {
  background: rgba(255, 255, 255, 0.6);
}

.v-separator--small {
  height: 10px;
  margin: 0 6px;
}

.theme-light .v-separator--small {
  background: rgba(255, 255, 255, 0.15);
}

.theme-dark .v-separator--small {
  background: rgba(255, 255, 255, 0.15);
}

.ticket-group {
  height: 32px;
}

.theme-light .ticket-group {
  background: #2A2D35;
}

.theme-dark .ticket-group {
  background: #2A2D35;
}

.stake-after-tax {
  display: none;
}

.stake-after-tax.active {
  display: block;
}

.shared-ticket-status {
  width: 32px;
  height: 43px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #939393;
  border-radius: 2px;
}

.place-bat-options a {
  font-weight: 600;
  position: relative;
}

.theme-light .place-bat-options a {
  color: rgba(49, 53, 64, 0.7);
}

.theme-dark .place-bat-options a {
  color: rgba(49, 53, 64, 0.7);
}

.theme-light .place-bat-options a.active {
  color: #313540;
}

.theme-dark .place-bat-options a.active {
  color: #313540;
}

.place-bat-options a.active::after {
  content: "";
  height: 2px;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: -10px;
}

.theme-light .place-bat-options a.active::after {
  background: #313540;
}

.theme-dark .place-bat-options a.active::after {
  background: #313540;
}

.place-bet-form-wrapper {
  position: relative;
}

.place-bet-form-wrapper .btn {
  height: initial;
  display: block;
  padding: 15px 8px;
}

.place-bet-form-wrapper .btn.ticket-paid-btn {
  justify-content: center;
  height: 48px;
}

.place-bet-form-wrapper .net-win-wrapper {
  position: absolute;
  right: 8px;
  top: 8px;
  z-index: 2;
}

.theme-light .place-bet-form-wrapper .generate-share-code-ticket-btn {
  background: #313540;
}

.theme-dark .place-bet-form-wrapper .generate-share-code-ticket-btn {
  background: #313540;
}

.place-bet-form-wrapper #bet {
  line-height: initial;
}

.generate-share-code-ticket-btn {
  height: 48px;
}

.userbox-betslip-share-wrapper .cancel-betslip-share {
  display: none;
}

.locked-tip-odds {
  display: block;
  height: 32px;
  position: relative;
  box-sizing: border-box;
}

.lock-total-wrapper .locked-tip-odds {
  display: block;
  width: 100%;
  height: 32px;
  position: relative;
}

.theme-light .lock-total-wrapper .locked-tip-odds {
  background: #3d414d;
}

.theme-dark .lock-total-wrapper .locked-tip-odds {
  background: #3d414d;
}

.lock-total-wrapper .lock-input {
  height: 32px;
}

.theme-light .lock-total-wrapper .lock-input {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  opacity: 0.3;
}

.theme-dark .lock-total-wrapper .lock-input {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  opacity: 0.3;
}

.theme-light .lock-total-wrapper .handicap-margins {
  background: #343523;
  opacity: 0.1;
}

.theme-dark .lock-total-wrapper .handicap-margins {
  background: #343523;
  opacity: 0.1;
}

.lock-total-wrapper .divider {
  margin-top: 2px;
  margin-bottom: 20px;
  height: 1px;
  width: 100%;
}

.lock-total-wrapper .lock-total {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 202px;
  text-align: center;
  left: 50%;
  transform: translateX(-50%);
  top: 36px;
  z-index: 1;
}

.theme-light .locked-no-games {
  background: #3d414d;
}

.theme-dark .locked-no-games {
  background: #3d414d;
}

.theme-light .locked-no-games .locked-tip-odds {
  background: #3d414d;
}

.theme-dark .locked-no-games .locked-tip-odds {
  background: #3d414d;
}

.locked-no-games .desc {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  top: 50%;
  transform: translate(-130px, -50%);
  position: absolute;
  left: 50%;
  min-width: 260px;
}

.theme-light .locked-no-games .desc {
  color: rgba(255, 255, 255, 0.9);
}

.theme-dark .locked-no-games .desc {
  color: rgba(255, 255, 255, 0.9);
}

.locked-finished {
  position: relative;
}

.theme-light .locked-finished .locked-tip-odds {
  background: #3d414d;
}

.theme-dark .locked-finished .locked-tip-odds {
  background: #3d414d;
}

.locked-finished .desc {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.theme-light .locked-finished .desc {
  color: rgba(255, 255, 255, 0.9);
}

.theme-dark .locked-finished .desc {
  color: rgba(255, 255, 255, 0.9);
}

.locked-no-current-game .locked-tip-odds svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.theme-light .locked-no-current-game .locked-tip-odds {
  background: #3d414d;
}

.theme-dark .locked-no-current-game .locked-tip-odds {
  background: #3d414d;
}

.locked-no-more-matches {
  padding: 40px 65px 33px;
}

.page-not-found {
  padding: 40px 25px 33px;
}

.playerspinner-wrapper {
  height: 48px;
  display: flex;
  justify-content: start;
  align-items: center;
  padding: 0 8px;
}

.playerspinner {
  width: 23px;
  height: 23px;
  border-radius: 50%;
  position: relative;
  -webkit-animation: rotate 1s linear infinite;
          animation: rotate 1s linear infinite;
}

.playerspinner::before {
  content: "";
  box-sizing: border-box;
  position: absolute;
  inset: 0;
  border-radius: 50%;
  border: 2px solid #FFF;
  -webkit-animation: prixClipFix 2s linear infinite;
          animation: prixClipFix 2s linear infinite;
}

@-webkit-keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}

@keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}

@-webkit-keyframes prixClipFix {
  0% {
    -webkit-clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0);
            clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0);
  }

  25% {
    -webkit-clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0);
            clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0);
  }

  50% {
    -webkit-clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%);
            clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%);
  }

  75% {
    -webkit-clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%);
            clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%);
  }

  100% {
    -webkit-clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0);
            clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0);
  }
}

@keyframes prixClipFix {
  0% {
    -webkit-clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0);
            clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0);
  }

  25% {
    -webkit-clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0);
            clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0);
  }

  50% {
    -webkit-clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%);
            clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%);
  }

  75% {
    -webkit-clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%);
            clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%);
  }

  100% {
    -webkit-clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0);
            clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0);
  }
}

.switch {
  position: relative;
  display: inline-block;
  width: 32px;
  height: 16px;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.switch input:checked + .slider {
  background-color: #FDB913;
}

.switch input:focus + .slider {
  box-shadow: 0 0 1px #FDB913;
}

.switch input:checked + .slider:before {
  transform: translateX(16px);
}

.switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #323540;
  transition: 0.4s;
  border-radius: 34px;
}

.switch .slider::before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 0;
  bottom: 0;
  background-color: #6F7279;
  transition: 0.4s;
  border-radius: 50%;
}

.theme-light .cashout-wrapper {
  background: #42454D;
}

.theme-dark .cashout-wrapper {
  background: #42454D;
}

.cashout-wrapper .accordion-header {
  height: 33px;
}

.theme-light .cashout-wrapper .cashout-inner {
  background: #35383E;
}

.theme-dark .cashout-wrapper .cashout-inner {
  background: #35383E;
}

.cashout-input {
  height: 24px;
  width: 100%;
  padding-left: 8px;
  display: none;
}

.betslip-switch-wrapper {
  display: inline-flex;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 15px;
  padding: 5px 10px;
  position: relative;
}

.betslip-switch-wrapper .simulate-real {
  margin-right: 20px;
}

.betslip-switch-wrapper .switch-btn {
  position: relative;
  z-index: 5;
  color: rgba(255, 255, 255, 0.9);
  font-size: 12px;
}

.betslip-switch-wrapper .switch-slider {
  position: absolute;
  background: #FDB914;
  width: 80px;
  height: 23px;
  top: 0;
  right: 0;
  border-radius: 15px;
  z-index: 1;
  opacity: 0.8;
  transition: all ease-in-out 500ms;
}

.betslip-switch-wrapper .switch-slider.on {
  width: 50px;
  transform: translateX(-80px);
}

.popup-btn {
  position: relative;
}

.popup-btn .popup-info {
  display: none;
  font-size: 11px;
  text-align: left;
  position: absolute;
  top: 28px;
  left: -40px;
  background: black;
  padding: 4px;
  width: 150px;
}

.popup-btn .popup-info.active {
  display: block;
  color: rgba(255, 255, 255, 0.6);
}

.filter-navigation {
  align-items: stretch;
}

.filter-navigation__item {
  height: 47px;
  padding: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.theme-light .filter-navigation__item {
  border-bottom: 2px solid transparent;
}

.theme-dark .filter-navigation__item {
  border-bottom: 2px solid transparent;
}

.filter-navigation__item span {
  display: block;
  font-size: 14px;
}

.theme-light .filter-navigation__item span {
  color: rgba(255, 255, 255, 0.6);
}

.theme-dark .filter-navigation__item span {
  color: rgba(255, 255, 255, 0.6);
}

.theme-light .filter-navigation__item.active {
  border-bottom: 2px solid #FDB913;
}

.theme-dark .filter-navigation__item.active {
  border-bottom: 2px solid #FDB913;
}

.theme-light .filter-navigation__item.active span {
  color: #ffffff;
}

.theme-dark .filter-navigation__item.active span {
  color: #ffffff;
}

.filter.inactive {
  display: none;
}

.original-select {
  display: none;
}

.bottom-menu {
  position: fixed;
  bottom: 0;
  display: block;
  width: 100%;
  background: #4A4D57;
  padding: 10px 0 8px;
  color: white;
  z-index: 2;
}

.bottom-menu .items-wrapper {
  display: flex;
  justify-content: space-between;
}

.bottom-menu .items-wrapper .item {
  width: 17%;
}

.bottom-menu .items-wrapper .item.bs-item {
  width: 25%;
}

@media (max-width: 350px) {
  .bottom-menu .items-wrapper .item.bs-item {
    width: 20%;
  }
}

.bottom-menu .items-wrapper .item p {
  color: white;
}

.bottom-menu .img-wrapper {
  margin-bottom: 3px;
}

.bottom-menu .img-wrapper img {
  max-width: 22px;
  height: auto;
}

.bottom-menu .img-wrapper.has-value {
  position: relative;
}

.bottom-menu .img-wrapper.has-value::after {
  content: "";
  width: 8px;
  height: 8px;
  background: #FDB913;
  border-radius: 50%;
  position: absolute;
  right: calc(50% - 23px);
  top: 0;
}

.bottom-menu p {
  font-size: 12px;
}

.bottom-menu .betslip-counter-wrapper {
  background: white;
  border-radius: 25px;
  position: relative;
  padding: 10px 0 10px 20px;
  height: 34px;
}

@media (max-width: 350px) {
  .bottom-menu .betslip-counter-wrapper {
    padding: 10px 0 10px 30px;
  }
}

.bottom-menu .betslip-counter-wrapper .betslip-counter {
  width: 32px;
  height: 32px;
  background: url("/images/matches-on-ticket.svg") no-repeat;
  background-size: cover;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 1px;
  left: 2px;
}

.bottom-menu .betslip-counter-wrapper .text {
  color: #41444D;
  font-size: 12px;
  position: relative;
  top: 2px;
}

@media (max-width: 350px) {
  .bottom-menu .betslip-counter-wrapper .text.desktop {
    display: none;
  }
}

.bottom-menu .betslip-counter-wrapper .text.mobile {
  display: none;
}

@media (max-width: 350px) {
  .bottom-menu .betslip-counter-wrapper .text.mobile {
    display: initial;
  }
}

.filter-wrapper {
  padding: 5px;
}

.matches-section .title-wrapper {
  height: 23px;
  display: flex;
  align-items: center;
  padding-left: 7px;
  border-bottom: 1px solid #010912;
}

.theme-light .matches-section .title-wrapper {
  background: #6E7074;
}

.theme-dark .matches-section .title-wrapper {
  background: #6E7074;
}

.matches-section .title-wrapper p {
  text-transform: uppercase;
}

.theme-light .matches-section .title-wrapper p {
  color: #ffffff;
}

.theme-dark .matches-section .title-wrapper p {
  color: #ffffff;
}

.matches-section .filters-wrapper {
  padding: 4px;
  height: 40px;
}

.matches-section .show-more-wrapper {
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.theme-light .matches-section .show-more-wrapper {
  border-top: 1px solid #0f3147;
  border-bottom: 1px solid #0f3147;
  background: #010912;
}

.theme-dark .matches-section .show-more-wrapper {
  border-top: 1px solid #0f3147;
  border-bottom: 1px solid #0f3147;
  background: #010912;
}

.theme-light .matches-section .show-more-wrapper {
  background: #010912;
}

.theme-dark .matches-section .show-more-wrapper {
  background: #010912;
}

.theme-light .matches-section .show-more-wrapper .show-more-btn {
  color: #40A3FF;
}

.theme-dark .matches-section .show-more-wrapper .show-more-btn {
  color: #40A3FF;
}

.livebet-ticket-link.hide,
.betting-ticket-link.hide {
  display: none;
}

.page-how-to-play {
  padding: 16px 8px 25px;
}

.page-how-to-play .inner-wrapper {
  padding: 0 8px;
}

.page-how-to-play .close {
  position: absolute;
  top: -3px;
  right: 0;
}

.page-how-to-play h1 {
  font-size: 15px;
  line-height: 17px;
}

.page-how-to-play h2 {
  font-size: 14px;
  line-height: 19px;
}

.page-how-to-play p {
  font-size: 13px;
  line-height: 18px;
}

.theme-light .page-how-to-play p {
  color: rgba(255, 255, 255, 0.9);
}

.theme-dark .page-how-to-play p {
  color: rgba(255, 255, 255, 0.9);
}

.theme-light .page-how-to-play p.text-muted {
  color: rgba(255, 255, 255, 0.6);
}

.theme-dark .page-how-to-play p.text-muted {
  color: rgba(255, 255, 255, 0.6);
}

.theme-light .page-how-to-play p .text-regular {
  color: rgba(255, 255, 255, 0.9);
}

.theme-dark .page-how-to-play p .text-regular {
  color: rgba(255, 255, 255, 0.9);
}

.page-how-to-play ul {
  list-style: disc;
  margin-left: 18px;
}

.page-how-to-play ul li {
  font-size: 13px;
  line-height: 18px;
}

.theme-light .page-how-to-play ul li {
  color: rgba(255, 255, 255, 0.6);
}

.theme-dark .page-how-to-play ul li {
  color: rgba(255, 255, 255, 0.6);
}

.info-box-wrapper h1 {
  font-size: 15px;
}

.info-box-wrapper .result-header-wrapper {
  height: 49px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.info-box-wrapper .terms-header {
  height: 48px;
  padding-left: 17px;
  padding-right: 8px;
}

.theme-light .mpesa-logo-wrapper p {
  color: rgba(255, 255, 255, 0.6);
}

.theme-dark .mpesa-logo-wrapper p {
  color: rgba(255, 255, 255, 0.6);
}

.page-info-wrapper {
  padding: 20px 13px;
}

.page-info-wrapper .alert-icon {
  display: inline-block;
  width: 32px;
}

.page-info-wrapper .btn,
.page-info-wrapper .btn-cancel {
  height: 48px;
}

.page-info-wrapper .btn-cancel {
  display: flex;
  justify-content: center;
  align-items: center;
}

.page-terms-and-conditions p {
  line-height: 140%;
}

.match-list-label {
  height: 33px;
}

.theme-light .match-list-label {
  background: #6E7074;
  border-top: 1px solid #4A4D57;
}

.theme-dark .match-list-label {
  background: #6E7074;
  border-top: 1px solid #4A4D57;
}

.theme-light .match-list .match-wrapper {
  border-top: 1px solid rgba(14, 49, 71, 0.6);
}

.theme-dark .match-list .match-wrapper {
  border-top: 1px solid rgba(14, 49, 71, 0.6);
}

.theme-light .match-list .match-wrapper .league-name {
  color: rgba(255, 255, 255, 0.6);
}

.theme-dark .match-list .match-wrapper .league-name {
  color: rgba(255, 255, 255, 0.6);
}

.match-item .desc-odds-row {
  align-items: flex-start;
}

.match-item.stopped .desc-odds-row {
  position: relative;
}

.match-item.stopped .desc-odds-row::after {
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  top: 8px;
}

.theme-light .match-item.stopped .desc-odds-row::after {
  background: #CF3200;
}

.theme-dark .match-item.stopped .desc-odds-row::after {
  background: #CF3200;
}

.match-item.stopped span {
  opacity: 0.3;
}

.match-item.stopped span.icon {
  opacity: 1;
}

.match-item .old-odd {
  display: inline-block;
  opacity: 0.3;
  position: relative;
}

.match-item .old-odd::after {
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  top: 50%;
}

.theme-light .match-item .old-odd::after {
  background: #CF3200;
}

.theme-dark .match-item .old-odd::after {
  background: #CF3200;
}

.more-games {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 34px;
}

.theme-light .more-games {
  background: #35383E;
  color: #40A3FF;
  border: 1px solid #000000;
}

.theme-dark .more-games {
  background: #35383E;
  color: #40A3FF;
  border: 1px solid #000000;
}

.theme-light .league-name {
  color: rgba(255, 255, 255, 0.6);
}

.theme-dark .league-name {
  color: rgba(255, 255, 255, 0.6);
}

.filter-sport,
.filter-game {
  width: 136px;
}

.handicap-margins {
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.theme-light .handicap-margins {
  color: #ffffff;
  background: #313540;
  border: 1px solid #4A4D57;
}

.theme-dark .handicap-margins {
  color: #ffffff;
  background: #313540;
  border: 1px solid #4A4D57;
}

.game-type {
  margin-top: 19px;
}

.active-player {
  display: inline-block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
}

.theme-light .active-player {
  background: #FDB913;
}

.theme-dark .active-player {
  background: #FDB913;
}

.pagination {
  background: #313540;
}

.pagination .page-box {
  font-size: 13px;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.theme-light .pagination .page-box {
  color: rgba(255, 255, 255, 0.6);
}

.theme-dark .pagination .page-box {
  color: rgba(255, 255, 255, 0.6);
}

.pagination .page-box.active {
  position: relative;
  margin: 0 1px;
  padding-top: 1px;
}

.theme-light .pagination .page-box.active {
  color: #ffffff;
}

.theme-dark .pagination .page-box.active {
  color: #ffffff;
}

.pagination .page-box.active:after {
  content: "";
  width: 100%;
  height: 3px;
  background: #FDB913;
  position: absolute;
  bottom: 1px;
  left: 0;
}

.pagination .page-box.page-a-link {
  padding-top: 1px;
}

.theme-light .circle svg circle {
  fill: #FDB913;
}

.theme-dark .circle svg circle {
  fill: #FDB913;
}

.msg-locked {
  top: 10px;
  left: 0;
  color: initial;
}

.theme-light .live-single-header {
  background: #2A2D35;
}

.theme-dark .live-single-header {
  background: #2A2D35;
}

.livebet-jackpot-wrapper-group {
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.theme-light .livebet-jackpot-wrapper-group {
  background: url("/images/themes/dark/livebet-jackpot-background.svg") no-repeat;
  background-size: cover;
  border-bottom: 1px solid #FFC350;
}

.theme-dark .livebet-jackpot-wrapper-group {
  background: url("/images/themes/dark/livebet-jackpot-background.svg") no-repeat;
  background-size: cover;
  border-bottom: 1px solid #FFC350;
}

.livebet-jackpot-wrapper-group p {
  font-size: 12px;
}

.theme-light .livebet-jackpot-wrapper-group p {
  color: rgba(255, 255, 255, 0.9);
}

.theme-dark .livebet-jackpot-wrapper-group p {
  color: rgba(255, 255, 255, 0.9);
}

.livebet-jackpot-wrapper-group p span {
  font-size: 14px;
}

.theme-light .livebet-jackpot-wrapper-group p span {
  color: #FFC350;
}

.theme-dark .livebet-jackpot-wrapper-group p span {
  color: #FFC350;
}

.jackpot-congratulation-wrapper {
  background: radial-gradient(ellipse closest-side, transparent 10px, black 100%), url("/images/jackpot-congratulation-background.png") no-repeat;
  background-size: cover;
  height: 300px;
  display: flex;
  flex-direction: column;
}

.jackpot-congratulation-wrapper.opera-mini {
  background: url("/images/jackpot-congratulation-background.png") no-repeat;
  background-size: cover;
}

.jackpot-congratulation-wrapper .top .close-wrapper {
  margin: 15px 10px 20px 0;
  text-align: right;
}

.jackpot-congratulation-wrapper .middle {
  flex-grow: 1;
}

.jackpot-congratulation-wrapper .middle .congratulation-message {
  width: 170px;
  text-align: center;
  margin: 0 auto;
}

.jackpot-congratulation-wrapper .middle .congratulation-message p {
  color: #ffffff;
  font-size: 14px;
  margin: 7px 0;
}

.jackpot-congratulation-wrapper .middle .congratulation-message .value {
  color: #ECD7A6;
}

.jackpot-congratulation-wrapper .bottom {
  margin: 0 12px 12px 12px;
}

.bet-builder-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 17px;
}

.bet-builder-btn img {
  width: 35px;
  margin-right: 6px;
}

.bet-builder-btn span {
  font-size: 13px;
}

.theme-light .bet-builder-btn {
  color: #FFFFFF;
}

.theme-dark .bet-builder-btn {
  color: #FFFFFF;
}

.theme-light .bet-builder-btn.active {
  color: #40A3FF;
}

.theme-dark .bet-builder-btn.active {
  color: #40A3FF;
}

.live-jackpot-label {
  position: relative;
}

.live-jackpot-label::after {
  content: "";
  height: 1px;
  width: 100%;
  background: url("/images/fake-border-yellow.svg") no-repeat;
  background-size: cover;
  position: absolute;
  left: 0;
  bottom: 0;
}

.offer-type-live div {
  position: relative;
}

.theme-light .offer-type-live div {
  color: rgba(255, 255, 255, 0.6);
}

.theme-dark .offer-type-live div {
  color: rgba(255, 255, 255, 0.6);
}

.theme-light .offer-type-live .active div {
  color: #ffffff;
}

.theme-dark .offer-type-live .active div {
  color: #ffffff;
}

.offer-type-live .active div::after {
  content: "";
  height: 2px;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: -6px;
}

.theme-light .offer-type-live .active div::after {
  background: #FDB913;
}

.theme-dark .offer-type-live .active div::after {
  background: #FDB913;
}

.banner-wrapper a.banner-link img {
  height: auto;
  width: 100%;
}

.filter-details {
  padding-top: 10px;
  padding-bottom: 9px;
}

.jackpot-navigation {
  align-items: stretch;
}

.jackpot-navigation__label {
  height: 32px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 5px;
  color: white;
  font-size: 13px;
}

.jackpot-navigation__item {
  height: 47px;
  padding: 5px;
}

.theme-light .jackpot-navigation__item {
  border-bottom: 2px solid transparent;
}

.theme-dark .jackpot-navigation__item {
  border-bottom: 2px solid transparent;
}

.jackpot-navigation__item span {
  display: block;
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 3px;
}

.theme-light .jackpot-navigation__item span {
  color: rgba(255, 255, 255, 0.6);
}

.theme-dark .jackpot-navigation__item span {
  color: rgba(255, 255, 255, 0.6);
}

.theme-light .jackpot-navigation__item--active {
  border-bottom: 2px solid #FDB913;
}

.theme-dark .jackpot-navigation__item--active {
  border-bottom: 2px solid #FDB913;
}

.theme-light .jackpot-navigation__item--active span {
  color: #ffffff;
}

.theme-dark .jackpot-navigation__item--active span {
  color: #ffffff;
}

.jackpot-form-wrapper {
  display: none;
}

.jackpot-ticket-result {
  border-bottom: 1px solid transparent;
}

.jackpot-ticket-header {
  height: 32px;
  padding: 0 8px;
}

.jackpot-ticket-header__name {
  font-size: 12px;
}

.theme-light .jackpot-ticket-header__name {
  color: rgba(255, 255, 255, 0.6);
}

.theme-dark .jackpot-ticket-header__name {
  color: rgba(255, 255, 255, 0.6);
}

.jackpot-ticket-header.active .jackpot-ticket-header__name {
  font-size: 12px;
}

.theme-light .jackpot-ticket-header.active .jackpot-ticket-header__name {
  color: #40A3FF;
}

.theme-dark .jackpot-ticket-header.active .jackpot-ticket-header__name {
  color: #40A3FF;
}

.jackpot-bottom {
  height: 40px;
}

.previous-result .ticket-header {
  padding-top: 2px;
  padding-bottom: 1px;
}

.dropdown {
  display: inline-flex;
  text-indent: -9999px;
  width: 24px;
  height: 24px;
  background-size: 100px 82px;
  background: url("/images/menu_strelica_down.svg");
}

.dropdown.open {
  background: url("/images/menu_strelica_up.svg");
}

.previous-results-list-jackpot .ticket-header {
  height: 32px;
}

.jackpot-no-offer {
  width: 80%;
  margin: 0 auto;
  padding: 40px 0;
}

.theme-light .jackpot-time-remaining-color {
  color: #FDB913;
}

.theme-dark .jackpot-time-remaining-color {
  color: #FDB913;
}

.theme-light .jackpot-stake-color {
  color: #FFFFFF;
}

.theme-dark .jackpot-stake-color {
  color: #FFFFFF;
}

.jackpot-date {
  position: relative;
  margin-right: 10px;
}

.jackpot-date::after {
  content: "";
  position: absolute;
  top: 4px;
  right: -11px;
  width: 1px;
  height: 9px;
  margin: 0 6px;
}

.theme-light .jackpot-date::after {
  background: rgba(255, 255, 255, 0.6);
}

.theme-dark .jackpot-date::after {
  background: rgba(255, 255, 255, 0.6);
}

.virtual .sport-wrapper .sport {
  font-size: 13px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.virtual .sport-wrapper .sport span {
  margin-left: 4px;
}

.theme-light .virtual .sport-wrapper .sport span {
  color: rgba(255, 255, 255, 0.6);
}

.theme-dark .virtual .sport-wrapper .sport span {
  color: rgba(255, 255, 255, 0.6);
}

.theme-light .virtual .sport-wrapper .sport {
  border-bottom: 2px solid rgba(255, 255, 255, 0.1);
}

.theme-dark .virtual .sport-wrapper .sport {
  border-bottom: 2px solid rgba(255, 255, 255, 0.1);
}

.theme-light .virtual .sport-wrapper .sport.active span {
  color: #40A3FF;
}

.theme-dark .virtual .sport-wrapper .sport.active span {
  color: #40A3FF;
}

.theme-light .virtual .sport-wrapper .sport.active {
  border-bottom: 2px solid #40A3FF;
  color: #40A3FF;
}

.theme-dark .virtual .sport-wrapper .sport.active {
  border-bottom: 2px solid #40A3FF;
  color: #40A3FF;
}

.virtual .header {
  height: 32px;
}

.theme-light .virtual-previous-results .season-header {
  background: #2A2D35;
}

.theme-dark .virtual-previous-results .season-header {
  background: #2A2D35;
}

.virtual-ticket .divider:last-child {
  height: 0;
}

.theme-light .virtual-results .previous-result {
  background: #2A2D35;
}

.theme-dark .virtual-results .previous-result {
  background: #2A2D35;
}

.lotto-wrapper .round-info {
  position: relative;
}

.lotto-wrapper .round-info .round-wrapper {
  flex: 1.35;
}

.lotto-wrapper .round-info .round-wrapper .round-at {
  position: absolute;
  left: 104px;
}

.lotto-wrapper .round-info .open-round-select {
  position: absolute;
  right: 5px;
  top: 7px;
}

.lotto-wrapper .enter-by-wrapper {
  position: absolute;
  right: 30px;
}

.lotto-wrapper .random {
  position: relative;
}

.lotto-wrapper .random .random-options {
  display: none;
  position: absolute;
  top: 32px;
  left: 0;
  width: 100%;
}

.theme-light .lotto-wrapper .random .random-options {
  background: #4A4D57;
}

.theme-dark .lotto-wrapper .random .random-options {
  background: #4A4D57;
}

.lotto-wrapper .random .random-options.open {
  display: inline-block;
}

.lotto-wrapper .random .random-options div {
  padding: 7px 0 5px 8px;
}

.theme-light .lotto-wrapper .random .random-options div {
  border-bottom: 1px solid rgba(49, 53, 64, 0.3);
}

.theme-dark .lotto-wrapper .random .random-options div {
  border-bottom: 1px solid rgba(49, 53, 64, 0.3);
}

.theme-light .lotto-wrapper .random .random-options div:first-child {
  border-top: 1px solid rgba(49, 53, 64, 0.3);
}

.theme-dark .lotto-wrapper .random .random-options div:first-child {
  border-top: 1px solid rgba(49, 53, 64, 0.3);
}

.lotto-wrapper .random .random-num-btn {
  display: flex;
  height: 32px;
  align-items: center;
  width: 100%;
  padding-left: 8px;
  margin-right: 1px;
}

.lotto-wrapper .random .random-num-settings {
  display: flex;
  height: 32px;
  align-items: center;
  padding: 0 8px;
}

.lotto-wrapper .my-favorite-combinations .disable {
  opacity: 0.5;
}

.lotto-wrapper .my-favorite-combinations .favorite-comb-counter {
  position: absolute;
  left: 7px;
  top: 1px;
}

.lotto-wrapper .select-event-id {
  background: transparent;
  z-index: 1;
}

.lotto-wrapper.stats-open .row {
  margin-bottom: 15px;
}

.lotto-wrapper .odd-ball-info {
  width: 33px;
  margin-right: 8px;
}

.theme-light .lotto-wrapper .odd-ball-info {
  border-right: 1px solid rgba(255, 255, 255, 0.15);
}

.theme-dark .lotto-wrapper .odd-ball-info {
  border-right: 1px solid rgba(255, 255, 255, 0.15);
}

.lotto-wrapper .odd-ball-info-7 {
  flex: 1.2;
}

.lotto-wrapper .odd-ball-info-8 {
  flex: 1.3;
}

.lotto-wrapper .number-wrapper {
  height: 36px;
  width: 36px;
}

.lotto-wrapper .number-wrapper.empty {
  border: 1px solid transparent;
}

.theme-light .lotto-wrapper .number-wrapper.empty {
  border-top: 1px solid #4A4D57;
}

.theme-dark .lotto-wrapper .number-wrapper.empty {
  border-top: 1px solid #4A4D57;
}

@media (max-width: 350px) {
  .lotto-wrapper .number-wrapper {
    height: 29px;
    width: 29px;
  }
}

.lotto-wrapper .lotto-number {
  width: 100%;
  height: 100%;
  cursor: pointer;
  position: relative;
  display: block;
  text-align: center;
  position: relative;
}

.theme-light .lotto-wrapper .lotto-number {
  background: #4A4D57;
}

.theme-dark .lotto-wrapper .lotto-number {
  background: #4A4D57;
}

.lotto-wrapper .lotto-number .number {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}

.lotto-wrapper .lotto-number .stats {
  display: none;
  width: 100%;
  position: absolute;
  left: 0;
  background: #313540;
  padding-top: 2px;
  border-radius: 10px;
  font-size: 10px;
  color: rgba(255, 255, 255, 0.8);
}

.theme-light .lotto-wrapper .lotto-number .stats {
  border: 1px solid #4A4D57;
}

.theme-dark .lotto-wrapper .lotto-number .stats {
  border: 1px solid #4A4D57;
}

.lotto-wrapper .lotto-number .stats.not-showing {
  bottom: -4px;
}

.lotto-wrapper .lotto-number .stats.showing {
  top: -7px;
}

.theme-light .lotto-wrapper .lotto-number {
  color: #ffffff;
}

.theme-dark .lotto-wrapper .lotto-number {
  color: #ffffff;
}

.theme-light .lotto-wrapper .lotto-number.active {
  background: white;
  color: #313540;
}

.theme-dark .lotto-wrapper .lotto-number.active {
  background: white;
  color: #313540;
}

.lotto-wrapper .numbers.hidden {
  display: none;
}

.lotto-wrapper .additional {
  display: none;
}

.lotto-wrapper .additional.unhidden {
  display: block;
}

.lotto-wrapper .lotto-statistic-game {
  cursor: pointer;
}

.theme-light .lotto-wrapper .lotto-statistic-game {
  color: #FFFFFF;
}

.theme-dark .lotto-wrapper .lotto-statistic-game {
  color: #FFFFFF;
}

.theme-light .lotto-previous-results {
  background: #1E2128;
}

.theme-dark .lotto-previous-results {
  background: #1E2128;
}

.theme-light .lotto-previous-results .round-header {
  background: #2A2D35;
}

.theme-dark .lotto-previous-results .round-header {
  background: #2A2D35;
}

.theme-light .lotto-previous-results .round-label,
.theme-light .lotto-previous-results .draw-label {
  color: rgba(255, 255, 255, 0.6);
}

.theme-dark .lotto-previous-results .round-label,
.theme-dark .lotto-previous-results .draw-label {
  color: rgba(255, 255, 255, 0.6);
}

.theme-light .lotto-previous-results .draw-value {
  color: #FDB913;
}

.theme-dark .lotto-previous-results .draw-value {
  color: #FDB913;
}

.theme-light .lotto-previous-results .round-value {
  color: #FFFFFF;
}

.theme-dark .lotto-previous-results .round-value {
  color: #FFFFFF;
}

.lotto-previous-results .lotto-number {
  width: 100%;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
}

.theme-light .lotto-previous-results .lotto-number {
  color: rgba(255, 255, 255, 0.6);
}

.theme-dark .lotto-previous-results .lotto-number {
  color: rgba(255, 255, 255, 0.6);
}

.theme-light .lotto-odd-value {
  color: rgba(255, 255, 255, 0.3);
}

.theme-dark .lotto-odd-value {
  color: rgba(255, 255, 255, 0.3);
}

.theme-light .lotto-odd-value.active {
  color: #FDB913;
}

.theme-dark .lotto-odd-value.active {
  color: #FDB913;
}

.theme-light .lotto-ball-number {
  color: rgba(255, 255, 255, 0.3);
}

.theme-dark .lotto-ball-number {
  color: rgba(255, 255, 255, 0.3);
}

.theme-light .lotto-ball-number.active {
  color: rgba(255, 255, 255, 0.9);
}

.theme-dark .lotto-ball-number.active {
  color: rgba(255, 255, 255, 0.9);
}

.lotto-system-btn {
  display: flex;
  height: 32px;
  min-width: 72px;
  justify-content: center;
  align-items: center;
  margin-right: 4px;
  margin-bottom: 4px;
  font-size: 14px;
  cursor: pointer;
  border-radius: 40px;
}

.theme-light .lotto-system-btn {
  color: rgba(49, 53, 64, 0.7);
  border: 1px solid rgba(66, 69, 77, 0.5);
}

.theme-dark .lotto-system-btn {
  color: rgba(49, 53, 64, 0.7);
  border: 1px solid rgba(66, 69, 77, 0.5);
}

.theme-light .lotto-system-btn.active {
  color: #ffffff;
  border: 1px solid #313540;
  background: #313540;
}

.theme-dark .lotto-system-btn.active {
  color: #ffffff;
  border: 1px solid #313540;
  background: #313540;
}

.update-lotto-ticket-wrapper {
  display: flex;
  justify-content: flex-end;
  height: 24px;
}

.update-lotto-ticket-wrapper span {
  background: #E6E6E7;
  display: inline-block;
  width: 80px;
  height: 24px !important;
}

.update-lotto-ticket-wrapper span input {
  display: block;
  width: 100%;
  height: 100%;
  text-align: right;
  padding-right: 8px;
}

.theme-light .update-lotto-ticket-wrapper span input {
  color: #010912;
}

.theme-dark .update-lotto-ticket-wrapper span input {
  color: #010912;
}

.update-lotto-ticket-wrapper .update-lotto-ticket {
  width: 68px;
  height: 24px;
}

.msg-box-wrapper {
  display: none;
  padding: 4px 8px;
}

.msg-box-wrapper.show {
  display: flex;
}

.win-per-number {
  font-size: 14px;
  display: inline-block;
}

select.lotto-select {
  text-align: center;
  height: 32px;
  font-size: 14px;
  position: relative;
  z-index: 1;
}

.theme-light select.lotto-select {
  background: transparent;
  color: #ffffff;
  border: 1px solid #4A4D57;
}

.theme-dark select.lotto-select {
  background: transparent;
  color: #ffffff;
  border: 1px solid #4A4D57;
}

.open-lotto-select {
  position: absolute;
  right: 3px;
  top: 5px;
}

.lotto-toggle-fav {
  width: 24px;
  height: 24px;
}

.theme-light .lotto-toggle-fav {
  background: url("/images/themes/dark/favorit_inactive.svg");
}

.theme-dark .lotto-toggle-fav {
  background: url("/images/themes/dark/favorit_inactive.svg");
}

.theme-light .lotto-toggle-fav.active {
  background: url("/images/themes/dark/favorit_active.svg");
}

.theme-dark .lotto-toggle-fav.active {
  background: url("/images/themes/dark/favorit_active.svg");
}

.drawn-numbers {
  display: none;
  margin-top: 15px;
}

.drawn-numbers.show {
  display: flex;
}

.hide-drawn-numbers {
  display: none;
}

.lotto-games .accordion-header {
  border-radius: 2px;
}

.lotto-games .accordion-submenu a {
  border-radius: 2px;
}

.theme-light .accept-changes .option,
.theme-light .voucher-types .option {
  color: rgba(49, 53, 64, 0.7);
}

.theme-dark .accept-changes .option,
.theme-dark .voucher-types .option {
  color: rgba(49, 53, 64, 0.7);
}

.theme-light .accept-changes .option.selected,
.theme-light .voucher-types .option.selected {
  color: #313540;
}

.theme-dark .accept-changes .option.selected,
.theme-dark .voucher-types .option.selected {
  color: #313540;
}

.menu-numbers-nav-wrapper li,
.menu-virtual-nav-wrapper li {
  display: inline-block;
  font-size: 14px;
  margin-right: 20px;
}

.theme-light .menu-numbers-nav-wrapper li,
.theme-light .menu-virtual-nav-wrapper li {
  color: rgba(255, 255, 255, 0.6);
}

.theme-dark .menu-numbers-nav-wrapper li,
.theme-dark .menu-virtual-nav-wrapper li {
  color: rgba(255, 255, 255, 0.6);
}

.menu-numbers-nav-wrapper li.active,
.menu-virtual-nav-wrapper li.active {
  position: relative;
}

.theme-light .menu-numbers-nav-wrapper li.active,
.theme-light .menu-virtual-nav-wrapper li.active {
  color: white;
}

.theme-dark .menu-numbers-nav-wrapper li.active,
.theme-dark .menu-virtual-nav-wrapper li.active {
  color: white;
}

.menu-numbers-nav-wrapper li.active:before,
.menu-virtual-nav-wrapper li.active:before {
  content: "";
  height: 2px;
  width: 100%;
  position: absolute;
  bottom: -4px;
  left: 0;
  background: #FDB913;
}

.userbox-wrapper {
  display: flex;
  flex-direction: column;
  min-height: calc(100% - 35px);
}

.userbox-wrapper .app-version-link {
  height: 40px;
}

.userbox-wrapper .main {
  flex: 1;
}

.userbox-wrapper .btn-theme {
  font-size: 11px;
}

.theme-light .userbox-wrapper .btn-theme {
  color: rgba(255, 255, 255, 0.6);
  border-bottom: 4px solid rgba(255, 255, 255, 0.1);
}

.theme-dark .userbox-wrapper .btn-theme {
  color: rgba(255, 255, 255, 0.6);
  border-bottom: 4px solid rgba(255, 255, 255, 0.1);
}

.theme-light .userbox-wrapper .btn-theme.active {
  color: #40A3FF;
  border-bottom: 4px solid #40A3FF;
}

.theme-dark .userbox-wrapper .btn-theme.active {
  color: #40A3FF;
  border-bottom: 4px solid #40A3FF;
}

.userbox-wrapper .btn-betslip {
  display: inline-flex;
  height: 40px;
  width: 40px;
  justify-content: center;
  align-items: center;
}

.theme-light .userbox-wrapper .btn-betslip.active {
  background: #6E7074;
}

.theme-dark .userbox-wrapper .btn-betslip.active {
  background: #6E7074;
}

.theme-light .userbox-wrapper .btn-betslip.won {
  background: #057D11;
}

.theme-dark .userbox-wrapper .btn-betslip.won {
  background: #057D11;
}

.theme-light .userbox-wrapper .btn-betslip.lost {
  background: #CF3200;
}

.theme-dark .userbox-wrapper .btn-betslip.lost {
  background: #CF3200;
}

.userbox-wrapper .transaction-wrapper {
  border-radius: 2px;
  margin-bottom: 4px;
  background: #4A4D57;
  position: relative;
}

.userbox-wrapper .transaction-wrapper .transaction-plus {
  background: url("/images/rectangle-up-right.svg") no-repeat;
  background-size: cover;
  position: absolute;
  right: 2px;
  top: 2px;
  width: 7px;
  height: 7px;
}

.userbox-wrapper .transaction-wrapper .transaction-minus {
  background: url("/images/rectangle-down-right.svg") no-repeat;
  background-size: cover;
  position: absolute;
  right: 2px;
  bottom: 2px;
  width: 7px;
  height: 7px;
}

.userbox-wrapper .transaction-wrapper .date {
  position: relative;
  margin-right: 6px;
}

.userbox-wrapper .transaction-wrapper .date::after {
  content: "";
  position: absolute;
  top: 4px;
  right: -9px;
  width: 1px;
  height: 9px;
  margin: 0 6px;
  background: white;
}

.theme-light .userbox-wrapper .transaction-wrapper--odd {
  background: #42454D;
}

.theme-dark .userbox-wrapper .transaction-wrapper--odd {
  background: #42454D;
}

.theme-light .userbox-wrapper .transaction-wrapper--even {
  background: #35383E;
}

.theme-dark .userbox-wrapper .transaction-wrapper--even {
  background: #35383E;
}

.theme-light .userbox-wrapper .transaction-wrapper .transaction-main {
  color: #FFFFFF;
}

.theme-dark .userbox-wrapper .transaction-wrapper .transaction-main {
  color: #FFFFFF;
}

.userbox-navigation li a {
  height: 40px;
  padding-left: 4px;
  display: flex;
  align-items: center;
}

.userbox-navigation li a span {
  margin-left: 8px;
}

.theme-light .transaction-secondary {
  color: rgba(255, 255, 255, 0.6);
}

.theme-dark .transaction-secondary {
  color: rgba(255, 255, 255, 0.6);
}

.account-info {
  padding: 16px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.account-info .betting-balance,
.account-info .casino-balance {
  width: 32%;
}

.account-info .betting-balance .balance,
.account-info .casino-balance .balance {
  font-size: 16px;
}

@media (max-width: 350px) {
  .account-info .betting-balance .balance,
  .account-info .casino-balance .balance {
    font-size: 14px !important;
  }
}

.choose-date-wrapper .date-select-wrapper {
  height: 39px;
  background: #313540;
}

.choose-date-wrapper .date-select-wrapper .date-select {
  background: #313540;
  max-height: 19px;
}

.choose-date-wrapper .date-select-wrapper span {
  position: relative;
  top: 1px;
}

.theme-light .deposit-wrapper p,
.theme-light .withdrawal-wrapper p {
  color: rgba(255, 255, 255, 0.6);
}

.theme-dark .deposit-wrapper p,
.theme-dark .withdrawal-wrapper p {
  color: rgba(255, 255, 255, 0.6);
}

.theme-light .deposit-wrapper .strong,
.theme-light .withdrawal-wrapper .strong {
  color: rgba(255, 255, 255, 0.9);
}

.theme-dark .deposit-wrapper .strong,
.theme-dark .withdrawal-wrapper .strong {
  color: rgba(255, 255, 255, 0.9);
}

.deposit-wrapper .accordion-header,
.withdrawal-wrapper .accordion-header {
  height: 48px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.theme-light .deposit-wrapper .accordion-header,
.theme-light .withdrawal-wrapper .accordion-header {
  border-bottom: 1px solid #0E3147;
}

.theme-dark .deposit-wrapper .accordion-header,
.theme-dark .withdrawal-wrapper .accordion-header {
  border-bottom: 1px solid #0E3147;
}

.theme-light .deposit-wrapper .accordion-header.active,
.theme-light .withdrawal-wrapper .accordion-header.active {
  border-bottom: 1px solid #40A3FF;
}

.theme-dark .deposit-wrapper .accordion-header.active,
.theme-dark .withdrawal-wrapper .accordion-header.active {
  border-bottom: 1px solid #40A3FF;
}

.theme-light .deposit-wrapper .accordion-header.active + .accordion-submenu,
.theme-light .withdrawal-wrapper .accordion-header.active + .accordion-submenu {
  border-bottom: 1px solid #0E3147;
}

.theme-dark .deposit-wrapper .accordion-header.active + .accordion-submenu,
.theme-dark .withdrawal-wrapper .accordion-header.active + .accordion-submenu {
  border-bottom: 1px solid #0E3147;
}

.deposit-wrapper .accordion-header .title,
.withdrawal-wrapper .accordion-header .title {
  display: flex;
  align-items: center;
}

.deposit-wrapper .accordion-submenu,
.withdrawal-wrapper .accordion-submenu {
  padding: 16px;
}

.deposit-wrapper ul li,
.withdrawal-wrapper ul li {
  font-size: 12px;
  margin-bottom: 10px;
  padding-left: 14px;
  position: relative;
}

.deposit-wrapper ul li::before,
.withdrawal-wrapper ul li::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #FDB913;
  position: absolute;
  left: 0;
  top: 6px;
}

.deposit-wrapper ul li span,
.withdrawal-wrapper ul li span {
  color: #FDB913;
}

.deposit-detail ul {
  display: flex;
}

.deposit-detail ul li {
  margin-left: 21px;
}

.deposit-detail ul li:first-child {
  margin-left: 0;
}

.deposit-detail ul li a {
  font-size: 12px;
}

.theme-light .deposit-detail ul li a {
  color: rgba(255, 255, 255, 0.6);
}

.theme-dark .deposit-detail ul li a {
  color: rgba(255, 255, 255, 0.6);
}

.theme-light .deposit-detail ul li a.active {
  color: #40A3FF;
}

.theme-dark .deposit-detail ul li a.active {
  color: #40A3FF;
}

.deposit-wrapper-1 .deposit-option {
  height: 48px;
  display: flex;
  align-items: center;
  padding-left: 16px;
  padding-right: 8px;
}

.theme-light .deposit-wrapper-1 .deposit-option {
  border-bottom: 1px solid #4A4D57;
}

.theme-dark .deposit-wrapper-1 .deposit-option {
  border-bottom: 1px solid #4A4D57;
}

.theme-light .deposit-wrapper-1 .deposit-option.active {
  border-bottom: 1px solid #40A3FF;
}

.theme-dark .deposit-wrapper-1 .deposit-option.active {
  border-bottom: 1px solid #40A3FF;
}

.deposit-wrapper-1 .deposit-detail {
  display: none;
}

.deposit-wrapper-1 .deposit-detail.active {
  display: block;
  padding: 16px;
}

.theme-light .deposit-wrapper-1 .deposit-detail.active {
  border-bottom: 1px solid #4A4D57;
}

.theme-dark .deposit-wrapper-1 .deposit-detail.active {
  border-bottom: 1px solid #4A4D57;
}

.deposit-wrapper-1 img {
  height: 32px;
  width: auto;
}

.change-user-data-success-msg {
  height: 100px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.change-user-data-success-msg h1 {
  margin-bottom: 8px;
  font-size: 16px;
}

.theme-light .change-user-data-success-msg h1 {
  color: rgba(255, 255, 255, 0.9);
}

.theme-dark .change-user-data-success-msg h1 {
  color: rgba(255, 255, 255, 0.9);
}

.change-user-data-success-msg p {
  width: 260px;
  font-size: 13px;
}

.theme-light .change-user-data-success-msg p {
  color: rgba(255, 255, 255, 0.6);
}

.theme-dark .change-user-data-success-msg p {
  color: rgba(255, 255, 255, 0.6);
}

@media (max-width: 350px) {
  .deposit-options-wrapper .deposit-option-name {
    font-size: 15px !important;
  }
}

.deposit-option-info {
  position: relative;
}

.deposit-option-info .mpesa-logo-deposit-options {
  position: absolute;
  top: 20px;
  right: 14px;
}

.deposit-amount-options div,
.withdraw-amount-options div {
  width: 20%;
  text-align: center;
}

.deposit-amount-options div span,
.withdraw-amount-options div span {
  display: inline-block;
  width: 100%;
  padding: 10px 0 8px;
}

.userbox-links-wrapper {
  margin-top: 40px;
}

.userbox-links-wrapper .userbox-links-row {
  margin-bottom: 40px;
}

.userbox-links-wrapper img {
  max-width: 32px;
}

.settings-options .settings-option {
  border-radius: 2px;
}

.accordion-submenu {
  border: 1px solid #4A4D57;
}

.ticket-status,
.alert-box {
  padding: 4px 8px;
  display: flex;
}

.theme-light .ticket-status.bet-slip-status-active,
.theme-light .alert-box.bet-slip-status-active {
  background: #6E7074;
}

.theme-dark .ticket-status.bet-slip-status-active,
.theme-dark .alert-box.bet-slip-status-active {
  background: #6E7074;
}

.theme-light .ticket-status.bet-slip-status-footer-active,
.theme-light .alert-box.bet-slip-status-footer-active {
  background: #6E7074;
}

.theme-dark .ticket-status.bet-slip-status-footer-active,
.theme-dark .alert-box.bet-slip-status-footer-active {
  background: #6E7074;
}

.theme-light .ticket-status.bet-slip-status-win,
.theme-light .alert-box.bet-slip-status-win {
  background: #0E8846;
}

.theme-dark .ticket-status.bet-slip-status-win,
.theme-dark .alert-box.bet-slip-status-win {
  background: #0E8846;
}

.theme-light .ticket-status.bet-slip-status-lost,
.theme-light .alert-box.bet-slip-status-lost {
  background: #FF1F1F;
}

.theme-dark .ticket-status.bet-slip-status-lost,
.theme-dark .alert-box.bet-slip-status-lost {
  background: #FF1F1F;
}

.theme-light .ticket-status.bet-slip-status-storned,
.theme-light .alert-box.bet-slip-status-storned {
  background: #A98121;
}

.theme-dark .ticket-status.bet-slip-status-storned,
.theme-dark .alert-box.bet-slip-status-storned {
  background: #A98121;
}

.theme-light .ticket-status.bet-slip-status-active span,
.theme-light .ticket-status.bet-slip-status-lost span,
.theme-light .ticket-status.bet-slip-status-win span,
.theme-light .alert-box.bet-slip-status-active span,
.theme-light .alert-box.bet-slip-status-lost span,
.theme-light .alert-box.bet-slip-status-win span {
  color: #FFFFFF;
}

.theme-dark .ticket-status.bet-slip-status-active span,
.theme-dark .ticket-status.bet-slip-status-lost span,
.theme-dark .ticket-status.bet-slip-status-win span,
.theme-dark .alert-box.bet-slip-status-active span,
.theme-dark .alert-box.bet-slip-status-lost span,
.theme-dark .alert-box.bet-slip-status-win span {
  color: #FFFFFF;
}

.ticket-status .alert-icon,
.alert-box .alert-icon {
  margin-right: 10px;
}

.ticket-status .alert-icon img,
.alert-box .alert-icon img {
  width: initial;
}

.betslip-lotto-round {
  height: 32px;
}

.lotto-number {
  width: 38px;
  height: 38px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
}

.lotto-number.active {
  background: white;
}

.previous-result .lotto-number {
  width: 100%;
  height: 34px;
}

.drawn-numbers {
  line-height: 16px;
}

.theme-light .bet-slip-date {
  color: #FDB913;
}

.theme-dark .bet-slip-date {
  color: #FDB913;
}

.theme-light .bet-slip-ticket .home-visitor {
  color: #FFFFFF;
}

.theme-dark .bet-slip-ticket .home-visitor {
  color: #FFFFFF;
}

.theme-light .bet-slip-ticket .result {
  color: #FDB913;
}

.theme-dark .bet-slip-ticket .result {
  color: #FDB913;
}

.theme-light .bet-slip-ticket .game-name {
  color: rgba(255, 255, 255, 0.6);
}

.theme-dark .bet-slip-ticket .game-name {
  color: rgba(255, 255, 255, 0.6);
}

.theme-light .bet-slip-ticket .game-name-short {
  color: rgba(255, 255, 255, 0.3);
}

.theme-dark .bet-slip-ticket .game-name-short {
  color: rgba(255, 255, 255, 0.3);
}

.theme-light .bet-slip-ticket .game-odd {
  color: #FDB913;
}

.theme-dark .bet-slip-ticket .game-odd {
  color: #FDB913;
}

.bet-slip-product {
  font-size: 18px;
}

@media (max-width: 350px) {
  .bet-slip-product {
    font-size: 15px;
  }
}

.page-supper-charged-odds p {
  line-height: 140%;
  margin-bottom: 16px;
  font-size: 13px;
}

.theme-light .page-supper-charged-odds p {
  color: rgba(255, 255, 255, 0.6);
}

.theme-dark .page-supper-charged-odds p {
  color: rgba(255, 255, 255, 0.6);
}

.update-btn-wrapper {
  display: flex;
  justify-content: flex-end;
  height: 32px;
}

.update-btn-wrapper span {
  background: #E6E6E7;
  display: inline-block;
  width: 126px;
  height: 32px !important;
}

.update-btn-wrapper span input {
  display: block;
  width: 100%;
  height: 100%;
  text-align: right;
  padding-right: 8px;
  font-size: 14px;
}

.theme-light .update-btn-wrapper span input {
  color: #313540;
  border: 1px solid #057D11;
}

.theme-dark .update-btn-wrapper span input {
  color: #313540;
  border: 1px solid #057D11;
}

.update-btn-wrapper .update-btn {
  width: 32px;
  height: 32px;
  background-image: url("/images/refresh-light.svg");
  background-repeat: no-repeat;
  background-position: center;
}

.ticket-header {
  padding-top: 2px;
  padding-bottom: 1px;
}

.ticket-header .matches-on-ticket {
  width: 32px;
  height: 32px;
  background: url("/images/matches-on-ticket.svg") no-repeat;
  background-size: cover;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
}

.ticket-navigation {
  height: 27px;
}

.theme-light .ticket-navigation {
  border-bottom: 1px solid #E5E5E5;
}

.theme-dark .ticket-navigation {
  border-bottom: 1px solid #E5E5E5;
}

.theme-light .ticket-wrapper .game-start-time {
  color: #FDB913;
}

.theme-dark .ticket-wrapper .game-start-time {
  color: #FDB913;
}

body.select-app-version,
.select-app-version-modal {
  height: 120%;
  background: url("/images/background_welcome.png") no-repeat;
  background-size: cover;
}

body.select-app-version .container,
.select-app-version-modal .container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

body.select-app-version a,
.select-app-version-modal a {
  color: white;
}

body.select-app-version .top,
.select-app-version-modal .top {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 36px;
}

body.select-app-version .top .logo-wrapper,
.select-app-version-modal .top .logo-wrapper {
  margin: 80px 0 55px;
}

body.select-app-version .top h1,
.select-app-version-modal .top h1 {
  margin-bottom: 15px;
  font-family: Arial, sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  line-height: 120%;
  /* or 31px */
  letter-spacing: 0.01em;
  color: #FFFFFF;
}

body.select-app-version .top p,
.select-app-version-modal .top p {
  font-family: Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 140%;
  /* or 20px */
  text-align: center;
  color: #FFFFFF;
}

body.select-app-version .middle,
.select-app-version-modal .middle {
  margin-bottom: 20px;
}

body.select-app-version .middle .options-wrapper,
.select-app-version-modal .middle .options-wrapper {
  display: flex;
  align-items: center;
}

body.select-app-version .middle .option,
.select-app-version-modal .middle .option {
  display: flex;
  flex-direction: column;
  align-items: center;
}

body.select-app-version .middle .option .img-wrapper,
.select-app-version-modal .middle .option .img-wrapper {
  position: relative;
  margin-bottom: 14px;
}

body.select-app-version .middle .option .img-wrapper .new-icon,
.select-app-version-modal .middle .option .img-wrapper .new-icon {
  position: absolute;
  left: -12px;
  top: 21px;
}

body.select-app-version .middle .option .title,
.select-app-version-modal .middle .option .title {
  margin-bottom: 3px;
  font-family: Arial, sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 120%;
  text-align: center;
  letter-spacing: 0.02em;
  color: #40A3FF;
  text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}

body.select-app-version .middle .option .description,
.select-app-version-modal .middle .option .description {
  font-family: Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 130%;
  /* or 17px */
  text-align: center;
  letter-spacing: 0.02em;
  color: rgba(255, 255, 255, 0.9);
}

body.select-app-version .middle .vertical-border,
.select-app-version-modal .middle .vertical-border {
  height: 219px;
  width: 1px;
  background: linear-gradient(to bottom, rgba(64, 163, 255, 0) 0%, #40A3FF 36.64%, #40A3FF 51.29%, #40A3FF 64.38%, rgba(64, 163, 255, 0) 100.49%);
  opacity: 0.6;
}

body.select-app-version .bottom,
.select-app-version-modal .bottom {
  width: 100%;
  padding: 8px;
  font-style: normal;
  font-weight: normal;
  line-height: 140%;
  /* or 17px */
  text-align: center;
  color: rgba(255, 255, 255, 0.8);
  text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}

body.select-app-version .bottom .country-picker,
.select-app-version-modal .bottom .country-picker {
  display: flex;
  justify-content: space-between;
  padding: 5px;
  background: #111034;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 6px;
}

body.select-app-version .bottom .country-picker div,
.select-app-version-modal .bottom .country-picker div {
  display: flex;
  align-items: center;
}

body.select-app-version .bottom .country-picker div img,
.select-app-version-modal .bottom .country-picker div img {
  max-width: 44px;
}

body.select-app-version .bottom .country-picker div span,
.select-app-version-modal .bottom .country-picker div span {
  font-size: 16px;
}

body.select-app-version .bottom .remember-option-app-version-toggle-btn,
.select-app-version-modal .bottom .remember-option-app-version-toggle-btn {
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 12px;
  height: 20px;
}

body.select-app-version .bottom .remember-option-app-version-toggle-btn .checkbox-on,
body.select-app-version .bottom .remember-option-app-version-toggle-btn .checkbox-off,
.select-app-version-modal .bottom .remember-option-app-version-toggle-btn .checkbox-on,
.select-app-version-modal .bottom .remember-option-app-version-toggle-btn .checkbox-off {
  display: none;
  position: relative;
}

body.select-app-version .bottom .remember-option-app-version-toggle-btn .checkbox-on .part-2,
body.select-app-version .bottom .remember-option-app-version-toggle-btn .checkbox-off .part-2,
.select-app-version-modal .bottom .remember-option-app-version-toggle-btn .checkbox-on .part-2,
.select-app-version-modal .bottom .remember-option-app-version-toggle-btn .checkbox-off .part-2 {
  position: absolute;
  right: -1px;
  top: 1px;
}

body.select-app-version .bottom .remember-option-app-version-toggle-btn .checkbox-on.active,
body.select-app-version .bottom .remember-option-app-version-toggle-btn .checkbox-off.active,
.select-app-version-modal .bottom .remember-option-app-version-toggle-btn .checkbox-on.active,
.select-app-version-modal .bottom .remember-option-app-version-toggle-btn .checkbox-off.active {
  display: inline-block;
}

body.select-app-version .bottom .remember-option-app-version-toggle-btn span,
.select-app-version-modal .bottom .remember-option-app-version-toggle-btn span {
  margin-left: 12px;
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 140%;
  /* or 18px */
  color: rgba(255, 255, 255, 0.9);
  text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}

body.select-app-version .bottom p,
.select-app-version-modal .bottom p {
  font-family: Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 140%;
  /* or 17px */
  text-align: center;
  color: rgba(255, 255, 255, 0.8);
  text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}

.casino-wrapper {
  position: relative;
  min-height: calc(100vh - 104px);
}

.casino-wrapper .casino-menu-wrapper,
.casino-wrapper .casino-filter-wrapper {
  display: none;
  width: 100%;
  position: absolute;
  top: 0;
  padding-bottom: 60px;
  background: #313540;
}

.casino-wrapper .casino-menu-wrapper.open,
.casino-wrapper .casino-filter-wrapper.open {
  display: initial;
}

.casino-wrapper .casino-menu-wrapper .casino-menu-header,
.casino-wrapper .casino-menu-wrapper .casino-filter-header,
.casino-wrapper .casino-filter-wrapper .casino-menu-header,
.casino-wrapper .casino-filter-wrapper .casino-filter-header {
  padding: 12px 12px 12px 16px;
  font-size: 16px;
  color: white;
  display: flex;
  justify-content: space-between;
  background: #383C47;
}

.casino-wrapper .casino-menu-wrapper .casino-menu-header div,
.casino-wrapper .casino-menu-wrapper .casino-filter-header div,
.casino-wrapper .casino-filter-wrapper .casino-menu-header div,
.casino-wrapper .casino-filter-wrapper .casino-filter-header div {
  display: flex;
  align-items: center;
}

.casino-wrapper .casino-menu-wrapper .casino-filter-options .select-wrapper .header-filter,
.casino-wrapper .casino-filter-wrapper .casino-filter-options .select-wrapper .header-filter {
  display: flex;
  align-items: center;
}

.casino-wrapper .casino-menu-wrapper .casino-filter-options .select-wrapper .header-filter .filter-type,
.casino-wrapper .casino-filter-wrapper .casino-filter-options .select-wrapper .header-filter .filter-type {
  font-size: 14px;
  color: #FDB913;
  -webkit-animation: none;
          animation: none;
}

.casino-wrapper .casino-menu-wrapper .casino-filter-options .select-wrapper.open .header-filter .filter-type,
.casino-wrapper .casino-filter-wrapper .casino-filter-options .select-wrapper.open .header-filter .filter-type {
  font-size: 14px;
  color: #FDB913;
  -webkit-animation: none;
          animation: none;
}

.casino-wrapper .casino-menu-wrapper .casino-filter-options .select-wrapper .context-filter,
.casino-wrapper .casino-filter-wrapper .casino-filter-options .select-wrapper .context-filter {
  display: block;
}

.casino-wrapper .casino-menu-wrapper .casino-filter-options .select-wrapper .context-filter div .icon-checked,
.casino-wrapper .casino-filter-wrapper .casino-filter-options .select-wrapper .context-filter div .icon-checked {
  display: none;
}

.casino-wrapper .casino-menu-wrapper .casino-filter-options .select-wrapper .context-filter div.checked .icon-unchecked,
.casino-wrapper .casino-filter-wrapper .casino-filter-options .select-wrapper .context-filter div.checked .icon-unchecked {
  display: none;
}

.casino-wrapper .casino-menu-wrapper .casino-filter-options .select-wrapper .context-filter div.checked .icon-checked,
.casino-wrapper .casino-filter-wrapper .casino-filter-options .select-wrapper .context-filter div.checked .icon-checked {
  display: initial;
}

.casino-wrapper .casino-menu-wrapper .casino-filter-buttons,
.casino-wrapper .casino-filter-wrapper .casino-filter-buttons {
  position: fixed;
  bottom: 0;
  width: 100%;
}

.casino-wrapper .casino-menu-wrapper .casino-filter-buttons .height-56,
.casino-wrapper .casino-filter-wrapper .casino-filter-buttons .height-56 {
  height: 56px;
}

.casino-wrapper .casino-menu-wrapper .casino-menu-list-wrapper {
  padding: 5px;
}

.casino-wrapper .casino-menu-wrapper .casino-menu-list-wrapper .casino-menu-list {
  border: 1px solid #383C47;
  border-radius: 2px;
  padding-top: 12px;
}

.casino-wrapper .casino-menu-wrapper .casino-menu-list-wrapper .casino-menu-list div {
  font-size: 13px;
  color: rgba(255, 255, 255, 0.6);
  padding: 12px;
}

.casino-wrapper .casino-menu-wrapper .casino-menu-list-wrapper .casino-menu-list div.active {
  color: white;
}

.casino-wrapper .game-list {
  padding: 20px 6px;
}

.casino-wrapper .game-list.lobby {
  padding: 24px 6px;
  border-top: 1px solid #4A4D57;
}

.casino-wrapper .game-list .title {
  font-size: 18px;
  color: #FDB913;
}

.casino-wrapper .game-list .jp {
  font-size: 18px;
  color: white;
}

.casino-wrapper .game-list .jp span {
  color: #FDB913;
  margin-left: 5px;
}

.casino-wrapper .game-list .game img {
  border-radius: 5px;
}

.casino-wrapper .game-list .load-more {
  color: white;
  font-size: 18px;
  text-align: center;
  background: #4A4D57;
  border-radius: 2px;
  padding: 14px 0;
  margin-top: 10px;
}

.casino-wrapper .open-casino-filter {
  background: #4A4D57;
  color: white;
  border-radius: 2px;
}

.casino-game-search-wrapper {
  height: 100vh;
  width: 100%;
  position: fixed;
  top: 0;
  background: #313540;
  z-index: 3;
  display: none;
}

.casino-game-search-wrapper.open {
  display: initial;
}

.casino-game-search-wrapper .casino-search-header {
  background: #383C47;
}

.betting-ticket {
  overflow: hidden;
}

.theme-light .betting-ticket .navigation span {
  color: rgba(49, 53, 64, 0.6);
}

.theme-dark .betting-ticket .navigation span {
  color: rgba(49, 53, 64, 0.6);
}

.betting-ticket .navigation span.active {
  position: relative;
}

.theme-light .betting-ticket .navigation span.active {
  color: #313540;
}

.theme-dark .betting-ticket .navigation span.active {
  color: #313540;
}

.betting-ticket .navigation span.active::after {
  content: "";
  height: 2px;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: -6px;
}

.theme-light .betting-ticket .navigation span.active::after {
  background: #313540;
}

.theme-dark .betting-ticket .navigation span.active::after {
  background: #313540;
}

.theme-light .betting-ticket .navigation .reset-ticket {
  color: #313540;
}

.theme-dark .betting-ticket .navigation .reset-ticket {
  color: #313540;
}

.betting-ticket .system-btn {
  display: flex;
  height: 32px;
  min-width: 72px;
  justify-content: center;
  align-items: center;
  margin-right: 4px;
  margin-bottom: 4px;
  font-size: 14px;
  cursor: pointer;
  border-radius: 40px;
}

.theme-light .betting-ticket .system-btn {
  color: rgba(49, 53, 64, 0.7);
  border: 1px solid rgba(66, 69, 77, 0.5);
}

.theme-dark .betting-ticket .system-btn {
  color: rgba(49, 53, 64, 0.7);
  border: 1px solid rgba(66, 69, 77, 0.5);
}

.theme-light .betting-ticket .system-btn.active {
  color: #ffffff;
  border: 1px solid #313540;
  background: #313540;
}

.theme-dark .betting-ticket .system-btn.active {
  color: #ffffff;
  border: 1px solid #313540;
  background: #313540;
}

.betting-ticket .match-item {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}

.betting-ticket .delete-match-btn {
  display: inline-flex;
  cursor: pointer;
}

.betting-ticket .old-odd {
  font-size: 13px;
  text-decoration: line-through;
}

.theme-light .betting-ticket .old-odd {
  color: rgba(253, 185, 19, 0.3);
  -webkit-text-decoration-color: #D41F1F;
          text-decoration-color: #D41F1F;
}

.theme-dark .betting-ticket .old-odd {
  color: rgba(253, 185, 19, 0.3);
  -webkit-text-decoration-color: #D41F1F;
          text-decoration-color: #D41F1F;
}

.place-bet {
  width: 100%;
  position: relative;
  z-index: 2;
}

.fav-competition-wrapper {
  display: flex;
  align-items: center;
}

.qbc-wrapper {
  margin-top: 4px;
  padding-top: 4px;
}

.theme-light .qbc-wrapper {
  border-top: 1px solid #939393;
}

.theme-dark .qbc-wrapper {
  border-top: 1px solid #939393;
}

.qbc-ok-btn {
  display: inline-flex;
  width: 49px;
  height: 24px;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.theme-light .qbc-ok-btn {
  background: #40A3FF;
  color: #FFFFFF;
}

.theme-dark .qbc-ok-btn {
  background: #40A3FF;
  color: #FFFFFF;
}

.fix-btn {
  display: inline-flex;
  width: 40px;
  height: 40px;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  cursor: pointer;
  border-radius: 4px;
}

.theme-light .fix-btn {
  color: #313540;
  border: 1px solid #42454D;
}

.theme-dark .fix-btn {
  color: #313540;
  border: 1px solid #42454D;
}

.theme-light .fix-btn.active {
  background: #313540;
  color: #ffffff;
  border: 1px solid #313540;
}

.theme-dark .fix-btn.active {
  background: #313540;
  color: #ffffff;
  border: 1px solid #313540;
}

.betting-refund {
  width: 90%;
  margin: 0 auto;
  padding-top: 60px;
  text-align: center;
}

.cancel-bet-confirm-wrapper {
  display: none;
  justify-content: flex-end;
  align-items: center;
}

.cancel-bet-confirm-wrapper .btn {
  width: 48px;
}

.advance {
  min-height: initial !important;
}

.advance .products-navigation-wrapper {
  overflow: hidden;
  padding: 6px 0;
}

.advance .products-navigation-wrapper .products-navigation {
  justify-content: initial;
}

.advance .products-navigation-wrapper .products-navigation li {
  min-width: 20%;
}

@media (max-width: 350px) {
  .advance .products-navigation-wrapper .products-navigation li {
    min-width: 22%;
  }
}

.advance .products-navigation-wrapper .products-navigation li:first-child {
  margin-left: calc(-10% + 28px);
}

@media (max-width: 350px) {
  .advance .products-navigation-wrapper .products-navigation li:first-child {
    margin-left: calc(-11% + 28px);
  }
}

.advance .products-navigation-wrapper .products-navigation li:last-child {
  position: absolute;
  right: 0;
  min-width: 55px;
  display: inline-block;
  background: #280071;
}

.advance .products-navigation-wrapper .products-navigation li:last-child:before {
  content: "";
  width: 10px;
  height: 100%;
  position: absolute;
  left: -10px;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #280071 80%);
}

.advance .bonus-circle:before {
  top: 0;
  right: -3px;
}

.advance .bottom-menu:before {
  content: "";
  width: 100%;
  height: 5px;
  position: absolute;
  top: -5px;
  background: #ffffff;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.2) 100%);
}

.advance .bottom-menu.unfixed {
  position: relative;
}

.advance .bottom-menu .match-list-wrapper {
  margin-bottom: 0;
}

.advance .bottom-menu .ticket-link {
  position: initial;
  display: initial;
}

.advance .bottom-menu .ticket-link.livebet-ticket-link.hide,
.advance .bottom-menu .ticket-link.betting-ticket-link.hide {
  display: none;
}

.advance .bottom-menu .ticket-link .bettype-counter {
  transform: none;
}

.advance .bottom-menu .ticket-link.value .bettype-counter {
  color: white;
}

.advance .filter-wrapper,
.advance .casino-filter-options {
  padding: 5px 0 0;
}

.advance .filter-wrapper .filter .btn,
.advance .casino-filter-options .filter .btn {
  height: 47px;
}

.advance .filter-wrapper .select-wrapper,
.advance .casino-filter-options .select-wrapper {
  border: 1px solid #4A4D57;
  padding: 0;
  background: none;
}

.advance .filter-wrapper .select-wrapper .header-filter,
.advance .casino-filter-options .select-wrapper .header-filter {
  padding: 7px 8px;
  background: #4A4D57;
  position: relative;
  height: 47px;
}

.advance .filter-wrapper .select-wrapper .header-filter span,
.advance .casino-filter-options .select-wrapper .header-filter span {
  width: 20px;
  height: 20px;
  position: absolute;
  display: inline-block;
  right: 12px;
  top: 13px;
}

.advance .filter-wrapper .select-wrapper .header-filter span.up,
.advance .casino-filter-options .select-wrapper .header-filter span.up {
  display: none;
}

.advance .filter-wrapper .select-wrapper .header-filter .filter-type,
.advance .casino-filter-options .select-wrapper .header-filter .filter-type {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.6);
  margin-bottom: 3px;
}

.advance .filter-wrapper .select-wrapper .header-filter .filter-type.back-to-start,
.advance .casino-filter-options .select-wrapper .header-filter .filter-type.back-to-start {
  -webkit-animation: moveUp 0.3s ease-out forwards;
          animation: moveUp 0.3s ease-out forwards;
}

.advance .filter-wrapper .select-wrapper .header-filter .selected-value,
.advance .casino-filter-options .select-wrapper .header-filter .selected-value {
  font-size: 14px;
  color: white;
}

.advance .filter-wrapper .select-wrapper .context-filter,
.advance .casino-filter-options .select-wrapper .context-filter {
  background: #313540;
  padding: 20px 8px 0;
  display: none;
}

.advance .filter-wrapper .select-wrapper .context-filter div,
.advance .casino-filter-options .select-wrapper .context-filter div {
  font-size: 13px;
  margin-bottom: 22px;
  color: rgba(255, 255, 255, 0.6);
}

.advance .filter-wrapper .select-wrapper .context-filter div.selected,
.advance .casino-filter-options .select-wrapper .context-filter div.selected {
  color: white;
}

.advance .filter-wrapper .select-wrapper.open .header-filter .filter-type,
.advance .casino-filter-options .select-wrapper.open .header-filter .filter-type {
  font-size: 14px;
  color: #FDB913;
  -webkit-animation: moveDown 0.3s ease-out forwards;
          animation: moveDown 0.3s ease-out forwards;
}

.advance .filter-wrapper .select-wrapper.open .header-filter .selected-value,
.advance .casino-filter-options .select-wrapper.open .header-filter .selected-value {
  display: none;
}

.advance .filter-wrapper .select-wrapper.open .header-filter span.up,
.advance .casino-filter-options .select-wrapper.open .header-filter span.up {
  display: inline-block;
}

.advance .filter-wrapper .select-wrapper.open .header-filter span.down,
.advance .casino-filter-options .select-wrapper.open .header-filter span.down {
  display: none;
}

.advance .filter-wrapper .filter-navigation__item,
.advance .casino-filter-options .filter-navigation__item {
  border-radius: 2px;
}

.advance .filter-checkbox {
  height: 47px;
  display: flex;
  align-items: center;
}

.advance .filter-checkbox .edit-my-leagues input {
  top: 2px;
}

.advance .ticket-link.empty .bettype-counter {
  font-size: 14px;
}

.advance .ticket-link.open .bettype-counter {
  color: white;
}

.advance .betslip-details-body {
  min-height: calc(100vh - 169px);
}

.advance .betslip-details-body.less-height {
  min-height: calc(100vh - 218px);
}

.advance .betslip-details-body.less-less-height {
  min-height: calc(100vh - 267px);
}

.advance .ticket-list-betslip-details {
  min-height: calc(100vh - 159px);
}

.advance .ticket-list-betslip-details.less-height {
  min-height: calc(100vh - 208px);
}

.advance .ticket-list-betslip-details.less-less-height {
  min-height: calc(100vh - 257px);
}

.advance .ticket-list-betslip-details.lotto {
  min-height: initial;
}

.advance .betting-ticket .ticket-list-betslip-details {
  min-height: calc(100vh - 278px);
}

.advance .betting-ticket .ticket-list-betslip-details.less-less-height {
  min-height: calc(100vh - 245px);
}

.advance .betting-ticket .ticket-list-betslip-details.less-height {
  min-height: calc(100vh - 313px);
}

.advance .betting-ticket.regular-paid .ticket-list-betslip-details,
.advance .betting-ticket.system-paid .ticket-list-betslip-details {
  min-height: calc(100vh - 285px);
}

.advance .betting-ticket.regular-paid .betslip-details-body,
.advance .betting-ticket.system-paid .betslip-details-body {
  min-height: calc(100vh - 266px);
}

.advance .betting-ticket .betslip-details-body {
  min-height: calc(100vh - 268px);
}

.advance .betting-ticket .betslip-details-body.less-less-height {
  min-height: calc(100vh - 235px);
}

.advance .betting-ticket .betslip-details-body.less-height {
  min-height: calc(100vh - 303px);
}

.advance .betting-ticket.system .ticket-list-betslip-details {
  min-height: calc(100vh - 333px);
}

.advance .betting-ticket.system .ticket-list-betslip-details.less-height {
  min-height: calc(100vh - 357px);
}

.advance .betting-ticket.system .betslip-details-body {
  margin-bottom: 0;
  min-height: calc(100vh - 166px);
}

.advance .betting-ticket.system .betslip-details-body.less-height {
  min-height: calc(100vh - 190px);
}

.advance .betting-ticket.system.user-in .ticket-list-betslip-details {
  min-height: calc(100vh - 365px);
}

.advance .betting-ticket.system.user-in .ticket-list-betslip-details.less-height {
  min-height: calc(100vh - 390px);
}

.advance .betting-ticket.system.user-in .betslip-details-body {
  margin-bottom: 0;
  min-height: calc(100vh - 199px);
}

.advance .betting-ticket.system.user-in .betslip-details-body.less-height {
  min-height: calc(100vh - 223px);
}

.advance .live-ticket .ticket-list-betslip-details {
  min-height: calc(100vh - 278px);
}

.advance .live-ticket .ticket-list-betslip-details.less-less-height {
  min-height: calc(100vh - 245px);
}

.advance .live-ticket .ticket-list-betslip-details.less-height {
  min-height: calc(100vh - 302px);
}

.advance .live-ticket.paid .ticket-list-betslip-details {
  min-height: calc(100vh - 285px);
}

.advance .live-ticket.paid .betslip-details-body {
  min-height: calc(100vh - 275px);
}

.advance .live-ticket .betslip-details-body {
  min-height: calc(100vh - 268px);
}

.advance .live-ticket .betslip-details-body.less-less-height {
  min-height: calc(100vh - 235px);
}

.advance .live-ticket .betslip-details-body.less-height {
  min-height: calc(100vh - 292px);
}

.advance .virtual-ticket .ticket-list-betslip-details {
  min-height: calc(100vh - 245px);
}

.advance .virtual-ticket .ticket-list-betslip-details.less-height {
  min-height: calc(100vh - 278px);
}

.advance .virtual-ticket .betslip-details-body {
  min-height: calc(100vh - 235px);
}

.advance .virtual-ticket .betslip-details-body.less-height {
  min-height: calc(100vh - 268px);
}

.advance .betslip-jackpot-preview .betslip-details-body {
  min-height: calc(100vh - 220px);
}

.advance .sharecode-wrapper {
  position: absolute;
  bottom: 0;
  width: 100%;
}

.advance .info-block.open {
  position: absolute;
  bottom: 0;
  width: 100%;
}

.advance .lotto-place-bet-wrapper .msg-box {
  position: relative;
  top: 1px;
}

.advance .lotto-place-bet-wrapper.additional .betslip-footer {
  position: absolute;
  bottom: 0;
  width: 100%;
}

.advance .lotto-place-bet-wrapper.additional .betslip-details-body {
  min-height: calc(100vh - 174px);
}

.advance .lotto-place-bet-wrapper.additional .betslip-details-body.less-height {
  min-height: calc(100vh - 208px);
}

.advance .lotto-place-bet-wrapper.additional .betslip-details-body.less-less-height {
  min-height: calc(100vh - 230px);
}

.advance .lotto-place-bet-wrapper.additional .betslip-details-body.paid.less-less-height {
  min-height: calc(100vh - 215px);
}

.advance .lotto-place-bet-wrapper.basic .betslip-details-body {
  min-height: calc(100vh - 174px);
}

.advance .lotto-place-bet-wrapper.basic .betslip-details-body.less-height {
  min-height: calc(100vh - 208px);
}

.advance .lotto-place-bet-wrapper.basic .betslip-details-body.less-less-height {
  min-height: calc(100vh - 225px);
}

.advance .lotto-place-bet-wrapper.basic .betslip-details-body.paid.less-less-height {
  min-height: calc(100vh - 215px);
}

.advance .place-bet-form-wrapper .btn {
  min-height: 48px;
}

.advance .help-info {
  bottom: 27px;
}

@-webkit-keyframes moveDown {
  0% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(8px);
  }
}

@keyframes moveDown {
  0% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(8px);
  }
}

@-webkit-keyframes moveUp {
  0% {
    transform: translateY(8px);
  }

  100% {
    transform: translateY(0);
  }
}

@keyframes moveUp {
  0% {
    transform: translateY(8px);
  }

  100% {
    transform: translateY(0);
  }
}

.info-box-wrapper .info-outer .close {
  top: 16px;
  right: 8px;
}

.info-box-wrapper .info-outer .info-inner {
  padding: 26px 30px 16px 29px;
}

.info-box-wrapper .info-outer .info-inner .title {
  font-size: 16px;
  text-transform: uppercase;
  margin-bottom: 8px;
}

.theme-light .info-box-wrapper .info-outer .info-inner .title {
  color: rgba(255, 255, 255, 0.9);
}

.theme-dark .info-box-wrapper .info-outer .info-inner .title {
  color: rgba(255, 255, 255, 0.9);
}

.info-box-wrapper .info-outer .info-inner .description {
  font-size: 13px;
}

.theme-light .info-box-wrapper .info-outer .info-inner .description {
  color: rgba(255, 255, 255, 0.6);
}

.theme-dark .info-box-wrapper .info-outer .info-inner .description {
  color: rgba(255, 255, 255, 0.6);
}

.info-box-wrapper .mpesa-logo {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 13px 0 8px;
}

.info-box-wrapper .mpesa-logo .description {
  margin-left: 7px;
  font-size: 13px;
}

.theme-light .info-box-wrapper .mpesa-logo .description {
  color: rgba(255, 255, 255, 0.6);
}

.theme-dark .info-box-wrapper .mpesa-logo .description {
  color: rgba(255, 255, 255, 0.6);
}

.close-btn {
  width: 11px;
  height: 11px;
  position: absolute;
  top: 22px;
  right: 15px;
  border: 1px solid red;
}

.terms-conditions p {
  font-size: 13px;
  margin-bottom: 8px;
}

.theme-light .terms-conditions p {
  color: rgba(255, 255, 255, 0.3);
}

.theme-dark .terms-conditions p {
  color: rgba(255, 255, 255, 0.3);
}

.terms-conditions a {
  text-decoration: underline;
}

.theme-light .terms-conditions a {
  color: #40A3FF;
}

.theme-dark .terms-conditions a {
  color: #40A3FF;
}

ul.list li {
  margin-bottom: 8px;
  line-height: 140%;
  font-size: 13px;
  padding-left: 12px;
  position: relative;
}

.theme-light ul.list li {
  color: rgba(255, 255, 255, 0.6);
}

.theme-dark ul.list li {
  color: rgba(255, 255, 255, 0.6);
}

.min-height-100 {
  min-height: 100%;
}

body.theme-dark {
  background: #313540;
}

body.theme-dark.bg-light {
  background: #F4F4F4;
  min-height: 103%;
}

body.theme-dark.bg-dark {
  background: #313540;
}

body.theme-dark.bg-ticket {
  background: white;
  min-height: 103%;
}

body.theme-dark.bg-purple {
  background: #280071;
  min-height: 103%;
}

body.theme-dark.padding-bottom {
  padding-bottom: 130px;
  position: relative;
  min-height: 103%;
}

body.theme-light {
  background: #313540;
}

body.theme-light.bg-light {
  background: #F4F4F4;
  min-height: 103%;
}

body.theme-light.bg-ticket {
  background: white;
  min-height: 103%;
}

.bonus-circle {
  position: relative;
  display: inline-block;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  margin-left: 3px;
  color: #4A4D57;
  top: -1px;
}

.bonus-circle::before {
  position: absolute;
  top: 4px;
  right: -4px;
  content: "";
  width: 14px;
  height: 14px;
  background: url("/images/white-circle.svg") no-repeat;
  background-size: cover;
}

.bonus-circle span {
  z-index: 2;
  position: relative;
  top: 2px;
}

.bonus-list-items {
  border-radius: 4px;
  border: 1px solid #D0D0D0CC;
  overflow: hidden;
}

.hidden-promo-text {
  display: none;
}

.help-info {
  position: absolute;
  bottom: 15px;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}