/* ---popravki-top-dobitki--- */
.top-dobitki_listek-header >.title >.logo > span {
    font-size: 1rem !important;
    text-transform: uppercase;
    padding-left: 0.5rem;
}   

.top-dobitek.mobile .col-2 {
  overflow: hidden;
}

.top-dobitki-component .top-dobitek.igra-20 .col-1 {
	color: var(--neutral);
}
/* ---sys-rootvars-theme-dark--- */
:root {
  /* main color vars */
  --cgp-blue-dark: rgb(0, 70, 142);
  /*#00468e*/
  --cgp-blue-dark-trans-100: rgba(0, 70, 142, 0.1);
  --cgp-blue-dark-trans-200: rgba(0, 70, 142, 0.2);
  --cgp-blue-dark-trans-500: rgba(0, 70, 142, 0.5);
  --cgp-blue-dark-trans-800: rgba(0, 70, 142, 0.8);
  --cgp-blue-light: rgb(0, 159, 227);
  /*#009fe3*/
  --cgp-blue-light-trans-200: rgba(0, 159, 227, 0.2);
  --cgp-blue-light-trans-500: rgba(0, 159, 227, 0.5);
  --cgp-blue-light-trans-800: rgba(0, 159, 227, 0.8);
  --cgp-blue-light-hi: rgb(97, 221, 255);
  --cgp-blue-light-lo: rgb(0, 102, 165);
  --cgp-blue-light-lo-trans-500: rgb(0, 138, 177, 0.5);
  --cgp-green: rgb(0, 167, 84);
  /*#00a754;*/
  --cgp-yellow: rgb(255, 213, 0);
  /*#ffd500*/
  --cgp-yellow-trans-100: rgba(255, 213, 0, 0.1);
  --cgp-yellow-trans-200: rgba(255, 213, 0, 0.2);
  --cgp-yellow-trans-500: rgba(255, 213, 0, 0.5);
  --cgp-yellow-trans-800: rgba(255, 213, 0, 0.8);
  --cgp-yellow-light: rgb(254, 232, 139);
  /*#fee88b*/
  --cgp-yellow-dark: rgb(214, 171, 0);
  --color-text: rgb(255, 255, 255);
  --color-text-trans-800: rgba(255, 255, 255, 0.8);
  --color-text-trans-500: rgba(255, 255, 255, 0.5);
  --color-text-trans-200: rgba(255, 255, 255, 0.2);
  --color-text-trans-100: rgba(255, 255, 255, 0.1);
  --color-text-light: var(--color-text-trans-800);
  /* 
    --color-text-invert: rgb(133, 106, 106);
    --color-text-invert-trans-800: rgba(255, 255, 255, 0.8);
    --color-text-invert-trans-500: rgba(255, 255, 255, 0.5);
    --color-text-invert-trans-200: rgba(255, 255, 255, 0.2);
  */
  --color-text-emph: var(--cgp-yellow);
  --color-text-emph-trans-800: var(--cgp-yellow-trans-800);
  --color-text-emph-trans-500: var(--cgp-yellow-trans-500);
  --color-text-emph-trans-200: var(--cgp-yellow-trans-200);
  --color-text-emph-trans-100: var(--cgp-yellow-trans-100);
  --color-text-negative: rgb(3, 38, 65);
  --color-text-negative-trans-800: rgba(3, 38, 65, 0.8);
  --color-text-negative-trans-500: rgba(3, 38, 65, 0.5);
  --color-text-negative-trans-200: rgba(3, 38, 65, 0.2);
  --color-text-negative-trans-100: rgba(3, 38, 65, 0.1);
  --color-dark: rgb(3, 38, 65);
  --color-dark-trans-800: rgba(3, 38, 65, 0.8);
  --color-dark-trans-500: rgba(3, 38, 65, 0.5);
  --color-dark-trans-200: rgba(3, 38, 65, 0.2);
  --color-bright: rgb(255, 255, 255);
  --color-bright-trans-800: rgba(255, 255, 255, 0.8);
  --color-bright-trans-500: rgba(255, 255, 255, 0.5);
  --color-bright-trans-200: rgba(255, 255, 255, 0.2);
  --shadow-color: rgb(26, 18, 18);
  --shadow-color-trans-800: rgba(0, 0, 0, 0.8);
  --shadow-color-trans-500: rgba(0, 0, 0, 0.5);
  --shadow-color-trans-200: rgba(0, 0, 0, 0.2);
  --game-emph-bg: var(--cgp-yellow);
  --game-emph-color: var(--cgp-blue-dark);
  --game-emph-border-color: var(--cgp-blue-dark);
  /* common vars */
  --button-border: var(--cgp-blue-dark);
  --button-color: var(--cgp-blue-dark);
  --button-full-bg: var(--cgp-blue-dark);
  --button-full-border: var(--cgp-blue-dark);
  --button-full-color: var(--color-bright);
  --button-full-bg-active: var(--cgp-yellow);
  --button-full-border-active: var(--cgp-blue-dark);
  --button-full-color-active: var(--color-dark);
  --button-trans-bg: none;
  /* header color vars */
  --header-main-bg: var(--cgp-yellow);
  --header-main-color: var(--cgp-blue-dark);
  --header-main-color-negative: var(--color-bright);
  --header-menu-bg: var(--cgp-blue-dark);
  --header-menu-bg-hi: rgba(255, 255, 255, 0.2);
  --header-menu-color: rgba(255, 255, 255, 0.6);
  --header-menu-color-hi: rgba(255, 255, 255, 1);
  --header-menu-color-lo: rgba(255, 255, 255, 0.4);
  --header-menu-height: 56px;
  --header-menu-dropdown-item-height: 3rem;
  --main-menu-height: 56px;
  --main-menu-dropdown-item-height: 3rem;
  --main-menu-color: var(--header-menu-color);
  --main-menu-color-hover: var(--header-menu-color-hi);
  --background-bg: #01314d;
  /* rgb(10, 40, 66);*/
  --overlay-bg: rgba(10, 40, 66, 0.7);
  /* user menu vars */
  --usermenu-bg: var(--color-bright);
  --usermenu-bg-selected: var(--cgp-yellow);
  --usermenu-color: var(--cgp-blue-dark);
  --usermenu-color-selected: var(--cgp-blue-dark);
  --usermenu-height: 2rem;
  /* side menu vars */
  --side-menu-offset: 112px;
  --side-width: 20rem;
  --side-alt-width: 22rem;
  /* default style */
  --side-bg: rgb(3, 38, 65);
  --side-menu-title-color: var(--color-text-emph);
  --side-menu-color: var(--color-text);
  --side-menu-small-color: var(--color-text-trans-800);
  /* hover style */
  --side-bg-hover: var(--color-text-trans-200);
  --side-menu-color-hover: var(--color-text);
  --side-menu-small-color-hover: var(--color-text-trans-800);
  /* select style */
  --side-bg-select: var(--cgp-yellow);
  --side-menu-color-select: var(--cgp-yellow);
  --side-menu-small-color-select: var(--cgp-yellow-trans-800);
  /* igra-banner - page title */
  --igra-banner-bg: var(--color-dark);
  --igra-banner-color: var(--color-bright);
  --igra-banner-color: var(--color-bright);
  --igra-banner-color-trans-200: var(--color-bright-trans-200);
  --igra-banner-color-trans-500: var(--color-bright-trans-500);
  --igra-banner-color-trans-800: var(--color-bright-trans-800);
  --igra-banner-logo-color: var(--cgp-yellow);
  /* form vars */
  --form-bg: var(--cgp-blue-dark);
  --form-bg-hover: rgba(255, 255, 255, 0.2);
  --form-bg-selected: rgba(255, 255, 255, 0.4);
  --form-color: var(--header-menu-color-hi);
  --form-color-light: var(--header-menu-color);
  --form-title-bg: var(--cgp-blue-dark);
  --form-title-color: var(--header-menu-color-hi);
  --form-title-color-light: var(--header-menu-color);
  /* tabelaric display vars */
  /* table header */
  --table-header-bg: #032641;
  /*rgb(7, 30, 49);*/
  --table-header-color: var(--color-text);
  --table-header-color-negative: var(--color-text-negative);
  --table-header-option-bg: transparent;
  --table-header-option-bg-hover: var(--color-text-trans-200);
  --table-header-option-color: var(--color-text-trans-800);
  --table-header-option-color-hover: var(--color-text);
  --table-header-option-color-light: var(--color-text-trans-500);
  --table-header-option-color-negative: var(--color-text-negative);
  --table-header-tip-color: var(--color-text-trans-800);
  --table-header-border-color: var(--shadow-color);
  /* table content */
  --table-text-color-header: var(--color-text);
  --table-text-color: var(--color-text);
  --table-text-color-light: var(--color-text-trans-800);
  --table-text-color-negative: var(--color-text-negative);
  --table-text-color-negative-light: var(--color-text-negative-trans-800);
  --table-text-color-emph: var(--cgp-blue-light-hi);
  /*var(--cgp-yellow); /*var(--cgp-blue-light-hi);*/
  --table-bg-emph: var(--color-text-negative);
  --table-border-color: var(--color-dark);
  --table-border-vertical-color: var(--color-dark);
  --table-button-bg-default: var(--cgp-blue-dark);
  --table-button-bg-hover: var(--cgp-yellow-light);
  --table-button-bg-selected: var(--cgp-yellow);
  --table-button-color: var(--color-text);
  --table-button-color-negative: var(--color-text-negative);
  --table-button-color-light: var(--color-text-trans-800);
  --table-button-border-color: var(--color-text-negative);
  --table-button-border-color-hover: var(--color-text-negative-trans-500);
  --table-button-border-color-selected: s var(--cgp-yellow);
  --table-button-border-color-selected-hover: var(--cgp-yellow-dark);
  --table-button-color-hover: var(--color-text-negative);
  --table-button-color-selected: var(--color-text-negative);
  --table-button-color-selected-negative: var(--color-text);
  --table-button-color-selected-light: var(--color-text-negative-trans-800);
  --table-button-color-emph: var(--cgp-yellow-dark);
  --table-bg: rgb(3, 38, 65);
  --table-row-bg-odd: #093051;
  /*#01314c; /* rgba(255, 255, 255, 0.08); */
  --table-row-bg-even: #09365a;
  /*#003c56; /* rgba(255, 255, 255, 0.0); */
  --table-popup-bg: var(--color-bright);
  --table-popup-color: var(--color-text-negative);
  --table-popup-border-color: var(--color-text);
  /* ticket vars */
  --ticket-wrap-bg: var(--ticket-color-light);
  --ticket-bg-light: var(--cgp-yellow-light);
  --ticket-bg: var(--cgp-yellow);
  --ticket-border-color: var(--color-text-negative);
  --ticket-color: var(--color-text-negative);
  --ticket-color-light: var(--color-text-negative-trans-500);
  --ticket-color-negative: var(--color-text);
  --font-family: "Roboto", sans-serif;
  --font-body: 14px;
  --font-header: 1.7rem;
  --font-headline: 1.7rem;
  --font-title: 1.4rem;
  --font-subheader: 1.15rem;
  --font-menu: 1rem;
  --font-caption: 0.85rem;
  --font-button: 1rem;
  --font-button-small: 0.85rem;
  --toolbar-height: 56px;
  --toolbar-bg: var(--form-bg);
  --toolbar-color: var(--form-color);
  --actionbar-bg: var(--color-bright);
  --actionbar-color: var(--color-text-negative);
  --actionbar-color-negative: var(--color-text);
  --body-bg: var(--background-bg);
  /* other variables */
  --bet-detail-max-width: 50rem;
  --top-menu-height: 60px;

  }
