@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 {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

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

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

body {
  margin: 0;
  font-family: Arial, sans-serif;
}

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

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

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

/**
 * 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;
}

/* 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 */
  height: 40px;
}

/**
 * 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-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(1, 9, 18, 0.9);
}

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

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

.theme-light h5 {
  color: rgba(1, 9, 18, 0.9);
}

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

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

.theme-light h4 {
  color: rgba(1, 9, 18, 0.9);
}

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

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

.theme-light h3 {
  color: rgba(1, 9, 18, 0.9);
}

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

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

.theme-light h2 {
  color: rgba(1, 9, 18, 0.9);
}

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

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

.theme-light h1 {
  color: rgba(1, 9, 18, 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;
}

.horizontal-navigation {
  align-items: stretch;
}

.horizontal-navigation__item {
  height: 34px;
}

.theme-light .horizontal-navigation__item {
  border-bottom: 2px solid rgba(44, 102, 155, 0.1);
}

.theme-dark .horizontal-navigation__item {
  border-bottom: 2px solid rgba(64, 163, 255, 0.1);
}

.horizontal-navigation__item a {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
}

.theme-light .horizontal-navigation__item a {
  color: rgba(1, 9, 18, 0.9);
}

.theme-dark .horizontal-navigation__item a {
  color: rgba(255, 255, 255, 0.9);
}

.theme-light .horizontal-navigation__item--active {
  border-bottom: 2px solid #2C669B;
}

.theme-dark .horizontal-navigation__item--active {
  border-bottom: 2px solid #40A3FF;
}

.theme-light .horizontal-navigation__item--active a {
  color: #2C669B;
}

.theme-dark .horizontal-navigation__item--active a {
  color: #40A3FF;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.theme-dark .bg-main-100 {
  background: #0E3147;
}

.theme-light .bg-primary {
  background: #2C669B;
  color: #FFFFFF;
}

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

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

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

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

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

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

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

.theme-light .bg-winning {
  background: #0E8846;
  color: #FFFFFF;
}

.theme-dark .bg-winning {
  background: #0E8846;
  color: #FFFFFF;
}

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

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

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

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

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

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

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

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

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

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

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

.theme-dark .bg-stroke {
  background: #42454D !important;
}

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

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

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

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

.theme-light .bg-outline-primary {
  border: 1px solid #2C669B !important;
  color: #2C669B;
}

.theme-dark .bg-outline-primary {
  border: 1px solid #40A3FF !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 #DADADA !important;
}

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

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

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

.theme-light .cl-primary {
  color: #2C669B !important;
}

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

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

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

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

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

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

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

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

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

.theme-light .cl-winning {
  color: #0E8846 !important;
}

.theme-dark .cl-winning {
  color: #0E8846 !important;
}

.theme-light .cl-white {
  color: rgba(1, 9, 18, 0.6);
}

.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(1, 9, 18, 0.9);
}

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

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

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

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

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

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

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

.theme-light .cl-white-150 {
  color: rgba(1, 9, 18, 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: #FFFFFF;
}

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

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

.theme-dark .cl-stroke {
  color: #42454D;
}

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

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

.theme-light .cl-alfa-5 {
  color: #010912 !important;
}

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

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

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

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

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

.theme-light .c-text-default {
  color: rgba(1, 9, 18, 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: #2C669B !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-contrast {
  color: #000000 !important;
}

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

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

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

.theme-light .c-text-white-light {
  color: rgba(255, 255, 255, 0.9) !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.9) !important;
}

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

.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: bold;
}

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

.theme-dark .border-0 {
  border: 0px solid #42454D;
}

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

.theme-dark .border-top-0 {
  border-top: 0px solid #42454D;
}

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

.theme-dark .border-right-0 {
  border-right: 0px solid #42454D;
}

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

.theme-dark .border-bottom-0 {
  border-bottom: 0px solid #42454D;
}

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

.theme-dark .border-left-0 {
  border-left: 0px solid #42454D;
}

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

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

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

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

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

.theme-dark .border-1 {
  border: 1px solid #42454D;
}

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

.theme-dark .border-top-1 {
  border-top: 1px solid #42454D;
}

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

.theme-dark .border-right-1 {
  border-right: 1px solid #42454D;
}

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

.theme-dark .border-bottom-1 {
  border-bottom: 1px solid #42454D;
}

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

.theme-dark .border-left-1 {
  border-left: 1px solid #42454D;
}

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

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

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

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

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

.theme-dark .border-2 {
  border: 2px solid #42454D;
}

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

.theme-dark .border-top-2 {
  border-top: 2px solid #42454D;
}

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

.theme-dark .border-right-2 {
  border-right: 2px solid #42454D;
}

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

.theme-dark .border-bottom-2 {
  border-bottom: 2px solid #42454D;
}

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

.theme-dark .border-left-2 {
  border-left: 2px solid #42454D;
}

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

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

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

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

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

.theme-dark .border-3 {
  border: 3px solid #42454D;
}

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

.theme-dark .border-top-3 {
  border-top: 3px solid #42454D;
}

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

.theme-dark .border-right-3 {
  border-right: 3px solid #42454D;
}

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

.theme-dark .border-bottom-3 {
  border-bottom: 3px solid #42454D;
}

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

.theme-dark .border-left-3 {
  border-left: 3px solid #42454D;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.theme-dark .border-5 {
  border: 5px solid #42454D;
}

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

.theme-dark .border-top-5 {
  border-top: 5px solid #42454D;
}

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

.theme-dark .border-right-5 {
  border-right: 5px solid #42454D;
}

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

.theme-dark .border-bottom-5 {
  border-bottom: 5px solid #42454D;
}

.theme-light .border-left-5 {
  border-left: 5px solid #DADADA;
}

.theme-dark .border-left-5 {
  border-left: 5px solid #42454D;
}

.theme-light .border-x-5 {
  border-left: 5px solid #DADADA;
  border-right: 5px solid #DADADA;
}

.theme-dark .border-x-5 {
  border-left: 5px solid #42454D;
  border-right: 5px solid #42454D;
}

.theme-light .border-y-5 {
  border-top: 5px solid #DADADA;
  border-bottom: 5px solid #DADADA;
}

.theme-dark .border-y-5 {
  border-top: 5px solid #42454D;
  border-bottom: 5px solid #42454D;
}

.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%;
}

.main-navigation-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 4px;
}

.theme-light .main-navigation-wrapper {
  background: #2C669B;
  border-bottom: 1px solid rgba(218, 218, 218, 0.2);
}

.theme-dark .main-navigation-wrapper {
  background: #0E1C42;
  border-bottom: 1px solid #263355;
}

.main-navigation-wrapper .main-navigation {
  display: flex;
  align-items: center;
}

.main-navigation-wrapper .main-navigation li {
  margin-right: 10px;
}

.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);
}

.ticket-link {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.theme-light .ticket-link.empty svg path {
  fill: #20476d;
}

.theme-dark .ticket-link.empty svg path {
  fill: #2a2d35;
}

.theme-light .ticket-link.empty svg rect {
  fill: #000000;
}

.theme-dark .ticket-link.empty svg rect {
  fill: #000000;
}

.theme-light .ticket-link.empty .bettype-counter {
  color: #000000;
}

.theme-dark .ticket-link.empty .bettype-counter {
  color: #000000;
}

.theme-light .ticket-link.open svg path {
  fill: #FFFFFF;
}

.theme-dark .ticket-link.open svg path {
  fill: #40A3FF;
}

.theme-light .ticket-link.open svg rect {
  fill: #808080;
}

.theme-dark .ticket-link.open svg rect {
  fill: #20476d;
}

.theme-light .ticket-link.open .bettype-counter {
  color: #010912;
}

.theme-dark .ticket-link.open .bettype-counter {
  color: #FFFFFF;
}

.theme-light .ticket-link.value svg path {
  fill: #FDB913;
}

.theme-dark .ticket-link.value svg path {
  fill: #FDB913;
}

.theme-light .ticket-link.value svg rect {
  fill: #000000;
}

.theme-dark .ticket-link.value svg rect {
  fill: #000000;
}

.theme-light .ticket-link.value .bettype-counter {
  color: #000000;
}

.theme-dark .ticket-link.value .bettype-counter {
  color: #000000;
}

.ticket-link .bettype-counter {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 13px;
}

.products-navigation-wrapper {
  padding: 6px 0 5px;
}

.theme-light .products-navigation-wrapper {
  background: #2C669B;
  border-bottom: 1px solid #DADADA;
}

.theme-dark .products-navigation-wrapper {
  background: #0E1C42;
  border-bottom: 1px solid #010912;
}

.products-navigation-wrapper .products-navigation {
  display: flex;
  justify-content: space-between;
}

.products-navigation-wrapper .products-navigation li {
  position: relative;
}

.theme-light .products-navigation-wrapper .products-navigation li.active p {
  color: #FFFFFF;
}

.theme-dark .products-navigation-wrapper .products-navigation li.active p {
  color: #40A3FF;
}

.products-navigation-wrapper .products-navigation li.active::after {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 50%;
  width: 60px;
  height: 2px;
  transform: translateX(-50%);
  display: block;
}

.theme-light .products-navigation-wrapper .products-navigation li.active::after {
  background: #FFFFFF;
}

.theme-dark .products-navigation-wrapper .products-navigation li.active::after {
  background: #40A3FF;
}

@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: 3px;
  font-size: 10px;
  text-transform: uppercase;
}

.theme-light .products-navigation-wrapper .products-navigation a p {
  color: rgba(255, 255, 255, 0.7);
}

.theme-dark .products-navigation-wrapper .products-navigation a p {
  color: rgba(255, 255, 255, 0.9);
}

.no-navigation {
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.theme-light .no-navigation {
  background: #2C669B;
}

.theme-dark .no-navigation {
  background: #0E1C42;
}

.theme-light footer {
  background: #2C669B;
}

.theme-dark footer {
  background: #1E2128;
}

footer .footer-top {
  padding: 8px 8px 10px;
}

.theme-light footer .footer-top {
  border-bottom: 1px solid transparent;
}

.theme-dark footer .footer-top {
  border-bottom: 1px solid #000000;
}

footer .footer-top .footer-top-logo {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 26px;
}

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.6);
}

.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: #FFFFFF;
}

.theme-dark footer .footer-top .footer-nav li.active a {
  color: #40A3FF;
}

footer .footer-middle {
  padding: 16px 16px 12px 16px;
}

.theme-light footer .footer-middle {
  border-top: 1px solid rgba(218, 218, 218, 0.2);
}

.theme-dark footer .footer-middle {
  border-top: 1px solid #42454D;
}

footer .footer-middle .betting-shops-logo {
  margin-right: 20px;
}

footer .footer-middle p {
  font-size: 12px;
  line-height: 17px;
  text-align: justify;
  margin-bottom: 8px;
}

.theme-light footer .footer-middle p {
  color: rgba(255, 255, 255, 0.9);
}

.theme-dark footer .footer-middle p {
  color: rgba(255, 255, 255, 0.6);
}

.theme-light footer .footer-middle span {
  color: rgba(255, 255, 255, 0.9);
}

.theme-dark footer .footer-middle span {
  color: rgba(255, 255, 255, 0.6);
}

footer .footer-middle .payment-options img {
  height: auto;
  width: 100%;
}

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.9);
}

.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: #2C669B;
}

.theme-dark footer .footer-middle .controls .left a.active span {
  color: #40A3FF;
}

footer .footer-middle .controls .left a:first-child {
  margin-right: 24px;
}

footer .app-version-link {
  padding: 0 16px;
}

.theme-light footer .app-version-link {
  color: #FFFFFF;
  background: #40A3FF;
}

.theme-dark footer .app-version-link {
  color: #FFFFFF;
  background: #40A3FF;
}

footer .divider-footer {
  height: 1px;
}

.theme-light footer .divider-footer {
  background: rgba(218, 218, 218, 0.2);
}

.theme-dark footer .divider-footer {
  background: #42454D;
}

footer .footer-bottom {
  padding: 13px 14px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

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: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;
  }
}

.over-300 {
  display: block;
}

@media (max-width: 300px) {
  .over-300 {
    display: none;
  }
}

.alert {
  font-size: 12px;
}

.msg-box {
  padding: 9px 8px;
  margin-bottom: 1px;
}

.modal-overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.theme-light .modal-overlay {
  background: rgba(0, 0, 0, 0.8);
}

.theme-dark .modal-overlay {
  background: rgba(0, 0, 0, 0.8);
}

.modal-overlay .modal {
  width: 240px;
  padding: 4px;
  height: 100px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}

.theme-light .modal-overlay .modal {
  background: #FFFFFF;
}

.theme-dark .modal-overlay .modal {
  background: #35383E;
}

.modal-overlay .modal__text {
  font-size: 12px;
  width: 100%;
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.theme-light .modal-overlay .modal__text {
  color: #010912;
}

.theme-dark .modal-overlay .modal__text {
  color: #FFFFFF;
}

.btn {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 16px;
  height: 40px;
  border: none;
  outline: none;
  cursor: pointer;
}

.btn.btn-border {
  background: transparent;
}

.submit-btn {
  cursor: pointer;
}

.show-more-btn {
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.theme-light .show-more-btn {
  background: #DADADA;
  color: rgba(1, 9, 18, 0.7);
  border-top: 1px solid #DADADA;
  border-bottom: 1px solid #DADADA;
}

.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: 16px;
  width: 32px;
  height: 32px;
  font-size: 13px;
  cursor: pointer;
}

.theme-light .theme-btn-switch {
  background: #010912;
  color: #DADADA !important;
}

.theme-dark .theme-btn-switch {
  background: #DADADA;
  color: #000000 !important;
}

.divider {
  width: 100%;
  height: 1px;
}

.theme-light .divider {
  background: #DADADA;
}

.theme-dark .divider {
  background: #0E3147;
}

.theme-light .divider.divider-stroke {
  background: #DADADA;
}

.theme-dark .divider.divider-stroke {
  background: #42454D;
}

form {
  display: flex;
  flex-direction: column;
}

form .form-control {
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
}

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: 12px;
  margin-bottom: 8px;
}

.theme-light form .form-control label {
  color: rgba(1, 9, 18, 0.5);
}

.theme-dark form .form-control label {
  color: rgba(255, 255, 255, 0.5);
}

form .form-control input[type=text],
form .form-control input[type=password],
form .form-control input[type=number] {
  padding-left: 9px;
}

.theme-light form .form-control input[type=text],
.theme-light form .form-control input[type=password],
.theme-light form .form-control input[type=number] {
  border: 1px solid #DADADA;
}

.theme-dark form .form-control input[type=text],
.theme-dark form .form-control input[type=password],
.theme-dark form .form-control input[type=number] {
  border: 1px solid #000000;
}

.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: #E6E6E7;
}

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 {
  color: rgba(1, 9, 18, 0.6);
}

form .form-control input[type=text]::-moz-placeholder, form .form-control input[type=password]::-moz-placeholder, form .form-control input[type=number]::-moz-placeholder {
  color: rgba(1, 9, 18, 0.6);
}

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 {
  color: rgba(1, 9, 18, 0.6);
}

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 {
  color: rgba(1, 9, 18, 0.6);
}

form .form-control input[type=text]::placeholder,
form .form-control input[type=password]::placeholder,
form .form-control input[type=number]::placeholder {
  color: rgba(1, 9, 18, 0.6);
}

form .form-control input[type=checkbox] {
  margin-right: 8px;
}

.theme-light form input[type=submit]:disabled {
  background: rgba(44, 102, 155, 0.3);
}

.theme-dark form input[type=submit]:disabled {
  background: rgba(64, 163, 255, 0.3);
}

form .alert {
  margin-top: 8px;
}

form .checkbox-wrapper {
  display: flex;
  align-items: flex-start;
  margin: 12px 0;
}

form .checkbox-wrapper .label {
  margin-left: 8px;
  font-size: 13px;
}

.theme-light form .checkbox-wrapper .label {
  color: rgba(1, 9, 18, 0.7);
}

.theme-dark form .checkbox-wrapper .label {
  color: rgba(255, 255, 255, 0.6);
}

form .checkbox {
  flex-grow: 0;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.theme-light form .checkbox {
  border: 1px solid rgba(1, 9, 18, 0.7);
}

.theme-dark form .checkbox {
  border: 1px solid rgba(255, 255, 255, 0.6);
}

.theme-light form .checkbox.active {
  border: 1px solid #2C669B;
}

.theme-dark form .checkbox.active {
  border: 1px solid #40A3FF;
}

form .checkbox.active div {
  width: 10px;
  height: 10px;
}

.theme-light form .checkbox.active div {
  background: #2C669B;
}

.theme-dark form .checkbox.active div {
  background: #40A3FF;
}

.theme-light form .checkbox.active + .label {
  color: #2C669B;
}

.theme-dark form .checkbox.active + .label {
  color: #40A3FF;
}

.theme-light form.edit-user select {
  background: #FFFFFF;
  color: rgba(1, 9, 18, 0.6);
}

.theme-dark form.edit-user select {
  background: #E6E6E7;
  color: #010912;
}

select {
  width: 100%;
  height: 32px;
  font-size: 13px;
  -webkit-appearance: none;
  padding-left: 8px;
  padding-right: 20px;
}

.theme-light select {
  background: #FBFBFB;
  background: #FBFBFB url("/images/arrow-down.png") no-repeat calc(100% - 8px);
  color: #010912;
  border: 1px solid #DADADA;
}

.theme-dark select {
  background: #35383E;
  background: #35383E url("/images/arrow-down.png") no-repeat calc(100% - 8px);
  color: #40A3FF;
  border: 1px solid #42454D;
}

input {
  border: none;
}

.theme-light input {
  background: #FFFFFF;
  color: rgba(1, 9, 18, 0.6);
}

.theme-dark input {
  background: #E6E6E7;
  color: rgba(1, 9, 18, 0.6);
}

input:focus {
  outline: none;
}

input[type=date] {
  width: 100%;
  padding-left: 8px;
  font-size: 13px;
}

.theme-light input[type=date] {
  background: #FFFFFF;
  color: rgba(1, 9, 18, 0.6);
  border: 1px solid #DADADA;
}

.theme-dark input[type=date] {
  background: #E6E6E7;
  color: rgba(1, 9, 18, 0.6);
  border: 1px solid #000000;
}

input[type=date].filter-date {
  height: 24px;
}

.theme-light input[type=date].filter-date {
  background: #FBFBFB;
  color: #2C669B;
  border: 1px solid #DADADA;
}

.theme-dark input[type=date].filter-date {
  background: #35383E;
  color: #40A3FF;
  border: 1px solid #42454D;
}

.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: #FBFBFB;
  color: #2C669B;
}

.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(1, 9, 18, 0.7);
}

.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(1, 9, 18, 0.7);
}

.theme-dark .radio-wrapper .radio-btn + .label {
  color: rgba(255, 255, 255, 0.6);
}

.theme-light .radio-wrapper .radio-btn.active {
  border: 1px solid #2C669B;
}

.theme-dark .radio-wrapper .radio-btn.active {
  border: 1px solid #40A3FF;
}

.theme-light .radio-wrapper .radio-btn.active div {
  background: #2C669B;
}

.theme-dark .radio-wrapper .radio-btn.active div {
  background: #40A3FF;
}

.theme-light .radio-wrapper .radio-btn.active + .label {
  color: #2C669B;
}

.theme-dark .radio-wrapper .radio-btn.active + .label {
  color: #40A3FF;
}

.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 #DADADA;
}

.theme-dark .search-form .input-with-icon {
  background: #E6E6E7;
  color: rgba(1, 9, 18, 0.6);
  border: 1px solid transperent;
}

.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);
}

.theme-dark .search-form .icon-wrapper {
  background: #E6E6E7;
  color: rgba(1, 9, 18, 0.6);
}

.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(44, 102, 155, 0.3);
}

.theme-dark input[type=submit]:disabled {
  background: rgba(64, 163, 255, 0.3);
}

.input-telephone span {
  height: 40px;
  background: #E6E6E7;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 15px;
  border-top: 1px solid #000000;
  border-bottom: 1px solid #000000;
  flex-grow: 0;
  flex-shrink: 0;
  color: rgba(1, 9, 18, 0.6);
  margin-right: -3px;
}

.input-telephone .col-3 {
  margin-right: -5px;
}

.input-telephone .col-9 {
  margin-left: -5px;
}

.input-telephone input {
  margin-left: -3px;
  width: 100%;
  border-left: none !important;
}

.tip-odds-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  height: 32px;
  padding: 10px 5px;
  font-size: 12px;
  position: relative;
}

@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: #FBFBFB;
  border: 1px solid #DADADA;
  color: rgba(1, 9, 18, 0.6);
}

.theme-dark .tip-odds-wrapper {
  background: #35383E;
  border: 1px solid #000000;
  color: #ffffff;
}

.tip-odds-wrapper .tip {
  font-size: 11px;
}

.theme-light .tip-odds-wrapper .tip {
  color: rgba(1, 9, 18, 0.6);
}

.theme-dark .tip-odds-wrapper .tip {
  color: rgba(255, 255, 255, 0.6);
}

.tip-odds-wrapper::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  top: 0;
  left: 0;
}

.theme-light .tip-odds-wrapper::before {
  background: #DADADA;
}

.theme-dark .tip-odds-wrapper::before {
  background: #6E7074;
}

.theme-light .tip-odds-wrapper.active {
  background: #FDB913;
}

.theme-light .tip-odds-wrapper.active .tip,
.theme-light .tip-odds-wrapper.active .odd {
  color: #010912;
}

.theme-dark .tip-odds-wrapper.active {
  background: #FDB913;
}

.theme-dark .tip-odds-wrapper.active .tip,
.theme-dark .tip-odds-wrapper.active .odd {
  color: #010912;
}

.theme-light .tip-odds-wrapper.active:before {
  background: #DADADA;
}

.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;
}

.theme-light .betslip-wrapper {
  background: #FDB913;
  color: #010912;
}

.theme-dark .betslip-wrapper {
  background: #FDB913;
  color: #010912;
}

.betslip-wrapper span {
  font-size: 13px;
}

.theme-light .betslip-wrapper span {
  color: #010912;
}

.theme-dark .betslip-wrapper span {
  color: #010912;
}

.betslip-wrapper .betslip-btn {
  min-width: 78px;
  height: 24px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 13px;
  cursor: pointer;
}

.theme-light .betslip-wrapper .betslip-btn {
  background: #FFFFFF;
  border: 1px solid rgba(218, 218, 218, 0.5);
}

.theme-dark .betslip-wrapper .betslip-btn {
  background: #E6E6E7;
  border: 1px solid rgba(0, 0, 0, 0.5);
}

.theme-light .single-match-wrapper .jackpot-match {
  border: 1px solid #C5A01E;
}

.theme-dark .single-match-wrapper .jackpot-match {
  border: 1px solid #FFC350;
}

.single-match-wrapper .jackpot-info {
  width: 170px;
  margin: 0 auto 6px;
  text-align: center;
}

.single-match-wrapper .jackpot-info p {
  padding: 4px 0;
  font-size: 12px;
}

.theme-light .single-match-wrapper .jackpot-info {
  color: rgba(1, 9, 18, 0.7);
  border-bottom: 1px solid #C5A01E;
}

.theme-dark .single-match-wrapper .jackpot-info {
  color: rgba(255, 255, 255, 0.9);
  border-bottom: 1px solid #FFC350;
}

.single-match-wrapper .jackpot-info span {
  font-size: 14px;
}

.theme-light .single-match-wrapper .jackpot-info span {
  color: #C5A01E;
}

.theme-dark .single-match-wrapper .jackpot-info span {
  color: #FFC350;
}

.single-match-wrapper .single-match-header {
  height: 31px;
}

.theme-light .single-match-wrapper .single-match-header {
  background: #DADADA;
}

.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;
}

.theme-light .single-match-wrapper .single-match-game-info {
  background: #FBFBFB;
}

.theme-dark .single-match-wrapper .single-match-game-info {
  background: #071D2C;
}

.single-match-wrapper .match-period,
.single-match-wrapper .match-score {
  width: 20px;
  text-align: center;
}

.theme-light .match-list-wrapper {
  background: #DADADA;
}

.theme-dark .match-list-wrapper {
  background: #010912;
}

.match-list--hidden {
  display: none;
}

.match-list__title {
  display: flex;
  align-items: center;
  height: 23px;
  padding-left: 8px;
}

.theme-light .match-list__title {
  background: #DADADA;
  border-bottom: 1px solid #DADADA;
}

.theme-dark .match-list__title {
  background: #6E7074;
  border-bottom: 1px solid #010912;
}

.match-list__title p {
  font-size: 11px;
  text-transform: uppercase;
}

.theme-light .match-list__title p {
  color: #010912;
}

.theme-dark .match-list__title p {
  color: #FFFFFF;
}

.match-list__filters {
  padding: 4px;
}

.theme-light .match-list__filters {
  background: #F5F5F5;
}

.theme-dark .match-list__filters {
  background: #2A2D35;
}

.match-list__competition {
  height: 32px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 8px;
}

.theme-light .match-list__competition {
  background: #DADADA;
  color: #010912;
}

.theme-dark .match-list__competition {
  background: #6E7074;
  color: #FFFFFF;
}

.match-item {
  padding: 4px 4px 2px;
}

.theme-light .match-item {
  border-top: 1px solid #DADADA;
}

.theme-dark .match-item {
  border-top: 1px solid #0F3147;
}

.theme-light .match-item--jackpot {
  border: 1px solid #C5A01E;
}

.theme-dark .match-item--jackpot {
  border: 1px solid #FFC350;
}

.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(1, 9, 18, 0.7);
  border-bottom: 1px solid #C5A01E;
}

.theme-dark .match-item--jackpot .jackpot-info {
  color: rgba(255, 255, 255, 0.9);
  border-bottom: 1px solid #FFC350;
}

.match-item--jackpot .jackpot-info span {
  font-size: 14px;
}

.theme-light .match-item--jackpot .jackpot-info span {
  color: #C5A01E;
}

.theme-dark .match-item--jackpot .jackpot-info span {
  color: #FFC350;
}

.theme-light .match-item--even {
  background: #F5F5F5;
}

.theme-dark .match-item--even {
  background: #101E26;
}

.theme-light .match-item--odd {
  background: #FFFFFF;
}

.theme-dark .match-item--odd {
  background: #010912;
}

.match-item__header {
  display: flex;
  justify-content: space-between;
}

.theme-light .match-item__header {
  border-bottom: 1px solid #DADADA;
}

.theme-dark .match-item__header {
  border-bottom: 1px solid rgba(14, 49, 71, 0.6);
}

.match-item__header span {
  font-size: 12px;
}

.match-item__body {
  margin: 2px 0;
}

.match-item__sport-icon {
  display: inline-block;
  margin-left: 4px;
  margin-right: 8px;
}

.theme-light .match-item__competition {
  color: rgba(1, 9, 18, 0.6);
}

.theme-dark .match-item__competition {
  color: rgba(255, 255, 255, 0.6);
}

.match-item__match-id {
  display: flex;
  align-items: center;
}

.theme-light .match-item__match-id {
  color: rgba(1, 9, 18, 0.7);
}

.theme-dark .match-item__match-id {
  color: rgba(255, 255, 255, 0.9);
}

.match-item__match-id::after {
  content: "";
  display: block;
  width: 1px;
  height: 15px;
  margin: 0 6px;
}

.theme-light .match-item__match-id::after {
  background: #DADADA;
}

.theme-dark .match-item__match-id::after {
  background: rgba(14, 49, 71, 0.6);
}

.theme-light .match-item__date {
  color: #2C669B;
}

.theme-dark .match-item__date {
  color: #FDB913;
}

.match-item__result {
  width: 20px;
  display: flex;
  justify-content: center;
  font-size: 12px;
}

.theme-light .match-item__result--primary {
  color: #2C669B;
}

.theme-dark .match-item__result--primary {
  color: #FDB913;
}

.theme-light .match-item__result--secondary {
  color: rgba(1, 9, 18, 0.9);
}

.theme-dark .match-item__result--secondary {
  color: rgba(255, 255, 255, 0.9);
}

.theme-light .match-item__result--tertiary {
  color: rgba(1, 9, 18, 0.4);
}

.theme-dark .match-item__result--tertiary {
  color: rgba(255, 255, 255, 0.6);
}

.match-item__games-available {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 34px;
  font-size: 13px;
}

.theme-light .match-item__games-available {
  background: #FBFBFB;
  color: #010912;
  border: 1px solid #DADADA;
}

.theme-dark .match-item__games-available {
  background: #35383E;
  color: #40A3FF;
  border: 1px solid #000000;
}

.theme-light .match-item__games-available.active {
  background: #FDB913;
  color: #010912;
  border: 1px solid #DADADA;
}

.theme-dark .match-item__games-available.active {
  background: #FDB913;
  color: #010912;
  border: 1px solid #000000;
}

.match-item__participants {
  font-size: 15px;
}

.theme-light .match-item__participants {
  color: #010912;
}

.theme-dark .match-item__participants {
  color: #FFFFFF;
}

.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-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 {
  background-image: url("/images/icons/deletematch.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;
}

.theme-light .icon.icon-mpesa-logo-footer {
  background-image: url("/images/themes/light/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/light/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/light/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/light/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/light/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/light/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/light/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/light/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/light/18-plus.svg");
  content: url("/images/themes/light/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/light/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/light/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/light/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/light/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/light/mobile.svg");
}

.theme-dark .icon.icon-userbox-mobile {
  background-image: url("/images/themes/dark/mobile.svg");
}

.theme-light .ticket-wrapper {
  background: #F5F5F5;
}

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

.ticket-list {
  padding: 0 8px;
}

.ticket-item {
  padding: 5px 0 4px;
}

.theme-light .ticket-item {
  border-bottom: 1px solid #DADADA;
}

.theme-dark .ticket-item {
  border-bottom: 1px solid #42454D;
}

.ticket-item:last-child {
  border-bottom: none;
}

.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 span {
  opacity: 0.3;
}

.ticket-item--stopped span.icon {
  opacity: 1;
}

.ticket-item__desc-odd-wrapper {
  align-items: stretch;
}

.ticket-item__participants {
  font-size: 14px;
}

.theme-light .ticket-item__participants {
  color: #010912;
}

.theme-dark .ticket-item__participants {
  color: #FFFFFF;
}

.ticket-item__date {
  font-size: 11px;
}

.theme-light .ticket-item__date {
  color: #2C669B;
}

.theme-dark .ticket-item__date {
  color: #FDB913;
}

.ticket-item__score {
  font-size: 11px;
}

.theme-light .ticket-item__score {
  color: #010912;
}

.theme-dark .ticket-item__score {
  color: #FDB913;
}

.ticket-item__game-desc {
  font-size: 11px;
}

.theme-light .ticket-item__game-desc {
  color: rgba(1, 9, 18, 0.7);
}

.theme-dark .ticket-item__game-desc {
  color: rgba(255, 255, 255, 0.6);
}

.ticket-item__game-short-desc {
  font-size: 11px;
}

.theme-light .ticket-item__game-short-desc {
  color: rgba(1, 9, 18, 0.4);
}

.theme-dark .ticket-item__game-short-desc {
  color: rgba(255, 255, 255, 0.3);
}

.ticket-item__odd-value {
  font-size: 13px;
}

.theme-light .ticket-item__odd-value {
  color: #2C669B;
}

.theme-dark .ticket-item__odd-value {
  color: #FDB913;
}

.ticket-item__odd-value--changed {
  display: inline-block;
  opacity: 0.3;
  position: relative;
}

.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: #FF1F1F;
}

.theme-dark .ticket-item__odd-value--changed::after {
  background: #FF1F1F;
}

.ticket-item__label {
  font-size: 11px;
}

.theme-light .ticket-item__label {
  color: rgba(1, 9, 18, 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: #010912;
}

.theme-dark .ticket-item__label-value {
  color: #FFFFFF;
}

.theme-light .ticket-item__label-value--active {
  color: #2C669B;
}

.theme-dark .ticket-item__label-value--active {
  color: #FDB913;
}

.theme-light .ticket-item__label-value--primary {
  color: #010912;
}

.theme-dark .ticket-item__label-value--primary {
  color: #40A3FF;
}

.ticket-footer {
  padding: 4px;
}

.ticket-footer-wrapper {
  padding: 8px;
}

.theme-light .ticket-footer {
  background: #DADADA;
}

.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 #F5F5F5;
}

.theme-dark .ticket-footer .ticket-info-item {
  border-bottom: 1px solid #6E7074;
}

.ticket-footer .ticket-info-item:last-child {
  border-bottom: none;
}

.ticket-footer__jackpot {
  margin: 8px 0;
}

.ticket-footer__jackpot p {
  font-size: 11px;
}

.theme-light .ticket-footer__jackpot p {
  color: rgba(1, 9, 18, 0.9);
}

.theme-dark .ticket-footer__jackpot p {
  color: rgba(255, 255, 255, 0.9);
}

.theme-light .ticket-footer__jackpot p span {
  color: #C5A01E;
}

.theme-dark .ticket-footer__jackpot p span {
  color: #FFC350;
}

.ticket-footer__top {
  padding: 0 4px;
}

.theme-light .ticket-footer__top {
  background: #F5F5F5;
}

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

.theme-light .ticket-footer__top .ticket-info-item {
  border-bottom: 1px solid #DADADA;
}

.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;
}

.ticket-game-info {
  padding: 4px 8px 3px;
}

.theme-light .ticket-game-info {
  background: #DADADA;
  border-bottom: 1px solid rgba(218, 218, 218, 0.2);
}

.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: 12px;
  cursor: pointer;
}

.theme-light .repeat-bet-btn {
  color: rgba(1, 9, 18, 0.6);
  background: #F5F5F5;
  border: 1px solid transparent;
}

.theme-dark .repeat-bet-btn {
  color: #FFFFFF;
  background: #42454D;
  border: 1px solid #000000;
}

.theme-light .repeat-bet-btn.active {
  color: #2C669B;
  border: 1px solid #2C669B;
}

.theme-dark .repeat-bet-btn.active {
  color: #40A3FF;
  border: 1px solid #40A3FF;
}

.game-status {
  width: 24px;
  height: 24px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
}

.theme-light .game-status {
  color: #FFFFFF;
}

.theme-dark .game-status {
  color: #FFFFFF;
}

.theme-light .game-status--active {
  background: #DADADA;
}

.theme-dark .game-status--active {
  background: #6E7074;
}

.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(1, 9, 18, 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: #DADADA;
}

.theme-dark .v-separator--small {
  background: rgba(255, 255, 255, 0.15);
}

.ticket-group {
  height: 32px;
}

.theme-light .ticket-group {
  background: #DADADA;
}

.theme-dark .ticket-group {
  background: #2A2D35;
}

.locked-tip-odds {
  display: block;
  height: 32px;
  position: relative;
  box-sizing: border-box;
}

.locked-tip-odds::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  top: 0;
  left: 0;
}

.theme-light .lock-total-wrapper {
  background: #E2E2E2;
}

.theme-dark .lock-total-wrapper {
  background: #2A2D35;
}

.lock-total-wrapper .locked-tip-odds {
  display: block;
  width: 100%;
  height: 32px;
  position: relative;
}

.theme-light .lock-total-wrapper .locked-tip-odds {
  background: #EBEBEB;
  border: 1px solid #E0E0E0;
  opacity: 1;
}

.theme-dark .lock-total-wrapper .locked-tip-odds {
  background: #35383E;
  border: 1px solid #000000;
  opacity: 0.1;
}

.lock-total-wrapper .locked-tip-odds::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  top: 0;
  left: 0;
}

.theme-light .lock-total-wrapper .locked-tip-odds::before {
  background: #E0E0E0;
}

.theme-dark .lock-total-wrapper .locked-tip-odds::before {
  background: #6E7074;
}

.lock-total-wrapper .lock-input {
  height: 32px;
}

.theme-light .lock-total-wrapper .lock-input {
  background: #EBEBEB;
  border: 1px solid #E0E0E0;
  opacity: 1;
}

.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: #DEE1E5;
  opacity: 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%;
}

.theme-light .lock-total-wrapper .divider {
  background: #DADADA;
}

.theme-dark .lock-total-wrapper .divider {
  background: #010912;
}

.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 .locked-tip-odds {
  background: #FBFBFB;
  border: 1px solid #DADADA;
}

.theme-dark .locked-no-games .locked-tip-odds {
  background: #060E16;
  border: 1px solid #010810;
}

.theme-light .locked-no-games .locked-tip-odds::before {
  background: #DADADA;
}

.theme-dark .locked-no-games .locked-tip-odds::before {
  background: #0C131C;
}

.locked-no-games .desc {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  left: 10px;
}

.theme-light .locked-no-games .desc {
  color: rgba(1, 9, 18, 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: #FBFBFB;
  border: 1px solid #DADADA;
}

.theme-dark .locked-finished .locked-tip-odds {
  background: #142128;
  border: 1px solid #0E1B22;
}

.theme-light .locked-finished .locked-tip-odds::before {
  background: #DADADA;
}

.theme-dark .locked-finished .locked-tip-odds::before {
  background: #19262E;
}

.locked-finished .desc {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.theme-light .locked-finished .desc {
  color: rgba(1, 9, 18, 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: #FBFBFB;
  border: 1px solid #DADADA;
}

.theme-dark .locked-no-current-game .locked-tip-odds {
  background: #17232B;
  border: 1px solid #0D181E;
}

.theme-light .locked-no-current-game .locked-tip-odds::before {
  background: #DADADA;
}

.theme-dark .locked-no-current-game .locked-tip-odds::before {
  background: #232E36;
}

.locked-no-more-matches {
  padding: 40px 65px 33px;
}

.page-not-found {
  padding: 40px 25px 33px;
}

.playerspinner-wrapper {
  height: 300px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.playerspinner {
  display: block;
  position: relative;
  width: 64px;
  height: 64px;
}

.playerspinner div {
  display: block;
  position: absolute;
  left: 6px;
  width: 13px;
  background: rgba(200, 200, 200, 0.8);
  -webkit-animation: playerspinner 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
          animation: playerspinner 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}

.playerspinner div:nth-child(1) {
  left: 6px;
  -webkit-animation-delay: -0.24s;
          animation-delay: -0.24s;
}

.playerspinner div:nth-child(2) {
  left: 26px;
  -webkit-animation-delay: -0.12s;
          animation-delay: -0.12s;
}

.playerspinner div:nth-child(3) {
  left: 45px;
  -webkit-animation-delay: 0;
          animation-delay: 0;
}

@-webkit-keyframes playerspinner {
  0% {
    top: 6px;
    height: 51px;
  }

  50%, 100% {
    top: 19px;
    height: 26px;
  }
}

@keyframes playerspinner {
  0% {
    top: 6px;
    height: 51px;
  }

  50%, 100% {
    top: 19px;
    height: 26px;
  }
}

.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;
}

.switch {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 12px;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  /*background-color: #ccc;*/
  background-color: #0F1315;
  transition: 0.4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 0;
  bottom: -2px;
  background-color: #42454D;
  transition: 0.4s;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.24);
}

