@charset "UTF-8";
/*global*/
/*light theme*/
/*dark theme*/
/*sports*/
/*global*/
/*light theme*/
/*dark theme*/
/*sports*/
/*global*/
/*light*/
/*dark*/
/*payment background colors*/
/*font size, spacing, weight*/
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0-modified | 20110126
   License: none (public domain)
*/
@import url(fonticon.min.css);
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* make sure to set some focus styles for accessibility */
:focus {
  outline: 0; }

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block; }

body {
  line-height: 1; }

ol,
ul {
  list-style: none; }

blockquote,
q {
  quotes: none; }

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  -webkit-appearance: none;
  -moz-appearance: none; }

input[type="search"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box; }

textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical; }

/**
 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  max-width: 100%; }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support.
 */
[hidden] {
  display: none; }

/**
 * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-size: 100%;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a {
  text-decoration: none; }

a:focus {
  outline: thin dotted; }

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0; }

/**
 * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improve image quality when scaled in IE 7.
 */
img {
  border: 0;
  /* 1 */
  -ms-interpolation-mode: bicubic;
  /* 2 */ }

/**
 * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */
figure {
  margin: 0; }

/**
 * Correct margin displayed oddly in IE 6/7.
 */
form {
  margin: 0; }

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct color not being inherited in IE 6/7/8/9.
 * 2. Correct text not wrapping in Firefox 3.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  white-space: normal;
  /* 2 */
  *margin-left: -7px;
  /* 3 */ }

/**
 * 1. Correct font size not being inherited in all browsers.
 * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improve appearance and consistency in all browsers.
 */
button,
input,
select,
textarea {
  font-size: 100%;
  /* 1 */
  margin: 0;
  /* 2 */
  vertical-align: baseline;
  /* 3 */
  *vertical-align: middle;
  /* 3 */ }

/**
 * Address Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select {
  text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
  *overflow: visible;
  /* 4 */ }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default; }

/**
 * 1. Address box sizing set to content-box in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
  *height: 13px;
  /* 3 */
  *width: 13px;
  /* 3 */ }

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box; }

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Remove inner padding and border in Firefox 3+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * 1. Remove default vertical scrollbar in IE 6/7/8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */ }

/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

html,
button,
input,
select,
textarea {
  color: #222; }

::-moz-selection {
  background: #b3d4fc;
  text-shadow: none; }

::selection {
  background: #b3d4fc;
  text-shadow: none; }

img {
  vertical-align: middle; }

fieldset {
  border: 0;
  margin: 0;
  padding: 0; }

textarea {
  resize: vertical; }

.chromeframe {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0; }

.wclear {
  border: 0 none !important;
  clear: both;
  display: block;
  float: none;
  font-size: 1px;
  height: 1px;
  margin: 0;
  overflow: hidden; }

/*global*/
/*light theme*/
/*dark theme*/
/*sports*/
/*global*/
/*light theme*/
/*dark theme*/
/*sports*/
/*global*/
/*light*/
/*dark*/
/*payment background colors*/
/*font size, spacing, weight*/
/*.btn--fill {
    @include global-button-fill;
    color: #fff;
    min-width: 120px;
    font-weight: bold;
    padding: 0 20px;

    &.btn--brand {
        background-color: $global-brand-header-light;

        @media (hover: hover) {
            &:hover {
                background-color: lighten($global-brand-header-light, 4%);
            }
        }

        &:active {
            background-color: darken($global-brand-header-light, 4%);
            box-shadow: none !important;
        }
    }

    &.btn--accent {
        background-color: $global-interactive-blue;

        @media (hover: hover) {
            &:hover {
                background-color: lighten($global-interactive-blue, 4%);
            }
        }

        &:active {
            background-color: darken($global-interactive-blue, 4%);
            box-shadow: none !important;
        }
    }

    &.btn--checkout {
        background-color: $global-descriptive-success;

        @media (hover: hover) {
            &:hover {
                background-color: lighten($global-descriptive-success, 4%);
            }
        }

        &:active {
            background-color: darken($global-descriptive-success, 4%);
            box-shadow: none !important;
        }
    }

    &.btn--cancel {
        background-color: $light-color-typography-dimmed;

        @media (hover: hover) {
            &:hover {
                background-color: lighten($light-color-typography-dimmed, 4%);
            }
        }

        &:active {
            background-color: darken($light-color-typography-dimmed, 4%);
            box-shadow: none !important;
        }
    }

    .dark-theme & {
        &.btn--checkout {
            background-color: $global-descriptive-success;
        }

        &.btn--accent {
            background-color: $global-interactive-blue;
        }

        &.btn--cancel {
            background-color: $dark-color-typography-dimmed;

            @media (hover: hover) {
                &:hover {
                    background-color: lighten($dark-color-typography-dimmed, 4%);
                }
            }

            &:active {
                background-color: darken($dark-color-typography-dimmed, 4%);
                box-shadow: none !important;
            }
        }

        &:disabled,
        &.btn--link-disabled {
            background-color: $dark-color-layout-border;
            color: $dark-color-typography-dimmed;
            box-shadow: none;
            pointer-events: none;

            @media (hover: hover) {
                &:hover {
                    background-color: $dark-color-layout-border;
                }
            }

            &:active {
                background-color: $dark-color-layout-border;
            }
        }

        &.btn--brand {
            background-color: $global-brand-header-dark;

            @media (hover: hover) {
                &:hover {
                    background-color: lighten($global-brand-header-dark, 4%);
                }
            }

            &:active {
                background-color: darken($global-brand-header-dark, 4%);
                box-shadow: none !important;
            }
        }

        &.btn--light {
            &:disabled,
            &.btn--link-disabled {
                background-color: $global-disabled-light;
                color: $light-color-layout-accent;
                box-shadow: none;
                pointer-events: none;

                @media (hover: hover) {
                    &:hover {
                        background-color: $global-disabled-light;
                    }
                }

                &:active {
                    background-color: $global-disabled-light;
                }
            }
        }
    }

    &:disabled,
    &.btn--link-disabled {
        background-color: $global-disabled-light;
        color: $light-color-typography-dimmed;
        box-shadow: none;
        pointer-events: none;

        @media (hover: hover) {
            &:hover {
                background-color: $global-disabled-light;
            }
        }

        &:active {
            background-color: $global-disabled-light;
        }
    }
}
*/
.btn--gradient, .btn--fill {
  box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.32);
  border: none;
  /*text-transform: uppercase;*/
  color: #fff;
  min-width: 120px;
  font-weight: bold;
  padding: 0 20px; }
  .btn--gradient.btn--brand, .btn--fill.btn--brand {
    background-color: #B81228;
    /* For browsers that do not support gradients */
    background-image: linear-gradient(to top, #B81228, #dd2951); }
    @media (hover: hover) {
      .btn--gradient.btn--brand:hover, .btn--fill.btn--brand:hover {
        background-color: #B81228;
        /* For browsers that do not support gradients */
        background-image: linear-gradient(to bottom, #B81228, #dd2951); } }
    .btn--gradient.btn--brand:active, .btn--fill.btn--brand:active {
      background-color: #a51024;
      box-shadow: none !important; }
  .btn--gradient.btn--accent, .btn--fill.btn--accent {
    background-color: #106cc7;
    /* For browsers that do not support gradients */
    background-image: linear-gradient(to top, #106cc7, #13b7f2); }
    @media (hover: hover) {
      .btn--gradient.btn--accent:hover, .btn--fill.btn--accent:hover {
        background-color: #106cc7;
        /* For browsers that do not support gradients */
        background-image: linear-gradient(to bottom, #106cc7, #13b7f2); } }
    .btn--gradient.btn--accent:active, .btn--fill.btn--accent:active {
      background-color: #0d8ae9;
      box-shadow: none !important; }
  .btn--gradient.btn--checkout, .btn--fill.btn--checkout {
    background-color: #00a85f;
    /* For browsers that do not support gradients */
    background-image: linear-gradient(to top, #00a85f, #00d176); }
    @media (hover: hover) {
      .btn--gradient.btn--checkout:hover, .btn--fill.btn--checkout:hover {
        background-color: #00a85f;
        /* For browsers that do not support gradients */
        background-image: linear-gradient(to bottom, #00a85f, #00d176); } }
    .btn--gradient.btn--checkout:active, .btn--fill.btn--checkout:active {
      background-color: #00ae68;
      box-shadow: none !important; }
  .btn--gradient.btn--cancel, .btn--fill.btn--cancel {
    background-color: #606a85;
    /* For browsers that do not support gradients */
    background-image: linear-gradient(to top, #606a85, #aab5cf); }
    @media (hover: hover) {
      .btn--gradient.btn--cancel:hover, .btn--fill.btn--cancel:hover {
        background-color: #606a85;
        /* For browsers that do not support gradients */
        background-image: linear-gradient(to bottom, #606a85, #aab5cf); } }
    .btn--gradient.btn--cancel:active, .btn--fill.btn--cancel:active {
      background-color: #69748f;
      box-shadow: none !important; }
  .dark-theme .btn--gradient.btn--checkout, .dark-theme .btn--fill.btn--checkout {
    background-color: #00c274; }
  .dark-theme .btn--gradient.btn--accent, .dark-theme .btn--fill.btn--accent {
    background-color: #1894f2; }
  .dark-theme .btn--gradient.btn--cancel, .dark-theme .btn--fill.btn--cancel {
    background-color: #545c73;
    /* For browsers that do not support gradients */
    background-image: linear-gradient(to top, #545c73, #aab5cf); }
    @media (hover: hover) {
      .dark-theme .btn--gradient.btn--cancel:hover, .dark-theme .btn--fill.btn--cancel:hover {
        background-color: #545c73;
        /* For browsers that do not support gradients */
        background-image: linear-gradient(to bottom, #545c73, #aab5cf); } }
    .dark-theme .btn--gradient.btn--cancel:active, .dark-theme .btn--fill.btn--cancel:active {
      background-color: #767f93;
      box-shadow: none !important; }
  .dark-theme .btn--gradient:disabled, .dark-theme .btn--gradient.btn--link-disabled, .dark-theme .btn--fill:disabled, .dark-theme .btn--fill.btn--link-disabled {
    background-color: #394156;
    background-image: linear-gradient(to top, #394156, #394156);
    color: #818A9C;
    box-shadow: none;
    pointer-events: none; }
    @media (hover: hover) {
      .dark-theme .btn--gradient:disabled:hover, .dark-theme .btn--gradient.btn--link-disabled:hover, .dark-theme .btn--fill:disabled:hover, .dark-theme .btn--fill.btn--link-disabled:hover {
        background-color: #394156;
        background-image: linear-gradient(to bottom, #394156, #394156); } }
    .dark-theme .btn--gradient:disabled:active, .dark-theme .btn--gradient.btn--link-disabled:active, .dark-theme .btn--fill:disabled:active, .dark-theme .btn--fill.btn--link-disabled:active {
      background-color: #394156; }
  .dark-theme .btn--gradient.btn--light:disabled, .dark-theme .btn--gradient.btn--light.btn--link-disabled, .dark-theme .btn--fill.btn--light:disabled, .dark-theme .btn--fill.btn--light.btn--link-disabled {
    background-color: #b8bed1;
    background-image: linear-gradient(to top, #b8bed1, #b8bed1);
    color: #747e99;
    box-shadow: none;
    pointer-events: none; }
    @media (hover: hover) {
      .dark-theme .btn--gradient.btn--light:disabled:hover, .dark-theme .btn--gradient.btn--light.btn--link-disabled:hover, .dark-theme .btn--fill.btn--light:disabled:hover, .dark-theme .btn--fill.btn--light.btn--link-disabled:hover {
        background-color: #b8bed1;
        background-image: linear-gradient(to bottom, #b8bed1, #b8bed1); } }
    .dark-theme .btn--gradient.btn--light:disabled:active, .dark-theme .btn--gradient.btn--light.btn--link-disabled:active, .dark-theme .btn--fill.btn--light:disabled:active, .dark-theme .btn--fill.btn--light.btn--link-disabled:active {
      background-color: #b8bed1; }
  .btn--gradient:disabled, .btn--gradient.btn--link-disabled, .btn--fill:disabled, .btn--fill.btn--link-disabled {
    background-color: #b8bed1;
    background-image: linear-gradient(to top, #b8bed1, #b8bed1);
    color: #747e99;
    box-shadow: none;
    pointer-events: none; }
    @media (hover: hover) {
      .btn--gradient:disabled:hover, .btn--gradient.btn--link-disabled:hover, .btn--fill:disabled:hover, .btn--fill.btn--link-disabled:hover {
        background-color: #b8bed1;
        background-image: linear-gradient(to bottom, #b8bed1, #b8bed1); } }
    .btn--gradient:disabled:active, .btn--gradient.btn--link-disabled:active, .btn--fill:disabled:active, .btn--fill.btn--link-disabled:active {
      background-color: #b8bed1; }

.btn--xxlarge {
  height: 72px;
  font-size: 18px;
  line-height: 20px;
  border-radius: 12px; }
  .btn--xxlarge .btn--icon {
    font-size: 24px; }

.btn--xlarge {
  height: 64px;
  font-size: 16px;
  line-height: 20px;
  border-radius: 8px; }
  .btn--xlarge .btn--icon {
    font-size: 20px; }

.btn--large {
  height: 56px;
  font-size: 18px;
  line-height: 16px;
  border-radius: 12px; }
  .btn--large .btn--icon {
    font-size: 20px;
    margin-right: 8px; }

.btn--medium {
  height: 48px;
  font-size: 16px;
  line-height: 16px;
  border-radius: 8px; }
  .btn--medium .btn--icon {
    font-size: 18px; }

.btn--normal {
  height: 40px;
  font-size: 14px;
  border-radius: 8px;
  line-height: 14px; }
  .btn--normal .btn--icon {
    font-size: 16px; }

.btn--base {
  height: 36px;
  font-size: 14px;
  border-radius: 6px;
  line-height: 14px; }
  .btn--base .btn--icon {
    font-size: 16px; }

.btn--small {
  height: 24px;
  font-size: 12px;
  border-radius: 3px; }
  .btn--small .btn--icon {
    font-size: 14px; }

.btn--txt {
  margin-left: 8px; }

.btn--outline {
  width: 160px;
  font-weight: bold;
  border-width: 1px;
  border-style: solid;
  padding: 0 20px; }
  .btn--outline.btn--brand {
    color: #e8253f;
    border-color: #e8253f;
    background-color: rgba(232, 37, 63, 0.12); }
    @media (hover: hover) {
      .btn--outline.btn--brand:hover {
        color: #ea374f;
        border-color: #ea374f;
        background-color: transparent;
        box-shadow: inset 0 0px 0 1px #e8253f; } }
    .btn--outline.btn--brand:active {
      color: #e11833;
      border-color: #e11833;
      box-shadow: inset 0 0px 0 1px #e8253f;
      background-color: transparent; }
  .btn--outline.btn--accent {
    color: #1894f2;
    border-color: #1894f2;
    background-color: rgba(24, 148, 242, 0.12); }
    @media (hover: hover) {
      .btn--outline.btn--accent:hover {
        color: #2b9df3;
        border-color: #2b9df3;
        box-shadow: inset 0 0px 0 1px #1894f2;
        background-color: transparent; } }
    .btn--outline.btn--accent:active {
      color: #0d8ae9;
      border-color: #0d8ae9;
      box-shadow: inset 0 0px 0 1px #1894f2;
      background-color: transparent; }
  .btn--outline.btn--checkout {
    color: #00c274;
    border-color: #00c274;
    background-color: rgba(0, 194, 116, 0.16); }
    @media (hover: hover) {
      .btn--outline.btn--checkout:hover {
        color: #00d680;
        border-color: #00d680;
        box-shadow: inset 0 0px 0 1px #00c274;
        background-color: transparent; } }
    .btn--outline.btn--checkout:active {
      color: #00ae68;
      border-color: #00ae68;
      box-shadow: inset 0 0px 0 1px #00c274;
      background-color: transparent; }
  .btn--outline.btn--cancel {
    color: #747e99;
    border-color: #747e99;
    background-color: rgba(116, 126, 153, 0.16); }
    @media (hover: hover) {
      .btn--outline.btn--cancel:hover {
        color: #8089a2;
        border-color: #8089a2;
        box-shadow: inset 0 0px 0 1px #747e99;
        background-color: transparent; } }
    .btn--outline.btn--cancel:active {
      color: #69748f;
      border-color: #69748f;
      box-shadow: inset 0 0px 0 1px #747e99;
      background-color: transparent; }
  .dark-theme .btn--outline.btn--cancel {
    color: #818A9C;
    border-color: #818A9C;
    background-color: rgba(129, 138, 156, 0.16); }
    @media (hover: hover) {
      .dark-theme .btn--outline.btn--cancel:hover {
        color: #8c95a5;
        border-color: #8c95a5;
        box-shadow: inset 0 0px 0 1px #818A9C;
        background-color: transparent; } }
    .dark-theme .btn--outline.btn--cancel:active {
      color: #767f93;
      border-color: #767f93;
      box-shadow: inset 0 0px 0 1px #818A9C;
      background-color: transparent; }
  .dark-theme .btn--outline:disabled, .dark-theme .btn--outline.btn--link-disabled {
    border-color: #818A9C;
    color: #818A9C;
    background-color: rgba(129, 138, 156, 0.16);
    pointer-events: none; }
  .dark-theme .btn--outline.btn--light:disabled, .dark-theme .btn--outline.btn--light.btn--link-disabled {
    border-color: #818A9C;
    color: #818A9C;
    background-color: rgba(129, 138, 156, 0.16);
    pointer-events: none; }
    @media (hover: hover) {
      .dark-theme .btn--outline.btn--light:disabled:hover, .dark-theme .btn--outline.btn--light.btn--link-disabled:hover {
        border-color: #818A9C;
        color: #818A9C;
        border-width: 1px;
        background-color: rgba(129, 138, 156, 0.16); } }
    .dark-theme .btn--outline.btn--light:disabled:active, .dark-theme .btn--outline.btn--light.btn--link-disabled:active {
      border-color: #818A9C;
      color: #818A9C;
      border-width: 1px;
      background-color: rgba(129, 138, 156, 0.16); }
  .btn--outline:disabled, .btn--outline.btn--link-disabled {
    border-color: #b8bed1;
    color: #b8bed1;
    background-color: rgba(184, 190, 209, 0.16);
    pointer-events: none; }
    @media (hover: hover) {
      .btn--outline:disabled:hover, .btn--outline.btn--link-disabled:hover {
        border-color: #b8bed1;
        color: #b8bed1;
        border-width: 1px;
        background-color: rgba(184, 190, 209, 0.16); } }
    .btn--outline:disabled:active, .btn--outline.btn--link-disabled:active {
      border-color: #b8bed1;
      color: #b8bed1;
      border-width: 1px;
      background-color: rgba(184, 190, 209, 0.16); }

.btn--br12 {
  border-radius: 12px; }

.btn--br8 {
  border-radius: 8px; }

.btn--br6 {
  border-radius: 6px; }

.btn--br3 {
  border-radius: 3px; }

.btn--wp100 {
  width: 100% !important; }

.btn--wp70 {
  width: 70% !important; }

.btn--font-tiny {
  font-size: 1rem; }

.btn--font-small {
  font-size: 1.2rem; }

.btn--font-base {
  font-size: 1.4rem; }

.btn--font-medium {
  font-size: 1.6rem; }

.btn--font-large {
  font-size: 1.8rem; }

.btn--font-xlarge {
  font-size: 2.4rem; }

.btn--font-hero {
  font-size: 4.8rem; }

.btn--link {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer; }
  .payout__success--message .btn--link {
    margin: 0 auto; }

.btn--fw-normal {
  font-weight: normal; }

.btn--fw-bold {
  font-weight: bold; }

.btn--fw-600 {
  font-weight: 600; }

.btn--fw-800 {
  font-weight: 800; }

.btn--outline.btn--link {
  /* min-width: 160px; */
  /* line-height: 36px; */
  text-align: center;
  display: inline-flex;
  justify-content: center;
  margin: 8px 0 0 0;
  /*line-height: 36px;*/
  cursor: pointer;
  align-items: center; }

.btn--confirm--ticket {
  font-size: 1.2rem;
  font-weight: normal;
  height: 32px;
  min-width: 45px;
  cursor: pointer;
  line-height: 32px;
  margin-right: 8px; }
  .m-layout .btn--confirm--ticket {
    font-size: 1.4rem;
    height: 56px;
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: center; }

/*global*/
/*light theme*/
/*dark theme*/
/*sports*/
.wtoggle {
  height: 20px;
  width: 34px;
  border-radius: 12px;
  background-color: #00c274;
  border: 2px solid #00c274;
  transition: background-color .4s ease-in;
  position: relative;
  display: inline-block; }
  .wtoggle .wtoggle__item {
    position: absolute;
    content: "";
    top: 0px;
    left: 0;
    right: 2px;
    bottom: 0;
    transform: translateX(14px);
    -webkit-transition: .4s;
    transition: .4s;
    height: 20px;
    width: 20px;
    border-radius: 12px;
    background-color: #fff;
    box-shadow: 0 1px 3px 0 rgba(15, 20, 41, 0.48);
    -webkit-transition: .4s;
    transition: .4s; }
  .wtoggle.wtoggle--off {
    background-color: #fff;
    border: 2px solid #b8bed1; }
    .wtoggle.wtoggle--off .wtoggle__item {
      position: absolute;
      top: 0px;
      left: 2px;
      right: 0;
      bottom: 0;
      transform: translateX(0px); }
  .wtoggle.wtoggle:hover {
    cursor: pointer; }

.dark-theme .wtoggle--off {
  border: 2px solid #394156;
  background-color: #212431; }

/*global*/
/*light theme*/
/*dark theme*/
/*sports*/
/*global*/
/*light theme*/
/*dark theme*/
/*sports*/
/*global*/
/*light*/
/*dark*/
/*payment background colors*/
/*font size, spacing, weight*/
.wsegment {
  min-height: 36px;
  display: flex;
  flex-shrink: 0;
  align-items: center;
  border-radius: 6px;
  font-size: 1.4rem; }

.wsegment--txt {
  line-height: 16px;
  font-weight: bold;
  flex-grow: 1;
  text-align: center;
  display: flex;
  justify-content: center;
  height: 36px;
  align-items: center; }
  .wsegment--txt:hover {
    cursor: pointer; }
  .wsegment--txt.active {
    background-color: #1894f2;
    color: #FFFFFF; }
  .wsegment--txt:first-child {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px; }
  .wsegment--txt:last-child {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px; }

.wsegment--interactive, .wsegment--interactive:visited {
  border: 1px solid #1894f2;
  color: #1894f2; }
  .dark-theme .wsegment--interactive, .dark-theme .wsegment--interactive:visited {
    color: #1894f2;
    border: 1px solid #1894f2; }

/*global*/
/*light theme*/
/*dark theme*/
/*sports*/
/*global*/
/*light theme*/
/*dark theme*/
/*sports*/
/*global*/
/*light*/
/*dark*/
/*payment background colors*/
/*font size, spacing, weight*/
.wmodal {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  z-index: 1101;
  opacity: 0; }
  .wmodal.wmodal-light {
    background-color: #fff; }
  .wmodal.wmodal-dark {
    background-color: #0f1429; }

.wmodal--tran30 {
  opacity: 0.3; }

.wmodal--tran50 {
  opacity: 0.5; }

.wmodal--tran80 {
  opacity: 0.8; }

.wmodal--tran90 {
  opacity: 0.9; }

.wmodal--blur {
  backdrop-filter: blur(8px); }

.wmodal--zindex7 {
  z-index: 7; }

.wmc-wrapper {
  position: fixed;
  font-size: 1.4rem;
  background-color: transparent;
  color: #0f1429;
  line-height: 20px;
  z-index: 1110;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  overflow-y: auto; }
  .wmc-wrapper.wmc-center {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center; }
  .wmc-wrapper.wmc-offset {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: auto; }

.wmc-inside {
  border-radius: 24px;
  background-color: #fff;
  box-shadow: 0 6px 12px 0 rgba(15, 20, 41, 0.12);
  position: static;
  margin: 0 auto;
  max-width: 400px;
  width: calc(100% - 32px);
  overflow: hidden; }
  .wmc--light .wmc-inside {
    box-shadow: 0 8px 24px 8px rgba(15, 20, 41, 0.32), 0 0 1px 1px rgba(0, 0, 0, 0.12); }
    .wmc--light .wmc-inside.wmc-simple {
      box-shadow: 0 0 0; }
  .wmc-simple .wmc-inside {
    background-color: transparent;
    box-shadow: 0 0 0;
    border-radius: 0; }
  .dark-theme .wmc-inside {
    background-color: #181A24;
    border: 1px solid #394156; }
  .wmc-inside.wmc-inside-nomargins {
    width: 100%; }

.wmc-content.paddingBottom48 {
  padding-bottom: 48px; }

.wmc-bottom {
  height: 32px; }

.wmc-top {
  height: 64px;
  max-width: 400px;
  position: relative;
  margin: 0 auto;
  width: 100%; }

.wmc-body {
  padding: 8px 0 16px 0; }
  .wmc-simple .wmc-body {
    padding: 0; }
  .wmc-body.wmc-nopadding {
    padding: 0; }

.wmc-top__close-icon {
  border-radius: 50%;
  color: #FFFFFF;
  font-size: 2.4rem;
  background-color: rgba(255, 255, 255, 0.12);
  backdrop-filter: blur(16px);
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 8px;
  top: 8px;
  bottom: 8px;
  cursor: pointer; }
  .wmc-center .wmc-top__close-icon {
    right: 0;
    bottom: 12px; }
  .wmc--light .wmc-top__close-icon {
    color: #0f1429;
    background-color: rgba(0, 0, 0, 0.12); }

.wmc-title {
  padding: 24px 32px 32px;
  display: flex;
  justify-content: center;
  font-weight: 800; }
  .wmc-title .wty-txt {
    color: #0f1429; }

.wmc--alwaysWhite .mlive-matchsingle-option__icon,
.wmc--alwaysWhite .mlive-matchsingle-option__text,
.wmc--alwaysWhite .wtag--idle {
  color: #0f1429; }
  .dark-theme .wmc--alwaysWhite .mlive-matchsingle-option__icon, .dark-theme
  .wmc--alwaysWhite .mlive-matchsingle-option__text, .dark-theme
  .wmc--alwaysWhite .wtag--idle {
    color: #0f1429; }
  @media (hover: hover) {
    .wmc--alwaysWhite .mlive-matchsingle-option__icon:hover,
    .wmc--alwaysWhite .mlive-matchsingle-option__text:hover,
    .wmc--alwaysWhite .wtag--idle:hover {
      background-color: rgba(15, 20, 41, 0.08);
      color: #0f1429; }
      .dark-theme .wmc--alwaysWhite .mlive-matchsingle-option__icon:hover, .dark-theme
      .wmc--alwaysWhite .mlive-matchsingle-option__text:hover, .dark-theme
      .wmc--alwaysWhite .wtag--idle:hover {
        background-color: rgba(15, 20, 41, 0.08);
        color: #0f1429; } }

.wmc--alwaysWhite .wmc-inside {
  background-color: #fff; }
  .dark-theme .wmc--alwaysWhite .wmc-inside {
    background-color: #fff;
    border: 0; }

.wmc--alwaysWhite .wty-txt, .wmc--alwaysWhite .p-single-promo, .wmc--alwaysWhite .wcheckbox__txt-right {
  color: #0f1429; }
  .dark-theme .wmc--alwaysWhite .wty-txt, .dark-theme .wmc--alwaysWhite .p-single-promo, .dark-theme .wmc--alwaysWhite .wcheckbox__txt-right {
    color: #0f1429; }

.drop-wins {
  background-color: #FFD666;
  /* For browsers that do not support gradients */
  background-image: linear-gradient(to bottom, #FFBA1A, #FFD666);
  text-align: center;
  position: relative;
  overflow: hidden; }
  .drop-wins:before {
    content: "";
    width: 100%;
    height: 100%;
    background-image: url(/img/notification/bg.jpg);
    position: absolute;
    top: 0;
    background-repeat: no-repeat;
    left: 0;
    mix-blend-mode: screen;
    opacity: 0.7;
    background-size: cover;
    background-position: center center; }
  .drop-wins audio {
    display: none; }

img.drop-wins__image {
  margin: 24px auto 0 auto;
  z-index: 1;
  position: relative;
  width: 100%;
  height: auto;
  max-width: 360px; }

.drop-wins__h1 {
  color: #0f1429;
  font-size: 2.4rem;
  font-style: italic;
  font-weight: 800;
  letter-spacing: -0.5px;
  line-height: 28px;
  text-align: center;
  z-index: 1;
  position: relative; }
  .drop-wins__h1 span {
    text-transform: capitalize; }

.drop-wins__amount {
  height: 136px;
  width: 100%;
  background-image: url(/img/notification/jackpot/prize.png);
  background-image: url(/img/notification/jackpot/prize@2x.png);
  margin: 16px auto 0 auto;
  background-size: contain;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
  position: relative;
  max-width: 311px;
  height: 100%;
  min-height: 136px; }

.drop-wins-amount__value {
  font-size: 40px;
  font-style: italic;
  font-weight: 800;
  letter-spacing: -1px;
  line-height: 40px;
  text-align: center;
  color: #FFFFFF;
  z-index: 1;
  position: relative;
  margin-bottom: 4px; }

.drop-wins__text {
  margin: 0 32px;
  font-size: 1.5rem;
  font-weight: 500;
  letter-spacing: -0.3px;
  line-height: 18px;
  text-align: center;
  color: #0f1429;
  z-index: 1;
  position: relative; }

.drop-wins__btn {
  padding: 32px 0 48px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 240px;
  margin: 0 auto;
  z-index: 1;
  position: relative; }

.bday, .social-modal, .cashpot-modal, .payment-modal, .cashback-modal {
  position: relative; }
  .bday audio, .social-modal audio, .cashpot-modal audio, .payment-modal audio, .cashback-modal audio {
    display: none; }

.bday__top, .social-modal__top, .cashpot-modal__top, .payment-modal__top, .cashback-modal__top {
  padding: 24px 32px 16px 32px; }

.bday__h1, .payment-modal__h1 {
  font-size: 2.4rem;
  line-height: 28px;
  margin-bottom: 4px;
  letter-spacing: -0.7px;
  font-weight: bold; }

.bday__txt, .social-modal__txt, .payment-modal__txt {
  font-size: 1.5rem;
  line-height: 20px;
  letter-spacing: -0.3px;
  color: #414b66; }
  .bday__txt strong, .social-modal__txt strong, .payment-modal__txt strong {
    color: #0f1429;
    font-weight: bold; }

.cashpot-modal__txt, .cashback-modal__txt {
  font-size: 1.5rem;
  line-height: 20px;
  letter-spacing: -0.3px;
  color: #414b66; }
  .cashpot-modal__txt span, .cashback-modal__txt span {
    text-transform: uppercase; }

.bday__content, .social-modal__content {
  background-color: #ffe266;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 32px;
  background-image: url("https://cdn-azure.azureedge.net/wwinassets/img/global/home/bday/on-bday/cover.jpg");
  background-image: url("https://cdn-azure.azureedge.net/wwinassets/img/global/home/bday/on-bday/cover@2x.jpg");
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat; }
  .social-modal .bday__content, .social-modal .social-modal__content {
    padding-bottom: 56px; }

.payment-modal__content {
  background-color: #32AB6A;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 32px;
  background-image: url("https://cdn-azure.azureedge.net/wwinassets/img/global/home/payment-notification/cover.jpg");
  background-image: url("https://cdn-azure.azureedge.net/wwinassets/img/global/home/payment-notification/cover@2x.jpg");
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat; }
  .payment-modal__transfer .payment-modal__content {
    background-image: url("https://cdn-azure.azureedge.net/wwinassets/img/global/home/payment-notification/friend-transfer.jpg");
    background-image: url("https://cdn-azure.azureedge.net/wwinassets/img/global/home/payment-notification/friend-transfer@2x.jpg");
    padding: 0 32px 56px 32px; }

.cashpot-modal__content {
  background-color: #7a3214;
  background: linear-gradient(to top, #7a3214, #ffba52);
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 32px 56px 32px;
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
  position: relative; }
  .daily .cashpot-modal__content {
    background-image: url("/img/notification/cashpot/daily.jpg");
    background-image: url("/img/notification/cashpot/daily@2x.jpg"); }
  .weekly .cashpot-modal__content {
    background-image: url("/img/notification/cashpot/weekly.jpg");
    background-image: url("/img/notification/cashpot/weekly@2x.jpg"); }
  .monthly .cashpot-modal__content {
    background-image: url("/img/notification/cashpot/monthly.jpg");
    background-image: url("/img/notification/cashpot/monthly@2x.jpg"); }
  .annualy .cashpot-modal__content {
    background-color: #34206B;
    background-image: url("/img/notification/cashpot/annualy.jpg");
    background-image: url("/img/notification/cashpot/annualy@2x.jpg"); }
  .deposit .cashpot-modal__content {
    background-color: #32AB6A;
    background-image: url("https://cdn-azure.azureedge.net/wwinassets/img/global/home/payment-notification/cover.jpg");
    background-image: url("https://cdn-azure.azureedge.net/wwinassets/img/global/home/payment-notification/cover@2x.jpg"); }

.cashback-modal__content {
  background-color: #5340b6;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 32px 56px 32px;
  background-image: url("https://cdn-azure.azureedge.net/wwinassets/img/global/home/cashback-notification/casino.jpg");
  background-image: url("https://cdn-azure.azureedge.net/wwinassets/img/global/home/cashback-notification/casino@2x.jpg");
  background-size: 640px;
  background-position: center top;
  background-repeat: no-repeat; }
  .cashback-sport_notification .cashback-modal__content {
    background-color: #e4e8f0;
    background-image: url("https://cdn-azure.azureedge.net/wwinassets/img/global/home/cashback-notification/sport.jpg");
    background-image: url("https://cdn-azure.azureedge.net/wwinassets/img/global/home/cashback-notification/sport@2x.jpg"); }
  .vip__cashback-modal .cashback-modal__content {
    background-color: #a41322;
    background-image: url("https://cdn-azure.azureedge.net/wwinassets/img/global/home/cashback-notification/vip-casino.jpg");
    background-image: url("https://cdn-azure.azureedge.net/wwinassets/img/global/home/cashback-notification/vip-casino@2x.jpg"); }

.cashpot-modal__ribbon {
  position: absolute;
  left: -4px;
  top: -4px; }

.cashpot-modal__ribbon__txt {
  font-size: 1rem;
  font-weight: 600;
  left: -10px;
  letter-spacing: .6px;
  line-height: 16px;
  position: absolute;
  text-align: center;
  text-transform: uppercase;
  top: 22px;
  transform: rotate(-45deg);
  width: 80px;
  color: #FFFFFF; }
  .weekly .cashpot-modal__ribbon__txt {
    color: #0f1429; }

img.bday__image, img.social-modal__image {
  margin: 32px auto 24px auto;
  z-index: 5;
  position: relative;
  width: 100%;
  height: auto;
  max-width: 251px; }

.cashpot-modal__image, .payment-modal__image, .cashback-modal__image {
  margin: 32px auto 24px auto;
  width: 100%;
  height: 164px;
  max-width: 251px; }
  .vip__cashback-modal .cashpot-modal__image, .vip__cashback-modal .payment-modal__image, .vip__cashback-modal .cashback-modal__image {
    height: 170px; }

/*img.social-modal__image {
    margin: 32px auto 24px auto;
    z-index: 5;
    position: relative;
    width: 100%;
    height: auto;
    max-width: 300px;
}*/
.bday__prize__title, .social-modal__prize__title {
  font-size: 1.8rem;
  color: #945b00;
  font-style: italic;
  font-weight: 800;
  line-height: 24px;
  letter-spacing: -0.5px;
  position: relative;
  z-index: 5; }

.cashpot-modal__prize__title, .payment-modal__prize__title, .cashback-modal__prize__title {
  font-size: 1.8rem;
  color: #FFFFFF;
  font-style: italic;
  font-weight: bold;
  line-height: 24px;
  letter-spacing: -0.5px;
  position: relative;
  z-index: 5;
  font-weight: bold; }
  .vip__cashback-modal .cashpot-modal__prize__title, .vip__cashback-modal .payment-modal__prize__title, .vip__cashback-modal .cashback-modal__prize__title {
    height: 24px; }

.bday__prize__border, .social-modal__prize__border {
  box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.6), 0 1px 0 0 rgba(255, 255, 255, 0.6), 0 16px 16px 0 rgba(15, 20, 41, 0.2);
  background-color: rgba(255, 255, 255, 0.24);
  border-radius: 24px;
  padding: 8px;
  position: relative;
  width: calc(100% - 16px);
  max-width: 344px;
  z-index: 5; }
  .bday__prize__border .bday__prize__coins, .bday__prize__border .social-modal__prize__coins, .social-modal__prize__border .bday__prize__coins, .social-modal__prize__border .social-modal__prize__coins {
    position: absolute;
    right: -18px;
    bottom: -24px; }

.cashpot-modal__prize__border, .payment-modal__prize__border, .cashback-modal__prize__border {
  box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.6), 0 1px 0 0 rgba(255, 255, 255, 0.6), 0 16px 16px 0 rgba(15, 20, 41, 0.2);
  background-color: rgba(255, 255, 255, 0.24);
  border-radius: 24px;
  padding: 8px;
  position: relative;
  width: calc(100% - 16px);
  max-width: 344px;
  z-index: 5; }
  .cashpot-modal__prize__border .cashpot-modal__prize__coins, .payment-modal__prize__border .cashpot-modal__prize__coins, .cashback-modal__prize__border .cashpot-modal__prize__coins {
    position: absolute;
    right: -18px;
    bottom: -24px; }

.bday__prize__amount, .social-modal__prize__amount {
  background-image: linear-gradient(to bottom, #945b00, #e09c12);
  width: 100%;
  height: 64px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 16px;
  color: #FFFFFF;
  position: relative;
  font-size: 40px;
  font-style: Italic;
  font-weight: 800;
  letter-spacing: -1px;
  box-shadow: inset 0 1px 0 0 rgba(15, 20, 41, 0.6), inset 0 4px 12px 0 rgba(15, 20, 41, 0.3), 0 1px 0 0 #f2d25c, 0 4px 8px 0 rgba(15, 20, 41, 0.32); }

.cashpot-modal__prize__amount, .payment-modal__prize__amount, .cashback-modal__prize__amount {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.48) 0.67%, rgba(0, 0, 0, 0.08) 100%);
  width: 100%;
  height: 64px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 16px;
  color: #FFFFFF;
  position: relative;
  font-size: 40px;
  font-style: Italic;
  font-weight: 800;
  letter-spacing: -1px;
  box-shadow: inset 0 1px 0 0 rgba(15, 20, 41, 0.6), inset 0 4px 12px 0 rgba(15, 20, 41, 0.3), 0 1px 0 0 rgba(255, 255, 255, 0.48), 0 4px 8px 0 rgba(15, 20, 41, 0.32); }

.bday__btn {
  margin-top: 48px;
  margin-bottom: 48px;
  position: relative;
  z-index: 5;
  width: calc(100% - 32px);
  max-width: 320px; }

/*a.bday__btn {
    width: calc(100% - 28px);
    display: flex;
    align-items: center;
    max-width: 332px;
    background-color: rgba($light-color-typography-main,0.08);
    border-radius: 12px;
    padding: 0 12px 0 16px;
    min-height: 48px;
    color: $light-color-typography-main !important;
    font-size: 1.4rem;*/
/*line-height: 20px;*/
/*position: relative;
    z-index: 5;

    & span {
        flex-grow: 1;
        text-align: left;
        margin-right: 24px;
        line-height: 16px;
    }

    & i {
        font-size: 24px;
        opacity: 0.6;
    }
}
*/
.payment-modal__btn {
  margin-top: 48px;
  margin-bottom: 48px; }

a.payment-modal__btn {
  width: calc(100% - 28px);
  display: flex;
  align-items: center;
  max-width: 332px;
  background-color: rgba(255, 255, 255, 0.12);
  border-radius: 12px;
  padding: 0 12px 0 16px;
  min-height: 48px;
  color: #FFFFFF !important;
  font-size: 1.4rem;
  /*line-height: 20px;*/
  position: relative;
  z-index: 5; }
  a.payment-modal__btn span {
    flex-grow: 1;
    text-align: left;
    margin-right: 24px;
    line-height: 16px; }
  a.payment-modal__btn i {
    font-size: 24px;
    opacity: 0.6; }

/*FIREWORKS CSS*/
.bday__fireworks {
  position: absolute;
  height: 100%;
  z-index: 4;
  top: 0;
  min-height: 374px;
  width: 100%; }
  .pd-layout .bday__fireworks {
    min-height: 440px;
    overflow: hidden; }

.bday__fireworks > .before, .bday__fireworks > .after {
  position: absolute;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  box-shadow: 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff;
  -moz-animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
  -webkit-animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
  -o-animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
  -ms-animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
  animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards; }

.bday__fireworks > .after {
  -moz-animation-delay: 1.25s, 1.25s, 1.25s;
  -webkit-animation-delay: 1.25s, 1.25s, 1.25s;
  -o-animation-delay: 1.25s, 1.25s, 1.25s;
  -ms-animation-delay: 1.25s, 1.25s, 1.25s;
  animation-delay: 1.25s, 1.25s, 1.25s;
  -moz-animation-duration: 1.25s, 1.25s, 6.25s;
  -webkit-animation-duration: 1.25s, 1.25s, 6.25s;
  -o-animation-duration: 1.25s, 1.25s, 6.25s;
  -ms-animation-duration: 1.25s, 1.25s, 6.25s;
  animation-duration: 1.25s, 1.25s, 6.25s; }

@-webkit-keyframes bang {
  to {
    box-shadow: -130px -163.66667px #2bff00, -72px 56.33333px #ff0009, -55px -12.66667px #ff0080, 79px -252.66667px #ffea00, -137px 60.33333px #00bbff, -90px -90.66667px #ff0077, -77px -135.66667px #ff001a, -130px -145.66667px #0051ff, 136px -308.66667px #007bff, 101px 43.33333px #00fffb, -72px -305.66667px #9900ff, 47px 14.33333px #00ffa2, 17px 45.33333px #00ff73, -82px -269.66667px #00ff37, -129px 33.33333px #fff700, 86px -104.66667px #e100ff, -33px -126.66667px magenta, -54px -206.66667px #ff001e, 105px -155.66667px #ff00f7, 91px -131.66667px #ff00e1, -8px -1.66667px #77ff00, 13px -269.66667px #7bff00, 138px -4.66667px #0077ff, 105px -76.66667px #6f00ff, -140px -206.66667px #00ff33, -6px -54.66667px #48ff00, 121px -8.66667px #ff6200, 76px -28.66667px #ff6200, -139px -142.66667px #0900ff, 66px -12.66667px #ff00ae, 85px -114.66667px #1aff00, -115px -204.66667px #00ff09, -31px -177.66667px #0900ff, -64px -163.66667px #3cff00, 94px -302.66667px magenta, -138px -188.66667px #6200ff, -40px -257.66667px #ff00bb, -19px -243.66667px #ff00b7, 80px -182.66667px #006aff, 122px -219.66667px #eeff00, 78px 43.33333px #ff00d9, -62px -253.66667px #ffa600, 32px -137.66667px #00ffb7, 63px -120.66667px #00ffe1, 115px -201.66667px #0066ff, 134px 21.33333px #aeff00, -22px -6.66667px #ff00ae, -21px -69.66667px #00d9ff, 18px -259.66667px #7300ff, 21px -171.66667px #00ff22, 84px -65.66667px #62ff00, 11px -207.66667px #ff1e00, -69px -164.66667px #80ff00, 44px -70.66667px #ff00bf, 112px -242.66667px #66ff00, -48px -82.66667px #00ff80, -57px -94.66667px #9500ff, -129px -152.66667px #00d5ff, 58px -11.66667px #0095ff, -138px -258.66667px #00bbff, -86px -53.66667px #11ff00, -39px -122.66667px #bbff00, 133px -140.66667px #a600ff, -24px -128.66667px #e1ff00, 12px -120.66667px #6f00ff, 91px -84.66667px #5900ff, -110px -228.66667px #0099ff, -98px 21.33333px #00ff51, 89px -27.66667px #00ddff, 39px -103.66667px #09ff00, 15px -54.66667px #00ccff, 135px 10.33333px #1a00ff, 139px -66.66667px #00ff88, -116px -130.66667px #00ffc4, -116px -191.66667px #00ff99, 90px -52.66667px #5e00ff, 60px -288.66667px #00ff22, 44px -96.66667px #a6ff00, -27px -55.66667px #00ff51, -94px 60.33333px #00ffdd, -140px -102.66667px #6200ff, -31px -49.66667px #40ff00, 22px 44.33333px #d900ff, 56px -28.66667px #ffcc00, -61px -282.66667px #ff0900, -90px -232.66667px #0022ff, 126px -107.66667px #e600ff, -9px -213.66667px #00ff77, 43px 46.33333px #ff0084, -18px 58.33333px #7b00ff, 64px -5.66667px #c400ff, -12px -7.66667px #0009ff, -134px -67.66667px #5eff00, -70px -144.66667px #00ff11, -68px -240.66667px #ffaa00, 67px -41.66667px #5e00ff, 53px 7.33333px #00d9ff, 124px -155.66667px #00ffb3, 105px -191.66667px #ffb700, -124px -134.66667px #00ffe6, -140px 55.33333px #62ff00; } }

@-moz-keyframes bang {
  to {
    box-shadow: -130px -163.66667px #2bff00, -72px 56.33333px #ff0009, -55px -12.66667px #ff0080, 79px -252.66667px #ffea00, -137px 60.33333px #00bbff, -90px -90.66667px #ff0077, -77px -135.66667px #ff001a, -130px -145.66667px #0051ff, 136px -308.66667px #007bff, 101px 43.33333px #00fffb, -72px -305.66667px #9900ff, 47px 14.33333px #00ffa2, 17px 45.33333px #00ff73, -82px -269.66667px #00ff37, -129px 33.33333px #fff700, 86px -104.66667px #e100ff, -33px -126.66667px magenta, -54px -206.66667px #ff001e, 105px -155.66667px #ff00f7, 91px -131.66667px #ff00e1, -8px -1.66667px #77ff00, 13px -269.66667px #7bff00, 138px -4.66667px #0077ff, 105px -76.66667px #6f00ff, -140px -206.66667px #00ff33, -6px -54.66667px #48ff00, 121px -8.66667px #ff6200, 76px -28.66667px #ff6200, -139px -142.66667px #0900ff, 66px -12.66667px #ff00ae, 85px -114.66667px #1aff00, -115px -204.66667px #00ff09, -31px -177.66667px #0900ff, -64px -163.66667px #3cff00, 94px -302.66667px magenta, -138px -188.66667px #6200ff, -40px -257.66667px #ff00bb, -19px -243.66667px #ff00b7, 80px -182.66667px #006aff, 122px -219.66667px #eeff00, 78px 43.33333px #ff00d9, -62px -253.66667px #ffa600, 32px -137.66667px #00ffb7, 63px -120.66667px #00ffe1, 115px -201.66667px #0066ff, 134px 21.33333px #aeff00, -22px -6.66667px #ff00ae, -21px -69.66667px #00d9ff, 18px -259.66667px #7300ff, 21px -171.66667px #00ff22, 84px -65.66667px #62ff00, 11px -207.66667px #ff1e00, -69px -164.66667px #80ff00, 44px -70.66667px #ff00bf, 112px -242.66667px #66ff00, -48px -82.66667px #00ff80, -57px -94.66667px #9500ff, -129px -152.66667px #00d5ff, 58px -11.66667px #0095ff, -138px -258.66667px #00bbff, -86px -53.66667px #11ff00, -39px -122.66667px #bbff00, 133px -140.66667px #a600ff, -24px -128.66667px #e1ff00, 12px -120.66667px #6f00ff, 91px -84.66667px #5900ff, -110px -228.66667px #0099ff, -98px 21.33333px #00ff51, 89px -27.66667px #00ddff, 39px -103.66667px #09ff00, 15px -54.66667px #00ccff, 135px 10.33333px #1a00ff, 139px -66.66667px #00ff88, -116px -130.66667px #00ffc4, -116px -191.66667px #00ff99, 90px -52.66667px #5e00ff, 60px -288.66667px #00ff22, 44px -96.66667px #a6ff00, -27px -55.66667px #00ff51, -94px 60.33333px #00ffdd, -140px -102.66667px #6200ff, -31px -49.66667px #40ff00, 22px 44.33333px #d900ff, 56px -28.66667px #ffcc00, -61px -282.66667px #ff0900, -90px -232.66667px #0022ff, 126px -107.66667px #e600ff, -9px -213.66667px #00ff77, 43px 46.33333px #ff0084, -18px 58.33333px #7b00ff, 64px -5.66667px #c400ff, -12px -7.66667px #0009ff, -134px -67.66667px #5eff00, -70px -144.66667px #00ff11, -68px -240.66667px #ffaa00, 67px -41.66667px #5e00ff, 53px 7.33333px #00d9ff, 124px -155.66667px #00ffb3, 105px -191.66667px #ffb700, -124px -134.66667px #00ffe6, -140px 55.33333px #62ff00; } }

@-o-keyframes bang {
  to {
    box-shadow: -130px -163.66667px #2bff00, -72px 56.33333px #ff0009, -55px -12.66667px #ff0080, 79px -252.66667px #ffea00, -137px 60.33333px #00bbff, -90px -90.66667px #ff0077, -77px -135.66667px #ff001a, -130px -145.66667px #0051ff, 136px -308.66667px #007bff, 101px 43.33333px #00fffb, -72px -305.66667px #9900ff, 47px 14.33333px #00ffa2, 17px 45.33333px #00ff73, -82px -269.66667px #00ff37, -129px 33.33333px #fff700, 86px -104.66667px #e100ff, -33px -126.66667px magenta, -54px -206.66667px #ff001e, 105px -155.66667px #ff00f7, 91px -131.66667px #ff00e1, -8px -1.66667px #77ff00, 13px -269.66667px #7bff00, 138px -4.66667px #0077ff, 105px -76.66667px #6f00ff, -140px -206.66667px #00ff33, -6px -54.66667px #48ff00, 121px -8.66667px #ff6200, 76px -28.66667px #ff6200, -139px -142.66667px #0900ff, 66px -12.66667px #ff00ae, 85px -114.66667px #1aff00, -115px -204.66667px #00ff09, -31px -177.66667px #0900ff, -64px -163.66667px #3cff00, 94px -302.66667px magenta, -138px -188.66667px #6200ff, -40px -257.66667px #ff00bb, -19px -243.66667px #ff00b7, 80px -182.66667px #006aff, 122px -219.66667px #eeff00, 78px 43.33333px #ff00d9, -62px -253.66667px #ffa600, 32px -137.66667px #00ffb7, 63px -120.66667px #00ffe1, 115px -201.66667px #0066ff, 134px 21.33333px #aeff00, -22px -6.66667px #ff00ae, -21px -69.66667px #00d9ff, 18px -259.66667px #7300ff, 21px -171.66667px #00ff22, 84px -65.66667px #62ff00, 11px -207.66667px #ff1e00, -69px -164.66667px #80ff00, 44px -70.66667px #ff00bf, 112px -242.66667px #66ff00, -48px -82.66667px #00ff80, -57px -94.66667px #9500ff, -129px -152.66667px #00d5ff, 58px -11.66667px #0095ff, -138px -258.66667px #00bbff, -86px -53.66667px #11ff00, -39px -122.66667px #bbff00, 133px -140.66667px #a600ff, -24px -128.66667px #e1ff00, 12px -120.66667px #6f00ff, 91px -84.66667px #5900ff, -110px -228.66667px #0099ff, -98px 21.33333px #00ff51, 89px -27.66667px #00ddff, 39px -103.66667px #09ff00, 15px -54.66667px #00ccff, 135px 10.33333px #1a00ff, 139px -66.66667px #00ff88, -116px -130.66667px #00ffc4, -116px -191.66667px #00ff99, 90px -52.66667px #5e00ff, 60px -288.66667px #00ff22, 44px -96.66667px #a6ff00, -27px -55.66667px #00ff51, -94px 60.33333px #00ffdd, -140px -102.66667px #6200ff, -31px -49.66667px #40ff00, 22px 44.33333px #d900ff, 56px -28.66667px #ffcc00, -61px -282.66667px #ff0900, -90px -232.66667px #0022ff, 126px -107.66667px #e600ff, -9px -213.66667px #00ff77, 43px 46.33333px #ff0084, -18px 58.33333px #7b00ff, 64px -5.66667px #c400ff, -12px -7.66667px #0009ff, -134px -67.66667px #5eff00, -70px -144.66667px #00ff11, -68px -240.66667px #ffaa00, 67px -41.66667px #5e00ff, 53px 7.33333px #00d9ff, 124px -155.66667px #00ffb3, 105px -191.66667px #ffb700, -124px -134.66667px #00ffe6, -140px 55.33333px #62ff00; } }

@-ms-keyframes bang {
  to {
    box-shadow: -130px -163.66667px #2bff00, -72px 56.33333px #ff0009, -55px -12.66667px #ff0080, 79px -252.66667px #ffea00, -137px 60.33333px #00bbff, -90px -90.66667px #ff0077, -77px -135.66667px #ff001a, -130px -145.66667px #0051ff, 136px -308.66667px #007bff, 101px 43.33333px #00fffb, -72px -305.66667px #9900ff, 47px 14.33333px #00ffa2, 17px 45.33333px #00ff73, -82px -269.66667px #00ff37, -129px 33.33333px #fff700, 86px -104.66667px #e100ff, -33px -126.66667px magenta, -54px -206.66667px #ff001e, 105px -155.66667px #ff00f7, 91px -131.66667px #ff00e1, -8px -1.66667px #77ff00, 13px -269.66667px #7bff00, 138px -4.66667px #0077ff, 105px -76.66667px #6f00ff, -140px -206.66667px #00ff33, -6px -54.66667px #48ff00, 121px -8.66667px #ff6200, 76px -28.66667px #ff6200, -139px -142.66667px #0900ff, 66px -12.66667px #ff00ae, 85px -114.66667px #1aff00, -115px -204.66667px #00ff09, -31px -177.66667px #0900ff, -64px -163.66667px #3cff00, 94px -302.66667px magenta, -138px -188.66667px #6200ff, -40px -257.66667px #ff00bb, -19px -243.66667px #ff00b7, 80px -182.66667px #006aff, 122px -219.66667px #eeff00, 78px 43.33333px #ff00d9, -62px -253.66667px #ffa600, 32px -137.66667px #00ffb7, 63px -120.66667px #00ffe1, 115px -201.66667px #0066ff, 134px 21.33333px #aeff00, -22px -6.66667px #ff00ae, -21px -69.66667px #00d9ff, 18px -259.66667px #7300ff, 21px -171.66667px #00ff22, 84px -65.66667px #62ff00, 11px -207.66667px #ff1e00, -69px -164.66667px #80ff00, 44px -70.66667px #ff00bf, 112px -242.66667px #66ff00, -48px -82.66667px #00ff80, -57px -94.66667px #9500ff, -129px -152.66667px #00d5ff, 58px -11.66667px #0095ff, -138px -258.66667px #00bbff, -86px -53.66667px #11ff00, -39px -122.66667px #bbff00, 133px -140.66667px #a600ff, -24px -128.66667px #e1ff00, 12px -120.66667px #6f00ff, 91px -84.66667px #5900ff, -110px -228.66667px #0099ff, -98px 21.33333px #00ff51, 89px -27.66667px #00ddff, 39px -103.66667px #09ff00, 15px -54.66667px #00ccff, 135px 10.33333px #1a00ff, 139px -66.66667px #00ff88, -116px -130.66667px #00ffc4, -116px -191.66667px #00ff99, 90px -52.66667px #5e00ff, 60px -288.66667px #00ff22, 44px -96.66667px #a6ff00, -27px -55.66667px #00ff51, -94px 60.33333px #00ffdd, -140px -102.66667px #6200ff, -31px -49.66667px #40ff00, 22px 44.33333px #d900ff, 56px -28.66667px #ffcc00, -61px -282.66667px #ff0900, -90px -232.66667px #0022ff, 126px -107.66667px #e600ff, -9px -213.66667px #00ff77, 43px 46.33333px #ff0084, -18px 58.33333px #7b00ff, 64px -5.66667px #c400ff, -12px -7.66667px #0009ff, -134px -67.66667px #5eff00, -70px -144.66667px #00ff11, -68px -240.66667px #ffaa00, 67px -41.66667px #5e00ff, 53px 7.33333px #00d9ff, 124px -155.66667px #00ffb3, 105px -191.66667px #ffb700, -124px -134.66667px #00ffe6, -140px 55.33333px #62ff00; } }

@keyframes bang {
  to {
    box-shadow: -130px -163.66667px #2bff00, -72px 56.33333px #ff0009, -55px -12.66667px #ff0080, 79px -252.66667px #ffea00, -137px 60.33333px #00bbff, -90px -90.66667px #ff0077, -77px -135.66667px #ff001a, -130px -145.66667px #0051ff, 136px -308.66667px #007bff, 101px 43.33333px #00fffb, -72px -305.66667px #9900ff, 47px 14.33333px #00ffa2, 17px 45.33333px #00ff73, -82px -269.66667px #00ff37, -129px 33.33333px #fff700, 86px -104.66667px #e100ff, -33px -126.66667px magenta, -54px -206.66667px #ff001e, 105px -155.66667px #ff00f7, 91px -131.66667px #ff00e1, -8px -1.66667px #77ff00, 13px -269.66667px #7bff00, 138px -4.66667px #0077ff, 105px -76.66667px #6f00ff, -140px -206.66667px #00ff33, -6px -54.66667px #48ff00, 121px -8.66667px #ff6200, 76px -28.66667px #ff6200, -139px -142.66667px #0900ff, 66px -12.66667px #ff00ae, 85px -114.66667px #1aff00, -115px -204.66667px #00ff09, -31px -177.66667px #0900ff, -64px -163.66667px #3cff00, 94px -302.66667px magenta, -138px -188.66667px #6200ff, -40px -257.66667px #ff00bb, -19px -243.66667px #ff00b7, 80px -182.66667px #006aff, 122px -219.66667px #eeff00, 78px 43.33333px #ff00d9, -62px -253.66667px #ffa600, 32px -137.66667px #00ffb7, 63px -120.66667px #00ffe1, 115px -201.66667px #0066ff, 134px 21.33333px #aeff00, -22px -6.66667px #ff00ae, -21px -69.66667px #00d9ff, 18px -259.66667px #7300ff, 21px -171.66667px #00ff22, 84px -65.66667px #62ff00, 11px -207.66667px #ff1e00, -69px -164.66667px #80ff00, 44px -70.66667px #ff00bf, 112px -242.66667px #66ff00, -48px -82.66667px #00ff80, -57px -94.66667px #9500ff, -129px -152.66667px #00d5ff, 58px -11.66667px #0095ff, -138px -258.66667px #00bbff, -86px -53.66667px #11ff00, -39px -122.66667px #bbff00, 133px -140.66667px #a600ff, -24px -128.66667px #e1ff00, 12px -120.66667px #6f00ff, 91px -84.66667px #5900ff, -110px -228.66667px #0099ff, -98px 21.33333px #00ff51, 89px -27.66667px #00ddff, 39px -103.66667px #09ff00, 15px -54.66667px #00ccff, 135px 10.33333px #1a00ff, 139px -66.66667px #00ff88, -116px -130.66667px #00ffc4, -116px -191.66667px #00ff99, 90px -52.66667px #5e00ff, 60px -288.66667px #00ff22, 44px -96.66667px #a6ff00, -27px -55.66667px #00ff51, -94px 60.33333px #00ffdd, -140px -102.66667px #6200ff, -31px -49.66667px #40ff00, 22px 44.33333px #d900ff, 56px -28.66667px #ffcc00, -61px -282.66667px #ff0900, -90px -232.66667px #0022ff, 126px -107.66667px #e600ff, -9px -213.66667px #00ff77, 43px 46.33333px #ff0084, -18px 58.33333px #7b00ff, 64px -5.66667px #c400ff, -12px -7.66667px #0009ff, -134px -67.66667px #5eff00, -70px -144.66667px #00ff11, -68px -240.66667px #ffaa00, 67px -41.66667px #5e00ff, 53px 7.33333px #00d9ff, 124px -155.66667px #00ffb3, 105px -191.66667px #ffb700, -124px -134.66667px #00ffe6, -140px 55.33333px #62ff00; } }

@-webkit-keyframes gravity {
  from {
    opacity: 1; }
  to {
    transform: translateY(200px);
    -moz-transform: translateY(200px);
    -webkit-transform: translateY(200px);
    -o-transform: translateY(200px);
    -ms-transform: translateY(200px);
    opacity: 0; } }

@-moz-keyframes gravity {
  from {
    opacity: 1; }
  to {
    transform: translateY(200px);
    -moz-transform: translateY(200px);
    -webkit-transform: translateY(200px);
    -o-transform: translateY(200px);
    -ms-transform: translateY(200px);
    opacity: 0; } }

@-o-keyframes gravity {
  from {
    opacity: 1; }
  to {
    transform: translateY(200px);
    -moz-transform: translateY(200px);
    -webkit-transform: translateY(200px);
    -o-transform: translateY(200px);
    -ms-transform: translateY(200px);
    opacity: 0; } }

@-ms-keyframes gravity {
  from {
    opacity: 1; }
  to {
    transform: translateY(200px);
    -moz-transform: translateY(200px);
    -webkit-transform: translateY(200px);
    -o-transform: translateY(200px);
    -ms-transform: translateY(200px);
    opacity: 0; } }

@keyframes gravity {
  from {
    opacity: 1; }
  to {
    transform: translateY(200px);
    -moz-transform: translateY(200px);
    -webkit-transform: translateY(200px);
    -o-transform: translateY(200px);
    -ms-transform: translateY(200px);
    opacity: 0; } }

@-webkit-keyframes position {
  0%, 19.9% {
    margin-top: 10%;
    margin-left: 40%; }
  20%, 39.9% {
    margin-top: 40%;
    margin-left: 30%; }
  40%, 59.9% {
    margin-top: 20%;
    margin-left: 70%;
    opacity: 1; }
  60%, 79.9% {
    margin-top: 30%;
    margin-left: 20%; }
  80%, 99.9% {
    margin-top: 30%;
    margin-left: 80%;
    opacity: 0; } }

@-moz-keyframes position {
  0%, 19.9% {
    margin-top: 10%;
    margin-left: 40%; }
  20%, 39.9% {
    margin-top: 40%;
    margin-left: 30%; }
  40%, 59.9% {
    margin-top: 20%;
    margin-left: 70%;
    opacity: 1; }
  60%, 79.9% {
    margin-top: 30%;
    margin-left: 20%; }
  80%, 99.9% {
    margin-top: 30%;
    margin-left: 80%;
    opacity: 0; } }

@-o-keyframes position {
  0%, 19.9% {
    margin-top: 10%;
    margin-left: 40%; }
  20%, 39.9% {
    margin-top: 40%;
    margin-left: 30%; }
  40%, 59.9% {
    margin-top: 20%;
    margin-left: 70%;
    opacity: 1; }
  60%, 79.9% {
    margin-top: 30%;
    margin-left: 20%; }
  80%, 99.9% {
    margin-top: 30%;
    margin-left: 80%;
    opacity: 0; } }

@-ms-keyframes position {
  0%, 19.9% {
    margin-top: 10%;
    margin-left: 40%; }
  20%, 39.9% {
    margin-top: 40%;
    margin-left: 30%; }
  40%, 59.9% {
    margin-top: 20%;
    margin-left: 70%;
    opacity: 1; }
  60%, 79.9% {
    margin-top: 30%;
    margin-left: 20%; }
  80%, 99.9% {
    margin-top: 30%;
    margin-left: 80%;
    opacity: 0; } }

@keyframes position {
  0%, 19.9% {
    margin-top: 10%;
    margin-left: 40%; }
  20%, 39.9% {
    margin-top: 40%;
    margin-left: 30%; }
  40%, 59.9% {
    margin-top: 20%;
    margin-left: 70%;
    opacity: 1; }
  60%, 79.9% {
    margin-top: 30%;
    margin-left: 20%; }
  80%, 99.9% {
    margin-top: 30%;
    margin-left: 80%;
    opacity: 0; } }

/*@import 'monri.min.css';*/
html {
  font-size: 10px; }
  html.modal-content__open {
    overflow-x: hidden;
    overflow-y: hidden;
    height: 100%;
    position: relative; }

body {
  font-family: proxima-nova,Helvetica, Arial, sans-serif !important;
  font-style: normal;
  font-weight: 500;
  font-size: 10px;
  background-color: #d8dae6;
  color: #0f1429;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  /*& .page__poker {
        background-color: #0c3d3a;
    }*/ }
  body.modal-content__open {
    overflow-x: hidden;
    overflow-y: hidden;
    height: auto; }
  body .page__home {
    background-color: #fff; }
  body.dark-theme {
    background-color: #0D0E12;
    color: #FFFFFF; }

body.dark-theme .page__home {
  background-color: #181A24; }

.width70 {
  width: 70% !important; }

.width30 {
  width: 30% !important; }

.width40 {
  width: 40% !important; }

.width50 {
  width: 50% !important; }

.width60 {
  width: 60% !important; }

.width20 {
  width: 20% !important; }

.width100 {
  width: 100% !important; }

.height100vh {
  height: 100vh; }

.width240 {
  min-width: 240px !important; }

.tabularNums {
  font-variant-numeric: tabular-nums; }

a, a:visited, a:focus {
  outline: none; }

.acceptLink {
  display: flex;
  color: #117ed1;
  font-size: 1.4rem;
  border-bottom: 1px solid transparent; }
  .dark-theme .acceptLink {
    color: #1894f2; }
  .acceptLink:hover {
    border-bottom: 1px solid #117ed1;
    cursor: pointer; }
    .dark-theme .acceptLink:hover {
      border-bottom: 1px solid #1894f2; }

input {
  font-family: proxima-nova, sans-serif !important; }

.bold {
  font-weight: bold; }

.marginTop48 {
  margin-top: 48px; }

.marginTop32 {
  margin-top: 32px; }

.marginTop24 {
  margin-top: 24px; }

.marginTop16 {
  margin-top: 16px; }

.marginTop12 {
  margin-top: 12px; }

.marginTop8 {
  margin-top: 8px; }

.marginTop6 {
  margin-top: 6px; }

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

.marginBottom16 {
  margin-bottom: 16px; }

.marginBottom8 {
  margin-bottom: 8px; }

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

.paddingBottom48 {
  padding-bottom: 48px; }

.paddingBottom32 {
  padding-bottom: 32px; }

.paddingBottom24 {
  padding-bottom: 24px; }

.paddingBottom16 {
  padding-bottom: 16px; }

.paddingBottom8 {
  padding-bottom: 8px; }

.paddingBottom4 {
  padding-bottom: 4px; }

.paddingTop48 {
  padding-top: 48px; }

.paddingTop32 {
  padding-top: 32px; }

.paddingTop24 {
  padding-top: 24px; }

.paddingTop16 {
  padding-top: 16px; }

.paddingTop12 {
  padding-top: 12px; }

.paddingTop8 {
  padding-top: 8px; }

.paddingTop6 {
  padding-top: 6px; }

.paddingRight0, .paddingRight0 a {
  padding-right: 0 !important; }

.paddingLeft0, .paddingLeft0 a {
  padding-left: 0 !important; }

.txtAlignCenter {
  text-align: center; }

.fsize16 {
  font-size: 1.6rem !important; }

.fsize14 {
  font-size: 1.4rem !important; }

.displayNone {
  display: none; }

.displayFlex {
  display: flex; }

.jcenter {
  justify-content: center; }

.noneactive {
  display: none !important; }

.relative {
  position: relative; }

.fontSucccess {
  color: #11994c !important; }
  .dark-theme .fontSucccess {
    color: #28e091 !important; }

select {
  font-family: inherit; }

.alignCenter {
  min-width: 952px;
  max-width: 1312px;
  margin: 0 auto; }

.ui-loader {
  position: fixed;
  /* left: 50%; */
  /* right: 0; */
  bottom: 0;
  text-align: center;
  top: 0;
  margin: auto;
  z-index: 9999;
  width: 100%;
  align-items: center;
  /*display: flex;*/
  justify-content: center;
  display: none;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  -webkit-transform: scale(1);
  backface-visibility: hidden;
  transform: scale(1); }

.ui-loader--okvir {
  /*background-color: rgba($light-color-layout-accent, 0.32);*/
  align-items: center;
  display: flex;
  justify-content: center;
  width: 100%;
  height: 100%;
  animation: loaderAnimation 0.2s linear both; }
  .dark-theme .ui-loader--okvir {
    background-color: rgba(33, 36, 49, 0.32);
    animation: loaderAnimationDark 0.2s linear both; }

@keyframes loaderAnimation {
  0% {
    background-color: rgba(228, 232, 240, 0); }
  100% {
    background-color: rgba(228, 232, 240, 0.32); } }

@keyframes loaderAnimationDark {
  0% {
    background-color: rgba(33, 36, 49, 0); }
  100% {
    background-color: rgba(33, 36, 49, 0.32); } }

.top__dropdown_toogle {
  position: absolute !important;
  right: 16px;
  top: 8px; }

.global-descriptive-error .controlX {
  padding: 4px 12px 0 16px;
  font-size: 1.4rem;
  color: #eb3471;
  line-height: 16px;
  background-image: none;
  margin-left: 0; }

.global-descriptive-error {
  padding: 12px 0px 0 0px;
  font-size: 1.4rem;
  color: #eb3471;
  line-height: 16px;
  background-image: none;
  margin-left: 0; }

.global-descriptive-error a {
  color: #117ed1; }
  .dark-theme .global-descriptive-error a {
    color: #1894f2; }
  .global-descriptive-error a:hover {
    text-decoration: underline; }

.page__live-lotto .alignCenter {
  min-width: 952px;
  max-width: 1920px;
  margin: 0 auto; }

.page__live .alignCenter {
  min-width: 952px;
  max-width: 1920px;
  margin: 0 auto; }

.page__account .alignCenter {
  min-width: 952px;
  max-width: 1000px;
  margin: 0 auto; }

.page__results .alignCenter {
  min-width: 952px;
  max-width: 1000px;
  margin: 0 auto; }

.page__results .footer_bottom__payments li, .page__results .footer_bottom__payments span {
  margin: 0 1px; }

.page__results .footer__seo {
  margin: 0 0px 40px 0px; }

.page__account .footer_bottom__payments li, .page__account .footer_bottom__payments span {
  margin: 0 1px; }

.page__account #pod_header_omotac {
  margin-bottom: 0; }

.page__account #footer_omotac {
  background-color: transparent !important; }

.page__account .pod_header-account-menu--okvir {
  display: none; }

.page__account .scr_head {
  background-color: transparent !important;
  border-bottom: 0; }
  .dark-theme .page__account .scr_head {
    border-bottom: 0; }

.page__home {
  /* .footer_top, .footer_middle {
        padding-left: 64px;
        width: calc(100% - 110px);
        padding-right: 46px;
    }*/ }
  .page__home .ucMsgCss {
    margin: 0 16px; }
  .page__home #content {
    padding: 0; }
  .page__home .scr_head .alignCenter {
    max-width: 1280px; }
  .page__home #pod_header_omotac.alignCenter {
    max-width: 1280px; }
  .page__home #footer.alignCenter {
    max-width: 1280px; }

.page__casino {
  /*.ca-navigation--frame {
        padding-top: 0;
    }*/ }
  .page__casino .ucMsgCss {
    max-width: 1280px;
    margin: 24px auto 0 auto; }
  .page__casino #content {
    padding: 0; }
    .page__casino #content.alignCenter {
      min-width: 952px;
      max-width: initial;
      margin: 0 auto;
      padding-top: 0px; }
  .page__casino .scr_head .alignCenter {
    /*max-width: 1232px;*/
    max-width: 1280px; }
  .page__casino #pod_header_omotac.alignCenter {
    /*max-width: 1232px;*/
    max-width: 1280px; }
  .page__casino div#pod_header_omotac {
    margin-bottom: 0px;
    z-index: 2; }
  .page__casino #footer.alignCenter {
    max-width: 1280px; }
  .page__casino #loginContent {
    margin-top: 24px; }
  .page__casino .winput {
    position: relative;
    box-sizing: border-box;
    height: auto;
    width: auto;
    border: 0px solid #b8bed1;
    background-color: #fff;
    border-radius: 0px;
    font-size: inherit;
    display: flex;
    padding: 0;
    margin: 0;
    padding-bottom: 8px; }
    .dark-theme .page__casino .winput {
      border: 0px solid #b8bed1;
      background-color: #181A24; }
  .page__casino .cad-layout {
    margin-top: -24px;
    padding-bottom: 64px; }
  .page__casino .ca-theme-layout .pod_header-login--okvir {
    border: 0;
    height: 24px;
    color: rgba(255, 255, 255, 0.5); }
  .page__casino .ca-theme-layout .pod_header-login--okvir a {
    color: rgba(255, 255, 255, 0.75); }
    .dark-theme .page__casino .ca-theme-layout .pod_header-login--okvir a {
      color: rgba(255, 255, 255, 0.75); }
    .page__casino .ca-theme-layout .pod_header-login--okvir a:hover {
      color: #FFFFFF;
      box-shadow: 0 1px 0 #FFFFFF; }
  .page__casino .ca-theme-layout .pod_header-account-menu a {
    color: rgba(255, 255, 255, 0.75); }
    .dark-theme .page__casino .ca-theme-layout .pod_header-account-menu a {
      color: rgba(255, 255, 255, 0.75); }
    .page__casino .ca-theme-layout .pod_header-account-menu a:hover {
      color: #FFFFFF;
      box-shadow: 0 1px 0 #FFFFFF; }

.page__poker #content {
  padding: 0; }
  .page__poker #content.alignCenter {
    min-width: 952px;
    max-width: initial;
    margin: 0 auto;
    padding-top: 0px; }

.page__poker .scr_head .alignCenter {
  /*max-width: 1232px;*/
  max-width: 1280px; }

.page__poker #pod_header_omotac.alignCenter {
  /*max-width: 1232px;*/
  max-width: 1280px; }

.page__poker .po-hero__wrapper {
  margin-top: -48px; }

.page__poker .pod_header-login--okvir {
  border: 0;
  height: 24px;
  color: rgba(255, 255, 255, 0.32); }

.page__poker .pod_header-login--okvir a {
  color: rgba(255, 255, 255, 0.75); }
  .dark-theme .page__poker .pod_header-login--okvir a {
    color: rgba(255, 255, 255, 0.75); }
  .page__poker .pod_header-login--okvir a:hover {
    color: #FFFFFF;
    box-shadow: 0 1px 0 #FFFFFF; }

.page__poker .pod_header-account-menu a {
  color: rgba(255, 255, 255, 0.48); }
  .dark-theme .page__poker .pod_header-account-menu a {
    color: rgba(255, 255, 255, 0.48); }
  .page__poker .pod_header-account-menu a:hover {
    color: rgba(255, 255, 255, 0.75);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.75); }

.page__sports .alignCenter {
  min-width: 952px;
  max-width: 1920px;
  margin: 0 auto; }

.page__sports .footer__seo {
  margin: 0 24px 40px 24px; }

.page__sports .winput {
  position: relative;
  box-sizing: border-box;
  height: auto;
  width: auto;
  border: 0px solid #b8bed1;
  background-color: #fff;
  border-radius: 0px;
  font-size: inherit;
  display: flex;
  padding: 0;
  margin: 0;
  padding-bottom: 8px; }
  .dark-theme .page__sports .winput {
    border: 0px solid #b8bed1;
    background-color: #181A24; }

.page__registration .alignCenter {
  min-width: 952px;
  max-width: 1000px;
  margin: 0 auto; }

.page__registration .scr_head {
  background-color: transparent !important;
  border-bottom: 0; }
  .dark-theme .page__registration .scr_head {
    border-bottom: 0; }

.page__registration .footer_bottom__payments li, .page__registration .footer_bottom__payments span {
  margin: 0 1px; }

.page__live .app-live, .page__live .live-options {
  margin-top: -48px; }

.page__live .footer__seo {
  margin: 0 24px 40px 24px; }

.page__virtual .footer__seo__wrapper {
  padding: 0 24px; }

.page__virtual .footer__seo {
  margin: 0 0px 40px 0px; }

.page__registration .pod_header-login--okvir {
  display: none; }

.page__live td.registration__right_td--login, .page__live-lotto td.registration__right_td--login {
  width: 80%; }

.page__live .registration__left_td--login, .page__live-lotto .registration__left_td--login {
  width: 20%;
  background-size: 100% auto; }

.page__live .winput {
  position: relative;
  box-sizing: border-box;
  height: auto;
  width: auto;
  border: 0px solid #b8bed1;
  background-color: #fff;
  border-radius: 0px;
  font-size: inherit;
  display: flex;
  padding: 0;
  margin: 0;
  padding-bottom: 8px; }
  .dark-theme .page__live .winput {
    border: 0px solid #b8bed1;
    background-color: #181A24; }

.pod_header-account-menu--okvir {
  height: 24px;
  line-height: 24px;
  display: block;
  /*padding-right: 16px;*/
  padding-left: 52px;
  text-align: left; }

.pod_header-account-menu.deposits {
  margin-right: 16px; }

.pod_header-account-menu a {
  color: #414b66;
  font-size: 1.2rem;
  text-transform: uppercase; }
  .dark-theme .pod_header-account-menu a {
    color: #B6BECE; }
  .pod_header-account-menu a:hover {
    color: #e8253f; }

.pod_header-account-menu i {
  display: none; }

.page__registration #footer_omotac {
  background-color: transparent !important; }

.page__support .alignCenter {
  min-width: 952px;
  max-width: 1000px;
  margin: 0 auto; }

.page__support .footer_bottom__payments li, .page__support .footer_bottom__payments span {
  margin: 0 1px; }

.page__support #footer_omotac {
  background-color: transparent !important; }

.page__support .scr_head {
  background-color: transparent !important;
  border-bottom: 0; }
  .dark-theme .page__support .scr_head {
    border-bottom: 0; }

.page__support__poker .scr_head {
  background-color: initial;
  border-bottom: initial; }
  .dark-theme .page__support__poker .scr_head {
    border-bottom: initial; }

.scr_head {
  background-color: #e4e8f0;
  background-position: center 0;
  background-repeat: repeat-x;
  padding: 0 24px;
  border-bottom: 1px solid #b8bed1;
  /*width: 100%;*/ }
  .dark-theme .scr_head {
    background-color: #212431;
    border-bottom: 1px solid #394156; }

.page__support__poker .scr_head {
  background-color: #e4e8f0 !important;
  background-position: center 0;
  background-repeat: repeat-x;
  border-bottom: 1px solid #b8bed1; }
  .dark-theme .page__support__poker .scr_head {
    background-color: #212431 !important;
    border-bottom: 1px solid #394156; }

#header {
  width: 100%;
  margin: 0 auto;
  height: 72px;
  /*line-height:72px;*/ }

#header .inner {
  /*height: 35px;*/
  margin: 0 auto;
  width: 100%;
  display: flex; }

img.logoWwin1 {
  display: block; }
  .dark-theme img.logoWwin1 {
    display: none; }

img.logoWwin2 {
  display: none; }
  .dark-theme img.logoWwin2 {
    display: block; }

.navigation__notice {
  background-color: rgba(219, 140, 22, 0.16);
  font-size: 14px;
  border-radius: 12px;
  position: relative; }
  .dark-theme .navigation__notice {
    background-color: rgba(242, 210, 92, 0.16); }
  .navigation__notice a {
    text-transform: none !important; }
  .navigation__notice .ico-st-warning {
    position: absolute;
    left: 26px;
    top: 20px;
    font-size: 10px; }

#header #navigation .inner a {
  color: #0f1429;
  display: inline-block;
  /*float: left;*/
  font-size: 1.5rem;
  margin: 0 12px;
  padding-top: 0;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: bold;
  /*margin-top: 3px;*/ }
  .dark-theme #header #navigation .inner a {
    color: #FFFFFF; }

#header #navigation {
  /*background-position: center 52px;
        background-repeat: no-repeat;
        padding-top: 63px;*/
  float: right;
  /*margin-right: 10%;*/
  margin-top: 26px;
  flex-grow: 1; }

#header #navigation .inner a:hover {
  border-bottom: 3px solid #e8253f; }

.navActiv {
  border-bottom: 3px solid #e8253f; }

#header #navigation .inner {
  /*margin-top: 6px;*/
  height: 21px;
  line-height: 21px; }

#header .login {
  float: right;
  /*height: 48px;*/
  margin-top: 20px;
  flex-grow: 0; }

.header__logged_state {
  width: 144px;
  /*display: flex;*/
  border-radius: 6px; }

.header__logged_state:hover {
  cursor: pointer;
  background-color: rgba(255, 255, 255, 0.4); }
  .header__logged_state:hover .header__avatar i {
    color: #0f1429; }
  .dark-theme .header__logged_state:hover {
    background-color: #181A24; }
    .dark-theme .header__logged_state:hover .header__avatar i {
      color: #FFFFFF; }

.blinkBalance {
  background-color: rgba(24, 148, 242, 0.12); }

.blinkBonus {
  color: #117ed1; }
  .dark-theme .blinkBonus {
    color: #1894f2; }

.page__account .header__avatar i {
  color: #e8253f; }
  .dark-theme .page__account .header__avatar i {
    color: #e8253f; }

.header__logged_state.activ, .header__logged_state:active {
  background-color: #fff; }
  .header__logged_state.activ .header__avatar i, .header__logged_state:active .header__avatar i {
    color: #0f1429; }
  .dark-theme .header__logged_state.activ, .dark-theme .header__logged_state:active {
    background-color: #181A24; }
    .dark-theme .header__logged_state.activ .header__avatar i, .dark-theme .header__logged_state:active .header__avatar i {
      color: #FFFFFF; }

.header__avatar i {
  font-size: 2.4em;
  color: #747e99; }
  .dark-theme .header__avatar i {
    color: #818A9C; }

.header__account_username {
  color: #414b66;
  line-height: 1.6rem;
  font-size: 1.2rem; }
  .dark-theme .header__account_username {
    color: #B6BECE; }

.header_account {
  padding-top: 2px; }

.header__account_balance {
  line-height: 1.6rem;
  font-size: 1.2rem;
  font-weight: 600;
  color: #0f1429; }
  .dark-theme .header__account_balance {
    color: #FFFFFF; }

.hideBalance .header__account_balance span, .hideBalance .account__balance span {
  color: transparent;
  /*text-shadow: 0 0px 5px rgba(0,0,0,0.3);
    transition: 0.3s;*/ }
  .dark-theme .hideBalance .header__account_balance span, .dark-theme .hideBalance .account__balance span {
    /*text-shadow: 0 0px 5px rgba(255,255,255,0.3);*/ }

.hideBalance .header__account_balance span:before {
  content: "\••••••";
  color: #0f1429;
  /* display: block !important; */
  position: absolute;
  font-size: 2.0rem;
  top: 16px; }
  .dark-theme .hideBalance .header__account_balance span:before {
    color: #FFFFFF; }

.hideBalance .account__balance span:after {
  content: "\••••••";
  color: #0f1429;
  /* display: block !important; */
  position: absolute;
  font-size: 2.0rem;
  left: 0; }
  .dark-theme .hideBalance .account__balance span:after {
    color: #FFFFFF; }

.hideBalance .account__balance--eye {
  color: #747e99; }
  .dark-theme .hideBalance .account__balance--eye {
    color: #818A9C; }

.header__avatar {
  /*line-height: initial;*/
  padding: 6px 16px; }

#header .inner .logo {
  float: left;
  margin-top: 24px;
  flex-grow: 1; }

.header__light_dark_theme {
  margin-top: 20px;
  font-size: 2.4rem;
  cursor: pointer;
  display: flex;
  flex-grow: 0;
  width: 48px;
  height: 36px;
  justify-content: center;
  margin-right: 8px; }

.header__dark_mode {
  color: #747e99;
  border: 1px solid #b8bed1;
  border-radius: 6px;
  padding: 5px 11px;
  height: 36px;
  box-sizing: border-box;
  text-align: center; }
  .header__dark_mode:hover {
    background-color: rgba(255, 255, 255, 0.4);
    color: #0f1429; }
  .dark-theme .header__dark_mode {
    display: none; }

.header__dark_mode:active {
  background-color: #fff;
  border-color: #fff;
  color: #0f1429; }

.header__light_mode {
  color: #818A9C;
  border: 1px solid #394156;
  border-radius: 6px;
  padding: 5px 11px;
  height: 36px;
  box-sizing: border-box;
  text-align: center; }
  .header__light_mode:hover {
    background-color: rgba(255, 255, 255, 0.08);
    color: #FFFFFF; }
  .dark-theme .header__light_mode {
    display: block; }

.header__light_mode:active {
  background-color: #181A24;
  border-color: #394156;
  color: #FFFFFF; }

.header__top_right {
  display: flex; }

.header__language_time {
  margin-top: 20px;
  cursor: pointer;
  display: flex;
  flex-grow: 0;
  height: 36px;
  justify-content: center;
  border: 1px solid #b8bed1;
  border-radius: 6px;
  position: relative;
  box-sizing: border-box; }
  .dark-theme .header__language_time {
    border: 1px solid #394156; }
  .header__language_time:hover {
    background-color: rgba(255, 255, 255, 0.4);
    border-color: #b8bed1; }
    .header__language_time:hover .ptime, .header__language_time:hover .time__tockice {
      color: #0f1429; }
      .dark-theme .header__language_time:hover .ptime, .dark-theme .header__language_time:hover .time__tockice {
        color: #FFFFFF; }
    .dark-theme .header__language_time:hover {
      background-color: rgba(255, 255, 255, 0.08);
      border-color: rgba(255, 255, 255, 0.08); }

.header__language_time:active {
  background-color: #fff;
  border-color: #fff; }
  .header__language_time:active .ptime, .header__language_time:active .time__tockice {
    color: #0f1429; }
  .dark-theme .header__language_time:active {
    background-color: #181A24;
    border-color: #394156; }
    .dark-theme .header__language_time:active .ptime, .dark-theme .header__language_time:active .time__tockice {
      color: #FFFFFF; }

.header__language_time.activ {
  background-color: #fff;
  border-color: #fff; }
  .header__language_time.activ .ptime, .header__language_time.activ .time__tockice {
    color: #0f1429; }
    .dark-theme .header__language_time.activ .ptime, .dark-theme .header__language_time.activ .time__tockice {
      color: #FFFFFF; }
  .dark-theme .header__language_time.activ {
    background-color: #181A24;
    border-color: #394156;
    box-sizing: border-box; }

.ptime {
  display: inline-block;
  margin: 9px 0 10px 0;
  /*height: 16px;*/
  line-height: 16px;
  font-size: 1.2rem;
  color: #747e99;
  min-width: 32px; }
  .dark-theme .ptime {
    color: #818A9C; }

.time__tockice {
  font-size: 1.6rem;
  width: 16px;
  height: 16px;
  margin: 9px 8px 10px 0px;
  line-height: 14px;
  color: #747e99; }
  .dark-theme .time__tockice {
    color: #818A9C; }

.header__account_dropdown_menu {
  padding-top: 12px;
  /*  background-image: url(../img/arrowup.png);
    background-repeat: no-repeat;
    background-position: 243px 5px;*/
  position: absolute;
  z-index: 999;
  right: -8px;
  /*box-shadow: 0 8px 16px 0 rgba(0,0,0,.2);*/
  top: 35px;
  /*border-radius: 6px;*/ }
  .dark-theme .header__account_dropdown_menu {
    /*background-image: url(../img/arrowup-dark1.png);
        border-radius: 25px;
        background-position: -143px 5px;*/ }

.dark-theme .header__account_dropdown_menu:after {
  content: "";
  width: 12px;
  height: 14px;
  box-sizing: border-box;
  position: absolute;
  top: 0px;
  right: 40px;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #181A24;
  /* #0f1429 */ }

.header__account_dropdown_menu:before {
  content: "";
  width: 16px;
  height: 12px;
  box-sizing: border-box;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid white;
  position: absolute;
  top: 0;
  right: 40px; }
  .dark-theme .header__account_dropdown_menu:before {
    border-bottom: 8px solid #394156; }

.header__dropdown {
  background-color: #fff;
  border-radius: 6px;
  padding: 8px 0;
  width: 320px;
  display: inline-block;
  box-shadow: 0 4px 8px 0 rgba(15, 20, 41, 0.24); }
  .dark-theme .header__dropdown {
    background-color: #181A24;
    box-shadow: 0 4px 8px 0 rgba(18, 24, 46, 0.44);
    background-color: #181A24;
    border: 1px solid #394156;
    /*border-top: 0;*/ }

.header__dropdown_menu {
  list-style-type: none;
  float: left;
  /*padding-bottom: 3px;*/
  width: 100%;
  margin-top: 8px; }

.header__promo_money {
  padding: 16px;
  border-bottom: 1px solid #d8dae6; }
  .dark-theme .header__promo_money {
    border-bottom: 1px solid #394156; }

.header__promo_type {
  display: flex;
  height: 20px; }

.header__promo_txt1, .header__promo__value_active {
  font-size: 1.4rem;
  color: #0f1429;
  font-weight: bold;
  width: 50%;
  text-align: left;
  align-self: center; }
  .dark-theme .header__promo_txt1, .dark-theme .header__promo__value_active {
    color: #FFFFFF; }

.header__promo_txt2, .header__promo__value_locked {
  font-size: 1.4rem;
  color: #414b66;
  font-weight: 300;
  width: 50%;
  text-align: right;
  align-self: center; }
  .dark-theme .header__promo_txt2, .dark-theme .header__promo__value_locked {
    color: #B6BECE; }

.header__promo__value_locked i {
  margin-left: 4px;
  font-size: 1.2rem; }

.header__promo__grey_line {
  background-color: #b8bed1;
  height: 4px;
  margin: 2px 0; }
  .dark-theme .header__promo__grey_line {
    background-color: #454E66; }

.header__promo__green_line {
  height: 4px;
  background-color: #00c274; }

.header__promo_values {
  display: flex;
  height: 20px; }

.header__promo__expire {
  color: #747e99;
  font-size: 1.4rem;
  text-align: left;
  margin-top: 8px; }
  .dark-theme .header__promo__expire {
    color: #818A9C; }

.header__dropdown_menu a {
  color: #414b66;
  text-decoration: none;
  font-size: 1.4rem;
  display: flex;
  align-items: center; }
  .dark-theme .header__dropdown_menu a {
    color: #B6BECE; }

.header__dropdown_menu a:hover {
  background-color: rgba(0, 0, 0, 0.06); }
  .dark-theme .header__dropdown_menu a:hover {
    background-color: rgba(255, 255, 255, 0.06); }

ul.header__dropdown_menu li {
  display: block;
  /* padding: 0 8px; */
  line-height: 40px;
  height: 40px;
  /*width: 100%;*/
  position: relative; }

.header__dropdown_list i, .header__dropdown_logout i {
  padding: 12px 24px 12px 16px; }

.header__dropdown_list i.header__dropdown_list__theme {
  font-size: 18px;
  padding-right: 22px;
  padding-left: 14px; }

.top__dropdown_lang {
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-size: 16px;
  padding-left: 24px;
  margin-left: 14px; }

.header__dropdown_strelica {
  float: right;
  font-size: 2.4rem;
  padding-top: 8px !important;
  padding-right: 16px !important;
  text-align: right;
  flex-grow: 1; }

.header__dropdown_menu .header__dropdown_logout {
  border-top: 1px solid #d8dae6;
  padding-top: 8px; }
  .dark-theme .header__dropdown_menu .header__dropdown_logout {
    border-top: 1px solid #394156; }

.header__dropdown_menu .header__dropdown_logout a {
  color: #e8253f; }

.header__dropdown_menu .iDeposit {
  /*color: #18692a;*/
  color: #666; }

.header__dropdown_menu .iLogOut {
  color: #777; }

.header__dropdown_menu .iWithdrawal {
  /*color: #8a431e;*/
  color: #666; }

ul.header__dropdown_menu li.liLanguage {
  float: right;
  margin-top: -1px; }

div#pod_header_omotac {
  height: 24px;
  line-height: 24px;
  padding: 0 24px;
  margin-bottom: 24px;
  position: relative;
  z-index: 1; }
  .page__live div#pod_header_omotac {
    position: initial;
    z-index: initial; }

.pod_header {
  display: flex; }

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

.pod_header-second {
  flex-grow: 1;
  justify-content: center;
  display: flex;
  margin-left: 180px; }

.submenu__links {
  font-size: 1.2rem;
  text-transform: uppercase; }

.submenu__links a {
  color: #414b66;
  margin: 0 12px;
  float: left;
  display: block; }
  .dark-theme .submenu__links a {
    color: #B6BECE; }
  .submenu__links a:hover {
    color: #e8253f; }

.subActiv {
  color: #e8253f !important; }

.pod_header-third {
  flex-grow: 0;
  /*width: 180px;*/ }

.pod_header-login--okvir {
  border: 1px solid #e8253f;
  color: #747e99;
  padding: 0px 12px;
  height: 22px;
  font-size: 1.2rem;
  text-transform: uppercase;
  margin-top: -1px;
  float: right; }
  .dark-theme .pod_header-login--okvir {
    border: 1px solid #e8253f;
    color: #818A9C; }

.pod_header-login--okvir a {
  color: #e8253f; }
  .pod_header-login--okvir a:hover {
    /*text-decoration: underline;*/
    box-shadow: 0 1px 0 #e8253f; }

.pod_header-or {
  padding: 0 2px; }

/*------- LANGUAGES--------*/
#lblCurentLang span {
  width: 16px;
  height: 16px;
  display: inline-block;
  margin: 9px 8px 10px 12px; }

.language-link {
  background-repeat: no-repeat;
  background-position: 16px center;
  position: relative;
  color: #0f1429; }
  .dark-theme .language-link {
    color: #FFFFFF; }

.header__dropdown_menu .language-link:hover {
  background-color: rgba(0, 0, 0, 0.06); }
  .dark-theme .header__dropdown_menu .language-link:hover {
    background-color: rgba(255, 255, 255, 0.06); }

.header__dropdown_menu .language-link a:hover {
  background-color: transparent; }
  .dark-theme .header__dropdown_menu .language-link a:hover {
    background-color: transparent; }

.language-link a {
  padding-left: 56px; }

li.language-title {
  padding-left: 56px;
  text-transform: uppercase;
  font-size: 1.2rem;
  cursor: default;
  color: #747e99;
  letter-spacing: 0.6px; }
  .dark-theme li.language-title {
    color: #818A9C; }
  li.language-title:hover {
    cursor: pointer; }

.l-en {
  background-image: url(../img/flags/gbr.svg); }

.l-hr {
  background-image: url(../img/flags/cro.svg); }

.l-bs {
  background-image: url(../img/flags/bih.svg); }

.l-de {
  background-image: url(../img/flags/deu.svg); }

.l-fr {
  background-image: url(../img/flags/fra.svg); }

.l-sl {
  background-image: url(../img/flags/slo.svg); }

.l-sr {
  background-image: url(../img/flags/srb.svg); }

.l-ro {
  background-image: url(../img/flags/rou.svg); }

.l-back {
  position: absolute;
  left: 8px;
  top: 4px;
  font-size: 1.6rem;
  cursor: pointer;
  color: #747e99;
  padding: 8px; }
  .dark-theme .l-back {
    color: #818A9C; }

.language-active__de .language-link.l-de a,
.language-active__en .language-link.l-en a,
.language-active__hr .language-link.l-hr a,
.language-active__bs .language-link.l-bs a,
.language-active__fr .language-link.l-fr a,
.language-active__sl .language-link.l-sl a,
.language-active__sr .language-link.l-sr a,
.language-active__ro .language-link.l-ro a {
  color: #117ed1; }
  .dark-theme .language-active__de .language-link.l-de a, .dark-theme
  .language-active__en .language-link.l-en a, .dark-theme
  .language-active__hr .language-link.l-hr a, .dark-theme
  .language-active__bs .language-link.l-bs a, .dark-theme
  .language-active__fr .language-link.l-fr a, .dark-theme
  .language-active__sl .language-link.l-sl a, .dark-theme
  .language-active__sr .language-link.l-sr a, .dark-theme
  .language-active__ro .language-link.l-ro a {
    color: #1894f2; }

.language-active__de .language-link.l-de .activ-lang,
.language-active__en .language-link.l-en .activ-lang,
.language-active__hr .language-link.l-hr .activ-lang,
.language-active__bs .language-link.l-bs .activ-lang,
.language-active__fr .language-link.l-fr .activ-lang,
.language-active__sl .language-link.l-sl .activ-lang,
.language-active__ro .language-link.l-ro .activ-lang,
.language-active__sr .language-link.l-sr .activ-lang {
  display: inherit; }

.language-link .activ-lang {
  position: absolute;
  right: 16px;
  top: 8px;
  font-size: 2.4rem;
  color: #117ed1; }
  .dark-theme .language-link .activ-lang {
    color: #1894f2; }

.language-link .ico-st-success-simple:before {
  color: #117ed1; }
  .dark-theme .language-link .ico-st-success-simple:before {
    color: #1894f2; }

/*.page__home {
    #top_omotac {
        display: block !important;
    }

    #top {
        position: relative;
        margin-top: -120px;
    }
}*/
div#top_omotac {
  padding: 0 24px;
  /*min-height: 400px;*/
  /*background-image: url(../img/ronaldo-light.jpg);*/
  /*background-repeat: no-repeat;*/
  /*.dark-theme & {
        background-image: url(../img/ronaldo-dark.jpg);
    }*/ }

#top {
  display: flex;
  width: 100%; }

.top__news {
  /*width: 420px;
    height: 312px;
    float: left;*/
  /*background: #ccc;*/
  flex-grow: 1;
  min-width: 625px;
  position: relative;
  min-height: 420px; }

.top__user_sign {
  max-width: 390px;
  /* height: 284px; */
  /*float: right;*/
  position: absolute;
  right: 0;
  /* background: #ccc; */
  margin-top: 112px;
  flex-grow: 0;
  /*display: flex;*/
  width: 100%;
  margin-left: 48px; }

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

a.top__user_sign__login {
  display: flex;
  width: 50%;
  cursor: default; }

.top__user_sign__login_naslov {
  flex-grow: 1;
  width: 50%;
  color: #e8253f;
  font-size: 1.8rem;
  box-shadow: 0px 1px 0px 0px #e8253f;
  line-height: 4.8rem;
  display: flex;
  justify-content: center;
  border-bottom: 2px solid #e8253f; }

a.top__user_sign__register {
  display: flex;
  width: 50%; }

.top__user_sign__register_naslov:hover {
  background-color: rgba(15, 20, 41, 0.08); }
  .dark-theme .top__user_sign__register_naslov:hover {
    background-color: rgba(255, 255, 255, 0.08); }

.top__user_sign__register_naslov {
  flex-grow: 1;
  width: 50%;
  color: #0f1429;
  font-size: 1.8rem;
  display: flex;
  justify-content: center;
  line-height: 4.8rem;
  /*@include light-shadow-lv3;*/
  border-bottom: 1px solid #747e99; }
  .dark-theme .top__user_sign__register_naslov {
    color: #FFFFFF;
    /*@include dark-shadow-lv3;*/ }

.top__user_sign_textboxes {
  width: 100%;
  margin-top: 8px; }

.top__user_sign__txt {
  position: relative;
  display: flex;
  align-self: center;
  align-self: center;
  margin-bottom: 8px; }

.top__user_sign__username {
  width: 100%; }

.top__user_sign__inputs {
  width: 100%; }

.top__user_sign__txt input {
  width: 100%;
  background-color: #fff;
  border: 1px solid #b8bed1;
  border-radius: 8px;
  /*line-height: 5.6rem;*/
  height: 56px;
  font-size: 1.4rem;
  font-family: inherit;
  padding: 0 4%;
  font-weight: bold;
  color: #0f1429;
  /*margin-bottom: 8px;*/
  padding-top: 8px;
  box-sizing: border-box; }
  .dark-theme .top__user_sign__txt input {
    background-color: #181A24;
    border: 1px solid #394156;
    color: #FFFFFF; }

.top__user_sign__txt input:hover {
  border-color: #747e99; }
  .dark-theme .top__user_sign__txt input:hover {
    border-color: #818A9C; }

.top__user_sign__txt input:active, .top__user_sign__txt input:focus {
  border-color: #117ed1; }
  .dark-theme .top__user_sign__txt input:active, .dark-theme .top__user_sign__txt input:focus {
    border-color: #1894f2; }

.top__user_sign__button input {
  width: 100%; }

.top__uset_sign_password_lost {
  margin-top: 16px;
  display: flex;
  justify-content: center;
  font-size: 1.4rem; }

.top__uset_sign_password_lost a {
  color: #414b66;
  line-height: 24px; }
  .dark-theme .top__uset_sign_password_lost a {
    color: #B6BECE; }

.top__uset_sign_password_lost a:hover {
  color: #0f1429;
  box-shadow: 0 1px 0 #0f1429; }
  .dark-theme .top__uset_sign_password_lost a:hover {
    color: #FFFFFF;
    box-shadow: 0 1px 0 #FFFFFF; }

.pass-show {
  font-size: 2.4rem;
  position: absolute;
  align-self: center;
  right: 16px;
  color: #747e99;
  cursor: pointer; }
  .pass-show:hover {
    color: #414b66; }
  .dark-theme .pass-show {
    color: #818A9C; }
    .dark-theme .pass-show:hover {
      color: #B6BECE; }

.results__search--icon {
  font-size: 2rem;
  position: absolute;
  align-self: center;
  right: 10px;
  color: #747e99;
  cursor: pointer; }
  .dark-theme .results__search--icon {
    color: #818A9C; }

.footer__seo {
  padding: 48px;
  margin: 0 16px 40px 16px;
  border-radius: 16px;
  background-color: #e4e8f0;
  color: #414b66;
  font-size: 1.4rem;
  line-height: 20px;
  /*height: 440px;*/
  overflow: auto; }
  .dark-theme .footer__seo {
    background-color: #212431;
    color: #B6BECE; }
  .footer__seo h1 {
    font-size: 2.4rem;
    color: #414b66;
    line-height: 28px;
    letter-spacing: -0.7px;
    font-weight: 800;
    margin-bottom: 4px;
    column-span: all; }
    .dark-theme .footer__seo h1 {
      color: #B6BECE; }
  .footer__seo h2 {
    column-span: all;
    margin-top: 32px;
    font-size: 1.8rem;
    line-height: 24px;
    letter-spacing: -0.7px;
    font-weight: 800;
    margin-bottom: 4px; }
  .footer__seo a {
    color: inherit;
    text-decoration: underline !important; }
  .footer__seo h3 {
    /*        column-span: all;
*/
    letter-spacing: -0.3px;
    font-weight: 800;
    margin-bottom: 4px; }
  .footer__seo p {
    font-size: 1.4rem;
    color: #414b66;
    letter-spacing: -0.3px;
    line-height: 20px; }
    .dark-theme .footer__seo p {
      color: #B6BECE; }
    .footer__seo p strong {
      font-weight: bold; }
    .footer__seo p.cc-2 {
      column-count: 2;
      column-gap: 32px; }

.pass-hide {
  font-size: 2.4rem;
  position: absolute;
  align-self: center;
  right: 16px;
  color: #0f1429;
  cursor: pointer;
  /*&:hover {
        color: $light-color-typography-dimmed;
        cursor: pointer;

        .dark-theme & {
            color: $dark-color-typography-dimmed;
        }
    }*/ }
  .dark-theme .pass-hide {
    color: #FFFFFF; }

div#footer_omotac {
  min-height: 732px;
  padding: 0 24px;
  background-color: #e4e8f0; }
  .dark-theme div#footer_omotac {
    background-color: #0D0E12; }

.footer_top {
  padding-top: 32px;
  width: 100%;
  display: inline-block; }

.footer_top__left {
  width: 56.4%; }

.footer_top__logo img.logoWwin1 {
  display: block; }
  .dark-theme .footer_top__logo img.logoWwin1 {
    display: none; }

.footer_top__logo img.logoWwin2 {
  display: none; }
  .dark-theme .footer_top__logo img.logoWwin2 {
    display: block; }

.footer_top__txt {
  color: #747e99;
  font-size: 1.4rem;
  text-align: left;
  line-height: 2.0rem;
  margin-top: 16px; }
  .dark-theme .footer_top__txt {
    color: #818A9C; }

.footer_top__txt__seo {
  color: #747e99;
  font-size: 1.4rem;
  text-align: left;
  line-height: 2.0rem;
  /*margin-top: 16px;*/
  padding-bottom: 32px; }
  .dark-theme .footer_top__txt__seo {
    color: #818A9C; }
  .footer_top__txt__seo h1 {
    font-size: 1.4rem;
    color: #0f1429;
    line-height: 20px; }
    .dark-theme .footer_top__txt__seo h1 {
      color: #FFFFFF; }

.footer_top__txt span {
  margin: 20px 0;
  display: inline-block; }

.footer_top__txt a {
  text-decoration: underline;
  color: #747e99; }
  .dark-theme .footer_top__txt a {
    color: #818A9C; }
  .footer_top__txt a:hover {
    color: #0f1429; }
    .dark-theme .footer_top__txt a:hover {
      color: #FFFFFF; }

.footer_top__copyright {
  color: #747e99;
  font-size: 1.4rem;
  text-align: left;
  line-height: 2.0rem; }
  .dark-theme .footer_top__copyright {
    color: #818A9C; }

.footer_top__right {
  width: 390px;
  height: 156px; }

.footer_top__grbovi {
  padding-top: 12px; }

.footer_top__grbovi ul {
  width: 100%;
  text-align: center; }

.footer_top__grbovi li {
  display: inline-block;
  width: 115px;
  text-align: center; }

.footer_top__grbovi li:first-child {
  margin-right: 16px; }

.footer_top__grbovi li:last-child {
  margin-left: 16px; }

.footer_top_grb img {
  width: 96px; }

.footer_top_txt {
  font-size: 1.4rem;
  padding-top: 10px;
  line-height: 20px;
  color: #747e99; }
  .dark-theme .footer_top_txt {
    color: #818A9C; }

.footer_middle {
  padding-top: 32px;
  width: 100%;
  display: flex; }

.footer_middle__left {
  /*width: 56.4%;*/
  flex-grow: 1;
  padding-top: 16px; }

.url_cell {
  display: inline-block;
  vertical-align: top;
  width: 24%;
  margin-right: 4px; }

.footer_middle__naslov {
  /*font-size: 1.8rem;*/
  font-size: 1.6rem;
  color: #0f1429;
  display: inline-block;
  margin-bottom: 8px; }
  .dark-theme .footer_middle__naslov {
    color: #FFFFFF; }

.footer_middle__columns li {
  line-height: 3.2rem;
  /*margin: 5px 0;*/ }

.footer_middle__columns li a {
  color: #414b66;
  text-decoration: none;
  font-size: 1.4rem;
  line-height: 24px;
  /*margin: 6px 0;*/
  display: inline-block; }
  .dark-theme .footer_middle__columns li a {
    color: #B6BECE; }

.footer_middle__columns li a:hover {
  color: #0f1429;
  box-shadow: 0 1px 0 #0f1429; }
  .dark-theme .footer_middle__columns li a:hover {
    color: #FFFFFF;
    box-shadow: 0 1px 0 #FFFFFF; }

.footer_middle__columns li.support a:hover .footer_middle__rules {
  color: #0f1429;
  box-shadow: 0 1px 0 #0f1429 !important; }
  .dark-theme .footer_middle__columns li.support a:hover .footer_middle__rules {
    color: #FFFFFF;
    box-shadow: 0 1px 0 #FFFFFF !important; }

.footer_middle__columns li.support a:hover {
  color: #0f1429;
  box-shadow: 0 0px 0 #0f1429 !important; }
  .dark-theme .footer_middle__columns li.support a:hover {
    color: #FFFFFF;
    box-shadow: 0 0px 0 #FFFFFF !important; }

.footer_middle__social_txt {
  color: #414b66;
  /*margin-bottom: 5px;*/
  font-size: 1.6rem;
  margin-top: 20px;
  display: none; }
  .dark-theme .footer_middle__social_txt {
    color: #B6BECE; }

.footer_middle__social_icons span {
  font-size: 2.4rem;
  line-height: 3.2rem; }

.footer_middle__social_icons:hover {
  box-shadow: 0 0 0 transparent !important; }

.footer_middle__social_icons .ico-facebook {
  margin-right: 8px; }

/*.footer_middle__facebook {
        width: 28px;
        height: 28px;
        display: block;
        background-image: url(../img/facebook-icon-over.png);
        background-position: 0 0px;
        margin-right: 5px;
        float: left;
    }

    .footer_middle__facebook:hover {
        background-position: 0 28px;
    }

    .footer_middle__instagram {
        width: 28px;
        height: 28px;
        display: block;
        background-image: url(../img/instagram-icon-over.png);
        background-position: 0 0px;
        margin-left: 10px;
        float: left;
    }

    .footer_middle__instagram:hover {
        background-position: 0 28px;
    }*/
.footer_middle__age {
  vertical-align: middle;
  display: inline-block;
  margin-right: 8px;
  font-size: 2.4rem;
  line-height: 24px; }
  @media screen and (max-width: 1025px) {
    .footer_middle__age {
      margin-right: 2px; } }

.footer_middle__rules {
  vertical-align: middle;
  /*padding-left: 8px;*/
  line-height: 24px;
  display: inline-block; }

.footerLine {
  border-bottom: 1px solid #b8bed1 !important;
  height: 64px !important;
  box-sizing: border-box; }
  .dark-theme .footerLine {
    border-bottom: 1px solid #394156 !important; }

.footer_middle__right {
  width: 350px;
  height: 216px;
  flex-grow: 0;
  text-align: center; }

.footer_middle__right_top {
  display: flex;
  text-align: left;
  padding: 0 24px 0 12px;
  justify-content: center; }

.footer_middle__top_pic {
  float: left;
  /*margin-left: 22px;*/
  height: 152px;
  overflow: hidden; }

.footer_middle__top_mobile {
  font-size: 1.8rem;
  float: left;
  margin-left: 16px;
  align-self: center; }

.footer_middle__top_txt {
  color: #0f1429;
  line-height: 2.4rem;
  margin-top: 24px;
  display: inline-block; }
  .dark-theme .footer_middle__top_txt {
    color: #FFFFFF; }

.footer_middle__top_icons {
  color: #747e99;
  font-size: 2.4rem;
  display: inherit;
  margin-top: 8px; }
  .dark-theme .footer_middle__top_icons {
    color: #818A9C; }

.footer_middle__top_icons i:first-child {
  margin-right: 8px; }

.footer_middle__right_bottom {
  background-color: #fff;
  box-shadow: 0 6px 12px 0 rgba(15, 20, 41, 0.12);
  /*box-shadow: 0 6px 12px 0 rgba($light-color-typography-main,0.12);*/
  min-width: 350px;
  display: flex;
  border: 1px solid transparent;
  border-radius: 8px;
  line-height: 6.2rem;
  justify-content: center;
  /*margin-top: -2px;*/ }
  .dark-theme .footer_middle__right_bottom {
    background-color: #181A24;
    box-shadow: 0 6px 12px 0 rgba(18, 24, 46, 0.12);
    border: 1px solid #394156;
    box-sizing: border-box; }

.footer_middle__right_bottom i {
  font-size: 2.4rem;
  vertical-align: middle;
  margin: 0 8px 0 0; }

.footer_middle__right_bottom a {
  color: #414b66;
  font-size: 1.4rem;
  line-height: 24px;
  padding: 0 16px; }
  .dark-theme .footer_middle__right_bottom a {
    color: #B6BECE; }

.footer_middle__right_bottom a:hover {
  color: #0f1429; }
  .dark-theme .footer_middle__right_bottom a:hover {
    color: #FFFFFF; }

.footer_middle__right_bottom span {
  line-height: 24px;
  display: inline-block; }

.footer_middle__right_bottom a:hover span {
  text-decoration: none;
  box-shadow: 0 1px 0 #0f1429;
  color: #0f1429; }
  .dark-theme .footer_middle__right_bottom a:hover span {
    color: #FFFFFF;
    box-shadow: 0 1px 0 #FFFFFF; }

.footer_middle__mobile_web {
  font-size: 1.4rem;
  text-align: center;
  /*width: 50%;*/ }

.footer_middle__download {
  font-size: 1.4rem;
  text-align: center;
  /*width: 50%;*/ }

.footer_bottom {
  padding: 64px 0;
  width: 100%;
  display: inline-block; }

.footer_bottom__payments {
  width: 100%;
  text-align: center; }
  .footer_bottom__payments ul {
    display: flex;
    justify-content: center; }

.footer_bottom__payments li, .footer_bottom__payments span {
  display: inline-block;
  margin: 0 2px; }

.footer_bottom__visa {
  width: 104px;
  height: 56px;
  border-radius: 8px;
  border: 1px solid #b8bed1;
  background-image: url(../img/myaccount/visa-dimmed-light.svg); }
  .dark-theme .footer_bottom__visa {
    background-image: url(../img/myaccount/visa-dimmed-dark.svg);
    border: 1px solid #394156; }

.footer_bottom__visa:hover {
  /*background-image: url(../img/myaccount/visa-color.svg);*/ }

.footer_bottom__mastercard {
  width: 104px;
  height: 56px;
  border-radius: 8px;
  border: 1px solid #b8bed1;
  background-image: url(../img/myaccount/mastercard-dimmed-light.svg); }
  .dark-theme .footer_bottom__mastercard {
    background-image: url(../img/myaccount/mastercard-dimmed-dark.svg);
    border: 1px solid #394156; }

.footer_bottom__maestro {
  width: 104px;
  height: 56px;
  border-radius: 8px;
  border: 1px solid #b8bed1;
  background-image: url(../img/myaccount/maestro-dimmed-light.svg); }
  .dark-theme .footer_bottom__maestro {
    background-image: url(../img/myaccount/maestro-dimmed-dark.svg);
    border: 1px solid #394156; }

.footer_bottom__mastercard:hover {
  /*background-image: url(../img/myaccount/mastercard-color.svg);*/ }

.footer_bottom__skrill {
  width: 104px;
  height: 56px;
  border-radius: 8px;
  border: 1px solid #b8bed1;
  background-image: url(../img/myaccount/skrill-dimmed-light.svg); }
  .dark-theme .footer_bottom__skrill {
    background-image: url(../img/myaccount/skrill-dimmed-dark.svg);
    border: 1px solid #394156; }

.footer_bottom__skrill:hover {
  /*background-image: url(../img/myaccount/skrill-color.svg);*/ }

.footer_bottom__neteller {
  width: 104px;
  height: 56px;
  border-radius: 8px;
  border: 1px solid #b8bed1;
  background-image: url(../img/myaccount/neteller-dimmed-light.svg); }
  .dark-theme .footer_bottom__neteller {
    background-image: url(../img/myaccount/neteller-dimmed-dark.svg);
    border: 1px solid #394156; }

.footer_bottom__neteller:hover {
  /*background-image: url(../img/myaccount/neteller-color.svg);*/ }

.footer_bottom__psc {
  width: 104px;
  height: 56px;
  border-radius: 8px;
  border: 1px solid #b8bed1;
  background-image: url(../img/myaccount/psc-dimmed-light.svg); }
  .dark-theme .footer_bottom__psc {
    background-image: url(../img/myaccount/psc-dimmed-dark.svg);
    border: 1px solid #394156; }

.footer_bottom__psc:hover {
  /*background-image: url(../img/myaccount/psc-color.svg);*/ }

.footer_bottom__xbon {
  width: 104px;
  height: 56px;
  border-radius: 8px;
  border: 1px solid #b8bed1;
  background-image: url(../img/myaccount/xbon-dimmed-light.svg); }
  .dark-theme .footer_bottom__xbon {
    background-image: url(../img/myaccount/xbon-dimmed-dark.svg);
    border: 1px solid #394156; }

.footer_bottom__xbon:hover {
  /*background-image: url(../img/myaccount/xbon-color.svg);*/ }

.footer_bottom__abon {
  width: 104px;
  height: 56px;
  border-radius: 8px;
  border: 1px solid #b8bed1;
  background-image: url(../img/myaccount/abon-dimmed-light.svg); }
  .dark-theme .footer_bottom__abon {
    background-image: url(../img/myaccount/abon-dimmed-dark.svg);
    border: 1px solid #394156; }

.footer_bottom__abon:hover {
  /*background-image: url(../img/myaccount/abon-color.svg);*/ }

.footer_bottom__ncity {
  width: 104px;
  height: 56px;
  border-radius: 8px;
  border: 1px solid #b8bed1;
  background-image: url(../img/myaccount/ncity-dimmed-light.svg); }
  .dark-theme .footer_bottom__ncity {
    background-image: url(../img/myaccount/ncity-dimmed-dark.svg);
    border: 1px solid #394156; }

.toTop {
  color: #b8bed1;
  margin-left: 10px;
  cursor: pointer; }
  .dark-theme .toTop {
    color: #394156; }

.toTop:hover {
  color: #414b66; }
  .dark-theme .toTop:hover {
    color: #B6BECE; }

.doljegore {
  position: fixed;
  right: 10px;
  bottom: 10px;
  font-size: 3.0rem;
  /*border: 2px solid #404040;*/
  /*border-radius: 6px;*/
  /*padding: 2px 5px;*/
  margin-left: 0px; }

#content {
  padding: 0 24px 48px 24px; }

#loginContent {
  padding: 0 24px; }

.content__homepage {
  display: flex;
  width: 100%;
  /*padding-top: 32px;*/
  padding-bottom: 32px; }

.content__homepage_container {
  flex-grow: 1;
  border-radius: 8px;
  box-shadow: 0 6px 12px 0 rgba(15, 20, 41, 0.12);
  background-color: #fff;
  padding-bottom: 32px;
  height: max-content; }
  .dark-theme .content__homepage_container {
    box-shadow: 0 6px 12px 0 rgba(18, 24, 46, 0.12);
    /*background-color: $dark-color-layout-main;*/
    background-color: #181A24;
    border: 1px solid #394156; }

.content__homepage__menu {
  display: flex;
  padding: 16px 24px 8px 24px;
  height: 80px; }

.content__homepage_topbets {
  flex-grow: 0;
  color: #0f1429;
  font-size: 1.8rem;
  /*line-height: 60px;*/
  padding-right: 24px;
  align-self: center;
  font-weight: 700; }
  .dark-theme .content__homepage_topbets {
    color: #FFFFFF; }

.content__homepage_menu {
  flex-grow: 1;
  align-self: center;
  display: flex; }

.content__homepage__menu_item {
  float: left;
  /*display: flex;*/
  /*line-height: 60px;*/
  font-size: 1.2rem;
  color: #747e99;
  margin-right: 16px;
  cursor: pointer;
  text-align: center; }
  .dark-theme .content__homepage__menu_item {
    color: #818A9C; }

.content__homepage__menu_item:hover .ico-sporticon:before {
  color: #181A24;
  align-self: center;
  border-radius: 32px;
  padding: 1px; }
  .dark-theme .content__homepage__menu_item:hover .ico-sporticon:before {
    color: #fff; }

.content__homepage__menu_item.activ .ico-sporticon:before {
  color: #fff;
  background-color: #0f1429;
  align-self: center;
  border-radius: 32px;
  padding: 1px; }
  .dark-theme .content__homepage__menu_item.activ .ico-sporticon:before {
    color: #181A24;
    background-color: #FFFFFF; }

.content__homepage__menu_item:hover .content__homepage__menu_title,
.content__homepage__menu_item.activ .content__homepage__menu_title {
  color: #0f1429; }
  .dark-theme .content__homepage__menu_item:hover .content__homepage__menu_title, .dark-theme
  .content__homepage__menu_item.activ .content__homepage__menu_title {
    color: #FFFFFF; }

.content__homepage__menu_title:hover {
  color: #0f1429; }
  .dark-theme .content__homepage__menu_title:hover {
    color: #FFFFFF; }

.content__homepage__menu_title span {
  vertical-align: sub;
  min-width: 48px;
  display: inline-flex;
  justify-content: center; }

.content__homepage_svi_parovi {
  /*padding: 0 24px;*/ }

.content__homepage_parovi {
  font-size: 1.4rem;
  width: 100%;
  border-spacing: 0; }

.content__homepage_parovi tr {
  background: none;
  border-bottom: 1px solid #d8dae6;
  /*padding: 0 24px;*/
  height: 40px; }
  .dark-theme .content__homepage_parovi tr {
    border-bottom: 1px solid #394156; }

.content__homepage_parovi tr:hover {
  background-color: rgba(0, 0, 0, 0.06); }
  .dark-theme .content__homepage_parovi tr:hover {
    background-color: rgba(255, 255, 255, 0.06); }

.content__homepage_parovi tr:last-child {
  border-bottom: 0; }

.content__homepage_parovi td {
  /*height: 40px;*/
  /*line-height: 40px;*/
  vertical-align: middle; }

.content__homepage_parovi__date_time {
  font-size: 1.2rem;
  width: 40px;
  padding-left: 24px;
  padding-right: 14px; }

.homepage_parovi__date1 {
  font-weight: 600;
  display: inline-block;
  line-height: 16px;
  height: 16px;
  color: #0f1429; }
  .dark-theme .homepage_parovi__date1 {
    color: #FFFFFF; }

.homepage_parovi__date2 {
  line-height: 16px;
  height: 16px;
  color: #747e99; }
  .dark-theme .homepage_parovi__date2 {
    color: #818A9C; }

.content__homepage_parovi__par .ico-sicon {
  color: #747e99;
  font-size: 2.4rem;
  /*height: 40px;
    float: left;
    line-height: 40px;*/
  padding-right: 8px; }
  .dark-theme .content__homepage_parovi__par .ico-sicon {
    color: #818A9C; }

.supTip {
  font-size: 1.6rem;
  margin-right: 4px;
  color: #e8253f !important;
  vertical-align: middle;
  /*height: 20px;*/ }
  .dark-theme .supTip {
    color: #e8253f; }

.content__homepage_parovi__par {
  display: flex;
  align-items: center;
  height: 40px;
  font-size: 1.4rem;
  color: #0f1429;
  /*max-width: 50%;*/ }
  .dark-theme .content__homepage_parovi__par {
    color: #FFFFFF; }

.content__homepage_parovi__par:hover {
  /*background:none !important;*/ }

.content__homepage_parovi__par__stats span {
  cursor: pointer;
  margin: 0 0 0 4px;
  text-align: center; }

.content__homepage_parovi__par__nostats span {
  color: #747e99;
  margin: 0 5px;
  text-align: center; }
  .dark-theme .content__homepage_parovi__par__nostats span {
    color: #818A9C; }

.content__homepage_parovi__kvota span {
  text-align: center;
  cursor: pointer;
  border-radius: 3px;
  display: inline-block;
  padding: 7px 4px;
  width: 100%;
  font-size: 1.2rem;
  background-color: #e4e8f0;
  min-width: 36px;
  box-sizing: border-box; }
  .dark-theme .content__homepage_parovi__kvota span {
    background-color: rgba(255, 255, 255, 0.8);
    color: #181A24; }

.content__homepage_parovi__kvota--home span {
  text-align: center;
  cursor: pointer;
  border-radius: 3px;
  display: inline-block;
  padding: 8px 4px;
  width: 100%;
  font-size: 1.2rem;
  background-color: #e4e8f0;
  line-height: 16px;
  min-width: 56px;
  box-sizing: border-box; }
  .dark-theme .content__homepage_parovi__kvota--home span {
    background-color: rgba(255, 255, 255, 0.8);
    color: #181A24; }

.content__homepage_parovi__kvota--home {
  padding: 0 2px; }

.tgp.upKvota span {
  background-image: url(../img/kvotaUp.png);
  background-position: top right;
  background-repeat: no-repeat;
  background-size: 10px;
  border-top-right-radius: 0; }

.tgp.dwnKvota span {
  background-image: url(../img/kvotaDwn.png);
  background-position: bottom right;
  background-repeat: no-repeat;
  background-size: 10px;
  border-bottom-right-radius: 0; }

.tgp.upKvota.par_activ span {
  background-image: url(../img/kvotaUpWhite.png);
  background-position: top 2px right 2px;
  background-repeat: no-repeat;
  background-size: 8px;
  border-top-right-radius: 3px; }

.tgp.dwnKvota.par_activ span {
  background-image: url(../img/kvotaDwnWhite.png);
  background-position: bottom 2px right 2px;
  background-repeat: no-repeat;
  background-size: 8px;
  border-bottom-right-radius: 3px; }

.par_activ span {
  text-align: center;
  cursor: pointer;
  border-radius: 3px;
  display: inline-block;
  /*padding: 7px 0;
    width: 92%;*/
  font-size: 1.2rem;
  background-color: #e8253f;
  color: #FFFFFF; }
  .dark-theme .par_activ span {
    background-color: #e8253f;
    color: #FFFFFF; }

.content__homepage_parovi__kvota span:hover, .content__homepage_parovi__kvota--home span:hover {
  background-color: #EAB8BF; }
  .dark-theme .content__homepage_parovi__kvota span:hover, .dark-theme .content__homepage_parovi__kvota--home span:hover {
    background-color: #D8A9AF;
    color: #0f1429; }

.par_activ span:hover {
  background-color: #e8253f;
  color: #FFFFFF; }
  .dark-theme .par_activ span:hover {
    background-color: #e8253f;
    color: #FFFFFF; }

.content__homepage_parovi__empty, .content__homepage_parovi__empty--home {
  text-align: center;
  color: #747e99;
  padding: 0 2px; }
  .dark-theme .content__homepage_parovi__empty, .dark-theme .content__homepage_parovi__empty--home {
    color: #818A9C; }

.content__homepage_parovi__empty span {
  text-align: center;
  cursor: default;
  border-radius: 3px;
  display: inline-block;
  padding: 7px 4px;
  min-width: 48px;
  font-size: 1.2rem;
  background-color: #F0F1F5;
  width: 100%;
  box-sizing: border-box; }
  .dark-theme .content__homepage_parovi__empty span {
    background-color: #131B36; }

.content__homepage_parovi__empty--home span {
  text-align: center;
  cursor: default;
  border-radius: 3px;
  display: inline-block;
  padding: 8px 0;
  width: 100%;
  font-size: 1.2rem;
  background-color: #F0F1F5;
  line-height: 16px; }
  .dark-theme .content__homepage_parovi__empty--home span {
    background-color: #131B36; }

.content__homepage_parovi__plus span {
  font-size: 1.2rem;
  margin-right: 12px;
  cursor: pointer;
  color: #117ed1;
  display: block;
  width: 48px;
  line-height: 26px;
  border-radius: 3px; }
  .dark-theme .content__homepage_parovi__plus span {
    color: #1894f2; }
  .content__homepage_parovi__plus span:hover {
    text-decoration: none; }

.content__homepage_parovi__plus--home span {
  font-size: 1.2rem;
  margin-right: 12px;
  cursor: pointer;
  color: #117ed1;
  display: block;
  width: 48px;
  line-height: 32px;
  border-radius: 3px; }
  .dark-theme .content__homepage_parovi__plus--home span {
    color: #1894f2; }
  .content__homepage_parovi__plus--home span:hover {
    text-decoration: none; }

.content__homepage_parovi__plus.topBets span {
  margin-right: 0; }

td.content__homepage_parovi__plus {
  text-align: center;
  width: 48px; }
  td.content__homepage_parovi__plus :hover {
    background-color: rgba(24, 148, 242, 0.16); }

td.content__homepage_parovi__plus--home {
  text-align: center;
  width: 48px; }
  td.content__homepage_parovi__plus--home :hover {
    background-color: rgba(24, 148, 242, 0.16); }

/*IKONICE ZA SPORT POČETNA*/
.ico-sporticon {
  color: #747e99;
  font-size: 32px; }
  .dark-theme .ico-sporticon {
    color: #818A9C; }

.ico-sporticon:hover {
  color: #0f1429; }
  .dark-theme .ico-sporticon:hover {
    color: #FFFFFF; }

.sportTop0 .ico-sporticon:before, .sIcon0.ico-sicon:before {
  content: "\e9d7"; }
  .dark-theme .sportTop0 .ico-sporticon:before, .dark-theme .sIcon0.ico-sicon:before {
    content: "\e9d6"; }

.sIcon0.ico-sicon.ticket__icon-detail:before {
  content: "\e9d6"; }

.content__homepage__menu_item.sportTopMore .ico-sporticon:before {
  content: "\e972"; }

.content__homepage__menu_item.sportTop0.activ .ico-sporticon:before {
  content: "\e9d6"; }
  .dark-theme .content__homepage__menu_item.sportTop0.activ .ico-sporticon:before {
    content: "\e9d7"; }

.sportTop2 .ico-sporticon:before, .sIcon2.ico-sicon:before {
  content: "\e9c2"; }
  .dark-theme .sportTop2 .ico-sporticon:before, .dark-theme .sIcon2.ico-sicon:before {
    content: "\e9c1"; }

.sIcon2.ico-sicon.ticket__icon-detail:before {
  content: "\e9c1"; }

.content__homepage__menu_item.sportTop2.activ .ico-sporticon:before {
  content: "\e9c1"; }
  .dark-theme .content__homepage__menu_item.sportTop2.activ .ico-sporticon:before {
    content: "\e9c2"; }

.sportTop3 .ico-sporticon:before, .sIcon3.ico-sicon:before {
  content: "\e9b0"; }

.sportTop4 .ico-sporticon:before, .sIcon4.ico-sicon:before {
  content: "\e9af"; }

.sportTop5 .ico-sporticon:before, .sIcon5.ico-sicon:before {
  content: "\e9ca"; }

.sportTop6 .ico-sporticon:before, .sIcon6.ico-sicon:before {
  content: "\e9dc"; }

.sportTop7 .ico-sporticon:before, .sIcon7.ico-sicon:before {
  content: "\e9c9"; }
  .dark-theme .sportTop7 .ico-sporticon:before, .dark-theme .sIcon7.ico-sicon:before {
    content: "\e9c8"; }

.sIcon7.ico-sicon.ticket__icon-detail:before {
  content: "\e9c8"; }

.content__homepage__menu_item.sportTop7.activ .ico-sporticon:before {
  content: "\e9c8"; }
  .dark-theme .content__homepage__menu_item.sportTop7.activ .ico-sporticon:before {
    content: "\e9c9"; }

.sportTop8 .ico-sporticon:before, .sIcon8.ico-sicon:before {
  content: "\e9c0"; }

.sportTop9 .ico-sporticon:before, .sIcon9.ico-sicon:before {
  content: "\e9eb"; }

.sportTop10 .ico-sporticon:before, .sIcon10.ico-sicon:before {
  content: "\e9cc"; }

.sportTop11 .ico-sporticon:before, .sIcon11.ico-sicon:before {
  content: "\e9cf"; }

.sportTop12 .ico-sporticon:before, .sIcon12.ico-sicon:before {
  content: "\e9ac"; }

.sportTop13 .ico-sporticon:before, .sIcon13.ico-sicon:before {
  content: "\e9e2"; }

.sportTop14 .ico-sporticon:before, .sIcon14.ico-sicon:before {
  content: "\e9ae"; }

.sportTop15 .ico-sporticon:before, .sIcon15.ico-sicon:before {
  content: "\e9a9"; }

.sportTop16 .ico-sporticon:before, .sIcon16.ico-sicon:before {
  content: "\e9b7"; }

.sportTop17 .ico-sporticon:before, .sIcon17.ico-sicon:before {
  content: "\e9d5"; }

.sportTop18 .ico-sporticon:before, .sIcon18.ico-sicon:before {
  content: "\e9da"; }

.sportTop19 .ico-sporticon:before, .sIcon19.ico-sicon:before {
  content: "\e9bc"; }

.sportTop20 .ico-sporticon:before, .sIcon20.ico-sicon:before {
  content: "\e9e0"; }
  .dark-theme .sportTop20 .ico-sporticon:before, .dark-theme .sIcon20.ico-sicon:before {
    content: "\e9df"; }

.sIcon20.ico-sicon.ticket__icon-detail:before {
  content: "\e9df"; }

.content__homepage__menu_item.sportTop20.activ .ico-sporticon:before {
  content: "\e9df"; }
  .dark-theme .content__homepage__menu_item.sportTop20.activ .ico-sporticon:before {
    content: "\e9e0"; }

.sportTop21 .ico-sporticon:before, .sIcon21.ico-sicon:before {
  content: "\e9e1"; }

.sportTop22 .ico-sporticon:before, .sIcon22.ico-sicon:before {
  content: "\e9bb"; }

.sportTop23 .ico-sporticon:before, .sIcon23.ico-sicon:before {
  content: "\e9c6"; }
  .dark-theme .sportTop23 .ico-sporticon:before, .dark-theme .sIcon23.ico-sicon:before {
    content: "\e9c5"; }

.sIcon23.ico-sicon.ticket__icon-detail:before {
  content: "\e9c5"; }

.content__homepage__menu_item.sportTop23.activ .ico-sporticon:before {
  content: "\e9c5"; }
  .dark-theme .content__homepage__menu_item.sportTop23.activ .ico-sporticon:before {
    content: "\e9c6"; }

.sportTop24 .ico-sporticon:before, .sIcon24.ico-sicon:before {
  content: "\e9ad"; }

.sportTop25 .ico-sporticon:before, .sIcon25.ico-sicon:before {
  content: "\e9b6"; }
  .dark-theme .sportTop25 .ico-sporticon:before, .dark-theme .sIcon25.ico-sicon:before {
    content: "\e9b5"; }

.sIcon25.ico-sicon.ticket__icon-detail:before {
  content: "\e9b5"; }

.content__homepage__menu_item.sportTop25.activ .ico-sporticon:before {
  content: "\e9b5"; }
  .dark-theme .content__homepage__menu_item.sportTop25.activ .ico-sporticon:before {
    content: "\e9b6"; }

.sportTop26 .ico-sporticon:before, .sIcon26.ico-sicon:before {
  content: "\e9b4"; }
  .dark-theme .sportTop26 .ico-sporticon:before, .dark-theme .sIcon26.ico-sicon:before {
    content: "\e9b3"; }

.sIcon26.ico-sicon.ticket__icon-detail:before {
  content: "\e9b3"; }

.content__homepage__menu_item.sportTop26.activ .ico-sporticon:before {
  content: "\e9b3"; }
  .dark-theme .content__homepage__menu_item.sportTop26.activ .ico-sporticon:before {
    content: "\e9b4"; }

.sportTop27 .ico-sporticon:before, .sIcon27.ico-sicon:before {
  content: "\e9ce"; }

.sportTop28 .ico-sporticon:before, .sIcon28.ico-sicon:before {
  content: "\e9e8"; }

.sportTop29 .ico-sporticon:before, .sIcon29.ico-sicon:before {
  content: "\e9bf"; }

.sportTop30 .ico-sporticon:before, .sIcon30.ico-sicon:before {
  content: "\e9b8"; }

.sportTop31 .ico-sporticon:before, .sIcon31.ico-sicon:before {
  content: "\e9b9"; }

.sportTop32 .ico-sporticon:before, .sIcon32.ico-sicon:before {
  content: "\e993"; }

.sportTop33 .ico-sporticon:before, .sIcon33.ico-sicon:before {
  content: "\e9c2"; }

.sportTop34 .ico-sporticon:before, .sIcon34.ico-sicon:before {
  content: "\e9d8"; }

.sportTop35 .ico-sporticon:before, .sIcon35.ico-sicon:before {
  content: "\e9ec"; }

.sportTop36 .ico-sporticon:before, .sIcon36.ico-sicon:before {
  content: "\e9de"; }

.sportTop37 .ico-sporticon:before, .sIcon37.ico-sicon:before {
  content: "\e9cd"; }

.sportTop38 .ico-sporticon:before, .sIcon38.ico-sicon:before {
  content: "\e9e4"; }

.sportTop39 .ico-sporticon:before, .sIcon39.ico-sicon:before {
  content: "\e993"; }

.sportTop40 .ico-sporticon:before, .sIcon40.ico-sicon:before {
  content: "\e9d2"; }

.sportTop41 .ico-sporticon:before, .sIcon41.ico-sicon:before {
  content: "\e9ab"; }

.sportTop42 .ico-sporticon:before, .sIcon42.ico-sicon:before {
  content: "\e9bd"; }

.sportTop43 .ico-sporticon:before, .sIcon43.ico-sicon:before {
  content: "\e9d4"; }

.sportTop44 .ico-sporticon:before, .sIcon44.ico-sicon:before {
  content: "\e9d3"; }

.sportTop45 .ico-sporticon:before, .sIcon45.ico-sicon:before {
  content: "\e9e2"; }

.sportTop46 .ico-sporticon:before, .sIcon46.ico-sicon:before {
  content: "\e9ab"; }

.sportTop47 .ico-sporticon:before, .sIcon47.ico-sicon:before {
  content: "\e9d5"; }

.sportTop48 .ico-sporticon:before, .sIcon48.ico-sicon:before {
  content: "\e9d4"; }

.sportTop49 .ico-sporticon:before, .sIcon49.ico-sicon:before {
  content: "\e9e2"; }

.sportTop50 .ico-sporticon:before, .sIcon50.ico-sicon:before {
  content: "\e9e2"; }

.sportTop51 .ico-sporticon:before, .sIcon51.ico-sicon:before {
  content: "\e9e2"; }

.sportTop52 .ico-sporticon:before, .sIcon52.ico-sicon:before {
  content: "\e9e2"; }

.sportTop53 .ico-sporticon:before, .sIcon53.ico-sicon:before {
  content: "\e9e2"; }

.sportTop54 .ico-sporticon:before, .sIcon54.ico-sicon:before {
  content: "\e9e2"; }

.sportTop55 .ico-sporticon:before, .sIcon55.ico-sicon:before {
  content: "\e9e2"; }

.sportTop56 .ico-sporticon:before, .sIcon56.ico-sicon:before {
  content: "\e9cc"; }

.sportTop57 .ico-sporticon:before, .sIcon57.ico-sicon:before {
  content: "\e9f1"; }

.sportTop58 .ico-sporticon:before, .sIcon58.ico-sicon:before {
  content: "\e9ae"; }

.sportTop59 .ico-sporticon:before, .sIcon59.ico-sicon:before {
  content: "\e9b0"; }

.sportTop60 .ico-sporticon:before, .sIcon60.ico-sicon:before {
  content: "\e9e3"; }

.sportTop61 .ico-sporticon:before, .sIcon61.ico-sicon:before {
  content: "\e9bd"; }

.sportTop62 .ico-sporticon:before, .sIcon62.ico-sicon:before {
  content: "\e9bd"; }

.sportTop63 .ico-sporticon:before, .sIcon63.ico-sicon:before {
  content: "\e9bd"; }

.sportTop64 .ico-sporticon:before, .sIcon64.ico-sicon:before {
  content: "\e9bd"; }

.sportTop65 .ico-sporticon:before, .sIcon65.ico-sicon:before {
  content: "\e9b2"; }
  .dark-theme .sportTop65 .ico-sporticon:before, .dark-theme .sIcon65.ico-sicon:before {
    content: "\e9b1"; }

.sIcon65.ico-sicon.ticket__icon-detail:before {
  content: "\e9b1"; }

.content__homepage__menu_item.sportTop65.activ .ico-sporticon:before {
  content: "\e9b1"; }
  .dark-theme .content__homepage__menu_item.sportTop65.activ .ico-sporticon:before {
    content: "\e9b2"; }

.sportTop66 .ico-sporticon:before, .sIcon66.ico-sicon:before {
  content: "\e9bd"; }

.sportTop67 .ico-sporticon:before, .sIcon67.ico-sicon:before {
  content: "\e9bd"; }

.sportTop68 .ico-sporticon:before, .sIcon68.ico-sicon:before {
  content: "\e9c3"; }

.sportTop69 .ico-sporticon:before, .sIcon69.ico-sicon:before {
  content: "\e9cc"; }

.sportTop70 .ico-sporticon:before, .sIcon70.ico-sicon:before {
  content: "\e9cc"; }

.sportTop71 .ico-sporticon:before, .sIcon71.ico-sicon:before {
  content: "\e9cc"; }

.sportTop72 .ico-sporticon:before, .sIcon72.ico-sicon:before {
  content: "\e9cc"; }

.sportTop73 .ico-sporticon:before, .sIcon73.ico-sicon:before {
  content: "\e9ba"; }

.sportTop74 .ico-sporticon:before, .sIcon74.ico-sicon:before {
  content: "\e9e9"; }

.sportTop75 .ico-sporticon:before, .sIcon75.ico-sicon:before {
  content: "\e9ea"; }

.sportTop76 .ico-sporticon:before, .sIcon76.ico-sicon:before {
  content: "\e9bd"; }

.sportTop77 .ico-sporticon:before, .sIcon77.ico-sicon:before {
  content: "\e9bd"; }

.sportTop78 .ico-sporticon:before, .sIcon78.ico-sicon:before {
  content: "\e9bd"; }

.sportTop79 .ico-sporticon:before, .sIcon79.ico-sicon:before {
  content: "\e9bd"; }

.sportTop80 .ico-sporticon:before, .sIcon80.ico-sicon:before {
  content: "\e9bd"; }

.sportTop81 .ico-sporticon:before, .sIcon81.ico-sicon:before {
  content: "\e9bd"; }

.sportTop86 .ico-sporticon:before, .sIcon86.ico-sicon:before {
  content: "\e9bd"; }

.sportTop87 .ico-sporticon:before, .sIcon87.ico-sicon:before {
  content: "\e9bd"; }

.sportTop88 .ico-sporticon:before, .sIcon88.ico-sicon:before {
  content: "\e9bd"; }

/**********************************/
.sIconYellowCard.ico-sicon:before {
  content: "\e906"; }

.sIconYellowCard.ico-sicon.path1:before {
  content: "\e906";
  color: #f0ce26; }

.sIconYellowCard.ico-sicon.path2:before {
  content: "\e907";
  margin-left: -1em;
  color: #dbaa23; }

.sIconRedCard.ico-sicon:before {
  content: "\e904"; }

.sIconRedYellowCard.ico-sicon:before {
  content: "\e9f5"; }

.favorite .ticket__icon-detail, .favorite .FT .tezTab {
  background-color: #e8253f; }

.sport2 .ticket__icon-detail, .sport2 .FT .tezTab, .sport2 .OT .tezTab {
  background-color: #11994c; }

.sport2 .ticket__detail-bar {
  background-color: rgba(17, 153, 76, 0.16) !important; }

.sport3 .ticket__icon-detail, .sport3 .FT .tezTab, .sport3 .OT .tezTab {
  background-color: #db8c16; }

.sport3 .ticket__detail-bar {
  background-color: rgba(219, 140, 22, 0.16) !important; }

.sport6 .ticket__icon-detail, .sport25 .ticket__icon-detail, .sport6 .FT .tezTab, .sport25 .FT .tezTab,
.sport6 .OT .tezTab, .sport25 .OT .tezTab {
  background-color: #db5f39; }

.sport6 .ticket__detail-bar, .sport25 .ticket__detail-bar {
  background-color: rgba(219, 95, 57, 0.16) !important; }

.sport5 .ticket__icon-detail, .sport7 .ticket__icon-detail, .sport21 .ticket__icon-detail,
.sport5 .FT .tezTab, .sport7 .FT .tezTab, .sport21 .FT .tezTab, .sport5 .OT .tezTab, .sport7 .OT .tezTab, .sport21 .OT .tezTab {
  background-color: #2079c7; }

.sport5 .ticket__detail-bar, .sport7 .ticket__detail-bar, .sport21 .ticket__detail-bar {
  background-color: rgba(32, 121, 199, 0.16) !important; }

.sport20 .ticket__icon-detail, .sport24 .ticket__icon-detail,
.sport20 .FT .tezTab, .sport24 .FT .tezTab, .sport20 .OT .tezTab, .sport24 .OT .tezTab {
  background-color: #bf3d69; }

.sport20 .ticket__detail-bar, .sport24 .ticket__detail-bar {
  background-color: rgba(191, 61, 105, 0.16) !important; }

.content__homepage_right {
  width: 390px;
  flex-grow: 0;
  margin-left: 48px; }

.content__homepage__winnings {
  box-shadow: 0 6px 12px 0 rgba(15, 20, 41, 0.12);
  background-color: #e4e8f0;
  border-radius: 8px;
  padding-bottom: 10px; }
  .dark-theme .content__homepage__winnings {
    box-shadow: 0 6px 12px 0 rgba(18, 24, 46, 0.12);
    background-color: #181A24;
    border: 1px solid #394156;
    background-color: #212431; }

.content__homepage__winnings_title {
  font-size: 1.8rem;
  color: #0f1429;
  height: 48px;
  padding: 0px 24px;
  line-height: 48px;
  font-weight: 700; }
  .dark-theme .content__homepage__winnings_title {
    color: #FFFFFF; }

.homepage__winnings_list {
  display: flex;
  padding: 12px 0; }

.content__homepage__winnings a li:hover {
  background-color: rgba(255, 255, 255, 0.4);
  background-image: url(../img/play.svg);
  background-repeat: no-repeat;
  background-position-x: 95%;
  background-position-y: center; }
  .dark-theme .content__homepage__winnings a li:hover {
    background-color: rgba(15, 20, 41, 0.4); }

.homepage__winnings_icon {
  flex-grow: 0;
  padding-right: 24px;
  padding-left: 24px; }

.homepage__winnings_icon img {
  width: 72px; }

.homepage__winnings_text {
  flex-grow: 1;
  align-self: center; }

.homepage__winnings_game {
  font-size: 1.8rem;
  font-weight: bold;
  margin-bottom: 4px;
  height: 24px;
  line-height: 24px;
  color: #0f1429; }
  .dark-theme .homepage__winnings_game {
    color: #FFFFFF; }

.homepage__winnings_txt {
  display: inline-block;
  width: 40%; }

.winnings_txt1 {
  font-size: 1rem;
  color: #414b66;
  display: inline-block;
  width: 100%;
  height: 16px;
  line-height: 16px;
  font-size: 1rem;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: 0.6px; }
  .dark-theme .winnings_txt1 {
    color: #B6BECE; }

.winnings_txt2 {
  font-weight: bold;
  font-size: 1.4rem;
  height: 20px;
  line-height: 20px;
  color: #414b66; }
  .dark-theme .winnings_txt2 {
    color: #B6BECE; }

.homepage__winnings_values {
  display: inline-block;
  width: 55%; }

.winnings_value1 {
  font-size: 1rem;
  color: #414b66;
  display: inline-block;
  width: 100%;
  height: 16px;
  line-height: 16px;
  font-size: 1rem;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: 0.6px; }
  .dark-theme .winnings_value1 {
    color: #B6BECE; }

.winnings_value2 {
  font-weight: bold;
  font-size: 1.4rem;
  height: 20px;
  line-height: 20px;
  color: #11994c; }
  .dark-theme .winnings_value2 {
    color: #28e091; }

#jackpots__omotac {
  padding: 64px 0; }

.jackpots__title {
  text-align: center;
  /*font-size: 11rem;
    font-weight: 800;
    @include light-text-shadow;
    color:$light-color-layout-dimmed;*/
  background-image: url(../img/jackpots-light.png);
  height: 85px;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  width: 645px;
  margin: 0 auto; }
  .dark-theme .jackpots__title {
    /*color:$dark-color-layout-accent;
        @include dark-text-shadow;*/
    background-image: url(../img/jackpots-dark.png); }

.jackpots__type_okvir {
  height: 104px;
  display: flex;
  justify-content: center;
  background-color: #e4e8f0;
  border-radius: 8px;
  margin-bottom: 32px;
  box-shadow: 0 6px 12px 0 rgba(15, 20, 41, 0.12); }
  .dark-theme .jackpots__type_okvir {
    background-color: #212431; }

.jackpots__slots {
  /*height: 72px;*/
  display: inline-block;
  width: 33%;
  text-align: center;
  position: relative; }

.jackpots__slots:hover, .jackpots__lotto:hover, .jackpots__winter:hover {
  cursor: pointer; }

.jackpots__slots:hover .jackpots__slots_icon, #jackpots__omotac.activ1 .jackpots__slots .jackpots__slots_icon {
  background-image: url(../img/slot-active.png); }

#jackpots__omotac.activ1 .jackpots__slots .jackpots__arrow_left:before, #jackpots__omotac.activ2 .jackpots__lotto .jackpots__arrow_left:before, #jackpots__omotac.activ3 .jackpots__winter .jackpots__arrow_left:before {
  content: "\e9ed";
  position: absolute;
  right: 8px;
  width: 24px;
  height: 24px;
  font-size: 2.4rem;
  top: 40px;
  color: #db8c16; }
  .dark-theme #jackpots__omotac.activ1 .jackpots__slots .jackpots__arrow_left:before, .dark-theme #jackpots__omotac.activ2 .jackpots__lotto .jackpots__arrow_left:before, .dark-theme #jackpots__omotac.activ3 .jackpots__winter .jackpots__arrow_left:before {
    color: #f2d25c; }

#jackpots__omotac.activ1 .jackpots__slots .jackpots__arrow_right:before, #jackpots__omotac.activ2 .jackpots__lotto .jackpots__arrow_right:before, #jackpots__omotac.activ3 .jackpots__winter .jackpots__arrow_right:before {
  content: "\e9ee";
  position: absolute;
  left: 8px;
  width: 24px;
  height: 24px;
  font-size: 2.4rem;
  top: 40%;
  color: #db8c16; }
  .dark-theme #jackpots__omotac.activ1 .jackpots__slots .jackpots__arrow_right:before, .dark-theme #jackpots__omotac.activ2 .jackpots__lotto .jackpots__arrow_right:before, .dark-theme #jackpots__omotac.activ3 .jackpots__winter .jackpots__arrow_right:before {
    color: #f2d25c; }

.jackpots__slots_icon {
  background-image: url(../img/slot.png);
  width: 56px;
  height: 56px;
  background-size: 100%;
  float: left;
  background-position: center;
  /*position: absolute;*/
  margin-left: 12px;
  margin-top: -10px; }

.jackpots__lotto {
  /*height: 72px;*/
  display: inline-block;
  width: 33%;
  text-align: center;
  position: relative; }

.jackpots__lotto:hover .jackpots__lotto_icon,
#jackpots__omotac.activ2 .jackpots__lotto .jackpots__lotto_icon {
  background-image: url(../img/lotto-active.png); }

.jackpots__lotto_icon {
  background-image: url(../img/lotto.png);
  width: 52px;
  /*height: 44px;*/
  background-size: 100%;
  float: left;
  background-position: center;
  /*position: absolute;*/
  margin-left: 12px; }

.jackpots__winter {
  /*height: 72px;*/
  display: inline-block;
  width: 33%;
  text-align: center;
  position: relative; }

.jackpots__winter:hover .jackpots__winter_icon,
#jackpots__omotac.activ3 .jackpots__winter .jackpots__winter_icon {
  background-image: url(../img/winter-active.png); }

.jackpots__winter_icon {
  background-image: url(../img/winter.png);
  width: 52px;
  height: 52px;
  background-size: 100%;
  float: left;
  background-position: center;
  /*position: absolute;*/
  margin-left: 12px; }

.jackpots__value {
  display: flex;
  justify-content: center;
  /*width: 100%;*/
  font-size: 3.2rem;
  font-weight: bold;
  height: 40px;
  line-height: 40px;
  padding-top: 32px;
  color: #414b66;
  position: relative;
  padding-left: 40px; }
  .dark-theme .jackpots__value {
    color: #B6BECE; }

.jackpots__slots:hover .jackpots__value, .jackpots__lotto:hover .jackpots__value, .jackpots__winter:hover .jackpots__value,
#jackpots__omotac.activ1 .jackpots__slots .jackpots__value, #jackpots__omotac.activ2 .jackpots__lotto .jackpots__value, #jackpots__omotac.activ3 .jackpots__winter .jackpots__value {
  color: #db8c16;
  text-shadow: 0 0px 2px rgba(219, 140, 22, 0.2), 0 0px 40px rgba(219, 140, 22, 0.6); }
  .dark-theme .jackpots__slots:hover .jackpots__value, .dark-theme .jackpots__lotto:hover .jackpots__value, .dark-theme .jackpots__winter:hover .jackpots__value, .dark-theme
  #jackpots__omotac.activ1 .jackpots__slots .jackpots__value, .dark-theme #jackpots__omotac.activ2 .jackpots__lotto .jackpots__value, .dark-theme #jackpots__omotac.activ3 .jackpots__winter .jackpots__value {
    color: #f2d25c;
    text-shadow: 0 0px 2px rgba(242, 210, 92, 0.2), 0 0px 40px rgba(242, 210, 92, 0.6); }

.jackpots__txt {
  display: inline-block;
  width: 100%;
  font-size: 1.2rem;
  height: 16px;
  line-height: 16px;
  padding-bottom: 8px;
  color: #747e99;
  font-size: 1rem;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: 0.6px; }
  .dark-theme .jackpots__txt {
    color: #818A9C; }

.jackpots__slots:hover .jackpots__txt,
.jackpots__lotto:hover .jackpots__txt,
.jackpots__winter:hover .jackpots__txt,
#jackpots__omotac.activ1 .jackpots__slots .jackpots__txt,
#jackpots__omotac.activ2 .jackpots__lotto .jackpots__txt,
#jackpots__omotac.activ3 .jackpots__winter .jackpots__txt {
  color: #db8c16; }
  .dark-theme .jackpots__slots:hover .jackpots__txt, .dark-theme
  .jackpots__lotto:hover .jackpots__txt, .dark-theme
  .jackpots__winter:hover .jackpots__txt, .dark-theme
  #jackpots__omotac.activ1 .jackpots__slots .jackpots__txt, .dark-theme
  #jackpots__omotac.activ2 .jackpots__lotto .jackpots__txt, .dark-theme
  #jackpots__omotac.activ3 .jackpots__winter .jackpots__txt {
    color: #f2d25c; }

.jackpots__line {
  background-color: none;
  height: 3px;
  width: 100px;
  display: inline-block; }

.jackpots__slots:hover .jackpots__line, .jackpots__lotto:hover .jackpots__line, .jackpots__winter:hover .jackpots__line {
  /*background-color: $light-color-brand-red;*/ }

#jackpots__omotac.activ1 .jackpots__slots .jackpots__line, #jackpots__omotac.activ2 .jackpots__lotto .jackpots__line, #jackpots__omotac.activ3 .jackpots__winter .jackpots__line {
  background-color: #e8253f; }

.jackpots__vertical {
  background-color: #b8bed1;
  width: 1px;
  height: 50%;
  align-self: center; }
  .dark-theme .jackpots__vertical {
    background-color: #394156; }

.jackpots__content {
  display: flex; }

.jackpots__content_left {
  flex-grow: 0;
  width: 33%;
  padding: 32px; }

.jackpots__content_title {
  display: inline-block;
  width: 100%;
  font-size: 4.8rem;
  font-weight: 800;
  color: #0f1429; }
  .dark-theme .jackpots__content_title {
    color: #FFFFFF; }

.jackpots__content_text {
  font-size: 1.8rem;
  color: #414b66;
  line-height: 24px;
  display: inline-block;
  margin: 16px 0; }
  .dark-theme .jackpots__content_text {
    color: #B6BECE; }

.jackpots__content_txt {
  display: inline-block;
  width: 40%; }

.jackpots__content_txt2 {
  display: inline-block; }

.jackpots__content_games {
  width: 100%;
  display: inline-block;
  font-size: 1rem;
  height: 16px;
  line-height: 16px;
  text-transform: uppercase;
  color: #414b66;
  font-size: 1rem;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: 0.6px; }
  .dark-theme .jackpots__content_games {
    color: #B6BECE; }

.jackpots__content_value {
  font-size: 1.8rem;
  font-weight: bold;
  /*text-transform: uppercase;*/
  color: #0f1429;
  line-height: 24px;
  display: inline-block; }
  .dark-theme .jackpots__content_value {
    color: #FFFFFF; }

.jackpots__content_more {
  height: 32px;
  line-height: 32px;
  margin-top: 8px; }

.jackpots__content_more a {
  color: #117ed1;
  font-size: 1.4rem;
  line-height: 20px;
  display: inline-block; }
  .dark-theme .jackpots__content_more a {
    color: #1894f2; }
  .jackpots__content_more a:hover {
    text-decoration: none;
    box-shadow: 0 1px 0 #117ed1; }
    .dark-theme .jackpots__content_more a:hover {
      box-shadow: 0 1px 0 #1894f2; }

.jackpots__content_right {
  flex-grow: 1;
  padding: 28px 32px;
  width: 66%; }

.jackpots__content_right ul {
  list-style: none;
  width: 100%;
  /*padding: 28px 56px;*/
  text-align: center; }

.jackpots__content_right li {
  display: inline-block;
  width: 128px;
  vertical-align: middle;
  margin-right: 8%; }

.jackpots__content_right li:last-child {
  margin-right: 0; }

div#jackpots__omotac.activ1 .jackpots__content {
  display: flex; }

div#jackpots__omotac.activ2 .lotto__content {
  display: flex !important; }

div#jackpots__omotac.activ3 .winter__content {
  display: flex !important; }

div#jackpots__omotac.activ2 .jackpots__content, div#jackpots__omotac.activ2 .winter__content {
  display: none; }

div#jackpots__omotac.activ3 .jackpots__content, div#jackpots__omotac.activ2 .lotto__content {
  display: none; }

.content_right__icon img {
  width: 144px;
  margin-left: -8px;
  height: 144px; }

.content_right__game_txt {
  text-align: left; }

.content_right__game_title {
  width: 100%;
  display: inline-block;
  text-align: left;
  font-size: 1.8rem;
  padding: 8px;
  font-weight: bold;
  color: #0f1429; }
  .dark-theme .content_right__game_title {
    color: #FFFFFF; }

.content_right__game_jackpot {
  color: #414b66;
  font-size: 1rem;
  padding: 0 8px;
  display: inline-block;
  width: 100%;
  height: 16px;
  line-height: 16px;
  font-size: 1rem;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: 0.6px; }
  .dark-theme .content_right__game_jackpot {
    color: #B6BECE; }

.content_right__game_value {
  font-size: 1.4rem;
  padding: 0 8px;
  height: 16px;
  line-height: 16px;
  color: #db8c16; }
  .dark-theme .content_right__game_value {
    color: #f2d25c; }

.lotto__content {
  display: flex; }

.lotto__content_middle {
  /* flex-grow: 1; */
  width: 384px;
  padding: 32px 0; }

.lotto__content_right {
  flex-grow: 0;
  width: 442px; }

.lotto__content_left {
  flex-grow: 1;
  text-align: center;
  padding-right: 32px; }

.winter__content {
  display: flex; }

.winter__content_right {
  flex-grow: 0;
  width: 33%;
  padding: 32px; }

.winter__content_left {
  flex-grow: 1;
  padding: 28px 32px;
  width: 66%; }

.winter__content_left ul {
  list-style: none;
  width: 100%;
  text-align: center;
  /*padding: 28px 56px;*/ }

.winter__content_left li {
  display: inline-block;
  width: 128px;
  vertical-align: middle;
  margin-left: 8%; }
  .winter__content_left li :last-child {
    margin-left: 0; }

/*---------ACCOUNT CSS----------*/
.content__account {
  border-radius: 8px;
  box-shadow: 0 6px 12px 0 rgba(15, 20, 41, 0.12);
  background-color: #fff; }
  .dark-theme .content__account {
    box-shadow: 0 6px 12px 0 rgba(18, 24, 46, 0.12);
    background-color: #181A24;
    border: 1px solid #394156; }

.account__menu {
  width: 240px;
  background-color: #e4e8f0;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  padding-bottom: 40px; }
  .dark-theme .account__menu {
    background-color: #212431; }
  .pokerLayOut .account__menu {
    border-top-left-radius: 24px;
    border-bottom-left-radius: 24px; }

.account__menu_info {
  padding: 16px 20px 16px 24px;
  border-bottom: 1px solid #d8dae6;
  margin-bottom: 8px; }
  .dark-theme .account__menu_info {
    border-bottom: 1px solid #0D0E12; }

.account__username {
  color: #747e99;
  line-height: 1.6rem;
  font-size: 1.4rem;
  font-weight: bold; }
  .dark-theme .account__username {
    color: #818A9C; }

.account__balance {
  line-height: 1.6rem;
  font-size: 1.4rem;
  font-weight: 600;
  color: #0f1429;
  position: relative; }
  .dark-theme .account__balance {
    color: #FFFFFF; }

.account__balance--eye {
  font-size: 2.4rem;
  color: #0f1429;
  display: flex;
  padding: 4px;
  align-items: center;
  justify-content: center;
  border-radius: 16px; }
  .dark-theme .account__balance--eye {
    color: #FFFFFF; }
  .account__balance--eye:hover {
    background-color: rgba(15, 20, 41, 0.12);
    cursor: pointer; }
    .dark-theme .account__balance--eye:hover {
      color: #FFFFFF;
      background-color: rgba(15, 20, 41, 0.5); }
  .account__balance--eye:active {
    color: #0f1429;
    background-color: rgba(15, 20, 41, 0.24); }
    .dark-theme .account__balance--eye:active {
      color: #FFFFFF;
      background-color: rgba(15, 20, 41, 0.8); }

.account__general--okvir {
  padding: 24px 16px;
  background-color: rgba(219, 140, 22, 0.12);
  border: 1px solid #db8c16;
  border-radius: 8px;
  margin: 24px 0; }
  .account__general--okvir .ico-shield {
    color: #db8c16;
    font-size: 2.4rem;
    margin-right: 8px; }

.account__privacy--okvir {
  margin-bottom: 48px; }
  .account__privacy--okvir .account__privacy--title__icon {
    font-size: 24px;
    margin-left: 4px;
    margin-right: 8px; }
  .account__privacy--okvir .account__privacy--subtitle {
    font-size: 1.5rem;
    color: #414b66;
    font-weight: bold;
    line-height: 20px; }
    .dark-theme .account__privacy--okvir .account__privacy--subtitle {
      color: #B6BECE; }
  .account__privacy--okvir .winput-checkbox {
    width: 100%;
    height: 36px;
    border-radius: 8px;
    font-size: 1.4rem;
    font-weight: bold;
    text-align: left;
    padding-left: 16px;
    color: #0f1429;
    border: none;
    box-sizing: border-box;
    background-color: #fff;
    display: flex;
    align-items: center;
    border: 0; }
    .dark-theme .account__privacy--okvir .winput-checkbox {
      color: #FFFFFF;
      background-color: #181A24;
      border: 0; }
  .account__privacy--okvir input[type="radio"] {
    height: 24px;
    width: 24px;
    opacity: 0;
    display: flex;
    flex-shrink: 0;
    cursor: pointer; }

.account__privacy__radiobutton--table {
  margin-left: 16px; }
  .account__privacy__radiobutton--table tr {
    cursor: pointer; }
  .account__privacy__radiobutton--table td {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
    position: relative; }
    .account__privacy__radiobutton--table td span {
      display: flex;
      align-items: center; }
  .account__privacy__radiobutton--table label {
    font-size: 1.5rem;
    margin-left: 16px;
    cursor: pointer; }
    .account__privacy__radiobutton--table label:before {
      content: "";
      position: absolute;
      box-sizing: border-box;
      width: 22px;
      height: 22px;
      border: 2px solid #0f1429;
      border-radius: 50%;
      left: 0;
      right: 0;
      bottom: 0;
      top: 0;
      pointer-events: none;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
      margin: auto 0; }
      .dark-theme .account__privacy__radiobutton--table label:before {
        border: 2px solid #FFFFFF; }
  .account__privacy__radiobutton--table .account__privacy__radiobutton--checked {
    display: flex;
    align-items: center; }
    .account__privacy__radiobutton--table .account__privacy__radiobutton--checked label {
      font-size: 1.5rem;
      margin-left: 16px; }
      .account__privacy__radiobutton--table .account__privacy__radiobutton--checked label:before {
        border: 2px solid #117ed1;
        background: #117ed1;
        box-shadow: inset 0 0 0 3px #fff; }
        .dark-theme .account__privacy__radiobutton--table .account__privacy__radiobutton--checked label:before {
          border: 2px solid #1894f2;
          background: #1894f2;
          box-shadow: inset 0 0 0 3px #181A24; }

.account__privacy--btn {
  max-width: 240px;
  margin: initial; }

.account__general--title, .account__privacy--title {
  font-size: 1.8rem;
  font-weight: bold;
  color: #0f1429;
  line-height: 24px;
  display: flex;
  align-items: center; }
  .dark-theme .account__general--title, .dark-theme .account__privacy--title {
    color: #FFFFFF; }

.account__closing--title {
  font-size: 1.8rem;
  font-weight: bold;
  color: #0f1429;
  line-height: 24px;
  display: flex;
  align-items: center; }
  .dark-theme .account__closing--title {
    color: #FFFFFF; }
  .account__closing--title .ico-thumb-up {
    font-size: 2.4rem;
    margin-right: 8px; }

.account__general--txt, .account__privacy--txt {
  font-size: 1.4rem;
  line-height: 20px;
  margin: 8px 0 16px 0; }

/*.account__limit--td {
    display: inline-flex;
    flex-direction: column;
    padding-left: 16px;
    vertical-align: middle;
    padding-bottom: 12px;
}*/
.account__limit--okvir {
  display: flex; }

.account__limit--request-okvir {
  padding-left: 16px;
  display: flex;
  flex-direction: column;
  min-width: 100px;
  align-items: flex-start;
  justify-content: center; }

.account__limit--requested {
  font-size: 1.2rem;
  text-transform: uppercase;
  line-height: 16px;
  color: #414b66; }
  .dark-theme .account__limit--requested {
    color: #B6BECE; }

.account__limit--value, .account__limit--date {
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 20px;
  color: #0f1429; }
  .dark-theme .account__limit--value, .dark-theme .account__limit--date {
    color: #FFFFFF; }

.account__limit--available {
  font-size: 1rem;
  text-transform: uppercase;
  line-height: 16px;
  color: #414b66;
  letter-spacing: 0.6px; }
  .dark-theme .account__limit--available {
    color: #B6BECE; }

.account__limit--btn-okvir {
  display: flex;
  align-items: center;
  margin-left: 16px; }

.account__limit--btn {
  min-width: 85px !important;
  font-weight: normal; }

.account__limit--trash {
  font-size: 2.4rem;
  padding: 4px;
  margin-left: 8px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #0f1429; }
  .dark-theme .account__limit--trash {
    color: #FFFFFF; }
  .account__limit--trash:hover {
    background-color: rgba(235, 52, 113, 0.12);
    color: #eb3471;
    cursor: pointer; }
  .account__limit--trash:active {
    background-color: rgba(235, 52, 113, 0.24); }

.account__menu_links {
  margin: 0 8px; }

.account__menu_links i {
  margin-right: 12px;
  font-size: 1.6rem;
  vertical-align: middle; }
  .pokerMenu .account__menu_links i {
    font-size: 24px;
    margin-right: 12px; }

.account__menu_noIcons {
  margin-right: 12px;
  width: 16px;
  display: inline-block;
  vertical-align: middle; }

.d-layout .support__menu .account__menu_noIcons {
  width: 32px; }

.account__menu_links span {
  padding: 8px 0; }

span.subMenu {
  padding-right: 16px;
  width: 100%;
  margin-left: 4px; }

.account__menu_links a {
  color: #414b66;
  display: block;
  font-size: 1.5rem;
  text-decoration: none;
  /*line-height: 36px;*/
  border-radius: 6px;
  padding-left: 16px;
  margin: 2px 0;
  min-height: 36px;
  align-items: center;
  display: flex;
  line-height: 20px; }
  .dark-theme .account__menu_links a {
    color: #B6BECE; }
  .pokerMenu .account__menu_links a {
    min-height: 48px; }

.account__menu_links a:hover {
  background-color: rgba(255, 255, 255, 0.5); }
  .dark-theme .account__menu_links a:hover {
    background-color: rgba(24, 26, 36, 0.5); }

.account__menu_links .activLink {
  background-color: #fff;
  color: #0f1429;
  font-weight: bold; }
  .dark-theme .account__menu_links .activLink {
    background-color: #181A24;
    color: #FFFFFF; }

.small_line {
  height: 1px;
  width: 24px;
  display: block;
  margin: 20px 0 20px 60px;
  background-color: #b8bed1;
  padding: 0 !important; }
  .dark-theme .small_line {
    background-color: #394156; }

.small_line_content {
  height: 1px;
  width: 24px;
  display: block;
  margin: 24px 0 24px 0px;
  background-color: #b8bed1; }
  .dark-theme .small_line_content {
    background-color: #394156; }

.small_line-sport {
  height: 1px;
  width: 24px;
  display: block;
  margin: 20px 0 20px 47px;
  background-color: #b8bed1;
  padding: 0 !important; }
  .dark-theme .small_line-sport {
    background-color: #394156; }

.small_line-results {
  height: 1px;
  width: 24px;
  display: block;
  margin: 20px 0 20px 40px;
  background-color: #b8bed1;
  padding: 0 !important; }
  .dark-theme .small_line-results {
    background-color: #394156; }

.small_line_virtual {
  height: 1px;
  width: 24px;
  display: block;
  margin: 16px 0 16px 0px;
  background-color: #b8bed1; }
  .dark-theme .small_line_virtual {
    background-color: #394156; }

a.account__menu_logout {
  color: #e8253f; }
  .dark-theme a.account__menu_logout {
    color: #e8253f; }

.account__content_right {
  vertical-align: top;
  padding: 24px 48px 48px 48px;
  position: relative; }

.account__content_right--okvir {
  min-height: 480px; }

.account__content_right__data {
  min-height: 480px; }

.account__abon_deposit .winput input {
  word-spacing: 8px; }

.account__content_heading {
  text-align: left;
  font-size: 2.4rem;
  margin-bottom: 24px;
  font-weight: 800;
  /*color: #4CCA4C;*/
  color: #0f1429; }
  .dark-theme .account__content_heading {
    color: #FFFFFF; }

.account__content__payment_table th {
  font-size: 1rem;
  text-transform: uppercase;
  color: #747e99;
  text-align: right;
  line-height: 16px;
  height: 16px; }
  .dark-theme .account__content__payment_table th {
    color: #818A9C; }

.account__content__payment_th2 {
  width: 10%; }

.account__content__payment_th3 {
  width: 20%; }

.account__content__payment_th4 {
  width: 12%; }

.account__content__payment_th5 {
  width: 12%; }

.account__content__payment_td1 {
  width: 74px;
  vertical-align: middle;
  border-bottom: 1px solid transparent;
  padding-right: 24px; }
  .dark-theme .account__content__payment_td1 {
    border-bottom: 1px solid transparent; }

.account__content__payment_td2 {
  font-size: 1.4rem;
  text-align: left;
  vertical-align: middle;
  height: 40px;
  color: #0f1429;
  border-bottom: 1px solid #d8dae6; }
  .dark-theme .account__content__payment_td2 {
    color: #FFFFFF;
    border-bottom: 1px solid #394156; }

.account__content__payment_td3,
.account__content__payment_td4,
.account__content__payment_td5,
.account__content__payment_td6 {
  font-size: 1.2rem;
  height: 40px;
  text-align: right;
  vertical-align: middle;
  color: #414b66;
  border-bottom: 1px solid #d8dae6; }
  .dark-theme .account__content__payment_td3, .dark-theme
  .account__content__payment_td4, .dark-theme
  .account__content__payment_td5, .dark-theme
  .account__content__payment_td6 {
    color: #B6BECE;
    border-bottom: 1px solid #394156; }

.account__payment_abon {
  width: 74px;
  height: 32px;
  border-radius: 3px;
  background-color: #E32735;
  /* For browsers that do not support gradients */
  background-image: linear-gradient(to right, #E32735, #FC3F58);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative; }
  .account__payment_abon:before {
    content: " ";
    position: absolute;
    width: 74px;
    height: 40px;
    border-radius: 3px;
    background-image: url(/img/abon-simple.svg);
    background-position: center center;
    background-size: 100%; }

.account__payment_wwinbon {
  width: 74px;
  height: 32px;
  border-radius: 3px;
  background-color: #FF2441;
  /* For browsers that do not support gradients */
  background-image: linear-gradient(to right, #CC1830, #FF2441);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative; }
  .account__payment_wwinbon:before {
    content: " ";
    position: absolute;
    width: 74px;
    height: 40px;
    border-radius: 3px;
    background-image: url(/img/wwin-bon-simple.svg);
    background-position: center center;
    background-size: 100%; }

.account__payment_aircash {
  width: 74px;
  height: 32px;
  border-radius: 3px;
  background-color: #E32735;
  /* For browsers that do not support gradients */
  background-image: linear-gradient(to right, #E32735, #FC3F58);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative; }
  .account__payment_aircash:before {
    content: " ";
    position: absolute;
    width: 74px;
    height: 40px;
    border-radius: 3px;
    background-image: url(/img/aircash-simple.svg);
    background-position: center center;
    background-size: 100%; }

.account__payment_store {
  width: 74px;
  height: 32px;
  border-radius: 3px;
  background-color: #FF2441;
  /* For browsers that do not support gradients */
  background-image: linear-gradient(to right, #CC1830, #FF2441);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative; }
  .account__payment_store:before {
    content: " ";
    position: absolute;
    width: 74px;
    height: 40px;
    border-radius: 3px;
    background-image: url(/img/wwin-bon-simple.svg);
    background-position: center center;
    background-size: 100%; }

.account__payment_mastercard {
  width: 72px;
  height: 30px;
  border-radius: 3px;
  background-color: #E9ECF2;
  /* For browsers that do not support gradients */
  background-image: linear-gradient(to right, #E9ECF2, #F6F7FA);
  border: 1px solid #b8bed1;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative; }
  .account__payment_mastercard:before {
    content: " ";
    position: absolute;
    width: 71px;
    height: 36px;
    border-radius: 3px;
    background-image: url(/img/mastercard-simple.svg);
    background-position: center center;
    background-size: 100%; }

.account__payment_maestro {
  width: 72px;
  height: 30px;
  border-radius: 3px;
  background-color: #E9ECF2;
  /* For browsers that do not support gradients */
  background-image: linear-gradient(to right, #E9ECF2, #F6F7FA);
  border: 1px solid #b8bed1;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative; }
  .account__payment_maestro:before {
    content: " ";
    position: absolute;
    width: 71px;
    height: 36px;
    border-radius: 3px;
    background-image: url(/img/maestro-simple.svg);
    background-position: center center;
    background-size: 100%; }

.account__payment_player {
  width: 72px;
  height: 30px;
  border-radius: 3px;
  background-color: #E9ECF2;
  /* For browsers that do not support gradients */
  background-image: linear-gradient(to right, #E9ECF2, #F6F7FA);
  border: 1px solid #b8bed1;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative; }
  .account__payment_player:before {
    content: " ";
    position: absolute;
    width: 74px;
    height: 40px;
    border-radius: 3px;
    background-image: url(/img/player-simple.svg);
    background-position: center center;
    background-size: 100%; }

.account__payment_skrill {
  width: 74px;
  height: 32px;
  border-radius: 3px;
  background-color: #56175D;
  /* For browsers that do not support gradients */
  background-image: linear-gradient(to right, #56175D, #91217F);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative; }
  .account__payment_skrill:before {
    content: " ";
    position: absolute;
    width: 74px;
    height: 40px;
    border-radius: 3px;
    background-image: url(/img/skrill-simple.svg);
    background-position: center center;
    background-size: 100%; }

.account__payment_skrill_rapidtransfer {
  width: 74px;
  height: 32px;
  border-radius: 3px;
  background-color: #16B882;
  /* For browsers that do not support gradients */
  background-image: linear-gradient(to right, #16B882, #1ADB95);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative; }
  .account__payment_skrill_rapidtransfer:before {
    content: " ";
    position: absolute;
    width: 74px;
    height: 40px;
    border-radius: 3px;
    background-image: url(/img/rapidtransfer-simple.svg);
    background-position: center center;
    background-size: 100%;
    background-repeat: no-repeat; }

.account__payment_skrill_sofort {
  width: 74px;
  height: 32px;
  border-radius: 3px;
  background-color: #2E2829;
  /* For browsers that do not support gradients */
  background-image: linear-gradient(to right, #2E2829, #4D4647);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative; }
  .account__payment_skrill_sofort:before {
    content: " ";
    position: absolute;
    width: 74px;
    height: 40px;
    border-radius: 3px;
    background-image: url(/img/sofort-simple.svg);
    background-position: center center;
    background-size: 100%;
    background-repeat: no-repeat; }

.account__payment_psc {
  width: 74px;
  height: 32px;
  border-radius: 3px;
  background-color: #008ACA;
  /* For browsers that do not support gradients */
  background-image: linear-gradient(to right, #008ACA, #13A5E8);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative; }
  .account__payment_psc:before {
    content: " ";
    position: absolute;
    width: 76px;
    height: 41px;
    border-radius: 3px;
    background-image: url(/img/psc-simple.svg);
    background-position: center center;
    background-size: 100%; }

.account__payment_neteller {
  width: 74px;
  height: 32px;
  border-radius: 3px;
  background-color: #84BC38;
  /* For browsers that do not support gradients */
  background-image: linear-gradient(to right, #84BC38, #98D147);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative; }
  .account__payment_neteller:before {
    content: " ";
    position: absolute;
    width: 74px;
    height: 40px;
    border-radius: 3px;
    background-image: url(/img/neteller-simple.svg);
    background-position: center center;
    background-size: 100%; }

.account__payment_bank {
  width: 74px;
  height: 32px;
  border-radius: 3px;
  background-color: #EBA742;
  /* For browsers that do not support gradients */
  background-image: linear-gradient(to right, #EBA742, #FFC44D);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative; }
  .account__payment_bank:before {
    content: " ";
    position: absolute;
    width: 74px;
    height: 40px;
    border-radius: 3px;
    background-image: url(/img/bank-simple.svg);
    background-position: center center;
    background-size: 100%; }

.account__payment_xbon {
  width: 74px;
  height: 32px;
  border-radius: 3px;
  background-color: #2E2829;
  /* For browsers that do not support gradients */
  background-image: linear-gradient(to right, #2E2829, #4D4647);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative; }
  .account__payment_xbon:before {
    content: " ";
    position: absolute;
    width: 74px;
    height: 40px;
    border-radius: 3px;
    background-image: url(/img/xbon-simple.svg);
    background-position: center center;
    background-size: 100%; }

.account__payment_kliker {
  width: 74px;
  height: 32px;
  border-radius: 3px;
  background-color: #2E2829;
  /* For browsers that do not support gradients */
  background-image: linear-gradient(to right, #2E2829, #4D4647);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative; }
  .account__payment_kliker:before {
    content: " ";
    position: absolute;
    width: 74px;
    height: 40px;
    border-radius: 3px;
    background-image: url(/img/kliker-simple.svg);
    background-position: center center;
    background-size: 100%; }

.account__payment_sistemx {
  width: 74px;
  height: 32px;
  border-radius: 3px;
  background-color: #2E2829;
  /* For browsers that do not support gradients */
  background-image: linear-gradient(to right, #2E2829, #4D4647);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative; }
  .account__payment_sistemx:before {
    content: " ";
    position: absolute;
    width: 74px;
    height: 40px;
    border-radius: 3px;
    background-image: url(/img/sistemx-simple.svg);
    background-position: center center;
    background-size: 100%; }

.account__payment_visa {
  width: 72px;
  height: 30px;
  border-radius: 3px;
  background-color: #E9ECF2;
  /* For browsers that do not support gradients */
  background-image: linear-gradient(to right, #E9ECF2, #F6F7FA);
  border: 1px solid #b8bed1;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative; }
  .account__payment_visa:before {
    content: " ";
    position: absolute;
    width: 74px;
    height: 40px;
    border-radius: 3px;
    background-image: url(/img/visa-color.svg);
    background-position: center center;
    background-size: 100%; }

.account__payment_creditcard {
  width: 74px;
  height: 33px;
  border-radius: 3px;
  background-color: #16B882;
  /* For browsers that do not support gradients */
  background-image: linear-gradient(to right, #16B882, #1ADB95);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative; }
  .account__payment_creditcard:before {
    content: " ";
    position: absolute;
    width: 74px;
    height: 40px;
    border-radius: 3px;
    background-image: url(/img/credit-card-simple.svg);
    background-position: center center;
    background-size: 100%; }

.account__payment_ekesh {
  width: 74px;
  height: 32px;
  border-radius: 3px;
  background-color: #2E2829;
  /* For browsers that do not support gradients */
  background-image: linear-gradient(to right, #2E2829, #4D4647);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative; }
  .account__payment_ekesh:before {
    content: " ";
    position: absolute;
    width: 74px;
    height: 40px;
    border-radius: 3px;
    background-image: url(/img/ekesh-color.svg);
    background-position: center center;
    background-size: 100%; }

.account__payment_ncity {
  width: 74px;
  height: 32px;
  border-radius: 3px;
  background-color: #0057A3;
  /* For browsers that do not support gradients */
  background-image: linear-gradient(to right, #0057A3, #0874C7);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative; }
  .account__payment_ncity:before {
    content: " ";
    position: absolute;
    width: 74px;
    height: 40px;
    border-radius: 3px;
    background-image: url(/img/ncity-simple.svg);
    background-position: center center;
    background-size: 100%; }

.account__payment_crypto {
  width: 74px;
  height: 32px;
  border-radius: 3px;
  background-color: #1D1DA3;
  /* For browsers that do not support gradients */
  background-image: linear-gradient(to right, #1D1DA3, #60DBDB);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative; }
  .account__payment_crypto:before {
    content: " ";
    position: absolute;
    width: 74px;
    height: 40px;
    border-radius: 3px;
    background-image: url(/img/crypto-simple.svg);
    background-position: center center;
    background-size: 100%; }

.account__payment_depozitron {
  width: 74px;
  height: 32px;
  border-radius: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  background-color: #AA3177;
  /* For browsers that do not support gradients */
  background-image: linear-gradient(to right, #AA3177, #FD7E39); }
  .account__payment_depozitron:before {
    content: " ";
    position: absolute;
    width: 68px;
    height: 37px;
    border-radius: 3px;
    background-image: url(/img/depozitron-simple.svg);
    background-position: center center;
    background-size: 100%;
    margin: 0 auto; }

.account__payment_heading {
  text-align: left;
  font-size: 2.4rem;
  margin-bottom: 24px;
  font-weight: 800;
  height: 32px;
  line-height: 32px;
  color: #0f1429; }
  .dark-theme .account__payment_heading {
    color: #FFFFFF; }

.account__backlink {
  line-height: 32px;
  margin-right: 24px;
  text-align: center;
  width: 32px;
  height: 32px; }

.account__backlink i {
  font-size: 1.6rem;
  line-height: 16px;
  padding: 8px;
  vertical-align: middle;
  color: #747e99;
  border-radius: 16px; }
  .dark-theme .account__backlink i {
    color: #818A9C; }

.account__backlink:hover i {
  color: #414b66;
  background-color: rgba(15, 20, 41, 0.12);
  border-radius: 16px; }
  .dark-theme .account__backlink:hover i {
    color: #B6BECE;
    background-color: rgba(255, 255, 255, 0.12); }

.account__backlink:active i {
  color: #0f1429;
  background-color: rgba(15, 20, 41, 0.24); }
  .dark-theme .account__backlink:active i {
    color: #FFFFFF;
    background-color: rgba(255, 255, 255, 0.24); }

.language-title:hover .l-back, .xclose:hover {
  color: #414b66;
  background-color: rgba(15, 20, 41, 0.12);
  border-radius: 50%; }
  .dark-theme .language-title:hover .l-back, .dark-theme .xclose:hover {
    color: #B6BECE;
    background-color: rgba(255, 255, 255, 0.12); }

.language-title:active .l-back, .xclose:active {
  color: #0f1429;
  background-color: rgba(15, 20, 41, 0.24); }
  .dark-theme .language-title:active .l-back, .dark-theme .xclose:active {
    color: #FFFFFF;
    background-color: rgba(255, 255, 255, 0.24); }

.account__money_transfer__btn {
  max-width: 400px;
  display: flex;
  justify-content: space-between; }

.account__general_info {
  font-size: 1.4rem;
  line-height: 16px;
  color: #747e99; }
  .dark-theme .account__general_info {
    color: #818A9C; }

.infoPopUp {
  display: none;
  position: absolute;
  z-index: 100;
  width: 280px;
  left: 0;
  right: 0;
  background-color: #fff;
  border-radius: 3px;
  box-shadow: 0 4px 8px 0 rgba(15, 20, 41, 0.24);
  font-size: 1.4rem;
  line-height: 16px;
  padding: 24px;
  color: #0f1429; }
  .dark-theme .infoPopUp {
    background-color: #181A24;
    box-shadow: 0 4px 8px 0 rgba(18, 24, 46, 0.44);
    background-color: #181A24;
    border: 1px solid #394156;
    color: #FFFFFF; }

.messages__info, .prazneOklade {
  padding: 16px 24px 16px 24px;
  background-color: rgba(24, 148, 242, 0.16);
  border: 1px solid #1894f2;
  border-radius: 6px;
  color: #0f1429;
  font-size: 1.4rem;
  line-height: 20px;
  margin-bottom: 24px; }
  .dark-theme .messages__info, .dark-theme .prazneOklade {
    color: #FFFFFF; }
  .messages__info .ico-shield, .prazneOklade .ico-shield {
    color: #117ed1;
    font-size: 24px;
    margin-right: 8px; }
    .dark-theme .messages__info .ico-shield, .dark-theme .prazneOklade .ico-shield {
      color: #1894f2; }

.messages__info a, .infoMsg2 a {
  color: #117ed1;
  line-height: 20px;
  display: inline-block; }
  .dark-theme .messages__info a, .dark-theme .infoMsg2 a {
    color: #1894f2; }

.messages__info a:hover, .infoMsg2 a:hover {
  text-decoration: none;
  box-shadow: 0 1px 0 #117ed1; }
  .dark-theme .messages__info a:hover, .dark-theme .infoMsg2 a:hover {
    box-shadow: 0 1px 0 #1894f2; }

.messages__info_over {
  padding: 16px;
  background-color: #F0F3FA;
  border: 1px solid #1894f2;
  border-radius: 6px;
  color: #0f1429;
  font-size: 1.4rem;
  line-height: 20px;
  margin-bottom: 24px; }

.failedLogin {
  font-weight: bold;
  margin-top: 16px;
  margin-bottom: 0 !important;
  position: relative; }

.failedLoginDot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #eb3471;
  display: inline-block;
  left: 8px;
  position: absolute;
  margin: auto 0;
  top: 45%; }

.loginErrorMsg {
  font-weight: normal;
  color: #0f1429; }
  .dark-theme .loginErrorMsg {
    color: #FFFFFF; }

.messages__error {
  padding: 15px 24px 15px 24px;
  background-color: rgba(235, 52, 113, 0.12);
  /*border: 1px solid rgba($global-descriptive-error,0.6);*/
  border-radius: 8px;
  color: #0f1429;
  font-size: 1.4rem;
  line-height: 20px;
  margin-bottom: 24px; }
  .dark-theme .messages__error {
    color: #FFFFFF; }

.infoMsg2 {
  background-color: #b8cfe8;
  color: #0f1429;
  font-size: 1.4rem;
  line-height: 20px;
  border: 1px solid #117ed1;
  border-radius: 6px;
  padding: 16px 24px 16px 24px; }
  .dark-theme .infoMsg2 {
    background-color: #0f2849;
    color: #FFFFFF;
    border: 1px solid #1894f2; }

.floating {
  margin: auto;
  /*padding: 10px;*/
  position: fixed;
  z-index: 99999;
  top: 10px;
  left: 0;
  right: 0;
  max-width: 956px;
  text-align: center; }

.messages__error_over {
  padding: 16px 24px 16px 24px;
  background-color: #EED0D7;
  border: 1px solid rgba(235, 52, 113, 0.6);
  border-radius: 6px;
  color: #0f1429;
  font-size: 1.4rem;
  line-height: 20px;
  margin-bottom: 24px; }
  .dark-theme .messages__error_over {
    /*color: $dark-color-typography-main;*/ }

.messages__error_ticket {
  padding: 16px 24px 16px 24px;
  background-color: #FAEBF0;
  border: 1px solid rgba(235, 52, 113, 0.6);
  border-radius: 6px;
  color: #0f1429;
  font-size: 1.4rem;
  line-height: 20px;
  margin-bottom: 24px;
  /*margin-top: 24px;*/ }
  .dark-theme .messages__error_ticket {
    color: #FFFFFF;
    background-color: rgba(235, 52, 113, 0.12);
    border: 1px solid rgba(235, 52, 113, 0.6);
    border-radius: 6px; }

.messages__error_ticket a {
  color: #117ed1; }
  .dark-theme .messages__error_ticket a {
    color: #1894f2; }
  .messages__error_ticket a:hover {
    text-decoration: underline; }

.messages__success {
  padding: 16px 24px 16px 24px;
  background-color: rgba(0, 194, 116, 0.16);
  border: 1px solid #00c274;
  border-radius: 6px;
  color: #0f1429;
  font-size: 1.4rem;
  line-height: 20px;
  margin-bottom: 24px; }
  .dark-theme .messages__success {
    color: #FFFFFF; }

.messages__success_over {
  padding: 16px 24px 16px 24px;
  background-color: #c2eddc;
  border: 1px solid #00c274;
  border-radius: 6px;
  color: #0f1429;
  font-size: 1.4rem;
  line-height: 20px;
  margin-bottom: 24px;
  /* .dark-theme & {
            color: $dark-color-typography-main;
        }*/ }

.messages__error a, .messages__success a {
  color: #117ed1;
  line-height: 24px;
  display: inline-block; }
  .dark-theme .messages__error a, .dark-theme .messages__success a {
    color: #1894f2; }

.messages__error a:hover, .messages__success a:hover {
  text-decoration: none;
  box-shadow: 0 1px 0 #117ed1; }
  .dark-theme .messages__error a:hover, .dark-theme .messages__success a:hover {
    box-shadow: 0 1px 0 #1894f2; }

.messages__orange2 {
  border-radius: 16px;
  margin: 16px 0;
  font-size: 1.4rem;
  line-height: 18px;
  background: #f3dab4;
  background: linear-gradient(270deg, rgba(219, 140, 22, 0.32) 0%, rgba(219, 140, 22, 0.16) 100%);
  border: 1px solid #db8c16;
  display: flex;
  overflow: hidden; }
  .dark-theme .messages__orange2 {
    background: #5e5536;
    background: linear-gradient(270deg, rgba(242, 210, 92, 0.32) 0%, rgba(242, 210, 92, 0.16) 100%);
    border: 1px solid #f2d25c; }
  .messages__orange2.crypto__warning {
    max-width: 318px; }

.message__orange__txt {
  padding: 16px 8px 16px 16px;
  flex-grow: 1; }
  .message__orange__txt b {
    font-weight: bold; }
  .message__orange__txt .crypto__warning__list {
    list-style: disc inside;
    padding-left: 8px;
    font-weight: bold;
    margin: 2px 0 6px 0; }
    .message__orange__txt .crypto__warning__list li span {
      margin-left: -8px; }

.message-orange__icon {
  min-width: 64px;
  width: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  border-left: 1px solid #db8c16;
  background-color: #efcd9b;
  background-color: rgba(219, 140, 22, 0.16); }
  .dark-theme .message-orange__icon {
    border-left: 1px solid #f2d25c;
    background-color: #76693c;
    background-color: rgba(242, 210, 92, 0.16); }
  .message-orange__icon .warning__icon-light {
    display: inherit; }
  .message-orange__icon .warning__icon-dark {
    display: none; }
  .dark-theme .message-orange__icon .warning__icon-light {
    display: none; }
  .dark-theme .message-orange__icon .warning__icon-dark {
    display: inherit; }

.account__payment_state {
  vertical-align: top; }

.account__payment_infoTxt {
  font-size: 1.4rem;
  line-height: 20px;
  margin: 0 0 24px 0; }

.account__payment_fee-txt {
  font-size: 1.4rem;
  color: #747e99; }

.account__payment_infoTxt a {
  color: #117ed1;
  display: inline-block; }
  .dark-theme .account__payment_infoTxt a {
    color: #1894f2; }

.account__payment_infoTxt a:hover {
  text-decoration: none;
  box-shadow: 0 1px 0 #117ed1; }
  .dark-theme .account__payment_infoTxt a:hover {
    box-shadow: 0 1px 0 #1894f2; }

.account__payment_tooltip {
  font-size: 1.2rem;
  color: #747e99;
  padding-bottom: 4px;
  height: 16px;
  line-height: 16px;
  /*float: left;*/ }
  .dark-theme .account__payment_tooltip {
    color: #818A9C; }

.account__upload_tooltip {
  font-size: 1.4rem;
  margin-top: 16px;
  padding-bottom: 8px;
  height: 20px;
  line-height: 20px;
  font-weight: 600;
  color: #747e99; }
  .dark-theme .account__upload_tooltip {
    color: #818A9C; }

.file__upload {
  width: 100%;
  height: 82px;
  max-width: 240px;
  background-color: rgba(24, 148, 242, 0.12);
  border: 1px solid #117ed1;
  color: #117ed1;
  box-sizing: border-box;
  font-weight: 600;
  border-radius: 6px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem; }
  .dark-theme .file__upload {
    border: 1px solid #1894f2;
    color: #1894f2; }
  @media (hover: hover) {
    .file__upload:hover {
      cursor: pointer;
      background-color: rgba(24, 148, 242, 0.06); } }
  .file__upload:active {
    background-color: rgba(24, 148, 242, 0.16); }
  .file__upload .img_preview_wrap {
    height: auto;
    width: 100%;
    display: none; }
    .file__upload .img_preview_wrap img {
      height: auto;
      width: 100%; }
  .file__upload #ufLabelFront, .file__upload #ufLabelBack {
    font-size: 32px; }
  .file__upload.file__uploaded {
    background-color: transparent;
    border: 0;
    height: auto;
    justify-content: flex-start;
    display: flex;
    max-width: 320px; }
    .file__upload.file__uploaded .img_preview_wrap {
      display: flex; }

.file__upload__wrapper {
  display: flex;
  align-items: center;
  gap: 8px; }

.file__upload__clear-icon {
  font-size: 24px;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: #0f1429;
  cursor: pointer; }
  .dark-theme .file__upload__clear-icon {
    color: #FFFFFF; }
  .file__upload__clear-icon:hover {
    background-color: rgba(235, 52, 113, 0.12);
    color: #eb3471;
    cursor: pointer; }
  .file__upload__clear-icon:active {
    background-color: rgba(235, 52, 113, 0.24); }

#ufOsobniDokumenti1, #ufOsobniDokumenti2 {
  display: none; }

/*input.file__upload:before {
    content: "Choose file";
    position: absolute;
    top: 0;
    left: 0;
    width: 185px;
    height: 40px;
    background-color: #eff7fe;
    border: 1px solid $global-interactive-blue-dark1;
    color: $global-interactive-blue-dark1;
    box-sizing: border-box;
    font-weight: 600;
    border-radius: 6px;
    text-align: center;
    text-indent: 0;
    cursor: pointer;

    .dark-theme & {
        border: 1px solid $global-interactive-blue;
        color: $global-interactive-blue;
    }
}


*/
.account__payment_tooltip i {
  font-size: 1.6rem; }
  .account__payment_tooltip i:hover {
    color: #0f1429;
    cursor: pointer; }
    .dark-theme .account__payment_tooltip i:hover {
      color: #FFFFFF; }

.account__payment_tooltip span {
  height: 16px;
  line-height: 16px;
  float: left;
  margin-right: 8px; }

.account__payment_abon_input input {
  width: 128px;
  height: 44px;
  border-radius: 8px;
  font-size: 1.4rem;
  font-weight: bold;
  text-align: center;
  color: #0f1429;
  border: 1px solid #b8bed1; }
  .dark-theme .account__payment_abon_input input {
    border: 1px solid #394156;
    color: #FFFFFF;
    background-color: #212431; }

.account__payment_abon_input input:hover, .account__payment_abon_input input:active, .account__payment_abon_input input:focus {
  border: 1px solid #117ed1; }
  .dark-theme .account__payment_abon_input input:hover, .dark-theme .account__payment_abon_input input:active, .dark-theme .account__payment_abon_input input:focus {
    border: 1px solid #1894f2; }

span.account__razmak_inputi {
  padding: 0 12px; }

.account__payment_button {
  margin: 24px 0; }

.ValidateImg i {
  font-size: 2rem;
  /*margin-left: 8px;*/
  margin-top: 12px;
  display: inline-block;
  position: absolute; }

.ValidateImg__large i {
  font-size: 2rem;
  margin-left: 8px;
  margin-top: 20px;
  display: inline-block;
  position: absolute; }

.ValidateImg__inside i {
  margin-left: -45px !important; }

.ValidateImg__small i {
  font-size: 2rem;
  margin-left: 0px;
  margin-top: 10px;
  display: inline-block;
  position: absolute; }

.ValidateImg__dropdown i {
  font-size: 1.6rem;
  margin-left: -35px;
  margin-top: 14px;
  display: inline-block;
  position: absolute; }

.ValidateImg__double i {
  font-size: 1.6rem;
  margin-left: -30px;
  margin-top: 25px;
  display: inline-block;
  position: absolute; }

.ValidateImg__checkbox i {
  font-size: 2rem;
  margin-left: -14px;
  margin-top: -3px;
  display: inline-block;
  position: absolute; }

.winput__inactive {
  background-color: #e4e8f0 !important;
  border: 1px solid #b8bed1 !important;
  width: 320px;
  height: 64px;
  border-radius: 8px;
  line-height: 64px;
  margin-bottom: 8px; }
  .dark-theme .winput__inactive {
    background-color: #212431 !important;
    border: 1px solid #394156 !important; }

.winput__inactive2 {
  background-color: #e4e8f0 !important;
  border: 1px solid #b8bed1 !important;
  width: 318px;
  height: 62px;
  border-radius: 8px;
  line-height: 64px;
  margin-bottom: 8px; }
  .dark-theme .winput__inactive2 {
    background-color: #212431 !important;
    border: 1px solid #394156 !important; }

.winput__blank {
  display: flex;
  align-items: center;
  background-color: #fff !important;
  border: 0 !important;
  height: 36px;
  line-height: 36px; }
  .dark-theme .winput__blank {
    background-color: #181A24 !important; }

.winput__blank__right {
  height: 100%; }

.winput__blank__ico {
  font-size: 24px;
  width: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #414b66; }
  .dark-theme .winput__blank__ico {
    color: #B6BECE; }

.winput__txt-copy {
  position: absolute;
  left: 16px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  top: 6px;
  background-color: rgba(17, 126, 209, 0.16);
  color: #117ed1;
  font-size: 20px;
  border-radius: 50%;
  cursor: pointer;
  flex-shrink: 0; }
  .dark-theme .winput__txt-copy {
    background-color: rgba(24, 148, 242, 0.16);
    color: #1894f2; }
  .winput__txt-copy.ico-st-success-simple {
    background-color: rgba(0, 194, 116, 0.16); }
    .dark-theme .winput__txt-copy.ico-st-success-simple {
      background-color: rgba(0, 194, 116, 0.16); }
  .crypto__address__frame .winput__txt-copy, .crypto__tag__frame .winput__txt-copy {
    position: relative;
    top: 0;
    left: 0;
    margin-left: 16px;
    margin-right: 12px; }

.poslovnica_username {
  padding-left: 16px;
  font-size: 1.4rem;
  font-weight: bold;
  color: #0f1429;
  height: 20px;
  padding-top: 4px;
  display: inline-block;
  color: #0f1429;
  border: 0;
  background: none; }
  .dark-theme .poslovnica_username {
    color: #FFFFFF; }
  .winput__blank .poslovnica_username {
    padding-left: 8px;
    padding-top: 10px;
    color: #414b66; }
    .dark-theme .winput__blank .poslovnica_username {
      color: #B6BECE; }

.poslovnica_id {
  line-height: 64px;
  padding-left: 16px;
  font-size: 1.4rem;
  font-weight: bold;
  color: #0f1429; }
  .dark-theme .poslovnica_id {
    color: #FFFFFF; }

span.input_placeholder_top {
  position: absolute;
  padding: 8px 0 0 16px;
  height: 16px;
  line-height: 16px;
  font-size: 1.2rem;
  font-weight: 300;
  color: #747e99; }
  .dark-theme span.input_placeholder_top {
    color: #818A9C; }
  .winput__blank span.input_placeholder_top {
    padding: 0px 0 0 8px; }

.visaIframe {
  border: none;
  background-color: #fff;
  min-height: 600px;
  width: 100%; }
  .dark-theme .visaIframe {
    background-color: #181A24; }

.visaIframe2 {
  border: none;
  background-color: #fff;
  height: 820px;
  width: 100%; }
  .dark-theme .visaIframe2 {
    background-color: #181A24; }

.payout__success--message {
  margin: 64px auto 0 auto;
  max-width: 480px;
  text-align: center;
  min-height: 360px;
  display: flex;
  align-items: center; }

.support__message--title {
  color: rgba(15, 20, 41, 0.6);
  font-size: 2.4rem;
  font-weight: 800;
  letter-spacing: -0.5px;
  line-height: 28px;
  margin-top: 24px; }
  .dark-theme .support__message--title {
    color: rgba(255, 255, 255, 0.6); }

.size1 {
  width: 50%; }

li.winput {
  position: relative; }

.winput input {
  /*width: 302px;*/
  width: 100%;
  height: 64px;
  border-radius: 8px;
  font-size: 1.4rem;
  font-weight: bold;
  text-align: left;
  padding-left: 16px;
  color: #0f1429;
  border: 1px solid #b8bed1;
  padding-top: 8px;
  box-sizing: border-box; }
  .dark-theme .winput input {
    border: 1px solid #394156;
    color: #FFFFFF;
    background-color: #212431; }
  .winput input.input__mobile_number {
    padding-left: 24px; }
    .winput input.input__mobile_number::placeholder {
      color: #747e99;
      font-weight: 300; }
  .winput input:-webkit-autofill::first-line, .winput input:-webkit-autofill, .winput input:-webkit-autofill:hover, .winput input:-webkit-autofill:focus, .winput input:-webkit-autofill:active {
    font-weight: bold; }

.crypto__wallet {
  border: 1px solid #b8bed1;
  border-radius: 0 0 16px 16px;
  padding: 16px 0;
  border-top: 0;
  max-width: 320px; }
  .dark-theme .crypto__wallet {
    border: 1px solid #394156;
    border-top: 0; }

.crypto__wallet input {
  border: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-radius: 16px; }
  .dark-theme .crypto__wallet input {
    border: 0;
    background: #181A24; }

.crypto__tag input {
  border: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.winput__copy input {
  padding-right: 64px;
  padding-left: 16px;
  height: 48px;
  padding-top: 18px; }

.winput-checkbox {
  width: 100%;
  max-width: 320px;
  height: 56px;
  border-radius: 8px;
  font-size: 1.4rem;
  font-weight: bold;
  text-align: left;
  padding-left: 16px;
  color: #0f1429;
  border: 1px solid #b8bed1;
  box-sizing: border-box;
  background-color: #fff;
  display: flex;
  align-items: center; }
  .dark-theme .winput-checkbox {
    border: 1px solid #394156;
    color: #FFFFFF;
    background-color: #212431; }

.winput-checkbox__content {
  display: flex;
  align-items: center; }

.winput-checkbox__icon {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer; }
  .winput-checkbox__icon .checkbox-empty, .winput-checkbox__icon .checkbox {
    position: absolute;
    left: 0;
    font-size: 24px; }
  .winput-checkbox__icon .checkbox-empty {
    display: inherit;
    pointer-events: none; }
    .winput-checkbox__icon .checkbox-empty:before {
      color: #0f1429; }
      .dark-theme .winput-checkbox__icon .checkbox-empty:before {
        color: #FFFFFF; }
    .selected .winput-checkbox__icon .checkbox-empty {
      display: none; }
  .winput-checkbox__icon .checkbox {
    display: none;
    pointer-events: none; }
    .selected .winput-checkbox__icon .checkbox {
      display: inherit; }
    .winput-checkbox__icon .checkbox:before {
      color: #117ed1; }
  .winput-checkbox__icon .winput-checkbox__checkbox {
    display: flex;
    align-items: center; }
    .winput-checkbox__icon .winput-checkbox__checkbox input {
      font-weight: normal;
      margin-right: 16px;
      width: 24px;
      height: 24px;
      opacity: 0; }
    .winput-checkbox__icon .winput-checkbox__checkbox label {
      line-height: initial;
      font-weight: normal; }

.winput-checkbox__label {
  font-size: 1.4rem;
  font-weight: normal;
  margin-left: 16px; }

.data-privacy__label__frame {
  display: flex;
  flex-direction: column;
  margin-top: 16px; }

.data-privacy__label {
  font-size: 1.2rem;
  margin-bottom: 4px;
  color: #747e99; }

.data-privacy__label__name {
  font-weight: bold; }

.account__privacy--label-frame {
  display: flex;
  flex-direction: column;
  margin-top: 16px; }

.account__privacy--label {
  font-size: 1.5rem;
  line-height: 20px;
  color: #747e99; }
  .dark-theme .account__privacy--label {
    color: #818A9C; }

.winput input:hover, .winput select:hover, .winput textarea:hover {
  border: 1px solid #747e99; }
  .dark-theme .winput input:hover, .dark-theme .winput select:hover, .dark-theme .winput textarea:hover {
    border: 1px solid #818A9C; }

.winput input:active, .winput input:focus,
.winput select:active, .winput select:focus,
.winput textarea:active, .winput textarea:focus {
  border: 1px solid #117ed1; }
  .dark-theme .winput input:active, .dark-theme .winput input:focus, .dark-theme
  .winput select:active, .dark-theme .winput select:focus, .dark-theme
  .winput textarea:active, .dark-theme .winput textarea:focus {
    border: 1px solid #1894f2; }

.crypto__wallet input:active,
.crypto__wallet input:focus,
.crypto__wallet input:hover {
  border: 0; }
  .dark-theme .crypto__wallet input:active, .dark-theme
  .crypto__wallet input:focus, .dark-theme
  .crypto__wallet input:hover {
    border: 0; }

.winput select {
  font-size: 1.4rem;
  font-weight: bold;
  color: #0f1429; }
  .dark-theme .winput select {
    color: #FFFFFF;
    background-color: #212431; }

.winput textarea {
  width: 302px;
  /*height: 60px;*/
  border-radius: 8px;
  font-size: 1.4rem;
  font-weight: bold;
  text-align: left;
  padding-left: 16px;
  color: #0f1429;
  border: 1px solid #b8bed1;
  padding-top: 24px;
  font-family: proxima-nova, sans-serif; }
  .dark-theme .winput textarea {
    border: 1px solid #394156;
    color: #FFFFFF;
    background-color: #212431; }

.winput input.input_search {
  width: 100%;
  height: 44px;
  padding-right: 36px;
  border-radius: 6px;
  padding-top: 0; }

.winput .placeholder__search_top_okvir {
  position: relative;
  display: flex;
  align-self: center;
  /*width: 320px;*/ }

.txbTrazeniDogadaj::placeholder {
  font-size: 1.2rem;
  color: #747e99;
  font-weight: normal;
  font-family: inherit; }
  .dark-theme .txbTrazeniDogadaj::placeholder {
    color: #818A9C; }

.txbTrazeniDogadaj::-webkit-input-placeholder {
  /* Edge */
  font-size: 1.2rem;
  color: #747e99;
  font-weight: normal;
  font-family: inherit; }
  .dark-theme .txbTrazeniDogadaj::-webkit-input-placeholder {
    color: #818A9C; }

.txbTrazeniDogadaj:-ms-input-placeholder {
  /* Internet Explorer */
  font-size: 1.2rem;
  color: #747e99;
  font-weight: normal;
  font-family: inherit; }
  .dark-theme .txbTrazeniDogadaj:-ms-input-placeholder {
    color: #818A9C; }

.results__search--title {
  display: flex;
  font-size: 1.4rem;
  margin-bottom: 24px;
  cursor: default; }

.results__search--pair {
  /*margin-left: 8px;*/
  font-size: 1.8rem;
  color: #0f1429;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 24px; }
  .dark-theme .results__search--pair {
    color: #FFFFFF; }

.results__search--pair:before {
  content: " ";
  white-space: pre-wrap; }

.results__search--name {
  font-size: 1.8rem;
  color: #414b66;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 24px; }
  .dark-theme .results__search--name {
    color: #B6BECE; }

.results__search_empty--txt {
  width: 100%;
  display: inline-block;
  margin-bottom: 16px;
  font-size: 1.4rem;
  color: #0f1429;
  line-height: 20px; }
  .dark-theme .results__search_empty--txt {
    color: #FFFFFF; }

img.emptyLight {
  display: block; }
  .dark-theme img.emptyLight {
    display: none; }

img.emptyDark {
  display: none; }
  .dark-theme img.emptyDark {
    display: block; }

.livescore__toogle span {
  padding: 0 !important; }

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  /*border-top-left-radius: 4px;*/ }

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  /*border-top-right-radius: 4px;*/ }

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  border-bottom-left-radius: 6px; }

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  border-bottom-right-radius: 6px; }

.ui-widget-content {
  border: 1px solid #117ed1;
  background: #fff;
  color: #0f1429;
  width: 255px;
  padding: 8px 0;
  top: 240px !important; }
  .dark-theme .ui-widget-content {
    border: 1px solid #394156;
    background: #181A24;
    color: #FFFFFF; }

.ui-widget-content:focus, .ui-widget-content:active, .ui-widget-content:hover {
  border: 1px solid #117ed1; }
  .dark-theme .ui-widget-content:focus, .dark-theme .ui-widget-content:active, .dark-theme .ui-widget-content:hover {
    border: 1px solid #1894f2; }

.ui-widget-content a {
  color: #0f1429; }
  .dark-theme .ui-widget-content a {
    color: #FFFFFF; }

.ui-menu .ui-menu-item a {
  text-decoration: none;
  display: block;
  padding: 2px 15px 2px 17px;
  min-height: 24px;
  /* support: IE7 */
  font-weight: normal;
  font-size: 1.4rem;
  display: flex;
  align-items: center; }

.ui-menu .ui-menu-item {
  padding: 2px 0; }

.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active {
  font-weight: normal;
  margin: -1px; }

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  border: 1px solid transparent;
  background-color: rgba(228, 232, 240, 0.4);
  font-weight: normal;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  cursor: pointer; }
  .dark-theme .ui-state-hover, .dark-theme
  .ui-widget-content .ui-state-hover, .dark-theme
  .ui-widget-header .ui-state-hover, .dark-theme
  .ui-state-focus, .dark-theme
  .ui-widget-content .ui-state-focus, .dark-theme
  .ui-widget-header .ui-state-focus {
    background-color: rgba(33, 36, 49, 0.4); }

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
  border: 1px solid transparent;
  background-color: rgba(228, 232, 240, 0.4);
  font-weight: normal; }
  .dark-theme .ui-state-active, .dark-theme
  .ui-widget-content .ui-state-active, .dark-theme
  .ui-widget-header .ui-state-active {
    background-color: rgba(33, 36, 49, 0.4); }

/*PLACEHOLDER MOVE TOP*/
.winput .placeholder_top_okvir {
  position: relative;
  display: flex;
  align-self: center;
  width: 320px; }

.registration__input_okvir .winput .placeholder_top_okvir, #progress .winput .placeholder_top_okvir {
  position: relative;
  display: flex;
  align-self: center;
  width: 360px; }

label.placeholder_top {
  position: absolute;
  /*line-height: 64px;*/
  left: 16px;
  color: #747e99;
  font-size: 1.4rem;
  transition: .5s;
  pointer-events: none;
  top: 24px;
  /*.winput__copy & {
        left: 64px;
    }*/ }
  .dark-theme label.placeholder_top {
    color: #818A9C; }
  .winput__crypto.inactive label.placeholder_top {
    left: 16px; }
  .winput__crypto.active label.placeholder_top {
    left: 52px; }

.placeholder_small {
  position: absolute;
  /*line-height: 64px;*/
  left: 16px;
  color: #747e99;
  font-size: 1.4rem;
  transition: .5s;
  pointer-events: none;
  top: 22px !important; }
  .dark-theme .placeholder_small {
    color: #818A9C; }

.winput input:focus ~ label.placeholder_top,
.winput input:visited ~ label.placeholder_top,
.top__user_sign__txt input:focus ~ label.placeholder_top,
.top__user_sign__txt input:visited ~ label.placeholder_top,
.winput textarea:focus ~ label.placeholder_top,
.winput textarea:visited ~ label.placeholder_top,
.input__has-value .placeholder_top,
.input__has-value-always .placeholder_top {
  top: 8px !important;
  font-size: 1.2rem; }

/*-------------------------------------------------------*/
.account__valuta {
  font-size: 1.4rem;
  color: #747e99;
  /*margin-left: 8px;*/
  align-self: center;
  /*margin-top: -8px;*/
  position: absolute;
  right: 12px; }
  .dark-theme .account__valuta {
    color: #818A9C; }
  .account__valuta.crypto {
    width: 24px;
    height: 24px;
    background: linear-gradient(180deg, #69D5F0 0%, #0F7D99 100%);
    color: #FFFFFF;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    display: flex;
    right: 16px; }

.account__valuta1 {
  font-size: 1.4rem;
  /*color: $light-color-typography-dimmed;*/
  margin-left: 4px;
  align-self: center;
  /*margin-top: -8px;*/ }
  .dark-theme .account__valuta1 {
    /*color: $dark-color-typography-dimmed;*/ }

.placeholder_plus_sign {
  font-size: 1.4rem;
  color: #0f1429;
  align-self: center;
  position: absolute;
  left: 16px;
  top: 28px;
  font-weight: bold; }
  .dark-theme .placeholder_plus_sign {
    color: #818A9C; }

.tooltip__info {
  position: absolute;
  bottom: 12px;
  right: 12px;
  color: #747e99;
  font-size: 1.2rem; }
  .dark-theme .tooltip__info {
    color: #818A9C; }

.account__payment_checkbox {
  padding-top: 8px;
  display: flex; }

.payment_checkbox_txt {
  font-size: 1.4rem;
  line-height: 16px;
  color: #0f1429;
  margin-left: 16px; }
  .dark-theme .payment_checkbox_txt {
    color: #FFFFFF; }

.payment_checkbox_txt a {
  color: #117ed1;
  line-height: 20px; }
  .dark-theme .payment_checkbox_txt a {
    color: #1894f2; }

.payment_checkbox_txt a:hover {
  text-decoration: none;
  box-shadow: 0 1px 0 #117ed1; }
  .dark-theme .payment_checkbox_txt a:hover {
    box-shadow: 0 1px 0 #1894f2; }

.account__payment__bank_subtitle {
  font-size: 1.8rem;
  height: 24px;
  line-height: 24px;
  color: #0f1429;
  padding-bottom: 16px;
  font-weight: bold; }
  .dark-theme .account__payment__bank_subtitle {
    color: #FFFFFF; }

.d-layout .support__content_right .account__payment__bank_subtitle {
  display: flex; }

.account__payment__bank_left {
  min-width: 172px;
  font-size: 1.4rem;
  line-height: 20px;
  height: 20px;
  text-align: left;
  color: #747e99; }
  .dark-theme .account__payment__bank_left {
    color: #818A9C; }

.account__payment__bank_right {
  font-size: 1.4rem;
  line-height: 20px;
  height: 20px;
  text-align: left;
  color: #0f1429;
  font-weight: bold; }
  .dark-theme .account__payment__bank_right {
    color: #FFFFFF; }

.account__payment__bank_table {
  width: 100%;
  margin-bottom: 48px; }

.account__payment__bank_print ul {
  list-style: none;
  width: 100%;
  display: flex; }

.account__payment__bank_print ul li {
  margin-right: 24px;
  height: 32px; }

.account__payment__bank_print_link a {
  color: #117ed1;
  font-size: 1.4rem;
  align-self: center; }
  .dark-theme .account__payment__bank_print_link a {
    color: #1894f2; }

.account__payment__bank_print_link a:hover span {
  border-bottom: 1px solid #117ed1; }
  .dark-theme .account__payment__bank_print_link a:hover span {
    border-bottom: 1px solid #1894f2; }

.account__payment__bank_print_link span {
  line-height: 24px;
  display: inline-block; }

.account__payment__abon_location_link a {
  color: #117ed1;
  font-size: 1.4rem;
  align-self: center; }
  .dark-theme .account__payment__abon_location_link a {
    color: #1894f2; }

.account__payment__abon_location_link a:hover span {
  box-shadow: 0 1px 0 #117ed1; }
  .dark-theme .account__payment__abon_location_link a:hover span {
    box-shadow: 0 1px 0 #1894f2; }

.account__payment__abon_location_link span {
  line-height: 24px;
  display: inline-block; }

.account__payment__bank_print ul li i {
  font-size: 1.6rem;
  margin-right: 8px;
  vertical-align: middle; }

.account__payment__bank_print ul li i:hover, .account__payment__bank_print ul li a:hover i {
  text-decoration: none !important; }

.account__payment__xbon_location_link a {
  color: #117ed1;
  font-size: 1.4rem;
  align-self: center; }
  .dark-theme .account__payment__xbon_location_link a {
    color: #1894f2; }

.account__payment__xbon_location_link a:hover span {
  box-shadow: 0 1px 0 #117ed1; }
  .dark-theme .account__payment__xbon_location_link a:hover span {
    box-shadow: 0 1px 0 #1894f2; }

.account__payment__xbon_location_link span {
  line-height: 24px;
  display: inline-block; }

.qrcodedeposit {
  padding: 10px;
  background: #fff;
  width: 180px; }

/*SKRIVANJE TEKSTA OBRADE NA DEPOSIT*/
.account__content__payment_td4 {
  display: none; }

.account__content__payment_th3 {
  display: none; }

/*-----------------------------------*/
.xpay_border {
  margin: 10px 0;
  background-color: #b8bed1;
  height: 1px; }
  .dark-theme .xpay_border {
    background-color: #394156; }

.xpay_button {
  padding-top: 24px;
  margin-right: 8px; }

.account__body {
  background-color: #fff; }
  .dark-theme .account__body {
    background-color: #181A24; }

.account__content_heading.cashout_icon_remove i {
  display: none; }

.payment__dropdown {
  width: 320px;
  height: 60px;
  border-radius: 8px;
  font-size: 1.2rem;
  /*font-weight: bold;*/
  text-align: left;
  padding-left: 12px;
  margin-bottom: 8px;
  color: #747e99;
  border: 1px solid #b8bed1;
  padding-top: 8px; }
  .dark-theme .payment__dropdown {
    border: 1px solid #394156;
    color: #818A9C;
    background-color: #212431; }
  .payment__dropdown:disabled {
    opacity: 1;
    background-color: #e4e8f0 !important;
    border: 1px solid #b8bed1 !important; }
    .dark-theme .payment__dropdown:disabled {
      background-color: #212431 !important;
      border: 1px solid #394156 !important; }
  .winput__crypto.inactive .payment__dropdown {
    padding-left: 12px; }
    .winput__crypto.inactive .payment__dropdown:disabled {
      opacity: 1;
      background-color: #e4e8f0 !important;
      border: 1px solid #b8bed1 !important; }
      .dark-theme .winput__crypto.inactive .payment__dropdown:disabled {
        background-color: #212431 !important;
        border: 1px solid #394156 !important; }
  .winput__crypto.active .payment__dropdown {
    padding-left: 52px; }
    .winput__crypto.active .payment__dropdown:disabled {
      opacity: 1;
      background-color: #e4e8f0 !important;
      border: 1px solid #b8bed1 !important; }
      .dark-theme .winput__crypto.active .payment__dropdown:disabled {
        background-color: #212431 !important;
        border: 1px solid #394156 !important; }
  .winput__crypto .payment__dropdown {
    -webkit-appearance: initial; }

.payment__textbox:disabled {
  opacity: 1;
  background-color: #e4e8f0 !important;
  border: 1px solid #b8bed1 !important; }
  .dark-theme .payment__textbox:disabled {
    background-color: #212431 !important;
    border: 1px solid #394156 !important; }

.crypto-icon {
  position: absolute;
  left: 16px;
  display: flex;
  align-items: center;
  height: calc(100% - 8px); }

.crypto__qr {
  display: flex;
  justify-content: center;
  border: 1px solid #b8bed1;
  border-bottom: 0;
  border-radius: 16px 16px 0 0;
  background-color: #e4e8f0;
  padding: 16px;
  align-items: center;
  max-width: 288px; }
  .dark-theme .crypto__qr {
    border: 1px solid #394156;
    background-color: #212431; }
  .crypto__qr img {
    border-radius: 12px;
    border: 1px solid #b8bed1;
    padding: 12px;
    background: #fff; }
    .dark-theme .crypto__qr img {
      border: 1px solid #394156; }

.crypto__qr__txt {
  display: flex;
  flex-direction: column;
  margin-right: 16px; }

.crypto__qr__title {
  font-size: 1.8rem;
  line-height: 22px;
  font-weight: bold;
  color: #0f1429;
  margin-bottom: 4px; }
  .dark-theme .crypto__qr__title {
    color: #FFFFFF; }

.crypto__qr__desc {
  color: #414b66;
  font-size: 1.4rem;
  line-height: 18px; }
  .dark-theme .crypto__qr__desc {
    color: #B6BECE; }

.crypto__address__frame, .crypto__tag__frame {
  position: relative;
  display: flex;
  align-items: center;
  margin-left: 16px; }

.crypto__address__placeholder {
  font-size: 1.2rem;
  line-height: 16px;
  color: #747e99; }
  .dark-theme .crypto__address__placeholder {
    color: #818A9C; }

.crypto__address__second, .crypto__address__first, .crypto__address__tag, .crypto__address__copied {
  font-size: 1.4rem;
  line-height: 20px;
  color: #0f1429;
  font-weight: bold; }
  .dark-theme .crypto__address__second, .dark-theme .crypto__address__first, .dark-theme .crypto__address__tag, .dark-theme .crypto__address__copied {
    color: #FFFFFF; }

.crypto__address__wrapper {
  overflow: hidden;
  white-space: nowrap;
  display: flex;
  margin-right: 16px; }
  .crypto__address__wrapper .crypto__address__first {
    flex-grow: 0;
    overflow: hidden;
    text-overflow: ellipsis; }
  .crypto__address__wrapper .crypto__address__second {
    flex-grow: 1; }
  .crypto__address__wrapper.displayNone {
    display: none; }

#progress .payment__dropdown {
  width: 360px; }

#progress .account__filter select, .registration__content_okvir .account__filter select {
  width: 117px; }

i.printaj {
  color: #117ed1;
  font-size: 1.6rem;
  margin-top: 10px;
  display: inline-block; }
  .dark-theme i.printaj {
    color: #1894f2; }

.account__payment_title {
  font-size: 1.4rem;
  text-align: left;
  line-height: 16px;
  height: 16px;
  margin-bottom: 8px;
  color: #414b66; }
  .dark-theme .account__payment_title {
    color: #B6BECE; }

.account__payment_radiobutton {
  padding-bottom: 8px; }

td.account__payment_radiobutton table tbody tr td {
  padding-right: 24px; }

td.account__payment_radiobutton table tbody tr td input {
  margin-right: 8px;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  cursor: pointer; }

td.account__payment_radiobutton table tbody tr td label {
  font-size: 1.4rem;
  font-weight: bold;
  vertical-align: middle;
  cursor: pointer; }

.account__transaction_filters {
  display: flex; }

.account__transaction_filter {
  margin-bottom: 24px; }

.account__filter select {
  width: 104px;
  height: 44px;
  border-radius: 6px;
  font-size: 1.4rem;
  padding-left: 10px;
  float: left;
  margin-right: 4px;
  border: 1px solid #b8bed1;
  color: #0f1429; }
  .dark-theme .account__filter select {
    border: 1px solid #394156;
    color: #FFFFFF;
    background-color: #212431; }

.account__transaction_filter select {
  /*width: 150px;*/
  height: 32px;
  border-radius: 3px;
  font-size: 1.4rem;
  padding-left: 10px;
  float: left;
  margin-right: 4px;
  border: 1px solid #b8bed1;
  color: #0f1429; }
  .dark-theme .account__transaction_filter select {
    border: 1px solid #394156;
    color: #FFFFFF;
    background-color: #212431; }

.account__transaction_th {
  background-color: #e4e8f0;
  height: 40px;
  /*line-height: 40px;*/
  color: #747e99;
  font-size: 1.2rem;
  font-weight: bold;
  vertical-align: middle; }
  .dark-theme .account__transaction_th {
    background-color: #212431;
    color: #818A9C; }

.account-head {
  padding: 0; }

.account-head .wsegments.wsegments-brand {
  background-color: #ecedee;
  background-color: rgba(15, 20, 41, 0.08);
  border-radius: 12px;
  height: 40px;
  padding: 4px; }
  .dark-theme .account-head .wsegments.wsegments-brand {
    background-color: #212431;
    background-color: rgba(255, 255, 255, 0.08); }
  .account-head .wsegments.wsegments-brand .wsegment-item.wsegment-item__active {
    background-color: #fff;
    color: #0f1429; }
    .dark-theme .account-head .wsegments.wsegments-brand .wsegment-item.wsegment-item__active {
      background-color: #181A24;
      color: #FFFFFF; }

.wsegment-item a {
  color: #0f1429; }
  .dark-theme .wsegment-item a {
    color: #FFFFFF; }

.history-ticket__opened .account-head {
  display: none; }

.account-head__back-btn {
  display: none; }

.account-head__history-menu {
  flex-grow: 1; }

.account-head__empty {
  display: none; }

.account__transaction_th1, .account__transaction_th6, .account__ticket_th1, .account__ticket_th2 {
  text-align: left; }

.account__ticket_th1 {
  width: 120px;
  text-align: left; }

.account__ticket_th2 {
  width: 45%;
  text-align: left; }

th.account__ticket_th3, .account__ticket_th4 {
  width: 60px; }

.account__ticket_th5 i {
  display: none; }

.account__ticket_th6 {
  width: 24px;
  text-align: right;
  color: #747e99; }
  .dark-theme .account__ticket_th6 {
    color: #818A9C; }

.account__ticket_tr .listicBroj {
  width: 45%;
  text-align: left; }

.account__transaction_th2, .account__transaction_th3,
.account__transaction_th4, .account__transaction_th5,
.account__ticket_th3, .account__ticket_th4, .account__ticket_th5, .listicUlog, .listicKvota {
  text-align: right; }

.account__transaction_th:first-child {
  padding-left: 12px; }

.account__transaction_th:last-child {
  padding-right: 12px; }

.account__transaction_tr {
  height: 24px; }

.account__transaction_tr:hover {
  background-color: rgba(0, 0, 0, 0.06); }
  .dark-theme .account__transaction_tr:hover {
    background-color: rgba(255, 255, 255, 0.06); }

.account__transaction_tr td:first-child {
  padding-left: 12px; }

.account__transaction_tr td:last-child {
  padding-right: 12px; }

.account__transaction_tr td {
  height: 16px;
  vertical-align: middle;
  font-size: 1.2rem;
  text-align: left; }

.transaction_date {
  color: #747e99;
  text-align: left;
  font-variant-numeric: tabular-nums; }
  .dark-theme .transaction_date {
    color: #818A9C; }

.transaction_deposit, .transaction_cashout, .transaction_stake,
.transaction_winning {
  text-align: right !important; }

.transaction_link {
  text-align: right !important;
  font-size: 18px !important;
  vertical-align: middle;
  color: #117ed1; }
  .dark-theme .transaction_link {
    color: #1894f2; }

.transaction_deposit {
  color: #11994c !important;
  font-weight: bold; }
  .dark-theme .transaction_deposit {
    color: #28e091 !important; }

.bonus__th:first-child {
  padding-left: 12px; }

.bonus__th {
  white-space: nowrap;
  text-align: center;
  /*padding: 10px;*/
  background-color: #e4e8f0;
  height: 40px;
  /*line-height: 40px;*/
  color: #747e99;
  font-size: 1.2rem;
  font-weight: bold;
  vertical-align: middle;
  margin-bottom: 8px;
  text-align: center; }
  .dark-theme .bonus__th {
    background-color: #212431;
    color: #818A9C; }

.bonus__th span {
  width: 13%;
  display: inline-block;
  white-space: normal;
  float: left; }

.bonus__th span.state {
  width: 7%;
  padding-right: 12px;
  text-align: right; }

.bonus_list .item {
  white-space: nowrap;
  text-align: center;
  font-size: 1.2rem;
  height: 24px;
  vertical-align: middle;
  display: flex;
  align-self: center; }

.bonus_list .item:hover {
  background-color: rgba(0, 0, 0, 0.06); }
  .dark-theme .bonus_list .item:hover {
    background-color: rgba(255, 255, 255, 0.06); }

.bonus_list .item span:first-child {
  padding-left: 12px; }

.bonus_list .item.cekajuci, .bonus_list .item.cekajuci span.state i {
  color: #747e99; }
  .dark-theme .bonus_list .item.cekajuci, .dark-theme .bonus_list .item.cekajuci span.state i {
    color: #818A9C; }

.item.neaktivan span:first-child {
  padding-left: 12px; }

.bonus_list .item span {
  width: 13%;
  /*display: inline-block;*/
  text-align: center;
  align-self: center; }

.bonus_list .item span.state {
  width: 7%;
  white-space: normal;
  text-align: right;
  padding-right: 12px; }

.bonus_list .item span.state {
  font-size: 1.6rem; }

.bonus_list .item span a {
  /*color: #fff;*/ }

.faqBonus {
  text-align: left;
  margin: 24px 0; }

.faqBonus a {
  text-decoration: none;
  color: #117ed1;
  font-size: 1.4rem; }
  .dark-theme .faqBonus a {
    color: #1894f2; }

.faqBonus a:hover {
  text-decoration: none;
  box-shadow: 0 1px 0 #117ed1; }
  .dark-theme .faqBonus a:hover {
    box-shadow: 0 1px 0 #1894f2; }

.empty__message-note ul {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center; }

.empty__message-note--txt {
  font-size: 1.4rem;
  line-height: 20px;
  text-align: center; }
  .empty__message-note--txt a {
    text-decoration: none;
    color: #117ed1; }
    .dark-theme .empty__message-note--txt a {
      color: #1894f2; }
    .empty__message-note--txt a:hover {
      box-shadow: 0 1px 0 #117ed1; }
      .dark-theme .empty__message-note--txt a:hover {
        box-shadow: 0 1px 0 #1894f2; }

.account-bonus_links {
  display: flex;
  justify-content: center;
  grid-column-gap: 32px; }

.account__title {
  font-size: 1.4rem;
  text-align: left;
  line-height: 16px;
  /*height: 16px;*/
  margin-bottom: 8px;
  color: #414b66; }
  .dark-theme .account__title {
    color: #B6BECE; }

.account__subtitle {
  font-size: 1.8rem;
  height: 24px;
  line-height: 24px;
  color: #0f1429;
  padding-bottom: 16px;
  font-weight: bold; }
  .dark-theme .account__subtitle {
    color: #FFFFFF; }

.account__title_subscription {
  font-size: 1.4rem;
  text-align: left;
  line-height: 20px;
  /*height: 16px;*/
  padding-bottom: 8px;
  color: #414b66; }
  .dark-theme .account__title_subscription {
    color: #B6BECE; }

.account__title_personal {
  font-size: 1.4rem;
  text-align: left;
  line-height: 20px;
  /*height: 16px;*/
  margin-bottom: 8px;
  color: #414b66;
  font-weight: 400; }
  .dark-theme .account__title_personal {
    color: #B6BECE; }

.aspNetDisabled:disabled {
  background-color: #e4e8f0 !important;
  border: 1px solid #b8bed1 !important; }
  .dark-theme .aspNetDisabled:disabled {
    background-color: #212431 !important;
    border: 1px solid #394156 !important; }

.account__payment_radiobutton .aspNetDisabled {
  background-color: transparent !important;
  border: 0 !important; }

.winput input.aspNetDisabled:hover, .winput input.aspNetDisabled:active, .winput input.aspNetDisabled:focus, .winput select:disabled {
  border: 1px solid #b8bed1; }
  .dark-theme .winput input.aspNetDisabled:hover, .dark-theme .winput input.aspNetDisabled:active, .dark-theme .winput input.aspNetDisabled:focus, .dark-theme .winput select:disabled {
    border: 1px solid #394156; }

td.account__ticket_state {
  width: 16px;
  padding-right: 8px;
  color: #414b66; }
  .dark-theme td.account__ticket_state {
    color: #B6BECE; }

.account__ticket_state .ticketIcon {
  font-size: 1.6rem;
  font-weight: normal; }

.gubitni {
  color: #eb3471; }

.dobitni {
  color: #00c274; }
  .dark-theme .dobitni {
    color: #28e091; }

.listicDatum {
  width: 96px;
  text-align: left;
  color: #747e99; }
  .dark-theme .listicDatum {
    color: #818A9C; }

.listicUlog, .listicKvota {
  text-align: right !important;
  width: 60px; }

.zatOtv {
  width: 24px;
  text-align: right !important; }

.zatOtv span {
  font-size: 1.6rem;
  color: #747e99; }
  .dark-theme .zatOtv span {
    color: #818A9C; }

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

.rDobitak.ze {
  color: #00c274;
  font-weight: bold; }
  .dark-theme .rDobitak.ze {
    color: #28e091; }

.rDobitak.cr {
  color: #747e99; }
  .dark-theme .rDobitak.cr {
    color: #818A9C; }

.account__ticket_table {
  width: 100%;
  margin: 4px 0; }

.account__ticket_tr {
  height: 24px; }

.account__ticket_tr:hover {
  background-color: rgba(0, 0, 0, 0.06);
  cursor: pointer; }
  .dark-theme .account__ticket_tr:hover {
    background-color: rgba(255, 255, 255, 0.06); }

.account__ticket_tr td:first-child {
  padding-left: 12px; }

.account__ticket_tr td:last-child {
  padding-right: 12px; }

.account__ticket_tr td {
  height: 16px;
  vertical-align: middle;
  font-size: 1.2rem;
  text-align: left; }

.ticket__header {
  padding: 0 12px; }

td.ticket__heading {
  display: flex;
  /*width: 640px;*/
  padding: 24px 0px;
  height: 32px; }

.ticket__heading_left {
  display: flex;
  width: 50%; }

.ticket__heading_right {
  display: flex;
  width: 50%; }

.ticket__logo img {
  width: 77px;
  height: 20px; }

.ticket__logo {
  display: inline-block;
  align-self: center; }

.ticket__activ_row.activ {
  border-top: 1px solid #b8bed1;
  border-left: 1px solid #b8bed1;
  border-right: 1px solid #b8bed1;
  background-color: #d8dae6; }
  .dark-theme .ticket__activ_row.activ {
    border-top: 1px solid #394156;
    border-left: 1px solid #394156;
    border-right: 1px solid #394156;
    background-color: #0D0E12; }

.ticket__activ_row.activ .account__ticket_tr:hover:hover {
  background-color: #d8dae6; }
  .dark-theme .ticket__activ_row.activ .account__ticket_tr:hover:hover {
    background-color: #0D0E12; }

tr.ticket__activ_row.activ .account__ticket_tr {
  height: 40px;
  transition: .3s; }

.ticket__okvir_tr {
  /*border-bottom: 1px solid $light-color-layout-border;*/
  border-left: 1px solid #b8bed1;
  border-right: 1px solid #b8bed1;
  background-color: rgba(228, 232, 240, 0.4); }
  .dark-theme .ticket__okvir_tr {
    /*border-bottom: 1px solid $dark-color-layout-border;*/
    border-left: 1px solid #394156;
    border-right: 1px solid #394156;
    background-color: rgba(33, 36, 49, 0.4); }

.ticket__okvir {
  padding-bottom: 48px;
  position: relative;
  border-bottom: 1px solid #b8bed1; }
  .dark-theme .ticket__okvir {
    border-bottom: 1px solid #394156; }

.ticket__id {
  align-self: center;
  margin-left: 24px;
  font-size: 1.2rem;
  color: #747e99; }
  .dark-theme .ticket__id {
    color: #818A9C; }

.ispisLogoListicTable {
  /*height: 54px;*/
  width: 100%;
  background-repeat: no-repeat; }

.ticket__earlypayout_confirm {
  display: flex; }

.msgListic .itemTrue {
  position: absolute;
  min-width: 200px;
  line-height: 16px;
  background-color: #c2eddc;
  border: 1px solid #00c274;
  border-radius: 6px;
  color: #0f1429;
  padding: 5px;
  font-size: 1.2rem; }

.msgListic .itemFalse {
  position: absolute;
  min-width: 200px;
  line-height: 16px;
  background-color: #EED0D7;
  border: 1px solid #eb3471;
  border-radius: 6px;
  color: #0f1429;
  padding: 5px;
  font-size: 1.2rem; }

.pisp {
  cursor: pointer;
  line-height: 32px;
  font-size: 1.2rem;
  font-weight: normal;
  text-align: center; }

.ticket__icon {
  font-size: 2.0rem;
  color: #747e99;
  margin: 0 4px;
  padding-bottom: 4px; }
  .dark-theme .ticket__icon {
    color: #818A9C; }

.ticket__footer {
  margin-top: 24px;
  font-size: 1.4rem;
  font-weight: bold;
  padding: 0 12px;
  position: relative; }

.ticket__bottom_border {
  position: absolute;
  height: 1px;
  top: -25px;
  right: 0px;
  width: 325px;
  background-color: #b8bed1; }
  .dark-theme .ticket__bottom_border {
    background-color: #394156; }

td.ticket__footer_td {
  width: 30%; }

td.ticket__footer_td:last-child {
  width: 20%; }

td.ticket__footer_td:first-child {
  width: 20%; }

.ticket__ulog_okvir {
  display: flex;
  align-items: center;
  color: #414b66; }
  .dark-theme .ticket__ulog_okvir {
    color: #B6BECE; }
  .ticket__ulog_okvir .ticket__ulog_value {
    font-family: bebas-neue-pro, sans-serif;
    font-size: 2rem;
    color: #0f1429; }
    .dark-theme .ticket__ulog_okvir .ticket__ulog_value {
      color: #FFFFFF; }

.ticket__tax {
  display: flex;
  /*height: 20px;
    line-height: 20px;*/ }

.taxInfo {
  display: inline-block;
  /* float: right; */
  color: #747e99;
  margin-left: 4px;
  font-size: 1.6rem; }
  .dark-theme .taxInfo {
    color: #818A9C; }
  .taxInfo:hover {
    color: #0f1429;
    cursor: pointer; }
    .dark-theme .taxInfo:hover {
      color: #FFFFFF; }

.listicFporez {
  display: flex;
  /* justify-content: flex-start; */
  width: 100%;
  height: 20px;
  line-height: 20px; }

span.fPorez {
  /*width: 50%;*/
  text-align: left;
  font-weight: normal;
  flex-grow: 0; }

span.fPorez__value {
  /*width: 50%;*/
  text-align: right;
  font-weight: normal;
  flex-grow: 1; }

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

.ticket__content .item {
  /*display: -ms-inline-flexbox;
    display: -moz-inline-box;
    display: inline-block;*/
  /*width: 313px;*/
  /*height: 63px;*/
  border-bottom: 1px solid #b8bed1; }
  .dark-theme .ticket__content .item {
    border-bottom: 1px solid #394156; }

.ticket__pair {
  padding: 8px 12px 8px 0px;
  width: 100%; }

.ticket__pair_size:nth-child(even) .ticket__pair {
  margin-left: 6px; }

.ticket__pair_size.empty-pair .ticket__pair {
  padding-bottom: 0;
  /*height: 99%;*/ }

.ticket__pair_size:nth-child(odd) .ticket__pair {
  /*float: left;*/
  margin-right: 6px; }

.ticket__pair_size {
  width: 50%;
  display: flex; }

.ticket__pair_first_row {
  height: 100%; }

tr.ticket__pair_first_row td {
  vertical-align: top; }

.ticket__table_oneTD {
  height: 1px;
  width: 20px; }

.ticket__table_left {
  height: 100%; }

.ticket__table_two {
  width: 100%; }

/*.ticket__content .rezPad {
    display: flex;
    justify-content: flex-end;
    margin-top: 4px;
}*/
.ticket__content .item .rez1 {
  text-align: right;
  cursor: pointer;
  margin-left: 4px; }

.ticket__content .item .rez2 {
  text-align: right;
  /*font-weight: bold;*/
  cursor: pointer;
  display: flex;
  align-items: center;
  width: auto;
  margin-left: 4px; }

.ticket__content .item .rez3 {
  text-align: right;
  /*font-weight: bold;*/
  cursor: pointer;
  display: flex;
  align-items: center;
  width: auto; }

.ticket__content .item .rez4 {
  text-align: right;
  /* max-width: 80px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;*/
  /*padding-top: 1px;*/
  /*padding-right: 7px;*/
  font-weight: bold;
  cursor: pointer; }

.ticket__content .ticket__pair .lParName {
  display: flex;
  align-items: center;
  padding-bottom: 2px;
  position: relative;
  padding-top: 2px; }

.ticket__content .ticket__pair_name {
  font-weight: bold;
  font-size: 1.4rem;
  color: #0f1429;
  /*overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 200px;*/
  min-height: 20px;
  line-height: 20px; }
  .dark-theme .ticket__content .ticket__pair_name {
    color: #FFFFFF; }

.ticket__pair_name--virtual {
  font-weight: bold;
  font-size: 1.4rem;
  color: #0f1429;
  /*    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 235px !important;*/
  min-height: 20px;
  line-height: 20px; }
  .dark-theme .ticket__pair_name--virtual {
    color: #FFFFFF; }

.virtual__ticket--space {
  width: 100%;
  margin-top: 16px; }

.ticket__icon--virtual-empty {
  margin: 0 4px;
  width: 20px;
  height: 20px;
  padding-bottom: 4px; }

.virtual__ticket--payin-txt,
.virtual__ticket--odds-txt,
.virtual__ticket--tax-txt,
.virtual__ticket--winnings-txt,
.virtual__ticket--payin,
.virtual__ticket--odds,
.virtual__ticket--tax,
.virtual__ticket--winnings {
  margin-right: 8px;
  margin-bottom: 4px;
  text-transform: uppercase;
  font-size: 1.2rem;
  font-weight: normal;
  line-height: 16px; }

.virtual__ticket--payout-txt {
  margin-bottom: 4px;
  text-transform: uppercase;
  font-size: 1.2rem;
  font-weight: normal;
  line-height: 16px; }

/*.ticket__content .ticket__pair_name:hover {
    min-height: 20px;
    position: absolute;
    left: 28px;
    background: #f4f6f9;
    width: 200px;
    top: 0;
    overflow: visible;
    white-space: normal;
    text-overflow: initial;
    width: 210px;
    line-height: 20px;
    cursor: context-menu;
    transition: .2s;


    .dark-theme & {
        background: #121832;
    }
}*/
.virtual__ticket-time {
  line-height: 18px;
  text-align: right; }

.virtual__ticket--okvir {
  display: flex;
  width: 100%; }

.listicIspisContainer .ispisUlog {
  font-size: 1.4rem;
  /*width: 27%;*/
  text-align: center;
  /*float: left;*/
  font-weight: bold;
  color: #0f1429;
  display: flex;
  flex-wrap: wrap;
  /*margin-right: 2%;*/
  margin-bottom: 4px;
  flex-grow: 1;
  flex-direction: column;
  text-align: left; }
  .dark-theme .listicIspisContainer .ispisUlog {
    color: #FFFFFF; }

.listicIspisContainer {
  background-color: #fff;
  /*color: #5f5f5f;*/
  /*font-size: 11px;*/
  left: 0;
  top: 0;
  /*padding-bottom: 10px;*/
  width: 830px;
  border-radius: 6px;
  background-color: #fff;
  border: 1px solid #b8bed1;
  box-shadow: 0 6px 12px 0 rgba(15, 20, 41, 0.12); }
  .dark-theme .listicIspisContainer {
    background-color: #181A24;
    background-color: #181A24;
    border: 1px solid #394156;
    box-shadow: 0 6px 12px 0 rgba(18, 24, 46, 0.12); }

.listicIspisContainer .ispisSistem {
  font-size: 1.2rem;
  text-align: left;
  color: #414b66;
  margin: 2px 0;
  flex-grow: 1;
  flex-direction: column;
  width: 25%;
  margin-bottom: 12px; }
  .dark-theme .listicIspisContainer .ispisSistem {
    color: #B6BECE; }

.ticket__played_systems--comb {
  line-height: 16px;
  font-size: 1.2rem;
  color: #414b66; }
  .dark-theme .ticket__played_systems--comb {
    color: #B6BECE; }

.ticket__played_systems--value {
  line-height: 20px;
  font-size: 1.4rem;
  font-weight: bold;
  color: #0f1429; }
  .dark-theme .ticket__played_systems--value {
    color: #FFFFFF; }

.modal__actions {
  text-align: right; }

.virtual__ticket--payin {
  /*width: 20% !important;*/ }

.virtual__ticket--tax {
  /*width: 20% !important;*/ }

.virtual__ticket--payout {
  margin-right: 0 !important;
  justify-content: flex-end; }

.listicIspisContainer .odigraniSist {
  font-size: 1.2rem;
  font-weight: normal;
  text-transform: uppercase;
  margin-right: 24px;
  line-height: 24px; }

.listicIspisContainer .ticket__played_systems--okvir {
  margin: 16px 0 8px 0;
  width: 100%;
  font-size: 1.2rem;
  padding: 12px;
  font-weight: normal;
  background-color: #e4e8f0;
  color: #414b66;
  border: 1px solid #b8bed1;
  display: flex; }
  .dark-theme .listicIspisContainer .ticket__played_systems--okvir {
    background-color: #212431;
    border: 1px solid #394156; }

.ticket__played_systems--combinations {
  flex-grow: 1;
  display: flex;
  flex-wrap: wrap; }

.ticket__content .ticket__pair .lKvacFix .lkvacica, .SistemKomb .ticket__pair .lKvacFix .lkvacica {
  margin: 0 2px;
  /*height: 32px;*/
  height: 100%;
  text-align: center;
  border-radius: 2px;
  width: 4px; }

.ticket__content .ticket__pair .ticket__bet_detail, .SistemKomb .ticket__pair .ticket__bet_detail {
  width: 100%;
  vertical-align: bottom;
  font-size: 1.2rem;
  /*padding-left: 10px;*/ }

.listicIspisContainer .SistemKomb .item .lTip, .listicIspisContainer .SistemKomb .item .lKvota {
  /*font-size: 12px;*/
  color: #414b66; }
  .dark-theme .listicIspisContainer .SistemKomb .item .lTip, .dark-theme .listicIspisContainer .SistemKomb .item .lKvota {
    color: #B6BECE; }

.ticket__content .ticket__pair .lKvota {
  float: right;
  color: #414b66;
  font-family: bebas-neue-pro, sans-serif;
  font-size: 1.8rem; }
  .dark-theme .ticket__content .ticket__pair .lKvota {
    color: #B6BECE; }

.lKvacFix {
  padding-left: 10px;
  /*height: 1px;*/
  height: 100%; }

.ticket__pair .lParRez {
  text-align: right;
  color: #0f1429;
  font-size: 1.2rem;
  vertical-align: top; }
  .dark-theme .ticket__pair .lParRez {
    color: #FFFFFF; }

.ticket__rezultat {
  margin-left: 8px;
  font-weight: bold; }

.ticket__bet_date--okvir {
  display: flex;
  flex-shrink: 0; }

.rezPad {
  flex-grow: 1;
  flex-shrink: 0;
  margin-left: 24px;
  line-height: 16px;
  text-align: right;
  display: flex;
  justify-content: flex-end;
  align-items: center; }
  .item.yellow .rezPad {
    color: #117ed1; }
    .dark-theme .item.yellow .rezPad {
      color: #1894f2; }
  .rezPad .ticket__pair_result--ft {
    background-color: #e4e8f0;
    border-radius: 4px;
    min-width: 24px;
    text-align: center;
    display: flex;
    justify-content: center;
    padding: 0 4px;
    margin-left: 4px; }
    .dark-theme .rezPad .ticket__pair_result--ft {
      background-color: #212431; }
    .item.yellow .rezPad .ticket__pair_result--ft {
      background-color: #117ed1;
      color: #FFFFFF; }
      .dark-theme .item.yellow .rezPad .ticket__pair_result--ft {
        background-color: #1894f2;
        color: #FFFFFF; }

/*.ticket__type_kvota--okvir {
    margin-top: 2px;
}*/
.ticket__bet_type {
  display: inline-block;
  color: #414b66;
  min-height: 16px;
  line-height: 16px; }
  .dark-theme .ticket__bet_type {
    color: #B6BECE; }

.ticket__bet_name {
  display: inline-block;
  color: #414b66;
  min-height: 16px;
  line-height: 20px;
  flex-grow: 1; }
  .dark-theme .ticket__bet_name {
    color: #B6BECE; }

.ticket__fix {
  display: inline-block;
  width: 24px;
  text-align: center;
  font-size: 1.2rem;
  background-color: #117ed1;
  color: #FFFFFF;
  margin-right: 8px;
  border-radius: 4px;
  height: 16px;
  line-height: 16px; }
  .dark-theme .ticket__fix {
    background-color: #1894f2; }

.ticket__letter {
  display: inline-block;
  width: 24px;
  text-align: center;
  font-size: 1.2rem;
  background-color: #d8dae6;
  color: #0f1429;
  margin-right: 8px;
  border-radius: 4px;
  height: 16px;
  line-height: 16px; }
  .dark-theme .ticket__letter {
    background-color: #B6BECE;
    /*color: $dark-color-typography-main;*/ }

table.ticket__table_one {
  width: 100%;
  /*margin-top: 8px;*/
  height: 100%; }

table.ticket__left_table {
  height: 100%; }

.fDobitak {
  /*text-align: right;*/
  /*margin-top: 8px;*/
  display: flex;
  height: 20px;
  line-height: 20px; }

.fDobitak i {
  display: none; }

span.fDobitak__txt {
  width: 50%;
  text-align: left;
  font-weight: normal; }

span.fDobitak__value {
  width: 50%;
  text-align: right;
  font-weight: normal; }

.listicFodd {
  width: 100%;
  word-break: break-all;
  color: #414b66; }
  .dark-theme .listicFodd {
    color: #B6BECE; }
  .listicFodd .ticket__odd_value {
    font-family: bebas-neue-pro, sans-serif;
    font-size: 2rem;
    color: #0f1429; }
    .dark-theme .listicFodd .ticket__odd_value {
      color: #FFFFFF; }

.odd1 {
  color: #747e99; }
  .dark-theme .odd1 {
    color: #818A9C; }

.ticket__ev_dobitak_value {
  text-align: right;
  font-family: bebas-neue-pro, sans-serif;
  font-size: 2rem; }

.fEvDobitak {
  padding-left: 16px;
  white-space: nowrap; }

.ticket__show-more {
  display: none;
  transition: .3s; }

.activ-more .ticket__show-more {
  display: table-row; }

.activ-more .ticket__link-more {
  display: none; }

.activ-more .ticket__link-less {
  display: initial;
  cursor: pointer; }

.ticket__win-more {
  margin-left: 16px;
  border-left: 4px solid #00c274;
  padding: 8px 0 8px 12px;
  margin-top: 8px; }

.ticket__link-more {
  font-size: 1rem;
  text-transform: uppercase;
  font-weight: normal;
  border: 1px solid #0f1429;
  border-radius: 12px;
  padding: 0 8px;
  cursor: pointer;
  margin-left: 4px;
  letter-spacing: 0.6px; }
  .dark-theme .ticket__link-more {
    color: #FFFFFF;
    border: 1px solid #FFFFFF; }
  .ticket__link-more:hover {
    background-color: rgba(15, 20, 41, 0.08); }
    .dark-theme .ticket__link-more:hover {
      background-color: rgba(255, 255, 255, 0.08); }

.ticket__link-less {
  font-size: 1rem;
  text-transform: uppercase;
  font-weight: normal;
  color: #fff;
  border: 1px solid #00c274;
  background-color: #00c274;
  border-radius: 12px;
  padding: 0 8px;
  margin-left: 4px;
  letter-spacing: 0.6px; }
  .dark-theme .ticket__link-less {
    border: 1px solid #00c274;
    background-color: #00c274;
    color: #181A24; }

.bonusSpace {
  margin-left: 4px;
  display: flex; }

.ListicNewBottom .ulogPrikaz.ico-bonus:before, .bonusSpace.ico-bonus:before {
  content: "\e948";
  font-size: 1.2rem;
  color: #00c274; }

.bonus_lista {
  color: #00c274;
  margin-left: 4px;
  float: right; }

.ticket__content .ticket__pair .lTime {
  text-align: right;
  color: #414b66; }
  .dark-theme .ticket__content .ticket__pair .lTime {
    color: #B6BECE; }

table.ticket__heading_actions {
  width: 100%; }

.ticket__cashout_button {
  float: left;
  position: relative;
  /*width: 218px;*/ }

.ticket__actions {
  float: right;
  font-size: 1.6rem;
  color: #747e99;
  height: 32px;
  line-height: 32px; }
  .dark-theme .ticket__actions {
    color: #818A9C; }

.ticket__actions span {
  margin-left: 8px; }

.ticket__action {
  cursor: pointer; }
  .ticket__action:hover {
    color: #0f1429; }
    .dark-theme .ticket__action:hover {
      color: #FFFFFF; }

/*--prikazKombinacija--*/
#overlay {
  position: fixed !important;
  top: 0px;
  left: 0px;
  width: 100%;
  /* height: 1929px; */
  display: block;
  height: 100vh !important;
  z-index: 2; }

.SistemKomb {
  /*padding: 24px 64px;*/
  padding: 64px;
  display: flex;
  flex-wrap: wrap;
  /*background-color: rgba($light-color-layout-accent,0.4);*/
  border-radius: 6px; }
  .dark-theme .SistemKomb {
    background-color: #181A24;
    /*border: 1px solid $dark-color-layout-border;*/ }

.exit2 {
  /*background-position: center center;*/
  /*background-image: url("../img/msg/exit1.png");*/
  /*height: 30px;*/
  /*left: 800px;*/
  /*width: 30px;*/
  position: absolute;
  top: 24px;
  right: 24px;
  cursor: pointer;
  font-size: 2rem;
  color: #414b66; }
  .dark-theme .exit2 {
    color: #B6BECE; }
  .exit2:hover {
    color: #0f1429; }
    .dark-theme .exit2:hover {
      color: #FFFFFF; }

.print2 {
  /*right: 64px;*/
  font-size: 1.6rem;
  color: #414b66;
  position: absolute;
  right: 58px;
  top: 24px;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center; }
  .dark-theme .print2 {
    color: #B6BECE; }
  .print2:hover {
    color: #0f1429; }
    .dark-theme .print2:hover {
      color: #FFFFFF; }

.ico-exit:before {
  content: "\e970"; }

tr.razrada__values td {
  padding: 8px;
  font-weight: bold;
  font-size: 1.2rem; }

.razrada__values {
  border-bottom: 1px solid #b8bed1; }
  .dark-theme .razrada__values {
    border-bottom: 1px solid #394156; }

.SistemKomb .item {
  /*width: 330px;*/
  /* height: 63px; */
  border-bottom: 1px solid #b8bed1; }
  .dark-theme .SistemKomb .item {
    border-bottom: 1px solid #394156; }

.SistemKomb .ticket__fix, .SistemKomb .ticket__letter {
  border-radius: 0; }

.SistemKomb .ticket__pair_name {
  font-weight: bold;
  font-size: 1.4rem;
  color: #0f1429;
  /*overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 300px;*/
  min-height: 20px;
  line-height: 20px; }
  .dark-theme .SistemKomb .ticket__pair_name {
    color: #FFFFFF; }

/*
.SistemKomb .ticket__pair_name:hover {
    font-weight: bold;
    font-size: 1.4rem;
    color: $light-color-typography-main;
    overflow: visible;
    white-space: normal;
    text-overflow: initial;
    width: 300px;
    min-height: 20px;
    line-height: 20px;
    cursor: context-menu;
    transition: .2s;
    position: absolute;
    top: 0;
    left: 28px;
    background-color: #f4f6f9;

    .dark-theme & {
        color: $dark-color-typography-main;
        background-color: $dark-color-layout-accent;
    }
}*/
.SistemKomb .ticket__pair .lParName {
  display: flex;
  align-items: center;
  padding-bottom: 2px;
  position: relative;
  padding-top: 2px; }

.prikaziKomb {
  position: absolute;
  bottom: 12px;
  margin-left: 12px;
  cursor: pointer;
  color: #117ed1;
  font-size: 1.4rem;
  line-height: 24px;
  display: inline-block; }
  .dark-theme .prikaziKomb {
    color: #1894f2; }

.prikaziKomb:hover {
  text-decoration: none;
  box-shadow: 0 1px 0 #117ed1; }
  .dark-theme .prikaziKomb:hover {
    box-shadow: 0 1px 0 #1894f2; }

/*.SistemKomb .item .lParName {
    width: 270px;
    font-weight: bold;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.SistemKomb .item .lOkladaName {
    width: 270px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.SistemKomb .item .lKvacFix {
    vertical-align: top;
    font-weight: bold;
    padding-top: 5px;
    text-align: center;
    width: 10px;
}*/
.SistemKomb .item .lTip {
  float: left; }

.SistemKomb .item .lKvota {
  float: right; }

.SistemKomb .komb {
  width: 124px;
  font-size: 1.0rem;
  text-align: left;
  padding: 2px 8px 2px 0; }

.SistemKomb .kombName {
  font-weight: bold;
  padding: 3px; }

.komb span {
  /*padding: 2px 4px;*/
  margin-left: 1px; }

.sistemRazrada {
  width: 100%;
  margin-top: 24px;
  margin-bottom: 12px; }

.sistemRazrada table {
  width: 100%;
  /*border: 1px solid #CCCCCC;*/ }

.sistemRazrada table th {
  background-color: #e4e8f0;
  height: 40px;
  /* line-height: 40px; */
  color: #747e99;
  font-size: 1.2rem;
  font-weight: bold;
  vertical-align: middle; }
  .dark-theme .sistemRazrada table th {
    background-color: #212431;
    color: #818A9C; }

.sistemRazrada table td {
  width: 20%;
  text-align: center; }

.ticket__content .ticket__pair.red .lKvacFix .lkvacica, .SistemKomb .lkvacica.cr {
  background-color: #eb3471; }

.SistemKomb .cr {
  color: #eb3471; }

.ticket__content .ticket__pair.grean .lKvacFix .lkvacica, .SistemKomb .lkvacica.ze {
  background-color: #00c274; }

.SistemKomb .ze, .ticket__pair.item.ze .ticket__bet_type {
  color: #00c274; }

/*.ticket__content .ticket__pair.grean .ticket__bet_type {
    color: $global-descriptive-success;
    font-weight: bold;
}*/
.ticket__content .ticket__pair.grey .lKvacFix .lkvacica, .SistemKomb .si {
  background-color: #b8bed1; }
  .dark-theme .ticket__content .ticket__pair.grey .lKvacFix .lkvacica, .dark-theme .SistemKomb .si {
    background-color: #454E66; }

.ticket__content .ticket__pair.trans .lKvacFix .lkvacica, .SistemKomb .lkvacica.tr {
  background-color: #e4e8f0; }
  .dark-theme .ticket__content .ticket__pair.trans .lKvacFix .lkvacica, .dark-theme .SistemKomb .lkvacica.tr {
    background-color: #818A9C; }

.ticket__content .ticket__pair.yellow .lKvacFix .lkvacica, .SistemKomb .lkvacica.zu {
  background-color: #1894f2;
  color: #FFFFFF; }

.SistemKomb .zu {
  color: #1894f2; }

/*-------------- pop up rezultata--------------*/
.ticket__icon-detail {
  font-size: 32px;
  background-color: #414b66;
  color: #FFFFFF;
  border-radius: 20px;
  margin-right: 12px;
  /*padding: 4px;*/
  /*display: inline-block;*/
  width: 40px;
  height: 40px;
  text-align: center;
  align-self: center;
  line-height: 38px; }

.match__time-status {
  display: inline-block;
  margin-right: 8px; }
  .dark-theme .match__time-status {
    color: #FFFFFF; }

.match__stadium, .match__referee {
  display: inline-block;
  color: #747e99; }

.ticket__detail-bar {
  height: 24px;
  background-color: rgba(65, 75, 102, 0.16); }

.ticket__detail-results-score {
  display: flex;
  align-items: center; }

.match__detail-txt {
  width: 100%;
  line-height: 1.6rem; }

.match__detail-txt span {
  display: inline-block; }

.rezgk .txt .ico-tl-sub-out {
  color: #e8253f; }

.rezgk .txt .ico-tl-sub-in {
  color: #00c274;
  margin-left: 4px; }

.nazivRezultata {
  padding: 4px 0 4px 4px !important;
  text-align: left;
  width: 308px;
  line-height: 16px; }
  .ticket__detail-results .nazivRezultata {
    padding: 10px 0 0px 4px !important; }
  .ticket__detail-results .nazivRezultata .ht {
    line-height: 16px; }
  .ticket__detail-results .nazivRezultata .at {
    line-height: 16px;
    margin-top: 4px; }

.nazivRezultata .ico-sicon {
  color: #747e99;
  font-size: 2.0rem;
  /*height: 40px;
    float: left;
    line-height: 40px;*/
  padding-right: 8px;
  float: left; }
  .dark-theme .nazivRezultata .ico-sicon {
    color: #818A9C; }

.FT .tezTab, .OT .tezTab {
  background-color: #414b66;
  font-weight: normal; }

.FT .tezTab.FTver, .OT .tezTab.FTver {
  background-color: transparent !important;
  font-weight: normal;
  color: #747e99 !important; }
  .dark-theme .FT .tezTab.FTver, .dark-theme .OT .tezTab.FTver {
    color: #818A9C !important; }

.rezPopup {
  display: none; }

.page__results .rezPopup {
  display: inherit; }

.rezPopup li {
  list-style: none; }

.rezPopup .info {
  margin-top: 16px; }

.rezPopup .close, #MagicPopUp .close {
  color: #919191;
  font-size: 14px;
  text-align: right;
  height: 35px;
  line-height: 32px;
  font-weight: bold;
  padding-right: 7px; }

.rezPopup .close span, #MagicPopUp .close span {
  padding: 2px 7px;
  border: 1px solid #474747;
  cursor: pointer; }

.rezPopup .close span:hover, #MagicPopUp .close span:hover {
  border-color: #d2d2d2;
  color: #fff; }

.rezPopup .period {
  /*background-color: #333333;*/
  border-bottom: 1px solid #d8dae6;
  padding: 4px;
  font-size: 1.2rem;
  font-weight: bold;
  /*width: 100%;*/
  line-height: 16px; }
  .dark-theme .rezPopup .period {
    border-bottom: 1px solid #394156; }

.rezPan {
  float: left;
  min-width: 24px; }

.tezTab {
  display: block;
  text-align: center;
  line-height: 16px; }

.rezPopup .kHead {
  display: flex;
  align-items: center;
  margin-bottom: 12px; }

.rezPopup .info ul.fl {
  /*max-width: 360px;*/ }

.rezPopup .extraKategorija, .rezPopup .extraTurnir {
  color: #414b66;
  font-size: 1.2rem; }
  .dark-theme .rezPopup .extraKategorija, .dark-theme .rezPopup .extraTurnir {
    color: #B6BECE; }

.rezPopup .period .rez {
  width: 48%;
  display: inline-block; }

.rezPopup .period .text {
  width: 48%;
  display: inline-block; }

.rezPopup .rezgk {
  /*background-color: #222222;*/
  border-bottom: 1px solid #d8dae6;
  color: #ccc;
  padding: 4px; }
  .dark-theme .rezPopup .rezgk {
    border-bottom: 1px solid #394156; }

.rezPopup .rezgk .min {
  width: 24px;
  text-align: left;
  display: inline-block;
  line-height: 18px;
  font-size: 1.2rem;
  font-weight: normal;
  color: #0f1429; }
  .dark-theme .rezPopup .rezgk .min {
    color: #FFFFFF; }

.card {
  background-image: url("../img/myaccount/yellowRed.png");
  background-repeat: no-repeat;
  background-position: center center; }

.rezPopup .rezgk .rez {
  width: 24px;
  text-align: center;
  display: inline-block;
  line-height: 18px;
  font-size: 1.2rem;
  font-weight: bold;
  margin-left: 16px;
  color: #0f1429; }
  .dark-theme .rezPopup .rezgk .rez {
    color: #FFFFFF; }

.rezPopup .rezgk .txt {
  text-align: left;
  line-height: 18px;
  padding-left: 24px;
  display: inline-block;
  width: 155px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 1.2rem;
  font-weight: normal;
  color: #0f1429; }
  .dark-theme .rezPopup .rezgk .txt {
    color: #FFFFFF; }

.ticket__icon-goal {
  font-size: 1.6rem;
  display: flex;
  width: 16px;
  height: 16px; }

.ticket__icon-cards {
  font-size: 1.6rem;
  display: flex;
  width: 16px;
  height: 16px; }

.rezPopup .rezgk .ikona {
  margin: 0 0px; }

.rezgk.dom .min, .rezgk.dom .rez, .rezgk.dom .txt, .rezgk.dom .ikona {
  float: left; }

.rezgk.dom .ikona {
  margin-right: 4px; }

.rezgk.gos .ikona {
  margin-left: 4px; }

.rezgk.gos .min, .rezgk.gos .rez {
  float: left; }

.rezgk.gos .txt, .rezgk.gos .ikona {
  float: right;
  text-align: right;
  padding-right: 0px;
  padding-left: 0; }

.rezgk.gos .ikona {
  margin-right: 0px; }

.rezgk.gos .txt {
  padding-right: 0px;
  text-align: right !important; }

#pnlPar .extraKolo {
  font-size: 1.2rem;
  font-weight: normal;
  padding: 0;
  color: #414b66; }
  .dark-theme #pnlPar .extraKolo {
    color: #B6BECE; }

#pnlPar .info .items .t1 {
  color: #0f1429;
  font-size: 1.2rem;
  vertical-align: middle;
  text-align: left;
  padding-left: 4px; }

#pnlPar .info .items.liveScore .t1 {
  background-image: url(../img/liveRezultat.gif);
  background-position: 2px center;
  background-repeat: no-repeat; }

#pnlPar .info .items .nazivRezultata {
  padding: 8px 0 12px 4px;
  font-size: 1.4rem;
  width: 370px;
  font-weight: bold; }

#pnlPar .info .items .ticket__detail-results-score .nazivRezultata {
  width: auto;
  flex-grow: 1; }

#pnlPar .info .items .ticket__detail-results-score .dobitniTip {
  width: auto;
  flex-grow: 1;
  justify-content: flex-end;
  display: flex; }

#pnlPar .sudac {
  color: #888;
  padding-left: 20px;
  font-size: 13px;
  background-color: #272727; }

#pnlPar .info .items table {
  width: 100%; }

#pnlPar .info .items table td {
  vertical-align: top; }

#pnlPar .info .items .rezPan {
  display: inline-block;
  border-right: 0px;
  min-width: 16px;
  padding: 8px 8px 0 0;
  font-size: 1.2rem; }

#pnlPar .Normaltime.rezPan, #pnlPar .Overtime.rezPan, #pnlPar .Current.rezPan, #pnlPar .Penalties.rezPan, #pnlPar .FT.rezPan, #pnlPar .OT.rezPan, #pnlPar .AP.rezPan {
  color: #fff;
  background-color: transparent; }

#pnlPar.rezPopup .Current.rezPan {
  color: #0f1429; }
  .dark-theme #pnlPar.rezPopup .Current.rezPan {
    color: #FFFFFF; }

#pnlPar.rezPopup .results-details__icon__empty {
  width: 16px;
  text-align: center;
  font-size: 1.2rem;
  display: block;
  color: #0f1429; }
  .dark-theme #pnlPar.rezPopup .results-details__icon__empty {
    color: #FFFFFF; }

#pnlPar.rezPopup .results-details__icon {
  font-size: 14px;
  width: 16px;
  text-align: center;
  display: flex;
  align-items: center;
  height: 20px; }

#pnlPar.rezPopup .results-live {
  margin-top: -30px; }
  #pnlPar.rezPopup .results-live .results-details__icon__empty, #pnlPar.rezPopup .results-live .results-details__icon {
    padding-bottom: 8px; }

#pnlPar {
  background-color: #fff;
  border-radius: 5px;
  width: 412px;
  display: inline-block;
  box-shadow: 0 4px 8px 0 rgba(15, 20, 41, 0.24);
  font-size: 1.4rem;
  line-height: 20px;
  padding: 30px 64px 64px 64px;
  color: #0f1429;
  position: absolute;
  display: none;
  z-index: 100; }
  .dark-theme #pnlPar {
    background-color: #181A24;
    box-shadow: 0 4px 8px 0 rgba(18, 24, 46, 0.44);
    background-color: #181A24;
    border: 1px solid #394156;
    color: #FFFFFF; }

#matchLayout #pnlPar {
  position: static;
  width: auto;
  display: none !important; }

#matchLayout.ActivPnlPar #pnlPar {
  display: block !important; }

#matchLayout.ActivPnlPar .extraHeader, #matchLayout.ActivPnlPar #matchExInfo, #matchLayout.ActivPnlPar #matchExOklade {
  display: none; }

.pnlPar .statistics .items {
  padding: 0 5px; }

.pnlPar .statistics .item {
  margin-top: 10px;
  border-bottom: none; }

.pnlPar .statistics .naslovStat li {
  width: 5%;
  text-align: center; }

.pnlPar .statistics li {
  display: inline-block;
  font-size: 1.2rem;
  color: #0f1429; }
  .dark-theme .pnlPar .statistics li {
    color: #FFFFFF; }

.pnlPar .statistics li.hs, .pnlPar .statistics li.as {
  width: 5%; }

.pnlPar .statistics li.s {
  width: 90%;
  text-align: center; }

.pnlPar .statistics .grafikon li.hs {
  text-align: right;
  background-color: #e4e8f0;
  font-size: 5px;
  margin-right: 1%;
  height: 10px; }
  .dark-theme .pnlPar .statistics .grafikon li.hs {
    background-color: #212431; }

.pnlPar .statistics .grafikon li {
  width: 49.5%; }

.pnlPar .statistics .grafikon li.as {
  text-align: left;
  background-color: #e4e8f0;
  font-size: 5px;
  height: 10px; }
  .dark-theme .pnlPar .statistics .grafikon li.as {
    background-color: #212431; }

.pnlPar .statistics .grafikon li.crveni div {
  background-color: #11994c; }
  .dark-theme .pnlPar .statistics .grafikon li.crveni div {
    background-color: #11994c; }

.pnlPar .statistics .grafikon li div {
  height: 10px;
  background-color: #b8bed1; }
  .dark-theme .pnlPar .statistics .grafikon li div {
    background-color: #454E66; }

.pnlPar .statistics .grafikon li.hs div {
  float: right; }

.pnlPar .statistics .grafikon li.as div {
  float: left; }

ul.naslovStat {
  line-height: 16px; }

#pnlPar .sastav, .pnlPar .trener, .pnlPar .sastav, .pnlPar .trener {
  text-align: center;
  /*color: #ccc;*/
  /*padding-top:16px;*/ }

.sastav .items table {
  width: 100%; }

#pnlPar .info .items .tezTab {
  display: block;
  text-align: center;
  line-height: 16px;
  height: 16px;
  font-weight: normal;
  padding: 0 4px;
  border-bottom: 2px solid #fff;
  border-top: 2px solid #fff; }
  .dark-theme #pnlPar .info .items .tezTab {
    border-bottom: 2px solid #181A24;
    border-top: 2px solid #181A24; }

.pnlPar .sastav .igracHead {
  display: none; }

.pnlPar .sastav .igracHead table {
  width: 100%; }

.pnlPar .sastav .ht, .pnlPar .sastav .at, .pnlPar .trener .at, .pnlPar .trener .ht {
  width: 46%;
  padding: 0px 0px 0px 8px; }

.pnlPar .sastav .ht, .pnlPar .trener .ht {
  text-align: left; }

.pnlPar .sastav .broj, .pnlPar .trener .broj {
  /*font-size: 11px;*/
  /*color: #888;*/ }

.pnlPar .sastav .at, .pnlPar .trener .at {
  text-align: left; }

.pnlPar .sastav .activ.igracHead {
  display: block; }

.pnlPar .sastav .igrac, .pnlPar .igrac {
  font-size: 1.2rem;
  color: #0f1429;
  line-height: 16px;
  overflow: hidden;
  white-space: nowrap;
  width: 164px;
  text-overflow: ellipsis; }
  .dark-theme .pnlPar .sastav .igrac, .dark-theme .pnlPar .igrac {
    color: #FFFFFF; }

.results__lineup--number {
  color: #747e99;
  font-size: 1.2rem;
  width: 4.5%; }
  .dark-theme .results__lineup--number {
    color: #818A9C; }

.results__lineup--number span {
  display: flex;
  text-align: center;
  justify-content: center; }

.results__home_team_lineup--title, .results__away_team_lineup--title {
  text-align: left;
  padding-left: 8px;
  font-weight: bold;
  font-size: 1.2rem;
  color: #0f1429;
  line-height: 16px;
  padding-bottom: 2px;
  width: 46%; }
  .dark-theme .results__home_team_lineup--title, .dark-theme .results__away_team_lineup--title {
    color: #FFFFFF; }

.results__search--pair-name {
  display: flex;
  line-height: 20px; }

.indeks0 {
  border-top: 1px solid #d8dae6;
  margin-top: 2px;
  padding-top: 2px; }
  .dark-theme .indeks0 {
    border-top: 1px solid #394156; }

.indeks0 .igrac {
  color: #414b66 !important; }
  .dark-theme .indeks0 .igrac {
    color: #B6BECE !important; }

.detail-tab {
  display: flex;
  border-bottom: 1px solid #747e99;
  margin-bottom: 16px; }
  .dark-theme .detail-tab {
    border-bottom: 1px solid #818A9C; }

.detail-tab.displayNone {
  display: none !important; }

.detail-tab div {
  flex-grow: 1;
  align-items: center;
  display: flex;
  justify-content: center;
  font-size: 1.6rem;
  padding: 8px 0 5px 0;
  color: #414b66;
  border-bottom: 2px solid transparent; }
  .dark-theme .detail-tab div {
    color: #B6BECE; }
  .detail-tab div:hover {
    /*color: $light-color-brand-red;*/
    /*border-bottom: 2px solid $light-color-brand-red;*/
    box-shadow: 0 1px 0 rgba(15, 20, 41, 0.08);
    cursor: pointer;
    background-color: rgba(15, 20, 41, 0.08); }

.detail-tab div.activ, .detail-tab div.activ:hover {
  color: #e8253f;
  border-bottom: 2px solid #e8253f;
  box-shadow: 0 1px 0 #e8253f;
  background-color: transparent !important; }

.detail-tab div.disable {
  color: #b8bed1;
  border-bottom: 2px solid transparent;
  box-shadow: 0 1px 0 transparent;
  cursor: default;
  pointer-events: none; }
  .dark-theme .detail-tab div.disable {
    color: #454E66; }

.results__icon--sub {
  width: 16px;
  height: 16px;
  text-align: center; }

.results__icon--txt {
  width: auto !important; }

/*---------------------------------------------*/
tr.account__transaction_requests {
  height: 40px; }

.account__transaction_requests td {
  vertical-align: middle;
  border-bottom: 1px solid #d8dae6; }
  .dark-theme .account__transaction_requests td {
    border-bottom: 1px solid #394156; }

td.requests__status {
  font-size: 2.0rem;
  width: 20px;
  padding-right: 16px;
  border: 1px solid transparent; }
  .dark-theme td.requests__status {
    border: 1px solid transparent; }

.account__transaction_requests:hover td.requests__status {
  background-color: transparent !important; }
  .dark-theme .account__transaction_requests:hover td.requests__status {
    background-color: transparent !important; }

td.requests__type {
  font-size: 1.4rem;
  padding-left: 8px;
  width: 24%; }

td.requests__date {
  width: 11.4%;
  font-variant-numeric: tabular-nums; }

td.requests__id {
  width: 17.4%; }

td.requests__amount {
  text-align: right;
  padding-left: 1%;
  padding-right: 8px; }

td.requests__date, .requests__id, .requests__amount {
  font-size: 1.2rem;
  color: #414b66; }
  .dark-theme td.requests__date, .dark-theme .requests__id, .dark-theme .requests__amount {
    color: #B6BECE; }

td.requests__addional_info {
  font-size: 1.2rem;
  color: #414b66;
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 37.7%; }
  .dark-theme td.requests__addional_info {
    color: #B6BECE; }

.requests__addional_info span {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.ico-icoPrint {
  margin-right: 8px;
  color: #117ed1;
  font-size: 1.6rem; }
  .dark-theme .ico-icoPrint {
    color: #1894f2; }

.requests__print {
  color: #117ed1;
  vertical-align: top; }
  .dark-theme .requests__print {
    color: #1894f2; }
  .requests__print.barcode__popup {
    margin-left: 8px; }

.requests__print:hover {
  border-bottom: 1px solid #117ed1;
  cursor: pointer; }
  .dark-theme .requests__print:hover {
    border-bottom: 1px solid #1894f2; }

.requests__cancel .ico-st-fail {
  margin-right: 8px;
  vertical-align: middle;
  font-size: 1.6rem; }

.ico-st-fail .path1:before {
  color: #eb3471; }
  td.account__ticket_state .ico-st-fail .path1:before {
    color: #747e99; }
    .dark-theme td.account__ticket_state .ico-st-fail .path1:before {
      color: #818A9C; }

span.requests__cancel {
  color: #eb3471;
  cursor: pointer;
  position: absolute;
  font-size: 1.2rem;
  top: 12px; }

span.request__cancel_link:hover {
  border-bottom: 1px solid #eb3471; }

.account__transaction_requests:hover td {
  background-color: #e4e8f0; }
  .dark-theme .account__transaction_requests:hover td {
    background-color: #212431; }

tr.account__transaction_requests:hover .requests__addional_info {
  color: transparent !important; }

tr.account__transaction_requests:hover .requests__cancel {
  display: block !important; }

td.requests__status .ico-transaction {
  color: #117ed1; }
  .dark-theme td.requests__status .ico-transaction {
    color: #1894f2; }

.over1 {
  position: absolute;
  z-index: 100;
  margin: 0 0 0 82px;
  width: 500px; }

.over1 .msg {
  /*margin: 120px 30px 20px;*/
  text-align: center; }

/*------ REGISTRATION css -------*/
.content__registration {
  margin-bottom: 32px;
  border-radius: 8px;
  box-shadow: 0 6px 12px 0 rgba(15, 20, 41, 0.12);
  background-color: #fff; }
  .dark-theme .content__registration {
    box-shadow: 0 6px 12px 0 rgba(18, 24, 46, 0.12);
    background-color: #181A24;
    border: 1px solid #394156; }

.registration__left_td {
  width: 300px;
  background-color: #e4e8f0;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  /* min-height: 586px; */
  background-image: url(../img/am_football.png);
  background-size: auto 100%;
  background-position: center;
  position: relative;
  background-size: cover; }
  .dark-theme .registration__left_td {
    background-color: #212431; }

.registration__left_td:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #e4e8f0;
  /* color-accent */
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  opacity: 0.2;
  top: 0; }
  .dark-theme .registration__left_td:after {
    opacity: 0.3;
    background-color: #212431;
    /* color-accent */ }

.registration__left_td--login {
  width: 30%;
  background-color: #e4e8f0;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  /* min-height: 586px; */
  background-image: url("/img/am_football.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  min-width: 300px;
  vertical-align: top; }
  .dark-theme .registration__left_td--login {
    background-color: #212431; }
  .registration__left_td--login.support__left_td {
    background-image: url(/img/tennis.png);
    background-position: bottom;
    background-size: contain; }
  .registration__left_td--login.support__left_td__faq {
    background-image: url(/img/basketball.png);
    background-position: bottom;
    background-size: contain; }
  .registration__left_td--login.support__left_td__rules {
    background-image: url(/img/football.png);
    background-position: bottom;
    background-size: contain; }
  .registration__left_td--login.support__left_td__about {
    background-image: url(/img/volley_ball.png);
    background-position: bottom;
    background-size: contain; }

.support__left_td__title {
  font-size: 1.8rem;
  text-transform: uppercase;
  /*width: 100%;*/
  display: flex;
  justify-content: center;
  color: #747e99;
  font-weight: bold;
  margin-top: 36px;
  padding: 0 32px;
  text-align: center;
  line-height: 24px; }
  .dark-theme .support__left_td__title {
    color: #818A9C; }

.registration__left_td--login:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #e4e8f0;
  /* color-accent */
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  opacity: 0.2;
  top: 0; }
  .dark-theme .registration__left_td--login:after {
    opacity: 0.3;
    background-color: #212431;
    /* color-accent */ }

.registration__left img {
  width: 100%; }

td.registration__right_td {
  width: 700px; }

td.registration__right_td--login {
  width: 70%; }

.registration__right {
  /*display: inline-block;*/
  padding: 24px 24px 48px;
  /*width: 648px;*/
  min-height: 480px; }

.registration__back {
  text-align: left;
  font-size: 1.2rem;
  margin-bottom: 24px;
  height: 32px;
  line-height: 32px;
  color: #414b66; }
  .dark-theme .registration__back {
    color: #B6BECE; }

.registration__content_okvir {
  /*margin-left: 146px;*/ }

.lostPassGeneral table tr td {
  vertical-align: top; }

.lostPassGeneral table {
  border-collapse: inherit; }

.registration__input_okvir {
  width: 360px;
  margin: 0 auto; }

.registration__title {
  text-align: center;
  font-size: 2.4rem;
  font-weight: 800;
  color: #0f1429;
  height: 32px;
  line-height: 32px; }
  .dark-theme .registration__title {
    color: #FFFFFF; }

.registration__subtitle {
  font-size: 1rem;
  color: #747e99;
  text-transform: uppercase;
  text-align: center;
  height: 16px;
  line-height: 16px;
  font-size: 1rem;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: 0.6px; }
  .dark-theme .registration__subtitle {
    color: #818A9C; }

.registration__progress-okvir {
  /* margin-top: 32px;
        margin-bottom: 24px;*/
  margin: 24px 0; }

.registration__progress {
  width: 360px;
  margin: 0 auto; }

.progress-back {
  float: left;
  font-size: 2.0rem;
  /*position: absolute;*/
  /*padding-left: 8px;*/
  color: #e8253f;
  /*padding: 8px;*/
  border-radius: 50%;
  width: 32px;
  height: 32px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-right: 8px; }
  .dark-theme .progress-back {
    color: #818A9C; }
  .progress-back:hover {
    cursor: pointer;
    color: #414b66;
    background-color: rgba(15, 20, 41, 0.12); }
    .dark-theme .progress-back:hover {
      color: #B6BECE;
      background-color: rgba(255, 255, 255, 0.12); }

.progress-back:active {
  color: #0f1429;
  background-color: rgba(15, 20, 41, 0.24); }
  .dark-theme .progress-back:active {
    color: #FFFFFF;
    background-color: rgba(255, 255, 255, 0.24); }

.progress-title {
  font-size: 1rem;
  color: #747e99;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 8px;
  height: 32px;
  line-height: 32px;
  font-size: 1rem;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: 0.6px; }
  .dark-theme .progress-title {
    color: #818A9C; }

.progress-bar--frame {
  display: flex;
  align-items: center;
  height: 32px; }

.progress-bar {
  background-color: #b8bed1;
  height: 2px;
  margin: 0 auto;
  width: 360px; }
  .dark-theme .progress-bar {
    background-color: #454E66; }

.progress-bar-red {
  height: 2px;
  background-color: #e8253f;
  width: 33%; }

.reg2 .progress-bar-red {
  height: 2px;
  background-color: #e8253f;
  width: 66%; }

.reg3 .progress-bar-red {
  height: 2px;
  background-color: #e8253f;
  width: 100%; }

.progress-okvir {
  margin: 0 auto;
  width: 360px;
  padding-bottom: 24px; }

.reg2 .progress2, .reg2 .back2 {
  display: inherit !important; }

.reg2 .progress1, .reg2 .progress3, .reg2 .back3 {
  display: none; }

.reg1 .progress1 {
  display: inherit !important; }

.reg1 .progress2, .reg1 .progress3, .reg1 .back2, .reg1 .back3 {
  display: none; }

.reg3 .progress3, .reg3 .back3 {
  display: inherit !important; }

.reg3 .progress2, .reg3 .progress1, .reg3 .back2 {
  display: none; }

.double-input {
  display: flex;
  width: 320px; }

#progress .double-input {
  display: flex;
  width: 360px; }

.double-input .account__filter {
  height: 44px; }

.double-input--small {
  /*width: 97px !important;*/ }

.payment__dropdown.double-input--small {
  /*width: 104px !important;*/
  padding-top: 0; }

.double-input--big {
  width: 205px !important;
  margin-right: 4px; }

.double-input--big-right {
  /*width: 180px !important;*/
  margin-left: 1px; }

.double-input--big-right.smaller-height {
  height: 44px !important;
  padding-top: 0;
  width: 238px; }

.payment__dropdown.double-input--big {
  /*width: 200px !important;*/
  margin-bottom: 0;
  padding-top: 0;
  height: 64px; }

.default-placeholder::placeholder {
  font-size: 1.2rem;
  font-weight: bold;
  font-family: inherit;
  color: #747e99; }
  .dark-theme .default-placeholder::placeholder {
    color: #818A9C; }

.default-placeholder:-ms-input-placeholder {
  font-size: 1.2rem;
  font-weight: bold;
  font-family: inherit;
  color: #747e99; }
  .dark-theme .default-placeholder:-ms-input-placeholder {
    color: #818A9C; }

.default-placeholder::-ms-input-placeholder {
  font-size: 1.2rem;
  font-weight: bold;
  font-family: inherit;
  color: #747e99; }
  .dark-theme .default-placeholder::-ms-input-placeholder {
    color: #818A9C; }

.progress-okvir .payment_checkbox_txt p {
  margin: 8px 0; }

span.payment_checkbox input {
  cursor: pointer !important; }

.progress-greska {
  flex-grow: 1;
  display: flex;
  justify-content: center; }

.progress-footer {
  margin: 0 auto;
  width: 360px;
  text-align: center;
  border-top: 1px solid #b8bed1;
  padding: 24px 0 48px; }
  .dark-theme .progress-footer {
    border-top: 1px solid #394156; }

.footer-title {
  font-size: 1.4rem;
  color: #414b66;
  line-height: 20px; }
  .dark-theme .footer-title {
    color: #B6BECE; }

.footer-link {
  margin-top: 6px; }

.footer-link a {
  font-size: 1.4rem;
  color: #117ed1;
  display: flex;
  justify-content: center;
  align-items: center; }
  .dark-theme .footer-link a {
    color: #1894f2; }

.footer-link a span {
  line-height: 20px; }

.footer-link a:hover span {
  text-decoration: none;
  box-shadow: 0 1px 0 #117ed1; }
  .dark-theme .footer-link a:hover span {
    box-shadow: 0 1px 0 #1894f2; }

.footer-link i {
  margin-right: 8px; }

#loginContent .registration_infoTxt {
  margin-top: 24px; }

.registration_infoTxt {
  font-size: 1.4rem;
  line-height: 20px;
  /*margin: 0 0 24px 0;*/
  color: #414b66;
  text-align: center; }
  .dark-theme .registration_infoTxt {
    color: #B6BECE; }

.d-layout .support__content_right .registration_infoTxt {
  display: flex; }

.registration__success--img {
  display: flex;
  justify-content: center;
  align-items: center; }

.registration_infoTxt a {
  color: #117ed1;
  line-height: 20px;
  display: inline-block; }
  .dark-theme .registration_infoTxt a {
    color: #1894f2; }
  .registration_infoTxt a:hover {
    text-decoration: none;
    box-shadow: 0 1px 0 #117ed1; }
    .dark-theme .registration_infoTxt a:hover {
      box-shadow: 0 1px 0 #1894f2; }

.registration__bottom_links {
  width: 320px;
  font-size: 1.4rem;
  margin: 0 auto;
  border-top: 1px solid #b8bed1;
  padding-top: 24px;
  text-align: center;
  /*margin-top: 48px;*/
  line-height: 20px;
  padding-bottom: 56px; }
  .dark-theme .registration__bottom_links {
    border-top: 1px solid #394156; }

.registration__bottom_links a {
  color: #117ed1;
  line-height: 20px; }
  .dark-theme .registration__bottom_links a {
    color: #1894f2; }

.registration__bottom_links a:hover {
  text-decoration: none;
  box-shadow: 0 1px 0 #117ed1; }
  .dark-theme .registration__bottom_links a:hover {
    box-shadow: 0 1px 0 #1894f2; }

.registration__bottom--forgot {
  text-align: center;
  font-size: 1.4rem;
  color: #414b66;
  line-height: 20px; }
  .dark-theme .registration__bottom--forgot {
    color: #B6BECE; }
  .registration__bottom--forgot a {
    color: #117ed1;
    text-transform: lowercase; }
    .dark-theme .registration__bottom--forgot a {
      color: #1894f2; }
    .registration__bottom--forgot a:hover {
      text-decoration: none;
      box-shadow: 0 1px 0 #117ed1; }
      .dark-theme .registration__bottom--forgot a:hover {
        box-shadow: 0 1px 0 #1894f2; }

td.winput_captcha {
  width: 195px; }

.registration__captcha {
  position: relative;
  display: flex; }

.reg-button .btn--link {
  width: 320px; }

.registration__welcome {
  text-align: center;
  font-weight: 800;
  font-size: 4.8rem;
  color: #0f1429; }
  .dark-theme .registration__welcome {
    color: #FFFFFF; }

.registration__quick-menu {
  width: 448px;
  text-align: center;
  margin: 0 auto;
  display: flex;
  justify-content: center; }

.quick-menu--item {
  width: 144px;
  height: 144px;
  border: 1px solid #b8bed1;
  border-radius: 8px;
  margin-right: 8px; }
  .dark-theme .quick-menu--item {
    border: 1px solid #394156; }
  .quick-menu--item:hover {
    border: 1px solid #117ed1;
    background-color: #F0F3FA; }
    .dark-theme .quick-menu--item:hover {
      background-color: #1F294D;
      border: 1px solid #1894f2; }

.quick-menu--item:hover .quick-menu--icon, .quick-menu--item:hover .quick-menu--link {
  color: #117ed1; }
  .dark-theme .quick-menu--item:hover .quick-menu--icon, .dark-theme .quick-menu--item:hover .quick-menu--link {
    color: #1894f2; }

.quick-menu--icon {
  font-size: 6.4rem;
  margin-top: 28px;
  display: inline-block;
  color: #414b66; }
  .dark-theme .quick-menu--icon {
    color: #B6BECE; }

.quick-menu--link {
  text-align: center;
  margin-top: 20px;
  width: 100%;
  display: inline-block;
  font-size: 1.2rem;
  font-weight: bold;
  color: #414b66; }
  .dark-theme .quick-menu--link {
    color: #B6BECE; }

/*-------- SUPPORT CSS ---------*/
.content__support {
  border-radius: 8px;
  box-shadow: 0 6px 12px 0 rgba(15, 20, 41, 0.12);
  background-color: #fff;
  overflow: hidden; }
  .dark-theme .content__support {
    box-shadow: 0 6px 12px 0 rgba(18, 24, 46, 0.12);
    background-color: #181A24;
    border: 1px solid #394156; }
  .page__poker .content__support {
    overflow: visible;
    border-radius: 0;
    background-color: #0c3d3a; }
  .content__support.pokerLayOut {
    border-radius: 24px; }

.account__menu_bold {
  font-weight: bold; }

.account__menu_activ_sub {
  color: #0f1429 !important; }
  .dark-theme .account__menu_activ_sub {
    color: #FFFFFF !important; }

.odgovornoIgranjeTxt {
  font-size: 1.4rem;
  padding: 0px 0px 16px 0px;
  text-align: justify;
  line-height: 20px; }

.odgovornoIgranjeTxt b {
  font-size: 1.8rem;
  font-weight: bold; }

.odgovornoIgranjeTxt ul, .help__answer ul {
  margin-top: 8px;
  padding-left: 24px; }

.odgovornoIgranjeTxt ul li, .help__answer ul li {
  list-style: disc;
  /*list-style-position: inside;*/
  margin-bottom: 8px; }

.linkHelpOur, .pokerLayOut .TxtContent .TxtLayOut a {
  color: #117ed1;
  line-height: 20px; }
  .dark-theme .linkHelpOur, .dark-theme .pokerLayOut .TxtContent .TxtLayOut a {
    color: #1894f2; }
  .linkHelpOur:hover, .pokerLayOut .TxtContent .TxtLayOut a:hover {
    text-decoration: none;
    box-shadow: 0 1px 0 #117ed1; }
    .dark-theme .linkHelpOur:hover, .dark-theme .pokerLayOut .TxtContent .TxtLayOut a:hover {
      text-decoration: none;
      box-shadow: 0 1px 0 #1894f2; }

.help__questions {
  /*margin-bottom: 8px;*/ }

.help__question {
  font-size: 1.4rem;
  color: #0f1429;
  align-self: center;
  width: 100%;
  line-height: 20px; }
  .dark-theme .help__question {
    color: #FFFFFF; }

.help__questions.activ .help__question {
  font-weight: bold; }

.ico-icohelp:before {
  content: "\e95b"; }

.help__question_okvir {
  display: flex;
  border-radius: 8px;
  min-height: 36px;
  transition: .1s;
  padding: 6px 0;
  box-sizing: border-box; }

.help__question_okvir:hover {
  background-color: #e4e8f0;
  cursor: pointer; }
  .dark-theme .help__question_okvir:hover {
    background-color: #212431; }

.help__questions.activ {
  margin: 4px 0 8px; }

.help__questions.activ .help__question_okvir {
  background-color: #e4e8f0;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  border-left: 1px solid #b8bed1;
  border-top: 1px solid #b8bed1;
  border-right: 1px solid #b8bed1;
  transition: .1s;
  padding-top: 12px; }
  .dark-theme .help__questions.activ .help__question_okvir {
    background-color: #212431;
    border-left: 1px solid #394156;
    border-right: 1px solid #394156;
    border-top: 1px solid #394156; }

.ico-icohelp {
  font-size: 2.4rem;
  color: #747e99;
  padding-left: 16px;
  align-self: center;
  padding-right: 8px; }
  .dark-theme .ico-icohelp {
    color: #818A9C; }

.help__questions.activ .ico-icohelp {
  font-size: 2.4rem;
  color: #0f1429;
  padding-left: 16px;
  align-self: center;
  padding-right: 8px; }
  .dark-theme .help__questions.activ .ico-icohelp {
    color: #FFFFFF; }

.help__questions.activ .ico-icohelp:before {
  content: "\e959"; }

.help__answer {
  padding: 8px 24px 24px 48px;
  background-color: #e4e8f0;
  color: #0f1429;
  line-height: 20px;
  font-size: 1.4rem;
  border-left: 1px solid #b8bed1;
  border-bottom: 1px solid #b8bed1;
  border-right: 1px solid #b8bed1;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px; }
  .dark-theme .help__answer {
    background-color: #212431;
    color: #FFFFFF;
    border-left: 1px solid #394156;
    border-right: 1px solid #394156;
    border-bottom: 1px solid #394156; }

.help__answer p {
  margin: 16px 0 0 0; }

.help__answer a {
  color: #117ed1;
  line-height: 20px;
  display: inline-block; }
  .dark-theme .help__answer a {
    color: #1894f2; }

.help__answer a:hover {
  text-decoration: none;
  box-shadow: 0 1px 0 #117ed1; }
  .dark-theme .help__answer a:hover {
    text-decoration: none;
    box-shadow: 0 1px 0 #1894f2; }

.help__answer img {
  width: 100%; }

.support__menu_rules, .support__menu_rules a {
  font-size: 1.4rem;
  line-height: 24px;
  color: #117ed1; }

.support__menu_rules a:hover {
  box-shadow: 0 1px 0 #117ed1;
  text-decoration: none;
  /*border-bottom:1px solid $global-interactive-blue-dark1;*/ }

.support__menu_rules ol {
  margin-left: 24px; }

.support__menu_rules ol li a {
  margin-left: 16px; }

.support__menu_rules ol li.rules__first a {
  margin-left: 0; }

.uvjeti__poslovanja li.rules__first {
  list-style: disc;
  /*text-indent: -8px;*/ }

li.rules__first:first-letter {
  /*font-size: 0;*/ }

.pravilaNaslovH1 {
  text-align: left;
  font-size: 2.4rem;
  margin-bottom: 24px;
  font-weight: 800;
  height: 24px;
  line-height: 24px;
  color: #0f1429;
  margin-top: 24px; }
  .dark-theme .pravilaNaslovH1 {
    color: #FFFFFF; }
  .bonus__message .pravilaNaslovH1 {
    font-style: inherit;
    margin-bottom: 0; }
    .dark-theme .bonus__message .pravilaNaslovH1 {
      color: #0f1429; }
    .bonus__message .pravilaNaslovH1 span {
      display: flex;
      justify-content: center;
      align-items: center; }
      .bonus__message .pravilaNaslovH1 span p {
        font-style: italic; }

.firstLetter .pravilaNaslovH1:first-letter {
  margin-right: 12px; }

.pravilaNaslovH1sub {
  color: #0f1429;
  margin-top: 24px;
  margin-bottom: 16px;
  font-size: 1.8rem;
  font-weight: 800; }
  .dark-theme .pravilaNaslovH1sub {
    color: #FFFFFF; }

.pravilaNaslovH2 {
  color: #0f1429;
  margin-top: 24px;
  margin-bottom: 8px;
  font-size: 1.4rem;
  font-weight: 800; }
  .dark-theme .pravilaNaslovH2 {
    color: #FFFFFF; }

.pravilaNaslovH3 {
  font-size: 1.4rem;
  /*font-weight: bold;*/ }

.pravilaTxt1 {
  text-align: left;
  font-size: 1.4rem;
  line-height: 20px; }
  .bonus__message .pravilaTxt1 {
    font-size: 1.5rem;
    line-height: 18px;
    letter-spacing: -0.3px; }
    .bonus__message .pravilaTxt1 strong {
      font-weight: bold; }

.pravilaTxt1 li {
  margin-bottom: 8px;
  list-style: disc; }

.pravilaTxt1 ol, .pravilaTxt1 ul {
  margin-top: 8px;
  padding-left: 24px; }

.pravilaTxt1 p {
  margin: 8px 0; }

.rulesContent {
  width: 100%;
  height: 800px; }

.pravilnikHeader {
  border-bottom: 1px solid #b8bed1;
  padding: 8px 0;
  display: inline-block;
  width: 100%; }
  .dark-theme .pravilnikHeader {
    border-bottom: 1px solid #394156; }

.pravilnikHeaderDatum {
  float: left; }

.pravilnikHeaderNaslov {
  float: right; }

.pravilnikNaslov {
  color: #0f1429;
  margin-top: 24px;
  margin-bottom: 16px;
  font-size: 1.8rem;
  font-weight: 800;
  line-height: 20px; }
  .dark-theme .pravilnikNaslov {
    color: #FFFFFF; }

.pravilnikClanakN {
  color: #0f1429;
  margin-top: 24px;
  margin-bottom: 8px;
  font-size: 1.4rem;
  font-weight: 800;
  text-align: center; }
  .dark-theme .pravilnikClanakN {
    color: #FFFFFF; }

.pravilnikClanakT {
  text-align: left;
  font-size: 1.4rem;
  line-height: 20px; }

span.rules__list {
  padding: 8px 0 0 20px;
  display: inline-block;
  line-height: 24px; }

/*---------------- CSS PRINT --------------------*/
body.print-body .ticket__heading_actions {
  display: none; }

body.print-body .ticket__show-more {
  display: table-row !important; }

body.print-body .ticket__link-more, body.print-body .ticket__link-less {
  display: none; }

body.print-body .listicFporez i {
  display: none; }

body.print-body .prikaziKomb {
  display: none; }

.details__wrapper {
  background-color: #fff;
  margin: 48px 0;
  font-size: 1.4rem;
  line-height: 20px; }

#pnlBankaDetalji table.uplataPrintTbl tr:nth-child(even) {
  background: rgba(15, 20, 41, 0.08); }

tr.details__logo {
  height: 48px; }

td.details__left {
  color: #747e99;
  padding: 6px 12px;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px; }

td.details__right {
  font-weight: bold;
  padding: 6px 12px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px; }

.tax__message {
  background-color: #fff;
  border-radius: 5px;
  width: 664px;
  display: inline-block;
  box-shadow: 0 4px 8px 0 rgba(15, 20, 41, 0.24);
  font-size: 1.4rem;
  line-height: 20px;
  padding: 30px 30px 64px 64px;
  color: #0f1429; }
  .dark-theme .tax__message {
    background-color: #181A24;
    box-shadow: 0 4px 8px 0 rgba(18, 24, 46, 0.44);
    background-color: #181A24;
    border: 1px solid #394156;
    color: #FFFFFF; }

.tax__message.active {
  top: 120px; }

.bonus__message__overlay {
  height: 100vh;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1101;
  background-color: rgba(15, 20, 41, 0.8); }

.bonus__message__wrapper {
  background-color: initial;
  bottom: 0;
  font-size: 1.4rem;
  left: 0;
  line-height: 20px;
  overflow-y: auto;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1110; }

.bonus__message--top {
  height: 64px;
  margin: 0 auto;
  position: relative;
  width: 100%; }

.bonus__message {
  background-color: #fff;
  border-radius: 24px;
  max-width: 480px;
  width: calc(100% - 32px);
  box-shadow: 0 4px 8px 0 rgba(15, 20, 41, 0.24);
  font-size: 1.4rem;
  line-height: 20px;
  color: #0f1429;
  overflow: hidden;
  position: static;
  margin: 0 auto;
  /* .dark-theme & {
        background-color: $dark-color-layout-main;
        @include dark-shadow-lv2;
        @include dark-border-main-fill;
        color: $dark-color-typography-main;
    }*/ }
  .bonus__message__full .bonus__message {
    width: 100%; }
  .bonus__message .messageContent {
    padding: 8px 32px 8px 32px; }
  .bonus__message .bonus__message__subtitle {
    font-size: 1.8rem;
    line-height: 22px;
    letter-spacing: -0.3px;
    font-style: italic;
    text-align: center;
    margin-bottom: 8px; }
  .bonus__message .bonus__message__value {
    text-align: center;
    border-radius: 24px;
    /*max-width: 311px;*/
    width: 100%;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(15, 20, 41, 0.12);
    margin: 0 auto 16px auto; }
  .bonus__message .bonus__message__value__number-frame {
    background-color: rgba(255, 255, 255, 0.32);
    display: flex;
    width: calc(100% - 16px);
    margin: 8px;
    height: calc(100% - 16px);
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    box-shadow: inset 0 4px 12px rgba(15, 20, 41, 0.3), 0 1px 0 #fff, inset 0 4px 8px rgba(15, 20, 41, 0.16), inset 0 1px 0 rgba(15, 20, 41, 0.6); }
    .bonus__message .bonus__message__value__number-frame span {
      font-size: 4rem;
      line-height: 40px;
      letter-spacing: -1px;
      font-weight: 800;
      font-style: italic; }

.bonus__message--bottom {
  height: 32px; }

.tax__close {
  /* width: 32px;
    height: 32px;*/
  line-height: 32px;
  text-align: center;
  font-size: 2rem;
  /*width: 100%;*/
  text-align: right;
  color: #747e99;
  cursor: pointer;
  position: absolute;
  right: 24px;
  top: 24px; }
  .dark-theme .tax__close {
    color: #818A9C; }
  .tax__close:hover {
    color: #0f1429; }
    .dark-theme .tax__close:hover {
      color: #FFFFFF; }

.messageContent {
  text-align: left;
  /*font-size: 14px;
    margin: 15px 0 40px;*/
  padding-right: 34px;
  padding-top: 18px; }

.messageContent a {
  color: #117ed1;
  line-height: 20px; }
  .dark-theme .messageContent a {
    color: #1894f2; }
  .messageContent a:hover {
    text-decoration: none;
    box-shadow: 0 1px 0 #117ed1; }
    .dark-theme .messageContent a:hover {
      box-shadow: 0 1px 0 #1894f2; }

.messageContent .account__payment_button a {
  text-decoration: none; }
  .bonus__message .messageContent .account__payment_button a {
    max-width: 310px; }

.bonus__message .account__payment_button a {
  color: #FFFFFF;
  margin: 8px auto; }
  .dark-theme .bonus__message .account__payment_button a {
    color: #FFFFFF; }

.messageContent h3 {
  font-weight: bold;
  margin-top: 12px; }

.popMessage {
  width: 500px;
  max-height: 550px;
  max-block-size: max-content;
  position: fixed;
  top: -110%;
  text-align: left;
  z-index: 2001;
  margin: auto;
  left: 0;
  right: 0;
  transition: top 0.5s ease-out; }

.abonPopUp {
  width: 100%;
  height: 100%;
  max-block-size: max-content;
  position: absolute;
  top: -120%;
  text-align: left;
  z-index: 1;
  margin: auto;
  left: 0;
  right: 0;
  /*transition: top 0.5s ease-out;*/
  padding: 0;
  background: transparent;
  box-shadow: 0 0 0 !important; }

.abonPopUp div {
  margin: 0 auto;
  width: 225px;
  max-height: 660px;
  top: 24px;
  position: absolute;
  left: 0;
  right: 0; }

.abonPopUp.active {
  top: 0; }

.popMessage.active {
  /*top: 0;*/
  bottom: 0; }

.content__sports {
  border-radius: 8px;
  box-shadow: 0 6px 12px 0 rgba(15, 20, 41, 0.12);
  background-color: #fff; }
  .dark-theme .content__sports {
    box-shadow: 0 6px 12px 0 rgba(18, 24, 46, 0.12);
    background-color: #181A24;
    border: 1px solid #394156; }

.page__results .content__results {
  max-width: 1000px;
  margin: 0 auto; }

.content__results {
  border-radius: 8px;
  box-shadow: 0 6px 12px 0 rgba(15, 20, 41, 0.12);
  background-color: #fff; }
  .dark-theme .content__results {
    box-shadow: 0 6px 12px 0 rgba(18, 24, 46, 0.12);
    background-color: #181A24;
    border: 1px solid #394156; }

.page__results .sports__menu {
  width: 280px; }

#izbornik2 {
  height: auto;
  margin: 0;
  padding-top: 10px;
  /*  position: sticky;
    top:0;*/
  position: relative;
  transition: all 0.2s ease-in; }

.sports__menu {
  width: 186px;
  background-color: #e4e8f0;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  padding-bottom: 40px; }
  .dark-theme .sports__menu {
    background-color: #212431; }

.sports__offer---bottom-left {
  width: 186px; }

.sports__offer---bottom-right {
  border-radius: 8px;
  box-shadow: 0 6px 12px 0 rgba(15, 20, 41, 0.12);
  background-color: #fff;
  padding: 16px 24px;
  display: flex;
  flex-shrink: 0; }
  .dark-theme .sports__offer---bottom-right {
    box-shadow: 0 6px 12px 0 rgba(18, 24, 46, 0.12);
    background-color: #181A24;
    border: 1px solid #394156; }

.dailyOfferIcon {
  width: 16px;
  height: 16px;
  color: #FFFFFF;
  background-color: #e8253f;
  font-size: 1.6rem;
  margin-right: 4px;
  vertical-align: bottom; }

.weeklyOfferIcon {
  width: 16px;
  height: 16px;
  color: #FFFFFF;
  background-color: #414b66;
  font-size: 1.6rem;
  margin-right: 4px;
  vertical-align: bottom; }
  .dark-theme .weeklyOfferIcon {
    background-color: #B6BECE;
    color: #0f1429; }

.dailyOfferTitle {
  font-size: 1.5rem;
  text-transform: uppercase;
  font-weight: 800;
  color: #e8253f;
  vertical-align: bottom; }

.weeklyOfferTitle {
  font-size: 1.5rem;
  text-transform: uppercase;
  font-weight: 800;
  color: #414b66;
  vertical-align: bottom; }
  .dark-theme .weeklyOfferTitle {
    color: #B6BECE; }

.sports__offer--download-title {
  padding: 8px 0; }

.sports__offer--download-links {
  display: block;
  padding: 8px 0; }

.offerDownloadDocIcon {
  color: #117ed1;
  font-size: 1.6rem;
  vertical-align: sub;
  margin-right: 8px; }
  .dark-theme .offerDownloadDocIcon {
    color: #1894f2; }
  .offerDownloadDocIcon:hover {
    cursor: pointer; }

.sports__offer--download-links a:hover .offerDownloadDocLink {
  cursor: pointer;
  box-shadow: 0 1px 0 #117ed1; }
  .dark-theme .sports__offer--download-links a:hover .offerDownloadDocLink {
    box-shadow: 0 1px 0 #1894f2; }

.offerDownloadDocLink {
  font-size: 1.2rem;
  margin-right: 16px;
  color: #117ed1;
  line-height: 24px;
  display: inline-block; }
  .dark-theme .offerDownloadDocLink {
    color: #1894f2; }
  .offerDownloadDocLink:hover {
    /*      cursor: pointer;
        box-shadow: 0 1px 0 $global-interactive-blue;*/ }

.sports__offer---bottom-daily {
  flex-grow: 1; }

.sports__offer---bottom-weekly {
  flex-grow: 1;
  padding-left: 24px;
  border-left: 1px solid #b8bed1; }
  .dark-theme .sports__offer---bottom-weekly {
    border-left: 1px solid #394156; }

.content__sports--calendar {
  margin-bottom: 12px;
  border-bottom: 1px solid #747e99;
  color: #0f1429;
  padding: 0 16px 1px 16px; }
  .dark-theme .content__sports--calendar {
    border-bottom: 1px solid #818A9C;
    color: #FFFFFF; }

.tblCalendar td.current, .tblCalendar .activDay:hover, .tblCalendar .activDay:hover a {
  /*color: $light-color-brand-red;*/
  /*box-shadow: 0px 3px 0 0 $light-color-brand-red;*/
  background-color: rgba(232, 37, 63, 0.12); }
  .dark-theme .tblCalendar td.current, .dark-theme .tblCalendar .activDay:hover, .dark-theme .tblCalendar .activDay:hover a {
    /*color: $light-color-brand-red;*/
    /*box-shadow: 0px 3px 0 0 $light-color-brand-red;*/
    background-color: rgba(232, 37, 63, 0.24); }

#izbornik1_2 td.current:hover, #izbornik1_2 td.current, #izbornik1_2 .activDay:hover, #izbornik1_2 .activDay:hover a {
  color: #e8253f !important;
  box-shadow: 0px 3px 0 0 #e8253f !important;
  background-color: transparent; }
  .dark-theme #izbornik1_2 td.current:hover, .dark-theme #izbornik1_2 td.current, .dark-theme #izbornik1_2 .activDay:hover, .dark-theme #izbornik1_2 .activDay:hover a {
    color: #e8253f !important;
    box-shadow: 0px 3px 0 0 #e8253f !important;
    background-color: transparent; }

#izbornik1_2 td:hover {
  color: #0f1429 !important;
  background-color: rgba(15, 20, 41, 0.08);
  box-shadow: 0px 1px 0 0 rgba(15, 20, 41, 0.08); }
  .dark-theme #izbornik1_2 td:hover {
    color: #FFFFFF !important;
    background-color: rgba(255, 255, 255, 0.08);
    box-shadow: 0px 1px 0 0 rgba(255, 255, 255, 0.08); }

.cal {
  cursor: pointer;
  display: flex;
  min-width: 70px;
  text-align: center;
  align-items: center;
  justify-content: center;
  height: 32px;
  font-size: 1.4rem;
  font-weight: bold; }

.cal span {
  margin: 0 2px; }

.viseCal {
  font-size: 1.4rem;
  font-weight: bold;
  cursor: pointer;
  min-width: 70px;
  text-align: center; }

.num {
  text-align: center; }

.day {
  text-align: center; }

.PonudaStup {
  padding: 16px 16px 48px 16px; }

#ponudaTop {
  min-height: 480px; }

#ponuda_kostur {
  min-height: 480px; }

.RezultatiStup {
  padding: 16px; }

#selekcija {
  min-height: 480px; }

.IspisKaoGlavno {
  background-color: #fff;
  padding: 32px 0 8px 0; }
  .dark-theme .IspisKaoGlavno {
    background-color: #181A24; }

.IspisKaoGlavno .bigSport {
  height: 73px;
  width: 60px;
  background-position: center;
  background-repeat: no-repeat; }

.IspisKaoGlavno table {
  width: 100%; }

.IspisKaoGlavno table td {
  vertical-align: top; }

.IspisKaoGlavno .tdImg {
  width: 60px; }

.IspisKaoGlavno .item {
  /*width: 31%;*/
  display: inline-block;
  text-align: left;
  margin-right: 4px;
  background-color: rgba(65, 75, 102, 0.16);
  color: #414b66;
  padding: 2px 16px;
  cursor: pointer;
  border-radius: 3px;
  font-size: 1.2rem; }
  .dark-theme .IspisKaoGlavno .item {
    color: #414b66;
    background-color: rgba(65, 75, 102, 0.16); }

.IspisKaoGlavno .item.activ {
  background-color: #414b66;
  color: #FFFFFF; }

.IspisKaoGlavno .item span {
  display: table-cell;
  height: 32px;
  width: 100%;
  vertical-align: middle;
  padding: 2px 0; }

.sports__items--filter {
  display: flex; }

.IspisKaoGlavno .activ.item, .IspisKaoGlavno .activ.item:hover {
  background-color: #414b66;
  color: #FFFFFF; }
  .dark-theme .IspisKaoGlavno .activ.item, .dark-theme .IspisKaoGlavno .activ.item:hover {
    color: #FFFFFF; }

.IspisKaoGlavno .item:hover {
  background-color: rgba(65, 75, 102, 0.32); }

.IspisKaoGlavno .bsport2 .item {
  background-color: rgba(17, 153, 76, 0.16);
  color: #414b66; }
  .dark-theme .IspisKaoGlavno .bsport2 .item {
    color: #B6BECE; }

.IspisKaoGlavno .bsport2 .activ.item, .IspisKaoGlavno .bsport2 .activ.item:hover {
  background-color: #11994c;
  color: #FFFFFF; }

.IspisKaoGlavno .bsport2 .item:hover {
  background-color: rgba(17, 153, 76, 0.32); }

.IspisKaoGlavno .bsport3 .item {
  background-color: rgba(219, 140, 22, 0.16);
  color: #414b66; }
  .dark-theme .IspisKaoGlavno .bsport3 .item {
    color: #B6BECE; }

.IspisKaoGlavno .bsport3 .activ.item, .IspisKaoGlavno .bsport3 .activ.item:hover {
  background-color: #db8c16;
  color: #FFFFFF; }

.IspisKaoGlavno .bsport3 .item:hover {
  background-color: rgba(219, 140, 22, 0.32); }

.IspisKaoGlavno .bsport6 .item,
.IspisKaoGlavno .bsport25 .item {
  background-color: rgba(219, 95, 57, 0.16);
  color: #414b66; }
  .dark-theme .IspisKaoGlavno .bsport6 .item, .dark-theme
  .IspisKaoGlavno .bsport25 .item {
    color: #B6BECE; }

.IspisKaoGlavno .bsport6 .activ.item, .IspisKaoGlavno .bsport6 .activ.item:hover,
.IspisKaoGlavno .bsport25 .activ.item, .IspisKaoGlavno .bsport25 .activ.item:hover {
  background-color: #db5f39;
  color: #FFFFFF; }

.IspisKaoGlavno .bsport6 .item:hover, .IspisKaoGlavno .bsport25 .item:hover {
  background-color: rgba(219, 95, 57, 0.32); }

.IspisKaoGlavno .bsport5 .item,
.IspisKaoGlavno .bsport7 .item,
.IspisKaoGlavno .bsport21 .item {
  background-color: rgba(32, 121, 199, 0.16);
  color: #414b66; }
  .dark-theme .IspisKaoGlavno .bsport5 .item, .dark-theme
  .IspisKaoGlavno .bsport7 .item, .dark-theme
  .IspisKaoGlavno .bsport21 .item {
    color: #B6BECE; }

.IspisKaoGlavno .bsport5 .activ.item, .IspisKaoGlavno .bsport5 .activ.item:hover,
.IspisKaoGlavno .bsport7 .activ.item, .IspisKaoGlavno .bsport7 .activ.item:hover,
.IspisKaoGlavno .bsport21 .activ.item, .IspisKaoGlavno .bsport21 .activ.item:hover {
  background-color: #2079c7;
  color: #FFFFFF; }

.IspisKaoGlavno .bsport5 .item:hover,
.IspisKaoGlavno .bsport7 .item:hover,
.IspisKaoGlavno .bsport21 .item:hover {
  background-color: rgba(32, 121, 199, 0.32); }

.IspisKaoGlavno .bsport20 .item,
.IspisKaoGlavno .bsport24 .item {
  background-color: rgba(191, 61, 105, 0.16);
  color: #414b66; }
  .dark-theme .IspisKaoGlavno .bsport20 .item, .dark-theme
  .IspisKaoGlavno .bsport24 .item {
    color: #B6BECE; }

.IspisKaoGlavno .bsport20 .activ.item, .IspisKaoGlavno .bsport20 .activ.item:hover,
.IspisKaoGlavno .bsport24 .activ.item, .IspisKaoGlavno .bsport24 .activ.item:hover {
  background-color: #bf3d69;
  color: #FFFFFF; }

.IspisKaoGlavno .bsport20 .item:hover,
.IspisKaoGlavno .bsport24 .item:hover {
  background-color: rgba(191, 61, 105, 0.32); }

.grupa {
  text-align: left; }

.sport__naslov--grupa {
  text-align: left;
  display: flex;
  align-items: center;
  cursor: default;
  white-space: pre-wrap; }

.liga .sport__naslov--grupa {
  cursor: pointer; }

.naslov {
  cursor: pointer;
  font-size: 1.4rem;
  font-weight: bold;
  /*height: 38px;*/
  width: 100%; }

.naslov_lige {
  font-weight: normal;
  color: #414b66; }
  .dark-theme .naslov_lige {
    color: #B6BECE; }

.extraSurface {
  /*margin-left: 4px;*/
  font-size: 1.2rem;
  font-weight: normal; }

tr.naslov_glavnog_para {
  border-bottom: 0 !important; }

tr.naslov_grupe_para {
  height: 16px !important;
  border-bottom: 0 !important;
  border-top: 1px solid #d8dae6; }
  .dark-theme tr.naslov_grupe_para {
    border-top: 1px solid #394156; }

.sport__odds--top {
  display: flex;
  margin-bottom: 8px; }

.sport__odds--icon {
  align-items: center;
  display: flex; }

.sport__odds--league {
  height: 20px;
  line-height: 20px;
  align-self: center;
  width: 100%; }

.collapse .sport__odds--league {
  /*height: 35px;*/
  display: flex;
  align-items: center;
  white-space: pre; }

.sport__odds--naslov-okvir {
  align-self: center;
  width: 100%;
  /*margin-top: 2px;*/ }

.page__results .sport__naslov--okvir {
  margin-bottom: 8px; }

.sport__marketi {
  /*display: flex;*/
  cursor: default; }

.sport__marketi--okvir {
  padding-top: 16px;
  padding-bottom: 24px; }

.liga {
  padding: 8px 0; }

.liga.collapse {
  padding: 0; }

.liga.collapse .sport__naslov--okvir {
  margin-bottom: 0;
  padding: 2px 0;
  border-radius: 3px; }

.marketDiv {
  /*padding-right: 27px;*/
  color: #414b66;
  display: flex;
  text-align: left;
  margin-right: 4px;
  background-color: rgba(65, 75, 102, 0.16);
  color: #414b66;
  padding: 0 8px;
  border-radius: 3px;
  font-size: 1.2rem;
  font-weight: normal; }
  .dark-theme .marketDiv {
    color: #414b66;
    background-color: rgba(65, 75, 102, 0.16); }

.marketDiv.marketActiv, .marketDiv.marketActiv:hover {
  background-color: #414b66;
  color: #FFFFFF; }

.marketDiv:hover {
  background-color: rgba(65, 75, 102, 0.32); }

.marketPodjela {
  display: inline-block;
  margin-bottom: 4px; }

.market {
  display: inline-block;
  line-height: 16px;
  white-space: nowrap; }
  .market:hover {
    text-decoration: none;
    cursor: pointer; }

.marketNav {
  line-height: 16px;
  text-align: center;
  font-size: 1.2rem;
  margin: 0 0 0 4px; }

.marketNav:hover {
  text-decoration: none;
  cursor: pointer; }

.favoritMarket {
  /*  background-color: #2F2F2F;
    background: linear-gradient(to bottom, #846B03 0%, #3B3B3B 4%, #2E2E2E 14%, #2F2F2F 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
   padding-right: 39px;*/ }

.favoritMarket:hover, .favoritMarket.marketActiv {
  /*background-color: #434343;
    background: linear-gradient(to bottom, #846B03 0%, #3B3B3B 4%, #404040 14%, #434343 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);*/ }

.favoritMarket .market {
  /*
    background-position: left -1065px;
    background-repeat: no-repeat;
    padding-left: 15px;
    width: 70%;*/ }

.favoritMarket:hover .market, .favoritMarket.marketActiv .market {
  /*background-position: left -1096px;*/ }

.liga.collapse .sport__naslov--okvir:hover {
  background-color: rgba(65, 75, 102, 0.16); }

.sport2 .marketDiv {
  background-color: rgba(17, 153, 76, 0.16);
  color: #414b66; }
  .dark-theme .sport2 .marketDiv {
    color: #B6BECE; }

.liga.collapse .sport2.sport__naslov--okvir:hover {
  background-color: rgba(17, 153, 76, 0.16); }
  .dark-theme .liga.collapse .sport2.sport__naslov--okvir:hover {
    color: #FFFFFF; }

.sport2 .marketDiv.marketActiv, .sport2 .marketDiv.marketActiv:hover {
  background-color: #11994c;
  color: #FFFFFF; }

.sport2 .marketDiv:hover {
  background-color: rgba(17, 153, 76, 0.32); }

.sport3 .marketDiv {
  background-color: rgba(219, 140, 22, 0.16);
  color: #414b66; }
  .dark-theme .sport3 .marketDiv {
    color: #B6BECE; }

.liga.collapse .sport3.sport__naslov--okvir:hover {
  background-color: rgba(219, 140, 22, 0.16); }
  .dark-theme .liga.collapse .sport3.sport__naslov--okvir:hover {
    color: #FFFFFF; }

.sport3 .marketDiv.marketActiv, .sport3 .marketDiv.marketActiv:hover {
  background-color: #db8c16;
  color: #FFFFFF; }

.sport3 .marketDiv:hover {
  background-color: rgba(219, 140, 22, 0.32); }

.sport6 .marketDiv,
.sport25 .marketDiv {
  background-color: rgba(219, 95, 57, 0.16);
  color: #414b66; }
  .dark-theme .sport6 .marketDiv, .dark-theme
  .sport25 .marketDiv {
    color: #B6BECE; }

.liga.collapse .sport6.sport__naslov--okvir:hover,
.liga.collapse .sport25.sport__naslov--okvir:hover {
  background-color: rgba(219, 95, 57, 0.16); }
  .dark-theme .liga.collapse .sport6.sport__naslov--okvir:hover, .dark-theme
  .liga.collapse .sport25.sport__naslov--okvir:hover {
    color: #FFFFFF; }

.sport6 .marketDiv.marketActiv, .sport6 .marketDiv.marketActiv:hover,
.sport25 .marketDiv.marketActiv, .sport25 .marketDiv.marketActiv:hover {
  background-color: #db5f39;
  color: #FFFFFF; }

.sport6 .marketDiv:hover,
.sport25 .marketDiv:hover {
  background-color: rgba(219, 95, 57, 0.32); }

.sport5 .marketDiv,
.sport7 .marketDiv,
.sport21 .marketDiv {
  background-color: rgba(32, 121, 199, 0.16);
  color: #414b66; }
  .dark-theme .sport5 .marketDiv, .dark-theme
  .sport7 .marketDiv, .dark-theme
  .sport21 .marketDiv {
    color: #B6BECE; }

.liga.collapse .sport5.sport__naslov--okvir:hover,
.liga.collapse .sport7.sport__naslov--okvir:hover,
.liga.collapse .sport21.sport__naslov--okvir:hover {
  background-color: rgba(32, 121, 199, 0.16); }
  .dark-theme .liga.collapse .sport5.sport__naslov--okvir:hover, .dark-theme
  .liga.collapse .sport7.sport__naslov--okvir:hover, .dark-theme
  .liga.collapse .sport21.sport__naslov--okvir:hover {
    color: #FFFFFF; }

.sport5 .marketDiv.marketActiv, .sport5 .marketDiv.marketActiv:hover,
.sport7 .marketDiv.marketActiv, .sport7 .marketDiv.marketActiv:hover,
.sport21 .marketDiv.marketActiv, .sport21 .marketDiv.marketActiv:hover {
  background-color: #2079c7;
  color: #FFFFFF; }

.sport5 .marketDiv:hover,
.sport7 .marketDiv:hover,
.sport21 .marketDiv:hover {
  background-color: rgba(32, 121, 199, 0.32); }

.sport20 .marketDiv,
.sport24 .marketDiv {
  background-color: rgba(191, 61, 105, 0.16);
  color: #414b66; }
  .dark-theme .sport20 .marketDiv, .dark-theme
  .sport24 .marketDiv {
    color: #B6BECE; }

.liga.collapse .sport20.sport__naslov--okvir:hover,
.liga.collapse .sport24.sport__naslov--okvir:hover {
  background-color: rgba(191, 61, 105, 0.16); }
  .dark-theme .liga.collapse .sport20.sport__naslov--okvir:hover, .dark-theme
  .liga.collapse .sport24.sport__naslov--okvir:hover {
    color: #FFFFFF; }

.sport20 .marketDiv.marketActiv, .sport20 .marketDiv.marketActiv:hover,
.sport24 .marketDiv.marketActiv, .sport24 .marketDiv.marketActiv:hover {
  background-color: #bf3d69;
  color: #FFFFFF; }

.sport20 .marketDiv:hover,
.sport24 .marketDiv:hover {
  background-color: rgba(191, 61, 105, 0.32); }

.sport__marketi--grupe a {
  font-size: 1.2rem;
  color: #414b66;
  margin-right: 8px;
  font-weight: normal; }
  .dark-theme .sport__marketi--grupe a {
    color: #B6BECE; }
  .sport__marketi--grupe a:hover {
    text-decoration: underline; }

.sport__marketi--grupe a.aActiv {
  color: #0f1429;
  text-decoration: underline; }
  .dark-theme .sport__marketi--grupe a.aActiv {
    color: #FFFFFF; }

.parovi {
  width: 100%; }

.parovi tr {
  background: none;
  border-bottom: 1px solid #d8dae6;
  /*padding: 0 24px;*/
  /*height: 30px;*/ }
  .dark-theme .parovi tr {
    border-bottom: 1px solid #394156; }

.parovi tr:hover {
  background-color: rgba(0, 0, 0, 0.06); }
  .dark-theme .parovi tr:hover {
    background-color: rgba(255, 255, 255, 0.06); }

tr.razradaParPlus {
  cursor: pointer;
  height: auto; }

.vrijemeRezultata {
  width: 75px;
  text-align: right;
  padding-right: 60px;
  color: #747e99; }
  .dark-theme .vrijemeRezultata {
    color: #818A9C; }

.dobitniTip {
  min-width: 150px;
  text-align: left; }

.results__pair--arrow {
  min-width: 20px;
  font-size: 2rem !important;
  vertical-align: middle !important;
  padding-right: 4px;
  color: transparent; }

tr.razradaParPlus:hover .results__pair--arrow .results__down {
  color: #0f1429; }
  .dark-theme tr.razradaParPlus:hover .results__pair--arrow .results__down {
    color: #FFFFFF; }

.activRezDetalji tr.razradaParPlus:hover .results__pair--arrow .results__up,
.activRezDetalji tr.razradaParPlus .results__pair--arrow .results__up {
  color: #0f1429;
  display: inherit; }
  .dark-theme .activRezDetalji tr.razradaParPlus:hover .results__pair--arrow .results__up, .dark-theme
  .activRezDetalji tr.razradaParPlus .results__pair--arrow .results__up {
    color: #FFFFFF; }

.activRezDetalji tr.razradaParPlus:hover .results__pair--arrow .results__down,
.activRezDetalji tr.razradaParPlus .results__pair--arrow .results__down {
  display: none; }

.rezDetalji, .footer__seo {
  max-height: 440px;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #b8bed1 #e4e8f0; }
  .dark-theme .rezDetalji, .dark-theme .footer__seo {
    scrollbar-color: #394156 #212431; }

.rezDetalji::-webkit-scrollbar, .footer__seo::-webkit-scrollbar {
  width: 15px;
  height: 18px; }

.rezDetalji::-webkit-scrollbar-thumb, .footer__seo::-webkit-scrollbar-thumb {
  height: 6px;
  border: 5px solid transparent;
  background-clip: padding-box;
  -webkit-border-radius: 7px;
  background-color: #b8bed1;
  -webkit-box-shadow: inset -1px -1px 0px transparent, inset 1px 1px 0px transparent; }
  .dark-theme .rezDetalji::-webkit-scrollbar-thumb, .dark-theme .footer__seo::-webkit-scrollbar-thumb {
    background-color: #394156; }

.rezDetalji::-webkit-scrollbar-button, .footer__seo::-webkit-scrollbar-button {
  width: 0;
  height: 0;
  display: none; }

.rezDetalji::-webkit-scrollbar-corner, .footer__seo::-webkit-scrollbar-corner {
  background-color: transparent; }

.ponudaRezultat {
  width: 80px;
  text-align: left;
  font-weight: bold; }

/*.liveScore .ponudaRezultat {
    color: $light-color-brand-red;
    font-weight: normal;
}*/
.liveScore .ponudaRezultat {
  color: #1894f2;
  font-weight: bold; }

.liveScore .ponudaRezultat .delay {
  color: #eb3471;
  font-weight: normal; }

tr.naslov_glavnog_para--home {
  /*height: 40px;*/
  border-bottom: 0; }
  .dark-theme tr.naslov_glavnog_para--home {
    border-bottom: 0; }

tr.naslov_glavnog_para--home-razmak {
  border-bottom: 0 !important;
  height: 8px !important; }
  tr.naslov_glavnog_para--home-razmak:hover {
    background-color: transparent; }

.activRezDetalji {
  background-color: rgba(228, 232, 240, 0.4);
  border-bottom: 1px solid #b8bed1;
  border-right: 1px solid #b8bed1;
  border-left: 1px solid #b8bed1;
  border-top: 0;
  box-shadow: 0 -1px 0 #b8bed1; }
  .dark-theme .activRezDetalji {
    background-color: rgba(33, 36, 49, 0.4);
    border-bottom: 1px solid #394156;
    border-right: 1px solid #394156;
    border-left: 1px solid #394156;
    box-shadow: 0 -1px 0 #394156; }

.activRezDetalji .razradaParPlus {
  background-color: #d8dae6; }
  .dark-theme .activRezDetalji .razradaParPlus {
    background-color: #0D0E12; }

.activRezDetalji .razradaParPlus:hover {
  background-color: #d8dae6; }
  .dark-theme .activRezDetalji .razradaParPlus:hover {
    background-color: #0D0E12; }

.activRezDetalji .razradaParPlus {
  height: 40px;
  transition: .3s; }

.rezGolKarton {
  width: 360px;
  display: block;
  position: static;
  margin: 16px auto; }

.naslov_glavnog_para th {
  color: #414b66;
  height: 24px !important;
  background-color: #e4e8f0;
  font-size: 1.2rem;
  vertical-align: middle;
  padding: 0 4px; }
  .dark-theme .naslov_glavnog_para th {
    background-color: #212431;
    color: #B6BECE; }

.naslov_glavnog_para--home th {
  color: #747e99;
  height: 24px !important;
  background-color: #e4e8f0;
  font-size: 1.2rem;
  vertical-align: middle;
  padding: 0 4px;
  font-weight: bold; }
  .dark-theme .naslov_glavnog_para--home th {
    background-color: #212431;
    color: #818A9C; }

.naslov_glavnog_para--vise10 th {
  background-color: #fff;
  font-size: 1.2rem;
  vertical-align: bottom;
  padding: 0 4px 4px 4px; }
  .dark-theme .naslov_glavnog_para--vise10 th {
    background-color: #181A24; }

tr.naslov_glavnog_para--vise10, tr.vise10Tip {
  border-bottom: 0;
  height: auto; }

tr.specRow:hover, .vise10Tip:hover, tr.specRow__naslov-para:hover {
  background-color: transparent !important; }

td.specCol {
  padding-left: 24px;
  /*padding-bottom:8px;*/ }

tr.specRow__naslov-para {
  border-bottom: 0; }

.parovi .specRow:last-child {
  border-bottom: 0; }

tr.vise10Tip td {
  padding-bottom: 8px; }

.naslovOklade {
  padding-left: 4px;
  text-align: left;
  vertical-align: middle; }

.parPar {
  padding-left: 4px;
  text-align: left;
  font-size: 1.2rem;
  height: 30px !important;
  align-items: center;
  display: flex; }

.parPar .ico-sicon {
  color: #747e99;
  font-size: 2.0rem;
  /*height: 40px;
    float: left;
    line-height: 40px;*/
  padding-right: 8px; }
  .dark-theme .parPar .ico-sicon {
    color: #818A9C; }

.parovi td {
  font-size: 1.2rem;
  vertical-align: middle;
  padding-left: 2px; }

/*.parovi td.datumPar {
    width: 55px;
    text-align: center;
    vertical-align:middle;
}*/
.parovi td.datumParL, .parovi .datumPar {
  width: 25px;
  text-align: right;
  white-space: nowrap;
  vertical-align: middle;
  color: #747e99;
  padding-right: 8px;
  padding-left: 8px; }
  .dark-theme .parovi td.datumParL, .dark-theme .parovi .datumPar {
    color: #818A9C; }

.prTime td.datumPar, .prTime td.datumParL {
  background-color: rgba(24, 148, 242, 0.16); }

.page__home .sport__parovi--stats {
  padding: 0 8px; }

.sport__parovi--stats {
  width: 32px;
  font-size: 2rem !important;
  text-align: right;
  color: #b8bed1; }
  .dark-theme .sport__parovi--stats {
    color: #394156; }

.sport__parovi--icon-stats:hover {
  color: #0f1429; }
  .dark-theme .sport__parovi--icon-stats:hover {
    color: #FFFFFF; }

.sport__parovi--icon-live {
  font-size: 1.6rem;
  color: #117ed1; }
  .dark-theme .sport__parovi--icon-live {
    color: #1894f2; }

.content__homepage_parovi__par__stats span.ico-live {
  cursor: default; }

.sport__menu_links {
  margin: 0 7px; }

.sport__menu_links i {
  margin-right: 8px;
  font-size: 2.4rem;
  vertical-align: middle; }

.results__menu_links {
  margin: 0 7px;
  padding-top: 16px; }

.results__menu_links i {
  margin-right: 8px;
  font-size: 2.4rem;
  vertical-align: middle; }

.BackToAllResults i {
  font-size: 1.6rem !important;
  vertical-align: middle;
  margin-right: 12px;
  margin-left: 4px; }

.sport__results--live {
  display: flex;
  margin-bottom: 24px; }

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

.sport__results--live-link {
  font-size: 1.6rem !important;
  width: 24px;
  height: 24px;
  line-height: 24px; }

.livescore__toogle {
  right: 4px; }

.sport__results--top-menu {
  display: flex;
  align-items: center;
  padding-left: 8px;
  font-size: 1.2rem;
  min-height: 40px;
  line-height: 16px; }

.topLeftResultsMenu {
  margin: 0 !important; }

.sport__results--menu-icon {
  margin-right: 8px; }

.sport__results--menu-txt {
  flex-grow: 1;
  color: #414b66; }
  .dark-theme .sport__results--menu-txt {
    color: #B6BECE; }

.sport__red--icons {
  color: #e8253f; }

.sport__menu_links span, .results__menu_links span {
  /*padding: 8px 0;*/ }

.sport__menu_links a, .results__menu_links a {
  color: #414b66;
  display: block;
  font-size: 1.2rem;
  text-decoration: none;
  /*line-height: 36px;*/
  border-radius: 6px;
  padding-left: 8px;
  margin: 2px 0;
  min-height: 36px;
  align-items: center;
  display: flex;
  line-height: 16px; }
  .dark-theme .sport__menu_links a, .dark-theme .results__menu_links a {
    color: #B6BECE; }

.sport__menu_links a,
.results__menu_links a:focus {
  outline: 0; }

.sport__menu_links a:hover,
.results__menu_links a:hover {
  background-color: rgba(255, 255, 255, 0.5); }
  .dark-theme .sport__menu_links a:hover, .dark-theme
  .results__menu_links a:hover {
    background-color: rgba(24, 26, 36, 0.5); }

.sport__menu_links a.activ,
.results__menu_links a.activ {
  background-color: #fff;
  color: #0f1429;
  font-weight: bold; }
  .dark-theme .sport__menu_links a.activ, .dark-theme
  .results__menu_links a.activ {
    background-color: #181A24;
    color: #FFFFFF; }

.sport__menu_links .activLink,
.results__menu_links .activLink {
  background-color: #fff;
  font-weight: bold; }
  .dark-theme .sport__menu_links .activLink, .dark-theme
  .results__menu_links .activLink {
    background-color: #181A24; }

.naslov .fav:before {
  display: none; }

.naslov:hover .fav:before {
  display: inline;
  content: "\e94d";
  color: #747e99; }
  .dark-theme .naslov:hover .fav:before {
    color: #818A9C; }

.naslov .sport:hover .fav:before, .naslovOklade .bet-type-icon:hover.fav:before {
  color: #0f1429; }
  .dark-theme .naslov .sport:hover .fav:before, .dark-theme .naslovOklade .bet-type-icon:hover.fav:before {
    color: #FFFFFF; }

.naslov .activ .fav:before, .naslov .activ .sport:hover .fav:before, .fav:hover, .favActiv:before {
  display: inline;
  color: #db8c16 !important;
  content: "\e94c" !important; }

.fav {
  cursor: pointer; }

.sport {
  width: 32px;
  vertical-align: middle;
  text-align: center;
  font-size: 1.6rem; }

.naslovOklade .fav:before {
  content: "\e94d";
  color: #747e99;
  margin-right: 4px; }
  .dark-theme .naslovOklade .fav:before {
    color: #818A9C; }

.sport__expand {
  align-items: flex-start;
  /* height: 32px; */
  /*margin-bottom: -16px;
    position: relative;
    z-index: 1;*/
  display: flex; }

.sport__last-min--links {
  flex-grow: 1; }

.sport__last-min--links span {
  font-size: 1.4rem;
  border: 1px solid #747e99;
  border-radius: 14px;
  padding: 3px 18px;
  margin-right: 4px;
  color: #0f1429;
  display: block;
  cursor: pointer;
  line-height: 20px;
  margin-bottom: 4px;
  float: left; }
  .dark-theme .sport__last-min--links span {
    border: 1px solid #818A9C;
    color: #FFFFFF; }
  .sport__last-min--links span:hover {
    background-color: rgba(15, 20, 41, 0.08); }
    .dark-theme .sport__last-min--links span:hover {
      background-color: rgba(255, 255, 255, 0.08); }
  .sport__last-min--links span.activ, .sport__last-min--links span.activ:hover {
    color: #FFFFFF;
    background-color: #0f1429;
    border: 1px solid #0f1429; }
    .dark-theme .sport__last-min--links span.activ, .dark-theme .sport__last-min--links span.activ:hover {
      color: #0f1429;
      background-color: #FFFFFF;
      border: 1px solid #FFFFFF; }

.sport__collapse--expand {
  font-size: 1.2rem;
  color: #117ed1;
  flex-shrink: 0;
  margin-top: 4px;
  line-height: 24px; }
  .dark-theme .sport__collapse--expand {
    color: #1894f2; }
  .sport__collapse--expand:hover {
    box-shadow: 0 1px 0 0 #117ed1; }
    .dark-theme .sport__collapse--expand:hover {
      box-shadow: 0 1px 0 0 #1894f2; }

.sport__collapse--expand span {
  cursor: pointer; }

.sport__collapse--expand.activE span.activE {
  display: inherit !important;
  transition: .2s linear; }

.sport__collapse--expand.activC span.activC {
  display: inherit !important;
  transition: .2s linear; }

.sport__odds--top.collapse .sport__marketi--grupe,
.sport__favorite-plus.collapse .naslov {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  transition: .2s linear; }

.sport__super-bet.collapse {
  margin-top: 0 !important; }

.sport__odds--top.collapse .sport__odds--icon .ticket__icon-detail, .sport__favorite-plus.collapse .favorite .sport__odds--top.collapse .sport__odds--icon .ticket__icon-detail,
.sport__super-bet.collapse .favorite .sport__odds--top.collapse .sport__odds--icon .ticket__icon-detail, .liga.collapse .ticket__icon-detail {
  font-size: 2rem;
  /*transition: .2s linear;*/
  margin-left: 6px;
  width: 28px;
  height: 28px;
  line-height: 26px; }

.favorite .sport__odds--top.collapse .sport__odds--icon .ticket__icon-detail {
  font-size: 3.2rem;
  margin-left: 0; }

.sport__odds--top.collapse .sport__marketi, .sport__odds--top.collapse .sport__marketi--grupe, .sport__favorite-plus.collapse .parovi,
.sport__super-bet.collapse .parovi, .liga.collapse .par2 {
  display: none; }

.sport__odds--top.collapse {
  padding: 2px 0;
  border-radius: 3px; }

.sport__odds--top.collapse {
  margin: 0; }

.par2 {
  /*margin-bottom: 16px;*/ }

.sport__menu_links .headFavoritTurnir a:hover {
  background-color: rgba(255, 255, 255, 0.5); }
  .dark-theme .sport__menu_links .headFavoritTurnir a:hover {
    background-color: rgba(24, 26, 36, 0.5); }

.sport__menu_links .headFavoritTurnir.activ a {
  background-color: #fff;
  color: #0f1429;
  font-weight: bold; }
  .dark-theme .sport__menu_links .headFavoritTurnir.activ a {
    background-color: #181A24;
    color: #FFFFFF; }

.headFavoritTurnir span.favHead {
  padding: 10px 0 10px 15px;
  font-size: 1.2rem;
  color: #e8253f;
  display: inline-block;
  font-weight: bold;
  cursor: pointer; }

.txtFavoritTurnir.faq {
  padding: 0 8px;
  font-size: 1.2rem;
  color: #747e99; }
  .dark-theme .txtFavoritTurnir.faq {
    color: #818A9C; }

.txtFavoritTurnir {
  margin: 0 7px; }

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

.favTurnirTxt {
  padding-left: 8px !important;
  font-size: 1.2rem;
  color: #414b66;
  display: flex;
  /*height: 24px;*/
  align-items: flex-start;
  width: 126px;
  /* overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;*/
  /*margin-right: 12px;*/
  flex-direction: column; }
  .dark-theme .favTurnirTxt {
    color: #B6BECE; }

.favTurnirLeague {
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%; }

.favTurnirTournament {
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%; }

.favTurnir {
  text-decoration: none;
  display: flex;
  text-align: left;
  cursor: pointer;
  /*width: 155px;*/
  /*overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;*/
  height: 28px;
  align-items: center;
  border-radius: 6px; }

.favTurnir .ico-sicon {
  font-size: 1.6rem;
  padding-left: 12px;
  color: #414b66; }
  .dark-theme .favTurnir .ico-sicon {
    color: #B6BECE; }

.favTop {
  border-radius: 6px;
  margin-bottom: 2px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 172px;
  position: relative;
  padding: 2px 0; }

.favTop:hover {
  background-color: rgba(255, 255, 255, 0.5);
  /*color: $light-color-typography-main;*/ }
  .dark-theme .favTop:hover {
    background-color: rgba(24, 26, 36, 0.5);
    /*color: $dark-color-typography-main;*/ }

.favTop.activ, .favTop.activ .favTurnirTxt, .sport__menu_links.activ .v_m_ot_sport, .topLeftmenu.activ, .topLeftmenu.activ:hover {
  background-color: #fff;
  color: #0f1429;
  font-weight: bold; }
  .dark-theme .favTop.activ, .dark-theme .favTop.activ .favTurnirTxt, .dark-theme .sport__menu_links.activ .v_m_ot_sport, .dark-theme .topLeftmenu.activ, .dark-theme .topLeftmenu.activ:hover {
    background-color: #181A24;
    color: #FFFFFF; }

.topLeftmenu.topLeftResultsMenu.activ .ico-chevron-down:before {
  content: "\e96d"; }

.topLeftmenu {
  border-radius: 6px;
  margin: 2px 7px; }

.topLeftmenu .ico-sicon {
  font-size: 2.4rem;
  color: #414b66; }
  .dark-theme .topLeftmenu .ico-sicon {
    color: #B6BECE; }

.topLeftmenu:hover, .v_m_kategorija:hover, .v_m_izbor_lige:hover {
  background-color: rgba(255, 255, 255, 0.5);
  /*color: $light-color-typography-main;*/ }
  .dark-theme .topLeftmenu:hover, .dark-theme .v_m_kategorija:hover, .dark-theme .v_m_izbor_lige:hover {
    background-color: rgba(24, 26, 36, 0.5);
    /*color: $dark-color-typography-main;*/ }

.topLeftmenu a:hover {
  background-color: transparent !important; }

.topLeftmenu.activ a:hover {
  background-color: transparent !important; }

.v_m_ikona {
  cursor: pointer;
  font-size: 1.6rem;
  vertical-align: middle;
  text-align: right;
  color: transparent;
  width: 36px; }
  .dark-theme .v_m_ikona {
    color: transparent; }

.topLeftmenu:hover .v_m_ikona, .topLeftmenu.activ .v_m_ikona {
  color: #414b66; }
  .dark-theme .topLeftmenu:hover .v_m_ikona, .dark-theme .topLeftmenu.activ .v_m_ikona {
    color: #B6BECE; }

.sport__menu_links .v_m_ikona span,
.results__menu_links .v_m_ikona span {
  width: 32px;
  height: 32px;
  display: inline-block;
  border-radius: 16px;
  text-align: center;
  vertical-align: middle;
  line-height: 32px;
  margin-right: 4px; }
  .sport__menu_links .v_m_ikona span:hover,
  .results__menu_links .v_m_ikona span:hover {
    background-color: rgba(15, 20, 41, 0.12); }
    .dark-theme .sport__menu_links .v_m_ikona span:hover, .dark-theme
    .results__menu_links .v_m_ikona span:hover {
      background-color: rgba(255, 255, 255, 0.12); }
  .sport__menu_links .v_m_ikona span:active,
  .results__menu_links .v_m_ikona span:active {
    background-color: rgba(15, 20, 41, 0.24);
    color: #0f1429; }
    .dark-theme .sport__menu_links .v_m_ikona span:active, .dark-theme
    .results__menu_links .v_m_ikona span:active {
      background-color: rgba(255, 255, 255, 0.24);
      color: #FFFFFF; }

.v_m_ikona:hover span {
  background-color: rgba(15, 20, 41, 0.12); }
  .dark-theme .v_m_ikona:hover span {
    background-color: rgba(255, 255, 255, 0.12); }

.v_m_ikona:active span {
  background-color: rgba(15, 20, 41, 0.24);
  color: #0f1429; }
  .dark-theme .v_m_ikona:active span {
    background-color: rgba(255, 255, 255, 0.24);
    color: #FFFFFF; }

.v_m_ot_sport {
  display: flex;
  cursor: pointer; }

.v_m_nav1.ico-sicon {
  font-size: 2.4rem;
  /*margin-right: 4px;*/
  /*padding-right: 12px;*/
  padding-left: 8px;
  color: #b8bed1; }
  .dark-theme .v_m_nav1.ico-sicon {
    color: #394156; }

.v_m_nav1.ico-sicon:before {
  content: "\e95b"; }

.v_m_kategorijaActiv .v_m_nav1.ico-sicon:before, .v_m_kategorija_results.activ .v_m_nav1.ico-sicon:before {
  content: "\e959";
  color: #394156; }
  .dark-theme .v_m_kategorijaActiv .v_m_nav1.ico-sicon:before, .dark-theme .v_m_kategorija_results.activ .v_m_nav1.ico-sicon:before {
    color: #b8bed1; }

.v_m_kategorija {
  text-align: left;
  cursor: pointer;
  display: flex;
  align-items: center;
  margin: 0 7px 2px 7px;
  border-radius: 6px;
  padding: 2px 0; }

.v_m_kategorijaActiv {
  text-align: left;
  cursor: pointer;
  display: flex;
  align-items: center;
  margin: 0 7px 2px 7px;
  border-radius: 6px;
  padding: 2px 0;
  color: #0f1429;
  font-weight: bold;
  background-color: rgba(255, 255, 255, 0.5); }
  .dark-theme .v_m_kategorijaActiv {
    color: #FFFFFF;
    background-color: rgba(24, 26, 36, 0.5); }

.v_m_kategorijaActiv .favTurnirTxt, .v_m_kategorija_results.activ .favTurnirTxt {
  color: #0f1429;
  font-weight: bold; }
  .dark-theme .v_m_kategorijaActiv .favTurnirTxt, .dark-theme .v_m_kategorija_results.activ .favTurnirTxt {
    color: #FFFFFF; }

.v_m_kategorija_results {
  margin: 2px 0px !important; }

.v_m_kategorija_results.activ {
  margin: 0 7px 2px 7px;
  border-radius: 6px;
  padding: 2px 0;
  color: #0f1429;
  font-weight: bold;
  background-color: rgba(255, 255, 255, 0.5); }
  .dark-theme .v_m_kategorija_results.activ {
    color: #FFFFFF;
    background-color: rgba(24, 26, 36, 0.5); }

.results__menu_links .v_m_kategorija_results span {
  padding-top: 0;
  padding-bottom: 0; }

.v_m_izbor_lige {
  display: inline-flex;
  padding-left: 40px;
  /*margin: 0 7px;*/
  border-radius: 6px;
  padding-right: 8px;
  padding-top: 4px;
  padding-bottom: 4px;
  width: 122px;
  color: #414b66;
  line-height: 16px;
  text-decoration: none;
  font-size: 1.2rem;
  font-weight: normal;
  text-align: left;
  cursor: pointer; }
  .dark-theme .v_m_izbor_lige {
    color: #B6BECE; }

.v_m_izbor_lige_results {
  display: inline-flex;
  padding-left: 40px !important;
  /*margin: 0 7px;*/
  border-radius: 6px;
  padding-right: 8px !important;
  padding-top: 4px !important;
  padding-bottom: 4px !important;
  width: 218px;
  color: #414b66;
  line-height: 16px;
  text-decoration: none;
  font-size: 1.2rem;
  font-weight: normal;
  text-align: left;
  cursor: pointer; }
  .dark-theme .v_m_izbor_lige_results {
    color: #B6BECE; }

.LigaActiv .v_m_izbor_lige {
  color: #0f1429;
  font-weight: bold; }
  .dark-theme .LigaActiv .v_m_izbor_lige {
    color: #FFFFFF; }

.IzborLigeTop.activLiga {
  color: #0f1429;
  font-weight: bold; }
  .dark-theme .IzborLigeTop.activLiga {
    color: #FFFFFF; }

.IzborLigeTop {
  margin: 0 7px;
  position: relative;
  display: inline-flex; }

.results__menu_links .IzborLigeTop {
  position: relative;
  display: inherit; }

.IzborLigeTopResults {
  margin: 0 0px;
  position: relative; }

/*.v_m_kategorijaActiv {
    background-color: $light-color-layout-main;
    color: $light-color-typography-main;
    border-bottom-left-radius:0;
    border-bottom-right-radius:0;
    .dark-theme & {
        background-color: $dark-color-layout-main;
        color: $dark-color-typography-main;
    }
}
.activLiga {
    background-color: $light-color-layout-main;
    color: $light-color-typography-main;
    border-top-left-radius:0;
    border-top-right-radius:0;

    .dark-theme & {
        background-color: $dark-color-layout-main;
        color: $dark-color-typography-main;
    }
}*/
.parovi td.groupaInfo {
  color: #414b66;
  /*height: 24px !important;*/
  background-color: #e4e8f0;
  font-size: 1.2rem;
  vertical-align: middle;
  padding-left: 4px; }
  .dark-theme .parovi td.groupaInfo {
    background-color: #212431;
    color: #B6BECE; }

.favTop:hover .favTurnirX:before {
  content: "\e96e";
  background-color: #e4e8f0;
  /*color: $light-color-typography-main;*/
  border-radius: 14px; }
  .dark-theme .favTop:hover .favTurnirX:before {
    background-color: #212431;
    /*color: $dark-color-typography-main;*/ }

.favTurnirX:hover:before {
  color: #e8253f; }

.favTurnirX {
  float: right;
  display: inline-block;
  position: absolute;
  cursor: pointer;
  font-size: 1.8rem;
  top: 6px;
  left: 11px; }

span.IzborLigeFav {
  display: flex;
  position: absolute;
  cursor: pointer;
  /*left: 0px;*/
  font-size: 1.2rem;
  /*top: 0px;*/
  width: 40px;
  align-self: center;
  justify-content: center; }

.IzborLigeFav:hover:before {
  color: #0f1429 !important; }
  .dark-theme .IzborLigeFav:hover:before {
    color: #FFFFFF !important; }

.FavActivTur:before, .FavActivTur:hover:before {
  content: "\e94c" !important;
  color: #db8c16 !important; }

span.IzborLigeTop:hover .IzborLigeFav:before {
  display: inline;
  content: "\e94d";
  color: #747e99; }

.okladaInfo.favoritSuperPlus, .okladaInfo {
  color: #117ed1;
  cursor: pointer;
  display: inline-block;
  font-size: 1.2rem;
  position: absolute;
  /*top: 8px;*/
  margin-left: 4px; }
  .dark-theme .okladaInfo.favoritSuperPlus, .dark-theme .okladaInfo {
    color: #1894f2; }

.sport__bet-detail--close {
  vertical-align: top;
  text-align: right;
  font-size: 1.6rem;
  color: #747e99;
  padding-top: 8px; }
  .dark-theme .sport__bet-detail--close {
    color: #818A9C; }
  .sport__bet-detail--close:hover {
    color: #0f1429; }
    .dark-theme .sport__bet-detail--close:hover {
      color: #FFFFFF; }

.xclose {
  padding: 8px;
  font-size: 1.6rem;
  cursor: pointer;
  border-radius: 16px; }

#ponudaExtra .naslov {
  font-size: 1.2rem; }

.naslov_kolo {
  font-weight: normal; }

.sport__bet-detail--pair-name {
  text-align: center;
  font-size: 1.8rem;
  font-weight: bold;
  margin-top: 32px;
  color: #0f1429; }
  .dark-theme .sport__bet-detail--pair-name {
    color: #FFFFFF; }

.sport__bet-detail--pair-info {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px 0;
  color: #747e99;
  font-size: 1.2rem; }
  .dark-theme .sport__bet-detail--pair-info {
    color: #818A9C; }

.sport__bet-detail--pair-info .sport__parovi--icon-live {
  margin-right: 8px; }

.sport__bet-detail--pair-tips {
  display: flex;
  justify-content: center;
  font-size: 1.2rem;
  color: #747e99; }
  .dark-theme .sport__bet-detail--pair-tips {
    color: #818A9C; }

.sport__bet-detail--period-lenght span::after {
  /*margin-right: 4px;*/
  content: " - ";
  white-space: pre-wrap; }

.sport__bet-detail--pair-info span {
  /*margin: 0 2px;*/
  white-space: pre-wrap; }

.sport__bet-detail--stadium {
  white-space: pre-wrap; }

.sport__bet-detail--stats {
  font-size: 1.6rem;
  margin-left: 8px; }
  .sport__bet-detail--stats:hover {
    color: #0f1429;
    cursor: pointer; }
    .dark-theme .sport__bet-detail--stats:hover {
      color: #FFFFFF; }

.parovi.extra tr:last-child {
  border-bottom: 0;
  /*margin-bottom: 16px;*/ }

#pnlExtraTypes {
  border-bottom: 1px solid #d8dae6; }
  .dark-theme #pnlExtraTypes {
    border-bottom: 1px solid #394156; }

.sport__bet-detail--time {
  /*margin-left: 8px;*/ }

.sport__bet-detail--marketi {
  margin-top: 24px; }

.extraFooterLink {
  text-align: right; }

.extraNazad, .extraTop {
  font-size: 1.2rem;
  color: #117ed1;
  display: inline-flex;
  align-items: center;
  margin: 32px 0px 0 0; }
  .dark-theme .extraNazad, .dark-theme .extraTop {
    color: #1894f2; }

.extraNazad i, .extraTop i {
  font-size: 1.6rem;
  margin-right: 8px;
  cursor: pointer; }

.extraNazad:hover, .extraTop:hover span {
  text-decoration: none;
  cursor: pointer;
  box-shadow: 0 1px 0 #117ed1; }
  .dark-theme .extraNazad:hover, .dark-theme .extraTop:hover span {
    text-decoration: none;
    cursor: pointer;
    box-shadow: 0 1px 0 #1894f2; }

.extraTop span {
  line-height: 24px; }

span.extraNazad {
  display: none; }

/*---listic-----*/
#listicPage {
  /*padding-top: 46px;*/ }

#listicPage .lVrsta {
  background-color: #e4e8f0;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  /*border-bottom: 1px solid $light-color-typography-dimmed;*/ }
  .dark-theme #listicPage .lVrsta {
    background-color: #212431;
    /*border-bottom: 1px solid $dark-color-typography-dimmed;*/ }

#listicPage .lVrsta .item {
  height: 48px;
  /*line-height: 25px;*/
  font-size: 1.4rem;
  font-weight: bold;
  text-align: center;
  color: #0f1429;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center; }
  .dark-theme #listicPage .lVrsta .item {
    color: #FFFFFF; }

/*#listicPage .lVrsta .item:hover {
    background-color: #850717;
    color: #fff;
}*/
#listicPage .lVrsta .item.activ {
  background-color: transparent;
  color: #e8253f;
  cursor: default;
  box-shadow: 0px 2px 0 0 #e8253f;
  border-bottom: 1px solid;
  z-index: 2;
  position: relative; }
  #listicPage .lVrsta .item.activ:hover {
    background-color: transparent;
    color: #e8253f;
    cursor: default;
    box-shadow: 0px 2px 0 0 #e8253f;
    border-bottom: 1px solid; }
    .dark-theme #listicPage .lVrsta .item.activ:hover {
      background-color: transparent;
      color: #e8253f;
      cursor: default;
      box-shadow: 0px 2px 0 0 #e8253f;
      border-bottom: 1px solid; }

#listicPage .lVrsta .item:hover {
  /*background-color: transparent;*/
  /*color: $light-color-brand-red;*/
  /*box-shadow: 0px 2px 0 0 $light-color-brand-red;*/
  /*border-bottom: 1px solid;*/
  color: #0f1429;
  z-index: 2;
  position: relative;
  background-color: rgba(15, 20, 41, 0.08);
  box-shadow: 0px 1px 0 0 rgba(15, 20, 41, 0.08); }
  .dark-theme #listicPage .lVrsta .item:hover {
    background-color: rgba(255, 255, 255, 0.08);
    box-shadow: 0px 1px 0 0 rgba(255, 255, 255, 0.08);
    color: #FFFFFF; }

#listicPage .lVrsta tr td:first-child .item:hover {
  border-top-left-radius: 8px; }

#listicPage .lVrsta tr td:last-child .item:hover {
  border-top-right-radius: 8px; }

.sport__right-ticket--header {
  border-bottom: 1px solid #747e99;
  z-index: 0; }
  .dark-theme .sport__right-ticket--header {
    border-bottom: 1px solid #818A9C; }

#listicPage .lParovi .item {
  border-bottom: 1px solid #d8dae6;
  padding: 8px 16px 8px 16px;
  position: relative;
  /*background-color: $light-color-layout-main;*/ }
  .dark-theme #listicPage .lParovi .item {
    border-bottom: 1px solid #0D0E12;
    /*background-color: $dark-color-layout-main;*/ }

#listicPage .lParovi .item__hov:hover {
  background-color: rgba(0, 0, 0, 0.04); }
  .dark-theme #listicPage .lParovi .item__hov:hover {
    background-color: rgba(255, 255, 255, 0.04); }

#listicPage .lParovi .item.activ {
  /*background-color: $light-color-layout-main;*/
  /*  &:hover {
        background-color: rgba(0,0,0,0.04);

        .dark-theme & {
            background-color: $dark-color-layout-accent;
        }
    }*/ }
  .dark-theme #listicPage .lParovi .item.activ {
    /*background-color: $dark-color-layout-main;*/ }
  #listicPage .lParovi .item.activ.wticketevent__replaced {
    background-color: rgba(24, 148, 242, 0.12); }

#webListic {
  /*padding: 0 0px 0 12px;*/
  height: auto;
  position: relative;
  box-shadow: 0 6px 12px 0 rgba(15, 20, 41, 0.12);
  margin-left: 12px;
  border-radius: 6px; }

#listicPage .lParovi .item .lParName {
  color: #747e99;
  font-size: 1.4rem;
  text-align: left;
  font-weight: bold;
  /*padding: 3px 0;*/
  line-height: 16px; }
  .dark-theme #listicPage .lParovi .item .lParName {
    color: #818A9C; }

#listicPage .lParovi .item.activ .lParName {
  color: #0f1429;
  font-size: 1.4rem;
  text-align: left;
  font-weight: bold;
  /*padding: 3px 0;*/
  line-height: 16px;
  padding-right: 8px; }
  .dark-theme #listicPage .lParovi .item.activ .lParName {
    color: #FFFFFF; }

#listicPage .lParovi .item.activ .lOkladaName {
  color: #414b66;
  font-size: 1.2rem;
  text-align: left;
  padding: 2px 8px 2px 0; }
  .dark-theme #listicPage .lParovi .item.activ .lOkladaName {
    color: #B6BECE; }

#listicPage .lParovi .item .lOkladaName {
  color: #747e99;
  font-size: 1.2rem;
  text-align: left;
  padding: 2px 0; }
  .dark-theme #listicPage .lParovi .item .lOkladaName {
    color: #818A9C; }

#listicPage .lParovi .item.activ .lTip {
  color: #414b66;
  font-size: 1.2rem;
  text-align: left;
  /*float: left;*/
  flex-grow: 1; }
  .dark-theme #listicPage .lParovi .item.activ .lTip {
    color: #B6BECE; }

#listicPage .lParovi .item .lTip {
  color: #747e99;
  font-size: 1.2rem;
  text-align: left;
  /*float: left;*/
  flex-grow: 1; }
  .dark-theme #listicPage .lParovi .item .lTip {
    color: #818A9C; }

#listicPage .lParovi .item.activ .lKvota {
  /*float: right;*/
  flex-grow: 0;
  color: #0f1429;
  font-size: 1.2rem;
  display: flex;
  align-items: center; }
  .dark-theme #listicPage .lParovi .item.activ .lKvota {
    color: #FFFFFF; }

#listicPage .lParovi .item .lKvota {
  /*float: right;*/
  flex-grow: 0;
  color: #747e99;
  font-size: 1.2rem; }
  .dark-theme #listicPage .lParovi .item .lKvota {
    color: #818A9C; }

#listicPage .lParovi .item .lKvacFix {
  width: 16px;
  text-align: center;
  padding-left: 0; }

#listicPage .lParovi {
  color: #0f1429; }
  .dark-theme #listicPage .lParovi {
    color: #FFFFFF; }

#listicPage .lParovi .item .ruka {
  cursor: pointer;
  padding-left: 16px; }

.sport__right-ticket--checkbox {
  font-size: 1.6rem;
  float: left;
  color: #747e99;
  cursor: pointer; }
  .dark-theme .sport__right-ticket--checkbox {
    color: #818A9C; }

#listicPage .lParovi .item .delPar {
  cursor: pointer;
  color: #747e99;
  font-size: 1.6rem;
  position: absolute;
  display: none; }
  .dark-theme #listicPage .lParovi .item .delPar {
    color: #818A9C; }
  #listicPage .lParovi .item .delPar:hover {
    color: #e8253f; }

#listicPage .lParovi .item:hover .delPar {
  display: inherit; }

.sport__right-ticket--fix {
  padding: 2px 15px;
  border-radius: 3px;
  color: #e8253f;
  border: 1px solid #e8253f;
  width: 14px;
  /*float: left;*/
  margin-right: 8px;
  text-align: center;
  font-size: 1.2rem; }
  .sport__right-ticket--fix:hover {
    cursor: pointer; }

.sport__right-ticket--fix.activ {
  color: #FFFFFF;
  border: 1px solid #e8253f;
  background-color: #e8253f; }

.sport__right-ticket--types {
  padding-left: 16px;
  /*padding-top: 3px;*/
  display: flex;
  align-items: center;
  min-height: 20px; }

#listicPage .lParovi .item .lKvota .Up {
  color: #00c274;
  font-size: 1.6rem;
  margin: 0 4px; }

#listicPage .lParovi .item .lKvota .Dwn {
  color: #eb3471;
  font-size: 1.6rem;
  margin: 0 4px; }

#listicPage .lParovi {
  background-color: #fff; }
  .dark-theme #listicPage .lParovi {
    background-color: #181A24; }

#listicPage .lStavke {
  background-color: #e4e8f0; }
  .dark-theme #listicPage .lStavke {
    background-color: #212431; }

.sport__right-ticket--error {
  color: #eb3471;
  font-size: 1.2rem;
  text-align: left; }

.sport__right-ticket-par--error {
  background-color: rgba(219, 140, 22, 0.12) !important; }

.sport__right-ticket-par--success {
  background-color: rgba(0, 194, 116, 0.12) !important; }

.sport__right-ticket-par--notoffer {
  background-color: rgba(235, 52, 113, 0.12) !important; }

.sport__right-ticket-par--notoffer .lParName,
.sport__right-ticket-par--notoffer .lOkladaName,
.sport__right-ticket-par--notoffer .lTip,
.sport__right-ticket-par--notoffer .lKvota {
  color: #747e99 !important; }
  .dark-theme .sport__right-ticket-par--notoffer .lParName, .dark-theme
  .sport__right-ticket-par--notoffer .lOkladaName, .dark-theme
  .sport__right-ticket-par--notoffer .lTip, .dark-theme
  .sport__right-ticket-par--notoffer .lKvota {
    color: #818A9C !important; }

.sport__right-ticket--error-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: transparent;
  display: inline-block;
  margin-right: 20px;
  margin-left: 5px;
  flex-grow: 0; }

.sport__right-ticket--error-txt {
  flex-grow: 1;
  width: 85%;
  font-weight: 500; }

.sport__right-ticket--success {
  color: #00c274;
  font-size: 1.2rem;
  text-align: left; }

.sport__right-ticket--success-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: transparent;
  display: inline-block;
  margin-right: 20px;
  margin-left: 5px;
  flex-grow: 0; }

.sport__right-ticket--success-txt {
  flex-grow: 1;
  width: 85%;
  font-weight: 500; }

.msgTop {
  background-color: #ffce47;
  /* border: 1px solid #776109; */
  /* border-bottom: 1px solid #4e3900; */
  color: #4e3900;
  font-size: 1.4em;
  padding: 10px;
  text-align: center; }

.msgTop a {
  color: #4e3900;
  font-weight: 700;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center; }
  .msgTop a > i {
    /* icon */
    margin-right: 4px;
    font-size: 2.8rem; }

.lMsgTop {
  font-weight: bold;
  padding: 1px 0;
  display: flex;
  align-items: baseline; }

.lMsgTip {
  margin-left: 33px; }

#listicPage .lStavke {
  color: #0f1429;
  padding: 16px 16px 24px 16px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px; }
  .dark-theme #listicPage .lStavke {
    color: #FFFFFF; }

#listicPage .lPostavke .lBtn {
  font-size: 1.6rem;
  cursor: pointer;
  margin-right: 8px; }

.lPostavke {
  display: flex;
  padding: 8px 16px;
  align-items: center;
  background-color: #fff;
  border-bottom: 1px solid #d8dae6; }
  .dark-theme .lPostavke {
    background-color: #181A24;
    border-bottom: 1px solid #0D0E12; }

.lBtnBrisiSve:hover {
  color: #e8253f; }

.lBtnBrisiSve, .lBtnDSvi, .lBtnASvi {
  color: #747e99;
  display: flex;
  align-content: center; }
  .dark-theme .lBtnBrisiSve, .dark-theme .lBtnDSvi, .dark-theme .lBtnASvi {
    color: #818A9C; }

.sport__ticket--detail-buttons {
  flex-grow: 0;
  display: flex; }

.brParova {
  flex-grow: 1;
  text-align: right;
  font-size: 1.2rem;
  font-weight: bold;
  color: #747e99; }
  .dark-theme .brParova {
    color: #818A9C; }

.brParova .lKvota {
  float: right;
  display: flex;
  color: #0f1429;
  margin-left: 4px; }
  .dark-theme .brParova .lKvota {
    color: #FFFFFF; }

.brParova .lKvtxt {
  margin-right: 4px; }

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

.lUplata div {
  width: inherit; }

.lDobitak {
  margin: 16px 0 24px 0;
  font-size: 1.4rem;
  color: #0f1429; }
  .dark-theme .lDobitak {
    color: #FFFFFF; }

.lDobTxt, .lDobVal {
  font-weight: bold; }

.lUkUlogTitle {
  font-weight: bold;
  font-size: 1.4rem;
  color: #0f1429; }
  .dark-theme .lUkUlogTitle {
    color: #FFFFFF; }

.lUog .item input {
  width: 100px;
  padding: 6px 4px;
  border: 1px solid #b8bed1;
  border-radius: 3px; }
  .dark-theme .lUog .item input {
    border: 1px solid #394156; }

#listicPage .lStavke input {
  text-align: right;
  font-size: 1.4rem;
  /*padding-right: 5px;*/
  font-weight: bold; }

.lUog {
  display: flex;
  width: 100%;
  align-items: center; }

.lUog .item.ulogtxt {
  flex-grow: 1; }

.lUog .item.ulogtxtbox {
  flex-grow: 0; }

.ulogSingle {
  margin-bottom: 4px; }

/*.ulogSingle .item input{
    border-radius:0 !important;
}
.ulogSingle .item input:first-child {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-top-left-radius: 3px !important;
    border-top-right-radius: 3px !important;
}*/
.sistemUlog {
  display: inline-block; }

.sistemUlog .item input {
  width: 100px;
  padding: 6px 4px;
  border: 1px solid #b8bed1;
  border-radius: 0px; }
  .dark-theme .sistemUlog .item input {
    border: 1px solid #394156; }

.sistemOkvir {
  display: flex;
  align-items: baseline;
  /*margin-bottom: 4px;*/
  margin-bottom: -1px; }

.sistemUlog .ulogtxt {
  font-size: 1.2rem;
  color: #414b66; }
  .dark-theme .sistemUlog .ulogtxt {
    color: #B6BECE; }

.sistemUlog .sistemOkvir:first-child .item input {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px; }

.sistemUlog .sistemOkvir:last-child .item input {
  border-bottom-left-radius: 3px !important;
  border-bottom-right-radius: 3px !important; }

#listicPage .lUog .item .ulogKomb {
  font-size: 1.2rem;
  padding-right: 8px;
  color: #747e99; }
  .dark-theme #listicPage .lUog .item .ulogKomb {
    color: #818A9C; }

.sport__ticket--detail-currency {
  font-size: 1.4rem;
  padding: 0 0 0 4px; }

.lSistemiTxt {
  font-size: 1.4rem;
  cursor: pointer;
  color: #117ed1;
  padding: 16px 16px 0px 16px; }
  .dark-theme .lSistemiTxt {
    color: #1894f2; }

.lsistem-opcije__padding {
  padding: 16px 16px 8px 16px; }

.lSistemiTxt:hover {
  text-decoration: underline; }

#listicPage .lSistemOpcije {
  background-color: #fff;
  display: flex;
  flex-wrap: wrap;
  position: relative; }
  .dark-theme #listicPage .lSistemOpcije {
    background-color: #181A24; }

.lSistemSelect {
  background-color: #FAEBF0 !important;
  /*border-left:4px solid $global-descriptive-error;*/ }
  .dark-theme .lSistemSelect {
    background-color: rgba(235, 52, 113, 0.12) !important; }

.lSistemSelect .lSistemOpcije--lerror-border {
  background-color: #eb3471;
  width: 4px;
  height: 100%;
  position: absolute; }

.itemSistem {
  font-size: 1.4rem;
  font-weight: normal;
  border-radius: 3px;
  padding: 3px 0px;
  margin: 0 4px 4px 0px;
  min-width: 85px;
  text-align: center;
  justify-content: center;
  color: #0f1429;
  border: 1px solid #0f1429; }
  .itemSistem:hover {
    cursor: pointer; }
  .dark-theme .itemSistem {
    color: #FFFFFF;
    border: 1px solid #FFFFFF; }

.itemSistem.activ {
  background-color: #0f1429;
  color: #FFFFFF; }
  .dark-theme .itemSistem.activ {
    background-color: #FFFFFF;
    color: #0f1429; }

.lSistemi {
  display: flex;
  flex-wrap: wrap;
  /*padding: 16px 16px 8px 16px;*/ }

.sport__right-col-border {
  background-color: #747e99;
  height: 1px;
  margin: 33px 0 12px 12px; }
  .dark-theme .sport__right-col-border {
    background-color: #818A9C; }

.sport__ticket--okvir {
  border-radius: 8px; }
  .dark-theme .sport__ticket--okvir {
    border-radius: 8px;
    border: 1px solid #394156; }

.sport__pick-odds {
  box-shadow: 0 6px 12px 0 rgba(15, 20, 41, 0.12);
  background-color: #e4e8f0;
  border-radius: 8px;
  padding: 24px 16px;
  text-align: center;
  margin-left: 12px;
  font-size: 1.4rem;
  color: #414b66;
  font-weight: bold;
  font-style: italic;
  display: flex;
  justify-content: center;
  flex-direction: column; }
  .dark-theme .sport__pick-odds {
    box-shadow: 0 6px 12px 0 rgba(18, 24, 46, 0.12);
    background-color: #181A24;
    border: 1px solid #394156;
    background-color: #212431;
    color: #B6BECE; }

.sport__pick-odds span.ico-arrow-left {
  margin-right: 8px; }

.sport__ticket--detail-accept {
  margin-top: 24px; }

.sport__pick-odds--txt {
  line-height: 16px;
  display: flex;
  align-items: center;
  justify-content: center; }

.sport__pick-odds--odd {
  font-size: 1.2rem !important;
  font-style: normal;
  font-weight: normal;
  margin-top: 16px;
  display: flex;
  justify-content: center; }

.sport__pick-odds--type {
  min-width: 62px;
  height: 26px;
  display: flex;
  border: 1px solid #e8253f;
  border-radius: 3px;
  margin: 2px 0px 2px 4px; }

.sport__pick-odds--type .sport__pick-odds--type_typ {
  min-width: 20px;
  text-align: center;
  padding: 2px 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  background-color: #AD1126;
  color: #fff; }

.sport__pick-odds--type_odd {
  background-color: #e8253f;
  color: #fff;
  border-radius: 0;
  min-width: 27px;
  margin: 0;
  width: 38px;
  display: flex;
  min-height: 26px;
  align-items: center;
  justify-content: center;
  position: relative; }

.sport__ticket--detail-accept .accept-checkbox {
  font-size: 1.6rem;
  color: #747e99;
  margin-right: 16px;
  cursor: pointer; }
  .dark-theme .sport__ticket--detail-accept .accept-checkbox {
    color: #818A9C; }

.sport__ticket--detail-accept .Txt {
  color: #414b66;
  font-size: 1.4rem;
  line-height: 16px;
  cursor: pointer; }
  .dark-theme .sport__ticket--detail-accept .Txt {
    color: #B6BECE; }

.lBonus {
  background-color: #fff;
  border: 1px solid #b8bed1;
  border-radius: 3px;
  padding: 14px 16px;
  font-size: 1.3rem;
  display: flex;
  align-items: center;
  margin-bottom: 16px; }
  .lBonus .lBonus__direct_bonus--dark {
    display: none; }
  .dark-theme .lBonus {
    background-color: #181A24;
    border: 1px solid #394156; }
    .dark-theme .lBonus .lBonus__direct_bonus--light {
      display: none; }
    .dark-theme .lBonus .lBonus__direct_bonus--dark {
      display: inherit; }

.lBonus__image {
  flex-grow: 0; }

.lBonus .lBonus__iznos {
  /*display: flex;
    flex-wrap: wrap;
    flex-direction: column;*/
  flex-grow: 1;
  line-height: 16px;
  text-align: center; }

.lBonus .lBonus__uplati {
  display: flex;
  flex-grow: 0;
  flex-direction: column;
  flex-flow: wrap;
  align-items: center; }

.lBonus__uplati .txt {
  margin-right: 4px; }

#lBonusKvacica {
  font-size: 2.4rem;
  cursor: pointer; }

.ticket__detail--win-more {
  /*margin-left: 16px;*/
  border-left: 4px solid #00c274;
  padding: 8px 0 8px 12px;
  margin-top: 8px; }

.ticket__detail--show-more {
  display: none;
  transition: .3s; }

.activ-more .ticket__detail--show-more {
  display: inherit; }

.sportSetings {
  box-shadow: 0 6px 12px 0 rgba(15, 20, 41, 0.12);
  background-color: #e4e8f0 !important;
  border: 1px solid #b8bed1 !important;
  border-collapse: separate;
  display: block;
  position: absolute;
  text-align: left;
  width: 310px;
  z-index: 100;
  padding: 24px;
  border-radius: 8px;
  margin: 0 50%; }
  .dark-theme .sportSetings {
    box-shadow: 0 6px 12px 0 rgba(18, 24, 46, 0.12);
    background-color: #212431 !important;
    border: 1px solid #394156 !important; }

.viseMenu {
  border-bottom: 1px solid #b8bed1; }
  .dark-theme .viseMenu {
    border-bottom: 1px solid #394156; }

.viseMenu div.item {
  width: 50%;
  text-align: center;
  height: 36px;
  line-height: 36px;
  float: left;
  cursor: pointer;
  font-size: 1.4rem;
  color: #414b66; }
  .dark-theme .viseMenu div.item {
    color: #B6BECE; }

.viseMenu div.activ, .viseMenu div.activ:hover {
  color: #e8253f !important;
  box-shadow: 0px 3px 0 0 #e8253f !important;
  background-color: transparent !important; }

.viseMenu div.item:hover {
  /*color: $light-color-brand-red !important;*/
  box-shadow: 0px 1px 0 0 rgba(15, 20, 41, 0.08);
  background-color: rgba(15, 20, 41, 0.08); }
  .dark-theme .viseMenu div.item:hover {
    box-shadow: 0px 1px 0 0 rgba(15, 20, 41, 0.4);
    background-color: rgba(15, 20, 41, 0.4); }

.content__results .tblCalendar {
  /*background-image: url("../img/bets/cal_div.jpg");
    background-repeat: repeat-x;*/
  width: 100%;
  background-color: #fff;
  margin: 0 0 24px 0; }
  .dark-theme .content__results .tblCalendar {
    background-color: #181A24; }

.content__results .results__trazilica {
  margin-bottom: 24px; }

.tblCalendar th {
  color: #747e99;
  font-size: 1.2rem;
  font-weight: normal;
  padding: 16px 2px 12px 2px;
  text-align: center;
  text-transform: uppercase; }

.content__results .tblCalendar th {
  color: #414b66;
  font-size: 1.2rem;
  font-weight: bold;
  padding: 0 1px 12px 1px;
  text-align: center;
  text-transform: uppercase;
  background-color: #e4e8f0; }
  .dark-theme .content__results .tblCalendar th {
    background-color: #212431;
    color: #B6BECE; }

.tblCalendar td {
  text-align: center;
  font-size: 1.2rem;
  background-color: #fff;
  color: rgba(65, 75, 102, 0.4);
  padding: 12px 5px !important; }
  .dark-theme .tblCalendar td {
    background-color: #181A24;
    color: rgba(182, 190, 206, 0.24); }

.content__results .tblCalendar td {
  padding: 0 !important; }

.results__calendar td a, .results__calendar td span {
  display: flex;
  justify-content: center;
  padding: 10px 2px;
  min-height: auto;
  margin: 0;
  border-radius: 0; }

.sport__menu_links a:hover .activDay a, .results__menu_links .activDay a:hover,
.sport__menu_links span:hover .activDay span, .results__menu_links .activDay span:hover {
  background-color: transparent !important; }

.rezultatiSelectedDate {
  background-color: rgba(232, 37, 63, 0.12) !important; }

.rezultatiSelectedDate a {
  color: #e8253f !important;
  border-radius: 0; }

.tblCalendar td a {
  color: #414b66;
  text-decoration: none; }
  .dark-theme .tblCalendar td a {
    color: #B6BECE; }

.activDay {
  color: #414b66 !important;
  cursor: pointer; }
  .dark-theme .activDay {
    color: #B6BECE !important; }

.results__calendar .activDay:hover {
  background-color: rgba(232, 37, 63, 0.12) !important;
  color: #e8253f !important;
  box-shadow: none; }

.results__calendar .activDay:hover a {
  box-shadow: none; }

.tblCalendar td.current {
  background-color: rgba(232, 37, 63, 0.12) !important;
  color: #e8253f !important; }
  .dark-theme .tblCalendar td.current {
    background-color: rgba(232, 37, 63, 0.24) !important; }

.content__sports--calendar-td {
  position: relative; }

.parPar .info {
  vertical-align: middle;
  padding: 0 4px;
  color: #747e99;
  text-align: right;
  width: 14%;
  /*font-size: 1.6rem;*/
  cursor: pointer; }
  .dark-theme .parPar .info {
    color: #818A9C; }

.parPar .info i {
  font-size: 2.4rem; }
  .parPar .info i:hover {
    background-color: rgba(17, 126, 209, 0.16);
    color: #117ed1;
    border-radius: 3px; }
    .dark-theme .parPar .info i:hover {
      background-color: rgba(24, 148, 242, 0.16);
      color: #1894f2; }

.parPar li {
  display: table-cell; }

.parPar .det {
  width: 100%;
  vertical-align: middle; }

/*new version poker page*/
#layOutN .homePage img {
  width: 100%;
  vertical-align: middle; }

#layOutN .textContent {
  width: 60%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff; }

#layOutN .textContentRight {
  width: 40%;
  left: 30%;
  top: 75%;
  transform: translate(-50%, -50%);
  color: #fff; }

#layOutN .textContentLeft {
  width: 40%;
  left: 75%;
  top: 25%;
  transform: translate(-50%, -50%);
  color: #fff; }

#layOutN .textContent .header {
  font-weight: bold;
  font-size: 32px;
  text-transform: uppercase;
  margin-bottom: 10px;
  text-transform: uppercase; }

#layOutN .textContent .underText {
  font-size: 16px;
  margin-bottom: 10px; }

#layOutN .btnPoker {
  width: 47%;
  padding: 10px 15px;
  font-size: 16px;
  border-radius: 3px;
  box-sizing: border-box; }

#layOutN .btnPoker:hover {
  cursor: pointer; }

#layOutN .btnPoker.download:hover {
  background-color: #8e8e8e; }

#layOutN .textContent .clear {
  margin-bottom: 10px; }

#layOutN .btnPoker.download {
  border: 1px solid white; }

#layOutN .op1 span a {
  color: #cecece; }

#layOutN .homePage a {
  color: white !important; }

#layOutN .homePage .poTransfer {
  font-size: 18px; }

#layOutN .homePage .poTransfer a {
  display: inline-block;
  text-decoration: none;
  color: #daff64 !important;
  /*background: #6f7279;*/
  padding: 2px 10px;
  padding-bottom: 6px;
  border-radius: 3px; }

#layOutN .homePage .poTransfer a:hover {
  background: #40444e;
  cursor: pointer; }

#layOutN .beautyLine span {
  width: 20%;
  display: block;
  height: 2px;
  background-color: lightgray;
  border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
  margin-bottom: 3px; }

#layOutN .homePage .pokerMobile {
  width: 50%;
  right: -173px;
  top: -54px; }

#layOutN .beautyLine {
  padding: 6px 5px; }

#layOutN .beautyLine span.posAbsolute {
  width: 5%;
  background-color: #D3251D;
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
  top: 6px;
  left: 5px; }

#layOutN .textContentLeft .header, #layOutN .textContentRight .header {
  font-size: 18px;
  margin-bottom: 3px;
  padding: 5px 6px; }

#layOutN .textContentLeft .underText, #layOutN .textContentRight .underText {
  font-size: 14px;
  margin-bottom: 3px;
  padding: 5px 6px; }

#layOutN .btnContent {
  margin: 0 auto; }

#layOutN .btnPoker.learn {
  background-color: #D3251D;
  margin-right: 3%;
  border: 1px solid #D3251D; }

#layOutN .btnPoker.learn:hover {
  border: 1px solid #9c7d7c; }

#layOutN .bottom {
  padding: 20px;
  background: #171b26; }

#layOutN .bottom .btnContent {
  width: 50%; }

#layOutN .bottom .header {
  font-size: 20px;
  text-transform: uppercase; }

#layOutN .posAbsolute.textContentRight .learn {
  background: #a4c639;
  border: 1px solid #a4c639; }

.pokerLayOut .TxtContent .TxtLayOut h1 {
  text-align: left;
  font-size: 2.4rem;
  margin-bottom: 4px;
  font-weight: 800;
  /*height: 32px;*/
  line-height: 32px;
  color: #0f1429; }
  .dark-theme .pokerLayOut .TxtContent .TxtLayOut h1 {
    color: #FFFFFF; }

.pokerLayOut .TxtContent .TxtLayOut {
  text-align: left;
  font-size: 1.6rem;
  line-height: 22px;
  padding-top: 8px; }

.TxtLayOut p {
  margin-bottom: 16px; }

.pokerLayOut .TxtContent .TxtLayOut h3 {
  color: #0f1429;
  margin-top: 32px;
  margin-bottom: 8px;
  font-size: 2.1rem;
  font-weight: 800;
  letter-spacing: -0.5px; }
  .dark-theme .pokerLayOut .TxtContent .TxtLayOut h3 {
    color: #FFFFFF; }

.pokerLayOut .TxtContent .TxtLayOut b, .SlotLayOut .TxtContent .TxtLayOut b {
  font-weight: bold; }

.pokerLayOut .TxtContent .TxtLayOut .hand-item h3 {
  font-size: 1.6rem;
  letter-spacing: -0.02em;
  color: #414b66; }
  .dark-theme .pokerLayOut .TxtContent .TxtLayOut .hand-item h3 {
    color: #B6BECE; }

.pokerLayOut .hand-item {
  list-style: none;
  display: inline-block;
  width: 100%;
  text-align: center; }

.pokerLayOut .TxtContent .TxtLayOut h3.txtPravilaPoker {
  font-size: 2rem;
  font-weight: bold;
  padding-top: 24px; }
  .pokerLayOut .TxtContent .TxtLayOut h3.txtPravilaPoker.pokerLimits {
    margin-bottom: 16px;
    font-size: 2.8rem;
    line-height: 32px;
    letter-spacing: -0.5px;
    color: #747e99; }
    .dark-theme .pokerLayOut .TxtContent .TxtLayOut h3.txtPravilaPoker.pokerLimits {
      color: #818A9C; }

.pokerLayOut .figure span {
  font-size: 1.6rem;
  line-height: 22px;
  color: #0f1429;
  opacity: 0.6; }
  .dark-theme .pokerLayOut .figure span {
    color: #FFFFFF; }

.pokerLayOut .figure picture {
  background-color: #e4e8f0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
  margin-bottom: 8px; }
  .dark-theme .pokerLayOut .figure picture {
    background-color: #212431; }
  .pokerLayOut .figure picture img {
    border-radius: 0; }

.pokerHomePrimjer {
  padding: 16px;
  border-radius: 16px;
  margin: 0 auto;
  font-size: 1.4rem;
  background-color: #e4e8f0; }
  .dark-theme .pokerHomePrimjer {
    background-color: #212431; }

.pokerHomePrimjer .item {
  /*margin-left: 20px;*/
  margin-bottom: 10px; }

.pokerHomePrimjer p {
  text-align: left;
  font-weight: bold;
  margin-bottom: 8px;
  font-size: 1.6rem; }

/*new version poker page END*/
/*virtualni tiket*/
.ispisHead {
  width: 100%;
  display: flex;
  margin-bottom: 24px; }

.virtualLeft {
  flex-grow: 1;
  padding-top: 16px; }

.virtualLogo {
  flex-grow: 0;
  align-self: flex-start; }

.virtualLogo img {
  width: 90px;
  height: 20px; }

.virtualBarcode {
  text-align: right;
  align-content: flex-end;
  align-self: flex-end;
  flex-grow: 1; }

.virtualBarcode svg#barcode text {
  font-family: inherit !important;
  font-size: 1.4rem;
  font-weight: bold !important; }

.vTicket {
  text-align: left;
  flex-grow: 1;
  align-self: flex-start;
  font-size: 1.2rem;
  color: #414b66;
  line-height: 16px;
  margin-top: 8px; }
  .dark-theme .vTicket {
    color: #B6BECE; }

/*svg#barcode {*/
/*width: 75px;
    height: 75px;*/
/*background-color: transparent !important;

    .dark-theme & {
        background-color: $dark-color-layout-accent !important;
    }
}*/
/*.dark-theme svg#barcode g {
    fill: $dark-color-typography-main !important;
}*/
.virtualTicket {
  /*background: url(../img/bets/virtualTicket1.png) repeat-x center center;
    min-height: 60px;*/
  margin-top: 16px;
  position: relative;
  z-index: 1;
  border-top: 1px solid #b8bed1;
  display: flex;
  justify-content: center; }
  .dark-theme .virtualTicket {
    border-top: 1px solid #394156; }

.virtualBtn {
  text-align: center;
  color: #117ed1;
  font-size: 1.4rem;
  margin: 16px 0 8px 0;
  cursor: pointer; }
  .dark-theme .virtualBtn {
    color: #1894f2; }
  .virtualBtn:hover {
    text-decoration: underline; }

body img {
  border: medium none; }

.prazno {
  color: #747e99;
  cursor: default; }

.OveriteLoad {
  display: none;
  position: absolute;
  z-index: 100;
  text-align: center;
  opacity: 0.98;
  justify-content: center;
  align-items: flex-end;
  /*background-image: url('../img/overlayLyte.png');
    background-repeat: repeat;*/
  background-color: #e4e8f0; }
  .dark-theme .OveriteLoad {
    background-color: #212431; }

#listicPage .lStavke .OveriteSave {
  display: none;
  position: absolute;
  z-index: 100;
  background-color: #e4e8f0;
  opacity: 0.98;
  justify-content: center;
  align-items: flex-end; }
  .dark-theme #listicPage .lStavke .OveriteSave {
    background-color: #212431; }

.loading-circle {
  /*display: inline-block;*/
  position: relative;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center; }

.loading-circle span.ico-cog-16 {
  font-size: 1.8rem;
  color: #747e99; }
  .dark-theme .loading-circle span.ico-cog-16 {
    color: #818A9C; }

.loading-circle div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 36px;
  height: 36px;
  /*margin: 8px;*/
  border: 2px solid #00c274;
  border-radius: 50%;
  animation: loading-circle 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #00c274 transparent transparent transparent; }

.loading-circle div:nth-child(1) {
  animation-delay: -0.45s; }

.loading-circle div:nth-child(2) {
  animation-delay: -0.3s; }

.loading-circle div:nth-child(3) {
  animation-delay: -0.15s; }

@keyframes loading-circle {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

.ticket__loading--okvir {
  justify-content: center;
  display: flex;
  width: 100%;
  border-radius: 6px;
  background-color: rgba(0, 179, 107, 0.24);
  padding: 8px 12px;
  height: 40px;
  align-items: center; }

#listicPage .lStavke .OveriteSave .msgSaveErr {
  background-color: rgba(235, 52, 113, 0.12); }

#listicPage .lStavke .OveriteSave .msgSaveErr .btn .ico-check:before {
  content: "\e9f4" !important;
  color: #eb3471 !important; }

#listicPage .lStavke .OveriteSave .msgSaveErr .btn {
  border: 0 !important;
  color: #eb3471 !important; }

#listicPage .lStavke .OveriteSave .msgSave {
  /*margin: 10px 5px;*/
  font-size: 1.3rem;
  padding: 8px 12px;
  color: #0f1429;
  border-radius: 6px;
  /* line-height: 16px; */
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px; }

#listicPage .lStavke .OveriteSave .msgSaveTxt {
  background-color: rgba(0, 179, 107, 0.16); }

div#btnUplata {
  font-size: 1.6rem !important; }

div#msgSaveTxt {
  margin-right: 42px;
  line-height: 20px;
  flex-grow: 1; }

div#msgSaveTxt span {
  color: #117ed1;
  text-decoration: none;
  vertical-align: middle; }

div#msgSaveTxt a.mojiListici {
  color: #117ed1;
  text-decoration: none;
  line-height: 24px;
  display: inline-block; }
  div#msgSaveTxt a.mojiListici:hover {
    box-shadow: 0 1px 0 #117ed1; }

div#msgSave {
  width: 100%;
  position: relative; }

#listicPage .lStavke .OveriteSave .btn {
  text-align: center;
  cursor: pointer;
  border-radius: 50%;
  border: 2px solid #00c274;
  width: 34px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2.4rem;
  position: absolute;
  /* top: 2px; */
  right: 12px;
  /* flex-grow: 1; */
  color: #00c274; }

.error__layout {
  padding-top: 64px;
  padding-bottom: 128px; }

.error__layout--title {
  margin: 0 auto;
  display: flex;
  width: 360px;
  flex-direction: column;
  justify-content: center;
  align-items: center; }

.error__layout--subheading {
  font-size: 2.4rem;
  font-weight: 800;
  text-align: center;
  line-height: 32px;
  padding-bottom: 24px;
  color: #0f1429; }
  .dark-theme .error__layout--subheading {
    color: #FFFFFF; }

.error__layout--txt {
  font-size: 1.4rem;
  text-align: center;
  line-height: 20px;
  color: #0f1429; }
  .dark-theme .error__layout--txt {
    color: #FFFFFF; }

/* --------- MOBILE CSS ---------*/
.supportFirstItem {
  font-weight: bold; }

.accountItem .sport__odds--league, .supportItem .sport__odds--league {
  height: 46px; }

.supportFirstItem {
  font-weight: bold; }
  .supportFirstItem .sport__odds--league {
    box-shadow: 0 0 0; }
    .dark-theme .supportFirstItem .sport__odds--league {
      box-shadow: 0 0 0; }

.accountItem .kHead {
  height: 48px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  margin: 0 0 0 16px;
  flex-grow: 1; }

.supportItem .kHead {
  height: 48px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  margin: 0 0 0 16px;
  flex-grow: 1; }

.account__menu--icon {
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 32px;
  height: 32px;
  margin-right: 24px;
  font-size: 2.4rem;
  color: #0f1429;
  justify-content: center; }
  .dark-theme .account__menu--icon {
    color: #FFFFFF; }

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

.sport__odds--league {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 48px;
  align-items: center;
  font-size: 1.4rem;
  white-space: nowrap;
  color: #0f1429;
  flex-grow: 1;
  box-shadow: 0 1px 0 #b8bed1;
  padding-right: 16px;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis; }
  .dark-theme .sport__odds--league {
    box-shadow: 0 1px 0 #394156;
    color: #FFFFFF; }

.account__tickets--arrow {
  font-size: 2.4rem;
  color: #747e99;
  width: 32px;
  height: 32px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center; }
  .dark-theme .account__tickets--arrow {
    color: #818A9C; }

.content__support .account__menu--okvir {
  margin-top: 0 !important; }

.support__menu {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  background-color: #fff;
  padding-left: 32px;
  padding-right: 48px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }
  .support__menu .dark-theme {
    background-color: #181A24; }

.d-layout .support__table {
  min-height: 640px; }

.account__header--okvir {
  height: 64px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  padding: 0 16px;
  margin-bottom: 8px; }
  .support__menu .account__header--okvir {
    height: 48px;
    margin-bottom: 24px; }

.account__header--backlink, .support__header--backlink {
  width: 32px;
  height: 32px;
  font-size: 3.2rem;
  flex-grow: 0; }
  .account__header--backlink a, .support__header--backlink a {
    color: #0f1429; }
    .dark-theme .account__header--backlink a, .dark-theme .support__header--backlink a {
      color: #FFFFFF; }
  .account__header--backlink:hover, .support__header--backlink:hover {
    cursor: pointer; }

.d-layout .content__support .support__header--title {
  flex-grow: 1;
  text-align: left;
  font-size: 2.4rem;
  font-weight: bold;
  color: #0f1429;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  justify-content: flex-start; }

.d-layout.dark-theme .content__support .support__header--title {
  color: #FFFFFF; }

.support__content--frame {
  padding: 0 16px; }

/*.d-layout .content__support .support__header--big {
    margin-left: 16px;
}*/
.d-layout .content__support .support__menu .account__backlink__link {
  display: inherit; }

.d-layout .content__support .support__menu .support__header--backlink {
  display: none; }

.d-layout .content__support .support__header--small {
  display: none; }

.support__content_right {
  padding-left: 16px; }

.d-layout .content__support .support__link {
  display: none; }

.d-layout .page__contact .lost__tooltip {
  font-size: 1.2rem;
  text-align: left;
  line-height: 16px;
  height: 16px;
  padding-bottom: 4px;
  color: #747e99; }

.d-layout.dark-theme .page__contact .lost__tooltip {
  color: #818A9C; }

.lost__filters, .lost__filters ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  flex-shrink: 0;
  max-width: 320px; }

.lost__filters ul li {
  margin-right: 4px;
  flex-grow: 1; }

.lost__filters ul li:last-child {
  margin-right: 0; }

.lost__filters select {
  width: 100%;
  height: 56px;
  border-radius: 6px;
  font-size: 1.4rem;
  padding-left: 16px;
  border: 1px solid #b8bed1;
  color: #0f1429;
  font-weight: bold;
  background-color: #fff; }
  .dark-theme .lost__filters select {
    color: #FFFFFF;
    border: 1px solid #394156;
    background-color: #212431; }

.d-layout .page__contact li.winput {
  max-width: 320px;
  position: relative; }

.d-layout .page__contact .ValidateImg__large i {
  margin-top: 24px;
  top: -4px;
  right: 16px; }

.d-layout .page__contact .ValidateImg__dropdown i {
  position: absolute;
  right: 16px;
  height: 99%;
  display: flex;
  align-items: center;
  margin: 0; }

.support__message--img {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center; }

.support__message--txt {
  font-size: 1.4rem;
  line-height: 20px;
  margin: 16px 16px 24px;
  text-align: center;
  list-style: none; }
  .support__message--txt a {
    font-weight: bold;
    color: #117ed1; }
    .dark-theme .support__message--txt a {
      color: #1894f2; }
  .d-layout .support__message--txt {
    margin: 24px auto 24px auto; }

.contact__message {
  height: 100vh;
  background-color: #fff; }
  .dark-theme .contact__message {
    background-color: #181A24; }

ul.contact__message_content {
  max-width: 360px;
  margin: 0 auto; }

.d-layout .page__contact .winput-btn, .d-layout .page__account .winput-btn {
  width: 240px;
  text-align: left !important; }
  .d-layout .page__contact .winput-btn input, .d-layout .page__account .winput-btn input {
    width: 100% !important; }

/* -------------------------------*/
.virtual-games__wrapper {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  grid-gap: 32px;
  margin: 24px 16px 24px 16px; }

.virtual-games__wrapper h1 {
  width: 100%;
  text-align: center;
  font-size: 2.2rem;
  font-weight: bold; }

.virtual-games__game {
  overflow: hidden; }
  .virtual-games__game img {
    border-radius: 32px; }

.virtual-games__game__info {
  display: flex;
  flex-direction: column;
  margin-top: 8px; }

.virtual-games__game__title {
  font-size: 1.4rem;
  line-height: 20px;
  color: #0f1429; }
  .dark-theme .virtual-games__game__title {
    color: #FFFFFF; }

.virtual-games__game__provider {
  font-size: 1rem;
  text-transform: uppercase;
  letter-spacing: 0.6px;
  line-height: 16px;
  color: #747e99; }
  .dark-theme .virtual-games__game__provider {
    color: #818A9C; }

.wsegment--txt {
  position: relative; }

span#txtWWinTransfer.active::after {
  content: "";
  width: 26px;
  height: 36px;
  box-sizing: border-box;
  border-left: 0px solid transparent;
  border-right: 18px solid #fff;
  border-bottom: 18px solid transparent;
  border-top: 18px solid transparent;
  position: absolute;
  right: 0;
  bottom: 0px; }
  .dark-theme span#txtWWinTransfer.active::after {
    border-right: 18px solid #181A24; }

span#txtPokerTransfer.active::after {
  content: "";
  width: 26px;
  height: 36px;
  box-sizing: border-box;
  border-left: 18px solid #fff;
  border-right: 8px solid transparent;
  border-bottom: 18px solid transparent;
  border-top: 18px solid transparent;
  position: absolute;
  left: 0;
  bottom: 0px; }
  .dark-theme span#txtPokerTransfer.active::after {
    border-left: 18px solid #181A24; }

/*POKER TOP MENU CSS*/
.poker-top-menu {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 32px;
  color: #0f1429;
  font-size: 1.4rem;
  margin-top: -24px; }
  .dark-theme .poker-top-menu {
    color: #FFFFFF; }

.poker-top-menu__image__frame {
  width: 70px;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border-radius: 50%;
  position: relative;
  margin: 0 auto; }
  .poker-top-menu__image__frame img {
    z-index: 1; }

.poker-top-menu__item {
  justify-content: center;
  display: flex;
  flex-direction: column;
  max-width: 120px;
  width: 100%;
  align-items: center;
  margin: 0 6px; }
  .poker-top-menu__item a {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #0f1429;
    font-size: 1.4rem;
    font-weight: bold; }
    .dark-theme .poker-top-menu__item a {
      color: #FFFFFF; }
  .poker-top-menu__item:hover .poker-top-menu__image__frame::before {
    content: " ";
    width: 64px;
    height: 64px;
    position: absolute;
    z-index: 0;
    border-radius: 50%;
    transition: all 0.1s ease-in-out;
    background-color: rgba(17, 126, 209, 0.12); }
    .dark-theme .poker-top-menu__item:hover .poker-top-menu__image__frame::before {
      background-color: rgba(24, 148, 242, 0.12); }
  .poker-top-menu__item:active .poker-top-menu__image__frame::before {
    content: " ";
    width: 70px;
    height: 70px;
    position: absolute;
    z-index: 0;
    border-radius: 50%;
    transition: all 0.1s ease-in-out;
    background-color: rgba(17, 126, 209, 0.24); }
    .dark-theme .poker-top-menu__item:active .poker-top-menu__image__frame::before {
      background-color: rgba(24, 148, 242, 0.24); }
  .poker-top-menu__item.activ .poker-top-menu__image__frame {
    background-color: rgba(15, 20, 41, 0.04);
    /* For browsers that do not support gradients */
    background-image: linear-gradient(to bottom, rgba(15, 20, 41, 0.16), rgba(15, 20, 41, 0.04)); }
    .dark-theme .poker-top-menu__item.activ .poker-top-menu__image__frame {
      background-color: rgba(255, 255, 255, 0.04);
      /* For browsers that do not support gradients */
      background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.04)); }
    .poker-top-menu__item.activ .poker-top-menu__image__frame:hover::before {
      content: " ";
      width: 0px;
      height: 0px;
      position: absolute;
      z-index: 0;
      border-radius: 50%;
      transition: all 0s ease-in-out;
      background-color: rgba(17, 126, 209, 0.24); }
      .dark-theme .poker-top-menu__item.activ .poker-top-menu__image__frame:hover::before {
        background-color: rgba(24, 148, 242, 0.24); }
    .poker-top-menu__item.activ .poker-top-menu__image__frame:active::before {
      content: " ";
      width: 0px;
      height: 0px;
      position: absolute;
      z-index: 0;
      border-radius: 50%;
      transition: all 0s ease-in-out;
      background-color: rgba(17, 126, 209, 0.24); }
      .dark-theme .poker-top-menu__item.activ .poker-top-menu__image__frame:active::before {
        background-color: rgba(24, 148, 242, 0.24); }
  .poker-top-menu__item.activ:hover::before {
    content: " ";
    width: 0px;
    height: 0px;
    position: absolute;
    z-index: 0;
    border-radius: 50%;
    transition: all 0s ease-in-out;
    background-color: rgba(17, 126, 209, 0.24); }
    .dark-theme .poker-top-menu__item.activ:hover::before {
      background-color: rgba(24, 148, 242, 0.24); }
  .poker-top-menu__item.activ:active::before {
    content: " ";
    width: 0px;
    height: 0px;
    position: absolute;
    z-index: 0;
    border-radius: 50%;
    transition: all 0s ease-in-out;
    background-color: rgba(17, 126, 209, 0.24); }
    .dark-theme .poker-top-menu__item.activ:active::before {
      background-color: rgba(24, 148, 242, 0.24); }

.poker-top-menu__txt {
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }
  .cad-casino-games .poker-top-menu__txt {
    min-width: 75px; }

.poker-top-menu__item.activ .poker-top-menu__image__frame::before {
  content: " ";
  width: 0px;
  height: 0px;
  position: absolute;
  z-index: 0;
  border-radius: 50%;
  background-color: rgba(17, 126, 209, 0.12); }
  .dark-theme .poker-top-menu__item.activ .poker-top-menu__image__frame::before {
    background-color: rgba(24, 148, 242, 0.12); }

/* ----------------- */
@media screen and (max-width: 1280px) {
  .content__homepage_right {
    margin-left: 12px; }
  .top__user_sign {
    margin-left: 12px; }
  tr.sports__offer--download-links td {
    line-height: 24px;
    height: 24px;
    display: flex;
    flex-shrink: 0;
    justify-content: flex-start;
    align-items: center; }
  .jackpots__content_left {
    padding: 32px 8px; }
  .jackpots__content_right {
    padding: 28px 8px; }
  .jackpots__content_right li {
    margin-right: 4%; }
  .winter__content_right {
    padding: 32px 8px; }
  .winter__content_left {
    padding: 28px 8px; }
  .winter__content_left li {
    margin-left: 4%; }
  .jackpots__slots_icon,
  .jackpots__lotto_icon,
  .jackpots__winter_icon {
    width: 44px;
    height: 44px;
    margin-left: 4px;
    margin-top: -4px; }
  #jackpots__omotac.activ1 .jackpots__slots .jackpots__arrow_left:before,
  #jackpots__omotac.activ2 .jackpots__lotto .jackpots__arrow_left:before,
  #jackpots__omotac.activ3 .jackpots__winter .jackpots__arrow_left:before {
    right: 0; }
  #jackpots__omotac.activ1 .jackpots__slots .jackpots__arrow_right:before,
  #jackpots__omotac.activ2 .jackpots__lotto .jackpots__arrow_right:before,
  #jackpots__omotac.activ3 .jackpots__winter .jackpots__arrow_right:before {
    left: 0; }
  .jackpots__value {
    padding-left: 0; } }

@media screen and (max-width: 1024px) {
  .scr_head {
    padding: 0 8px; }
  div#pod_header_omotac {
    padding: 0 8px; }
  div#top_omotac {
    padding: 0 8px; }
  #content {
    padding: 0 8px 48px 8px; }
  div#footer_omotac {
    padding: 0 8px; }
  .content__homepage_right {
    margin-left: 16px; }
  .top__user_sign {
    margin-left: 16px;
    max-width: 354px; }
  .sport__right-col-border {
    margin: 33px 0 12px 8px; }
  .sport__pick-odds {
    margin-left: 8px; }
  tr.sports__offer--download-links td {
    line-height: 24px;
    height: 24px;
    display: flex;
    flex-shrink: 0;
    justify-content: flex-start;
    align-items: center; } }

#MasterMenuOverlay {
  left: 0px;
  top: 0px;
  width: 100%;
  display: none;
  position: fixed;
  z-index: 2;
  height: 100vw; }

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  /* Retina-specific stuff here */
  .jackpots__title {
    background-image: url(../img/jackpots-light@2x.png); }
    .dark-theme .jackpots__title {
      background-image: url(../img/jackpots-dark@2x.png); }
  .jackpots__slots_icon {
    background-image: url(../img/slot@2x.png); }
  .jackpots__slots:hover .jackpots__slots_icon, #jackpots__omotac.activ1 .jackpots__slots .jackpots__slots_icon {
    background-image: url(../img/slot-active@2x.png); }
  .jackpots__lotto_icon {
    background-image: url(../img/lotto@2x.png); }
  .jackpots__lotto:hover .jackpots__lotto_icon, #jackpots__omotac.activ2 .jackpots__lotto .jackpots__lotto_icon {
    background-image: url(../img/lotto-active@2x.png); }
  .jackpots__winter_icon {
    background-image: url(../img/winter@2x.png); }
  .jackpots__winter:hover .jackpots__winter_icon, #jackpots__omotac.activ3 .jackpots__winter .jackpots__winter_icon {
    background-image: url(../img/winter-active@2x.png); } }

/*------ skeleton css ---------*/
/*.wskeleton-square__item {
    background-color: $light-color-layout-accent;
    position: relative;
    flex-shrink: 0;
    border-radius: 3px;

    .dark-theme & {
        background-color: $dark-color-layout-border;
    }

    &::after {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        transform: translateX(-100%);
        background-image: linear-gradient( 90deg, rgba($light-color-layout-main, 0) 0, rgba($light-color-layout-main, 0.2) 20%, rgba($light-color-layout-main, 0.5) 60%, rgba($light-color-layout-main, 0) );
        animation: shimmer 2s infinite;
        content: '';

        .dark-theme & {
            background-image: linear-gradient( 90deg, rgba($dark-color-layout-main, 0) 0, rgba($dark-color-layout-main, 0.2) 20%, rgba($dark-color-layout-main, 0.5) 60%, rgba($dark-color-layout-main, 0) );
        }
    }

    @keyframes shimmer {
        100% {
            transform: translateX(100%);
        }
    }
}

.wskeleton-square__hero {
    width: 100%;
    display: flex;
    justify-content: center;
}

.wskeleton-square__thumbSmall {
    width: 100%;
    display: flex;
    flex-shrink: 0;
    margin: 8px;
}

.wskeleton-square__thumbLarge {
    width: 100%;
    display: flex;
    margin: 12px;
    flex-shrink: 0;
}
.wskeleton-loader {
    //   width: 100%;
    padding: 0 16px;
    display: flex;
    flex-grow: 1;
    align-items: center;
    overflow: hidden;
}

.wskeleton-loader__left {
    justify-content: flex-start;
}

.wskeleton-loader__center {
    justify-content: center;
}

.wskeleton-loader__right {
    justify-content: flex-end;
}

.wskeleton-text {
    // justify-content: center;
    display: flex;
    // flex-direction: column;
    width: 100%;
    align-items: center;
    overflow: hidden;
}

.wskeleton-text__left {
    justify-content: flex-start;
}

.wskeleton-text__center {
    justify-content: center;
    max-width: 120px;
}

.wskeleton-text__right {
    justify-content: flex-end;
}

.wskeleton-width25 {
    width: 25%;
}

.wskeleton-width50 {
    width: 50%;
}

.wskeleton-width75 {
    width: 75%;
}

.wskeleton-width100 {
    width: 100%;
}

.wskeleton-text__item {
    background-color: $light-color-layout-accent;
    position: relative;
    flex-shrink: 0;
    border-radius: 3px;

    .dark-theme & {
        background-color: $dark-color-layout-border;
    }

    &::after {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        transform: translateX(-100%);
        background-image: linear-gradient( 90deg, rgba($light-color-layout-main, 0) 0, rgba($light-color-layout-main, 0.2) 20%, rgba($light-color-layout-main, 0.5) 60%, rgba($light-color-layout-main, 0) );
        animation: shimmer 2s infinite;
        content: '';

        .dark-theme & {
            background-image: linear-gradient( 90deg, rgba($dark-color-layout-main, 0) 0, rgba($dark-color-layout-main, 0.2) 20%, rgba($dark-color-layout-main, 0.5) 60%, rgba($dark-color-layout-main, 0) );
        }
    }

    @keyframes shimmer {
        100% {
            transform: translateX(100%);
        }
    }
}*/
/*-------------------------------------*/
.d-layout .secondary_navigation__skeleton {
  display: none; }

/**auto fill inputs */
@keyframes onAutoFillStart {
  from {
    /**/ }
  to {
    /**/ } }

@keyframes onAutoFillCancel {
  from {
    /**/ }
  to {
    /**/ } }

input.input-animation:-webkit-autofill,
input.input-animation:autofill {
  animation-name: onAutoFillStart; }

input.input-animation:not(:-webkit-autofill),
input.input-animation:not(:autofill) {
  animation-name: onAutoFillCancel; }