/* ---sys-rootvars-theme-light--- */
:root .lightTheme {
  /* main color vars */
  --cgp-blue-dark: rgb(0, 70, 142);
  /*#00468e*/
  --cgp-blue-dark-trans-100: rgba(0, 70, 142, 0.1);
  --cgp-blue-dark-trans-200: rgba(0, 70, 142, 0.2);
  --cgp-blue-dark-trans-500: rgba(0, 70, 142, 0.5);
  --cgp-blue-dark-trans-800: rgba(0, 70, 142, 0.8);
  --cgp-blue-light: rgb(0, 159, 227);
  /*#009fe3*/
  --cgp-blue-light-trans-200: rgba(0, 159, 227, 0.2);
  --cgp-blue-light-trans-500: rgba(0, 159, 227, 0.5);
  --cgp-blue-light-trans-800: rgba(0, 159, 227, 0.8);
  --cgp-blue-light-hi: rgb(97, 221, 255);
  --cgp-blue-light-lo: rgb(0, 102, 165);
  --cgp-blue-light-lo-trans-500: rgb(0, 138, 177, 0.5);
  --cgp-green: rgb(0, 167, 84);
  /*#00a754;*/
  --cgp-yellow: rgb(255, 213, 0);
  /*#ffd500*/
  --cgp-yellow-trans-100: rgba(255, 213, 0, 0.1);
  --cgp-yellow-trans-200: rgba(255, 213, 0, 0.2);
  --cgp-yellow-trans-500: rgba(255, 213, 0, 0.5);
  --cgp-yellow-trans-800: rgba(255, 213, 0, 0.8);
  --cgp-yellow-light: rgb(254, 232, 139);
  /*#fee88b*/
  --cgp-yellow-dark: rgb(214, 171, 0);
  --color-text: rgb(3, 38, 65);
  --color-text-trans-800: rgba(3, 38, 65, 0.8);
  --color-text-trans-500: rgba(3, 38, 65, 0.5);
  --color-text-trans-200: rgba(3, 38, 65, 0.2);
  --color-text-trans-100: rgba(3, 38, 65, 0.1);
  --color-text-light: var(--color-text-trans-800);
  /*
  --color-text-invert: rgb(133, 106, 106);
  --color-text-invert-trans-800: rgba(255, 255, 255, 0.8);
  --color-text-invert-trans-500: rgba(255, 255, 255, 0.5);
  --color-text-invert-trans-200: rgba(255, 255, 255, 0.2);
  */
  --color-text-emph: var(--cgp-blue-dark);
  --color-text-emph-trans-800: var(--cgp-blue-dark-trans-800);
  --color-text-emph-trans-500: var(--cgp-blue-dark-trans-500);
  --color-text-emph-trans-200: var(--cgp-blue-dark-trans-200);
  --color-text-emph-trans-100: var(--cgp-blue-dark-trans-100);
  --color-text-negative: rgb(255, 255, 255);
  --color-text-negative-trans-800: rgba(255, 255, 255, 0.8);
  --color-text-negative-trans-500: rgba(255, 255, 255, 0.5);
  --color-text-negative-trans-200: rgba(255, 255, 255, 0.2);
  --color-text-negative-trans-100: rgba(255, 255, 255, 0.1);
  --color-dark: rgb(3, 38, 65);
  --color-dark-trans-800: rgba(3, 38, 65, 0.8);
  --color-dark-trans-500: rgba(3, 38, 65, 0.5);
  --color-dark-trans-200: rgba(3, 38, 65, 0.2);
  --color-bright: rgb(255, 255, 255);
  --color-bright-trans-800: rgba(255, 255, 255, 0.8);
  --color-bright-trans-500: rgba(255, 255, 255, 0.5);
  --color-bright-trans-200: rgba(255, 255, 255, 0.2);
  --shadow-color: rgb(26, 18, 18);
  --shadow-color-trans-800: rgba(0, 0, 0, 0.8);
  --shadow-color-trans-500: rgba(0, 0, 0, 0.5);
  --shadow-color-trans-200: rgba(0, 0, 0, 0.2);
  --game-emph-bg: var(--cgp-yellow);
  --game-emph-color: var(--cgp-blue-dark);
  --game-emph-border-color: var(--cgp-blue-dark);
  /* common vars */
  --button-border: var(--cgp-blue-dark);
  --button-color: var(--cgp-blue-dark);
  --button-full-bg: var(--cgp-blue-dark);
  --button-full-border: var(--cgp-blue-dark);
  --button-full-color: var(--color-bright);
  --button-full-bg-active: var(--cgp-yellow);
  --button-full-border-active: var(--cgp-blue-dark);
  --button-full-color-active: var(--color-dark);
  --button-trans-bg: none;
  /* header color vars */
  --header-main-bg: var(--cgp-yellow);
  --header-main-color: var(--cgp-blue-dark);
  --header-main-color-negative: var(--color-bright);
  --header-menu-bg: var(--cgp-blue-dark);
  --header-menu-bg-hi: rgba(255, 255, 255, 0.2);
  --header-menu-color: rgba(255, 255, 255, 0.6);
  --header-menu-color-hi: rgba(255, 255, 255, 1);
  --header-menu-color-lo: rgba(255, 255, 255, 0.4);
  --header-menu-height: 56px;
  --header-menu-dropdown-item-height: 3rem;
  --main-menu-height: 56px;
  --main-menu-dropdown-item-height: 3rem;
  --main-menu-color: var(--header-menu-color);
  --main-menu-color-hover: var(--header-menu-color-hi);
  --background-bg: #c0c0c0;
  --overlay-bg: rgba(255, 255, 255, 0.7);
  --cpanel-bg: rgba(255, 255, 255);
  /* user menu vars */
  --usermenu-bg: var(--color-bright);
  --usermenu-bg-selected: var(--cgp-yellow);
  --usermenu-color: var(--cgp-blue-dark);
  --usermenu-color-selected: var(--cgp-blue-dark);
  --usermenu-height: 2rem;
  /* side menu vars */
  --side-menu-offset: 112px;
  --side-width: 20rem;
  --side-alt-width: 22rem;
  /* default style */
  --side-bg: rgb(221, 227, 231);
  --side-menu-title-color: var(--color-text-emph);
  --side-menu-color: var(--color-text);
  --side-menu-small-color: var(--color-text-trans-800);
  /* hover style */
  --side-bg-hover: var(--color-text-trans-200);
  --side-menu-color-hover: var(--color-text);
  --side-menu-small-color-hover: var(--color-text-trans-800);
  /* select style */
  --side-bg-select: var(--cgp-yellow-trans-800);
  --side-menu-color-select: var(--color-text);
  --side-menu-small-color-select: var(--color-text-trans-800);
  /* igra-banner - page title */
  --igra-banner-bg: var(--color-dark);
  --igra-banner-color: var(--color-bright);
  --igra-banner-color: var(--color-bright);
  --igra-banner-color-trans-200: var(--color-bright-trans-200);
  --igra-banner-color-trans-500: var(--color-bright-trans-500);
  --igra-banner-color-trans-800: var(--color-bright-trans-800);
  --igra-banner-logo-color: var(--cgp-yellow);
  /* form vars */
  --form-bg: var(--cgp-blue-dark);
  --form-bg-hover: rgba(255, 255, 255, 0.2);
  --form-bg-selected: rgba(255, 255, 255, 0.4);
  --form-color: var(--header-menu-color-hi);
  --form-color-light: var(--header-menu-color);
  --form-title-bg: var(--cgp-blue-dark);
  --form-title-color: var(--header-menu-color-hi);
  --form-title-color-light: var(--header-menu-color);
  /* tabelaric display vars */
  /* table header */
  --table-header-bg: rgb(172, 183, 194);
  --table-header-color: var(--color-text);
  --table-header-color-negative: var(--color-text-negative);
  --table-header-option-bg: transparent;
  --table-header-option-bg-hover: var(--color-text-trans-200);
  --table-header-option-color: var(--color-text-trans-800);
  --table-header-option-color-hover: var(--color-text);
  --table-header-option-color-light: var(--color-text-trans-500);
  --table-header-option-color-negative: var(--color-text-negative);
  --table-header-tip-color: var(--color-text-trans-800);
  --table-header-border-color: var(--color-text-trans-500);
  /* table content */
  --table-text-color-header: rgb(172, 183, 194);
  --table-text-color: var(--color-text);
  --table-text-color-light: var(--color-text-trans-800);
  --table-text-color-negative: var(--color-text-negative);
  --table-text-color-negative-light: var(--color-text-negative-trans-800);
  --table-text-color-emph: var(--color-text-emph);
  --table-text-color-emph: var(--color-text-emph);
  --table-bg-emph: var(--color-text-emph-trans-100);
  --table-border-color: var(--color-text-trans-200);
  --table-border-vertical-color: var(--table-border-color);
  --table-button-bg-default: var(--cgp-blue-dark-trans-200);
  --table-button-bg-hover: var(--cgp-yellow-light);
  --table-button-bg-selected: var(--cgp-yellow);
  --table-button-color: var(--color-text);
  --table-button-color-negative: var(--color-text-negative);
  --table-button-color-light: var(--color-text-trans-800);
  --table-button-border-color: var(--color-text-trans-800);
  --table-button-border-color-hover: var(--color-text-trans-500);
  --table-button-border-color-selected: var(--color-text);
  --table-button-border-color-selected-hover: var(--color-text-trans-500);
  --table-button-color-hover: var(--color-text);
  --table-button-color-selected: var(--color-text);
  --table-button-color-selected-negative: var(--color-text-negative);
  --table-button-color-selected-light: var(--color-text-trans-800);
  --table-button-color-emph: var(--cgp-yellow-dark);
  --table-bg: rgba(255, 255, 255, 0.8);
  --table-row-bg-odd: rgb(243, 247, 250);
  --table-row-bg-even: rgb(221, 227, 231);
  --table-popup-bg: var(--color-bright);
  --table-popup-color: var(--color-text);
  --table-popup-border-color: var(--color-text);
  /* ticket vars */
  --ticket-wrap-bg: var(--ticket-color-light);
  --ticket-bg-light: var(--cgp-yellow-light);
  --ticket-bg: var(--cgp-yellow);
  --ticket-color: var(--color-text);
  --ticket-color: var(--color-text);
  --ticket-color-light: var(--color-text-trans-500);
  --ticket-color-negative: var(--color-text-negative);
  --font-family: "Roboto", sans-serif;
  --font-body: 14px;
  --font-header: 1.7rem;
  --font-headline: 1.7rem;
  --font-title: 1.4rem;
  --font-subheader: 1.15rem;
  --font-menu: 1rem;
  --font-caption: 0.85rem;
  --font-button: 1rem;
  --font-button-small: 0.85rem;
  --toolbar-height: 56px;
  --toolbar-bg: var(--side-bg);
  --toolbar-color: var(--color-text);
  --actionbar-bg: var(--cgp-yellow);
  --actionbar-color: var(--color-text);
  --actionbar-color-negative: var(--color-text-negative);
  --body-bg: var(--background-bg);
  /* other variables */
  --bet-detail-max-width: 50rem;
  --top-menu-height: 60px;

  }