input:checked + .slider {
  background-color: #0F1315;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  transform: translateX(15px);
  background-color: #40A3FF;
}

/* Rounded sliders */

.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

.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);
}

.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: #DADADA;
}

.theme-dark .matches-section .title-wrapper {
  background: #6E7074;
}

.matches-section .title-wrapper p {
  text-transform: uppercase;
}

.theme-light .matches-section .title-wrapper p {
  color: #010912;
}

.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 #DADADA;
  border-bottom: 1px solid #DADADA;
}

.theme-dark .matches-section .show-more-wrapper {
  border-top: 1px solid #0f3147;
  border-bottom: 1px solid #0f3147;
  background: #010912;
}

.theme-dark .matches-section .show-more-wrapper {
  background: #010912;
}

.theme-light .matches-section .show-more-wrapper .show-more-btn {
  color: rgba(1, 9, 18, 0.7);
}

.theme-dark .matches-section .show-more-wrapper .show-more-btn {
  color: #40A3FF;
}

.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(1, 9, 18, 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(1, 9, 18, 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(1, 9, 18, 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(1, 9, 18, 0.6);
}

.theme-dark .page-how-to-play ul li {
  color: rgba(255, 255, 255, 0.6);
}

.theme-light .info-box-wrapper {
  background: #FBFBFB;
}

.theme-dark .info-box-wrapper {
  background: #010912;
}

.info-box-wrapper h1 {
  font-size: 15px;
}

.theme-light .info-box-wrapper h1 {
  background: #FBFBFB;
}

.theme-dark .info-box-wrapper h1 {
  background: #010912;
}

.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: #010912;
}

.theme-dark .mpesa-logo-wrapper p {
  color: rgba(255, 255, 255, 0.6);
}

.page-terms-and-conditions p {
  line-height: 140%;
  text-align: justify;
}

.theme-light .page-terms-and-conditions p {
  color: rgba(1, 9, 18, 0.6);
}

.theme-dark .page-terms-and-conditions p {
  color: rgba(255, 255, 255, 0.6);
}

.theme-light .page-terms-and-conditions h1,
.theme-light .page-terms-and-conditions h2 {
  color: #010912;
}

.theme-dark .page-terms-and-conditions h1,
.theme-dark .page-terms-and-conditions h2 {
  color: rgba(255, 255, 255, 0.9);
}

.match-list-label {
  height: 33px;
}

.theme-light .match-list-label {
  background: #DADADA;
  border-top: 1px solid #DADADA;
}

.theme-dark .match-list-label {
  background: #6E7074;
  border-top: 1px solid #0E3147;
}

.theme-light .match-list .match-wrapper {
  border-top: 1px solid #DADADA;
}

.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(1, 9, 18, 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: #FF1F1F;
}

.theme-dark .match-item.stopped .desc-odds-row::after {
  background: #FF1F1F;
}

.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: #FF1F1F;
}

.theme-dark .match-item .old-odd::after {
  background: #FF1F1F;
}

.more-games {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 34px;
}

.theme-light .more-games {
  background: #FBFBFB;
  color: #2C669B;
  border: 1px solid #DADADA;
}

.theme-dark .more-games {
  background: #35383E;
  color: #40A3FF;
  border: 1px solid #000000;
}

.theme-light .league-name {
  color: rgba(1, 9, 18, 0.6);
}

.theme-dark .league-name {
  color: rgba(255, 255, 255, 0.6);
}

.filter-sport,
.filter-game {
  width: 136px;
}

.handicap-margins {
  height: 26px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.theme-light .handicap-margins {
  color: #2C669B;
  background: #D5E0EB;
}

.theme-dark .handicap-margins {
  color: #FDB913;
  background: #343523;
}

.game-type {
  margin-top: 5px;
}

.theme-light .game-type {
  border-bottom: 1px solid #FFFFFF;
}

.theme-dark .game-type {
  border-bottom: 1px solid #010912;
}

.active-player {
  display: inline-block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
}

.theme-light .active-player {
  background: #2C669B;
}

.theme-dark .active-player {
  background: #FDB913;
}

.theme-light .pagination {
  border-top: 1px solid #DADADA;
  border-bottom: 1px solid #DADADA;
}

.theme-dark .pagination {
  border-top: 1px solid rgba(14, 49, 71, 0.6);
  border-bottom: 1px solid rgba(14, 49, 71, 0.6);
}

.pagination .page-box {
  font-size: 13px;
  width: 34px;
  height: 34px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.theme-light .pagination .page-box {
  background: #FBFBFB;
  border: 1px solid #DADADA;
  color: rgba(1, 9, 18, 0.6);
}

.theme-dark .pagination .page-box {
  background: #35383E;
  border: 1px solid #000000;
  color: rgba(255, 255, 255, 0.6);
}

.pagination .page-box.active {
  margin: 0 1px;
}

.theme-light .pagination .page-box.active {
  color: #2C669B;
  border: 1px solid #2C669B;
}

.theme-dark .pagination .page-box.active {
  color: #40A3FF;
  border: 1px solid #40A3FF;
}

.theme-light .circle svg circle {
  fill: #2C669B;
}

.theme-dark .circle svg circle {
  fill: #FDB913;
}

.msg-locked {
  top: 10px;
  left: 0;
  color: initial;
}

.theme-light .live-single-header {
  background: #DADADA;
}

.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/light/livebet-jackpot-background.svg") no-repeat;
  background-size: cover;
  border-bottom: 1px solid #C5A01E;
}

.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(1, 9, 18, 0.7);
}

.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: #C5A01E;
}

.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;
}

.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__item {
  height: 32px;
}

.theme-light .jackpot-navigation__item {
  border-bottom: 2px solid transparent;
}

.theme-dark .jackpot-navigation__item {
  border-bottom: 2px solid transparent;
}

.jackpot-navigation__item a {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  font-weight: bold;
}

.theme-light .jackpot-navigation__item a {
  color: rgba(1, 9, 18, 0.6);
}

.theme-dark .jackpot-navigation__item a {
  color: rgba(255, 255, 255, 0.6);
}

.theme-light .jackpot-navigation__item--active {
  border-bottom: 2px solid #2C669B;
}

.theme-dark .jackpot-navigation__item--active {
  border-bottom: 2px solid #40A3FF;
}

.theme-light .jackpot-navigation__item--active a {
  color: #2C669B;
}

.theme-dark .jackpot-navigation__item--active a {
  color: #40A3FF;
}

.theme-light .jackpot-filter-wrapper {
  background: #F5F5F5;
}

.theme-dark .jackpot-filter-wrapper {
  background: #0E3147;
}

.jackpot-ticket-result {
  border-bottom: 1px solid transparent;
}

.jackpot-ticket-header {
  height: 32px;
  padding: 0 8px;
}

.theme-light .jackpot-ticket-header {
  background: #DADADA;
}

.theme-dark .jackpot-ticket-header {
  background: #2A2D35;
}

.jackpot-ticket-header__name {
  font-size: 12px;
}

.theme-light .jackpot-ticket-header__name {
  color: rgba(1, 9, 18, 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: #2C669B;
}

.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: #010912;
}

.theme-dark .jackpot-time-remaining-color {
  color: #FDB913;
}

.theme-light .jackpot-stake-color {
  color: #010912;
}

.theme-dark .jackpot-stake-color {
  color: #FFFFFF;
}

.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(1, 9, 18, 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(1, 9, 18, 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: #2C669B;
}

.theme-dark .virtual .sport-wrapper .sport.active span {
  color: #40A3FF;
}

.theme-light .virtual .sport-wrapper .sport.active {
  border-bottom: 2px solid #2C669B;
  color: #2C669B;
}

.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: #DADADA;
}

.theme-dark .virtual-previous-results .season-header {
  background: #2A2D35;
}

.virtual-ticket .divider:last-child {
  height: 0;
}

.theme-light .virtual-results .previous-result {
  background: #DADADA;
}

.theme-dark .virtual-results .previous-result {
  background: #2A2D35;
}

.lotto-wrapper .round-wrapper {
  flex: 1.35;
}

.lotto-wrapper .odd-ball-info {
  width: 33px;
  margin-right: 8px;
}

.theme-light .lotto-wrapper .odd-ball-info {
  border-right: 1px solid rgba(1, 9, 18, 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: 32px;
  width: 32px;
}

.theme-light .lotto-wrapper .number-wrapper {
  border: 1px solid #DADADA;
}

.theme-dark .lotto-wrapper .number-wrapper {
  border: 1px solid #42454D;
}

.lotto-wrapper .number-wrapper.empty {
  border: 1px solid transparent;
}

.theme-light .lotto-wrapper .number-wrapper.empty {
  border-top: 1px solid #DADADA;
}

.theme-dark .lotto-wrapper .number-wrapper.empty {
  border-top: 1px solid #42454D;
}

.lotto-wrapper .lotto-number {
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.theme-light .lotto-wrapper .lotto-number {
  color: rgba(1, 9, 18, 0.7);
}

.theme-dark .lotto-wrapper .lotto-number {
  color: rgba(255, 255, 255, 0.6);
}

.theme-light .lotto-wrapper .lotto-number.active {
  color: rgba(1, 9, 18, 0.7);
}

.theme-dark .lotto-wrapper .lotto-number.active {
  color: #010912;
}

.lotto-wrapper .lotto-statistic-game {
  cursor: pointer;
}

.theme-light .lotto-wrapper .lotto-statistic-game {
  color: rgba(1, 9, 18, 0.6);
}

.theme-dark .lotto-wrapper .lotto-statistic-game {
  color: #FFFFFF;
}

.theme-light .lotto-wrapper .lotto-statistic-game.active {
  background: #FDB913;
  color: #010912;
}

.theme-dark .lotto-wrapper .lotto-statistic-game.active {
  background: #FDB913;
  color: #010912;
}

.theme-light .lotto-previous-results {
  background: #FBFBFB;
}

.theme-dark .lotto-previous-results {
  background: #1E2128;
}

.theme-light .lotto-previous-results .round-header {
  background: #DADADA;
}

.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(1, 9, 18, 0.7);
}

.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: #2C669B;
}

.theme-dark .lotto-previous-results .draw-value {
  color: #FDB913;
}

.theme-light .lotto-previous-results .round-value {
  color: #010912;
}

.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(1, 9, 18, 0.7);
}

.theme-dark .lotto-previous-results .lotto-number {
  color: rgba(255, 255, 255, 0.6);
}

.theme-light .lotto-odd-value {
  color: rgba(1, 9, 18, 0.3);
}

.theme-dark .lotto-odd-value {
  color: rgba(255, 255, 255, 0.3);
}

.theme-light .lotto-odd-value.active {
  color: #2C669B;
}

.theme-dark .lotto-odd-value.active {
  color: #FDB913;
}

.theme-light .lotto-ball-number {
  color: rgba(1, 9, 18, 0.3);
}

.theme-dark .lotto-ball-number {
  color: rgba(255, 255, 255, 0.3);
}

.theme-light .lotto-ball-number.active {
  color: rgba(1, 9, 18, 0.9);
}

.theme-dark .lotto-ball-number.active {
  color: rgba(255, 255, 255, 0.9);
}

.lotto-system-btn {
  display: flex;
  height: 24px;
  width: 32px;
  justify-content: center;
  align-items: center;
  border: 1px solid red;
  margin-right: 4px;
  margin-bottom: 4px;
  font-size: 12px;
  cursor: pointer;
}

.theme-light .lotto-system-btn {
  background: #DADADA;
  color: rgba(1, 9, 18, 0.6);
  border: 1px solid #DADADA;
}

.theme-dark .lotto-system-btn {
  background: #42454D;
  color: #ffffff;
  border: 1px solid #000000;
}

.theme-light .lotto-system-btn.active {
  color: #2C669B;
  border: 1px solid #2C669B;
}

.theme-dark .lotto-system-btn.active {
  color: #40A3FF;
  border: 1px solid #40A3FF;
}

.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;
  margin-right: 1px;
}

.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: #FFFFFF;
}

.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;
}

.msg-box-wrapper.show {
  display: flex;
}

.win-per-number {
  font-size: 11px;
  margin-right: 8px;
  display: inline-block;
}

.theme-light select.lotto-select {
  background: #D5E0EB;
  color: #2C669B;
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.theme-dark select.lotto-select {
  background: #343523;
  color: #FDB913;
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.lotto-toggle-fav {
  width: 24px;
  height: 24px;
}

.theme-light .lotto-toggle-fav {
  background: url("/images/themes/light/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/light/favorit_active.svg");
}

.theme-dark .lotto-toggle-fav.active {
  background: url("/images/themes/dark/favorit_active.svg");
}

.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(1, 9, 18, 0.6);
  border-bottom: 4px solid rgba(1, 9, 18, 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: #2C669B;
  border-bottom: 4px solid #2C669B;
}

.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: #DADADA;
}

.theme-dark .userbox-wrapper .btn-betslip.active {
  background: #6E7074;
}

.theme-light .userbox-wrapper .btn-betslip.won {
  background: #0E8846;
}

.theme-dark .userbox-wrapper .btn-betslip.won {
  background: #0E8846;
}

.theme-light .userbox-wrapper .btn-betslip.lost {
  background: #FF1F1F;
}

.theme-dark .userbox-wrapper .btn-betslip.lost {
  background: #FF1F1F;
}

.userbox-wrapper .transaction-wrapper {
  min-height: 56px;
}

.theme-light .userbox-wrapper .transaction-wrapper {
  border-bottom: 1px solid #E5E5E5;
}

.theme-dark .userbox-wrapper .transaction-wrapper {
  border-bottom: 1px solid #22272F;
}

.theme-light .userbox-wrapper .transaction-wrapper--odd {
  background: #FFFFFF;
}

.theme-dark .userbox-wrapper .transaction-wrapper--odd {
  background: #42454D;
}

.theme-light .userbox-wrapper .transaction-wrapper--even {
  background: #F5F5F5;
}

.theme-dark .userbox-wrapper .transaction-wrapper--even {
  background: #35383E;
}

.theme-light .userbox-wrapper .transaction-wrapper .transaction-main {
  color: #010912;
}

.theme-dark .userbox-wrapper .transaction-wrapper .transaction-main {
  color: #FFFFFF;
}

.theme-light .userbox-wrapper.edit-account select {
  color: rgba(1, 9, 18, 0.6);
  background: #FFFFFF;
  border: #DADADA;
}

.theme-dark .userbox-wrapper.edit-account select {
  color: #010912;
  background: #E6E6E7;
  border: #0E3147;
}

.userbox-navigation li a {
  height: 40px;
  padding-left: 4px;
  display: flex;
  align-items: center;
}

.theme-light .userbox-navigation li a {
  border-bottom: 1px solid #DADADA;
}

.theme-dark .userbox-navigation li a {
  border-bottom: 1px solid #42454D;
}

.userbox-navigation li a span {
  margin-left: 8px;
}

.theme-light .transaction-secondary {
  color: rgba(1, 9, 18, 0.6);
}

.theme-dark .transaction-secondary {
  color: rgba(255, 255, 255, 0.6);
}

.account-info,
.account-info-balance {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.theme-light .account-info,
.theme-light .account-info-balance {
  background: #DADADA;
}

.theme-dark .account-info,
.theme-dark .account-info-balance {
  background: #1E2128;
}

.account-info {
  height: 40px;
}

.choose-date-wrapper {
  height: 32px;
}

.theme-light .choose-date-wrapper {
  background: #FBFBFB;
  border-bottom: 1px solid #E5E5E5;
}

.theme-dark .choose-date-wrapper {
  background: #2A2D35;
  border-bottom: 1px solid #22272F;
}

.theme-light .deposit-wrapper,
.theme-light .withdrawal-wrapper {
  background: #F5F5F5;
}

.theme-dark .deposit-wrapper,
.theme-dark .withdrawal-wrapper {
  background: #010912;
}

.theme-light .deposit-wrapper p,
.theme-light .withdrawal-wrapper p {
  color: rgba(1, 9, 18, 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: #010912;
}

.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 #DADADA;
}

.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 #2C669B;
}

.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 #DADADA;
}

.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-header .title img,
.withdrawal-wrapper .accordion-header .title img {
  height: 100%;
  width: auto;
}

.deposit-wrapper .accordion-submenu,
.withdrawal-wrapper .accordion-submenu {
  padding: 16px;
}

.deposit-wrapper .accordion-submenu img,
.withdrawal-wrapper .accordion-submenu img {
  height: 100%;
  width: auto;
}

.theme-light .deposit-wrapper select,
.theme-light .withdrawal-wrapper select {
  color: rgba(1, 9, 18, 0.6);
  background: #FFFFFF;
  border: #DADADA;
}

.theme-dark .deposit-wrapper select,
.theme-dark .withdrawal-wrapper select {
  color: #010912;
  background: #E6E6E7;
  border: #0E3147;
}

.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(1, 9, 18, 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: #2C669B;
}

.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 #DADADA;
}

.theme-dark .deposit-wrapper-1 .deposit-option {
  border-bottom: 1px solid #0E3147;
}

.theme-light .deposit-wrapper-1 .deposit-option.active {
  border-bottom: 1px solid #2C669B;
}

.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 #DADADA;
}

.theme-dark .deposit-wrapper-1 .deposit-detail.active {
  border-bottom: 1px solid #0E3147;
}

.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: #010912;
}

.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(1, 9, 18, 0.6);
}

.theme-dark .change-user-data-success-msg p {
  color: rgba(255, 255, 255, 0.6);
}

.ticket-status,
.alert-box {
  padding: 9px 8px;
  margin-bottom: 1px;
  display: flex;
}

.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: #F5F5F5;
}

.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-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: #010912;
}

.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;
}

.betslip-lotto-round {
  height: 32px;
}

.lotto-number {
  width: 32px;
  height: 32px;
  margin-right: 1px;
  margin-bottom: 1px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
}

.drawn-numbers {
  line-height: 16px;
}

.theme-light .bet-slip-date {
  color: #010912;
}

.theme-dark .bet-slip-date {
  color: #FDB913;
}

.theme-light .bet-slip-ticket .home-visitor {
  color: #010912;
}

.theme-dark .bet-slip-ticket .home-visitor {
  color: #FFFFFF;
}

.theme-light .bet-slip-ticket .result {
  color: #010912;
}

.theme-dark .bet-slip-ticket .result {
  color: #FDB913;
}

.theme-light .bet-slip-ticket .game-name {
  color: rgba(1, 9, 18, 0.7);
}

.theme-dark .bet-slip-ticket .game-name {
  color: rgba(255, 255, 255, 0.6);
}

.theme-light .bet-slip-ticket .game-name-short {
  color: rgba(1, 9, 18, 0.4);
}

.theme-dark .bet-slip-ticket .game-name-short {
  color: rgba(255, 255, 255, 0.3);
}

.theme-light .bet-slip-ticket .game-odd {
  color: #2C669B;
}

.theme-dark .bet-slip-ticket .game-odd {
  color: #FDB913;
}

.page-supper-charged-odds p {
  line-height: 140%;
  margin-bottom: 16px;
  font-size: 13px;
}

.theme-light .page-supper-charged-odds p {
  color: rgba(1, 9, 18, 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: 24px;
}

.update-btn-wrapper span {
  background: #E6E6E7;
  display: inline-block;
  width: 80px;
  height: 24px !important;
  margin-right: 1px;
}

.theme-light .update-btn-wrapper span {
  border: 1px solid #DADADA;
}

.theme-dark .update-btn-wrapper span {
  border: 1px solid transperent;
}

.update-btn-wrapper span input {
  display: block;
  width: 100%;
  height: 100%;
  text-align: right;
  padding-right: 8px;
}

.theme-light .update-btn-wrapper span input {
  color: #010912;
}

.theme-dark .update-btn-wrapper span input {
  color: #010912;
}

.update-btn-wrapper .update-btn {
  width: 68px;
  height: 24px;
}

.ticket-header {
  padding-top: 2px;
  padding-bottom: 1px;
}

.theme-light .ticket-header {
  background: #FBFBFB;
  border-bottom: 1px solid #DADADA;
}

.theme-dark .ticket-header {
  background: #1E2128;
  border-bottom: 1px solid #42454D;
}

.ticket-navigation {
  height: 32px;
}

.theme-light .ticket-navigation {
  background: #DADADA;
  border-bottom: 1px solid #DADADA;
}

.theme-dark .ticket-navigation {
  background: #2A2D35;
  border-bottom: 1px solid #42454D;
}

.theme-light .ticket-wrapper .game-start-time {
  color: #7C6426;
}

.theme-dark .ticket-wrapper .game-start-time {
  color: #FDB913;
}

body.select-app-version,
.select-app-version-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #251F4E;
  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 .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: 11px 0 16px;
}

body.select-app-version .top h1,
.select-app-version-modal .top h1 {
  margin-bottom: 4px;
  font-family: Arial, sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 26px;
  line-height: 120%;
  /* or 31px */
  letter-spacing: 0.01em;
  color: #FFFFFF;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
}

body.select-app-version .top p,
.select-app-version-modal .top p {
  width: 85%;
  font-family: Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 140%;
  /* or 20px */
  text-align: center;
  color: #FFFFFF;
  text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}

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: 80%;
  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);
}

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);
}

.theme-light .betting-ticket .navigation span {
  color: rgba(1, 9, 18, 0.4);
}

.theme-dark .betting-ticket .navigation span {
  color: rgba(255, 255, 255, 0.6);
}

.theme-light .betting-ticket .navigation span.active {
  color: #010912;
}

.theme-dark .betting-ticket .navigation span.active {
  color: #40A3FF;
}

.betting-ticket .system-btn {
  display: flex;
  height: 24px;
  width: 32px;
  justify-content: center;
  align-items: center;
  border: 1px solid red;
  margin-right: 4px;
  margin-bottom: 4px;
  font-size: 12px;
  cursor: pointer;
}

.theme-light .betting-ticket .system-btn {
  background: #DADADA;
  color: rgba(1, 9, 18, 0.6);
  border: 1px solid #DADADA;
}

.theme-dark .betting-ticket .system-btn {
  background: #42454D;
  color: #ffffff;
  border: 1px solid #000000;
}

.theme-light .betting-ticket .system-btn.active {
  color: #2C669B;
  border: 1px solid #2C669B;
}

.theme-dark .betting-ticket .system-btn.active {
  color: #40A3FF;
  border: 1px solid #40A3FF;
}

.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(44, 102, 155, 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%;
}

.fav-competition-wrapper {
  display: flex;
  align-items: center;
}

.qbc-wrapper {
  margin-top: 4px;
  padding-top: 4px;
}

.theme-light .qbc-wrapper {
  border-top: 1px solid #F5F5F5;
}

.theme-dark .qbc-wrapper {
  border-top: 1px solid #6E7074;
}

.qbc-ok-btn {
  display: inline-flex;
  width: 49px;
  height: 24px;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.theme-light .qbc-ok-btn {
  background: #2C669B;
  color: #FFFFFF;
}

.theme-dark .qbc-ok-btn {
  background: #40A3FF;
  color: #FFFFFF;
}

.fix-btn {
  display: inline-flex;
  width: 32px;
  height: 32px;
  justify-content: center;
  align-items: center;
  font-size: 10px;
  cursor: pointer;
}

.theme-light .fix-btn {
  background: #DADADA;
  color: #010912;
  border: 1px solid transparent;
}

.theme-dark .fix-btn {
  background: #42454D;
  color: #FFFFFF;
  border: 1px solid #000000;
}

.theme-light .fix-btn.active {
  color: #2C669B;
  border: 1px solid #2C669B;
}

.theme-dark .fix-btn.active {
  color: #40A3FF;
  border: 1px solid #40A3FF;
}

.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;
}

.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(1, 9, 18, 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(1, 9, 18, 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: #010912;
}

.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(1, 9, 18, 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: #2C669B;
}

.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(1, 9, 18, 0.6);
}

.theme-dark ul.list li {
  color: rgba(255, 255, 255, 0.6);
}

ul.list li::before {
  content: "";
  width: 4px;
  height: 4px;
  display: block;
  position: absolute;
  top: 7px;
  left: 0;
}

.theme-light ul.list li::before {
  background: #2C669B;
}

.theme-dark ul.list li::before {
  background: #40A3FF;
}

.min-height-100 {
  min-height: 100%;
}

body.theme-dark {
  background: #010912;
}

.bonus-circle {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  background: #fff;
  color: #0E8846;
  border-radius: 50%;
}