/* ---ads-banners-side--- */
/* SIDE BANNER */
:root {
	--bnrSideWidth: var(--side-width);
	--bnrSideHWR: 0.6;  /* banner H/W ratio */
}

.sideBannerContainer {
    position: relative;
    display: inline-block;
    width: 100%;
    height: calc( var(--bnrSideWidth) * var(--bnrSideHWR) + 7px);
    min-height: 4rem;
    text-align: left;
    cursor: pointer;
}

.sideBannerContainer.borderPrimary {
    /*border-top: 1px solid var(--secondary-trans-500);*/
    border-bottom: 5px solid var(--primary);
	/*margin-bottom: 1rem;*/
}

.sideBannerContainer .divBg {
    display: flex;
    z-index: 1;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-position: right center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #032741;
    opacity: 0.85;
}

.sideBannerContainer .divBg.posBL {
    background-position: bottom left;
}

.sideBannerContainer .divBg.posBR {
    background-position: bottom right;
}

.sideBannerContainer .divBg.posCC {
    background-position: center center;
}

.sideBannerContainer .divBg.posTL {
    background-position: top left;
}

.sideBannerContainer .divBg.posTR {
    background-position: top right;
}

.sideBannerContainer .divBox:hover .divBg {
    opacity: 1;
}

.sideBannerContainer .divContent {
	z-index: 1;
	/*position: absolute;
	left: 0px;
	top: 0px;*/
	width: 100%;
    height: 100%;
    /*padding: 0.5rem;*/
    padding: 0;
    margin: 0.75rem;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
    opacity: 0.85;
    /*margin-top: 20%;*/
}

.sideBannerContainer .divContent .divTagline {
    display: flex;
    font-size: calc( var(--bnrSideWidth) * var(--bnrSideHWR) * 0.08);
    color: #fff;
}

.sideBannerContainer .divContent .divTagline.center {
    justify-content: center;   
}

.sideBannerContainer .divContent .divTitle {
    display: flex;
    font-size: calc( var(--bnrSideWidth) * var(--bnrSideHWR) * 0.12);
    text-align: left;
    font-weight: bold;
    color: #fff; /*var(--primary);*/
    text-shadow: 4px 4px 5px #000000;
    padding-top: 0.5%;
    margin: 0;
}

.sideBannerContainer .divContent .divTitle.center {
    justify-content: center;
}

.sideBannerContainer .divContent .divTitleXXL {
    display: flex;
    font-size: calc( var(--bnrSideWidth) * var(--bnrSideHWR) * 0.24);
    text-align: left;
    font-weight: bold;
    color: #fff; /*var(--primary);*/
    text-shadow: 4px 4px 5px #000000;
    padding-top: 0.5%;
    margin: 0;
}

.sideBannerContainer .divContent .divTitleXL {
    display: flex;
    font-size: calc( var(--bnrSideWidth) * var(--bnrSideHWR) * 0.16);
    text-align: left;
    font-weight: bold;
    color: #fff;
    text-shadow: 4px 4px 5px #000000;
    padding-top: 0.5%;
    margin: 0;
}


.sideBannerContainer .divContent .divTitleXXL.center {
    justify-content: center;
}

.sideBannerContainer .divContent .divTitleXL.center {
    justify-content: center;
}

.sideBannerContainer .divContent .divSubTitle {
	display: flex;
}

.sideBannerContainer .divContent .divButton {
    display: flex;
    font-size: calc( var(--bnrSideWidth) * var(--bnrSideHWR) * 0.15);
}

/* HOVER state */
/*
.sideBannerContainer:hover {
    mix-blend-mode: screen;
}
*/
.sideBannerContainer:hover .divContent{
    opacity: 1;
}
/* ---popravki-iplus-components--- */
iplus-input-web>.predloge-dropdown {
	z-index: calc(var(--zmax) - 1) !important;
}

.centerAbsoluteDiv.anketa-vabilo {
   top: 50% !important;
}
/* ---ads-banners-top--- */
/* TOP BANNER */
:root {
	--bnrTopWidth: calc( var(--page-max-width) - var(--side-width)*2 );
	--bnrTopHWR: 0.15;  /* banner H/W ratio */
}

.topBannerContainer {
    position: relative;
    display: inline-block;
    width: 100%;
    height: calc( var(--bnrTopWidth) * var(--bnrTopHWR) );
    min-height: 10rem;
    text-align: left;
    cursor: pointer;
    margin-bottom: 1rem;
}

.topBannerContainer .divBg {
    display: flex;
    z-index: 1;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-position: right center;
    background-repeat: no-repeat;
    background-size: contain;
    background-color: #032741;
    opacity: 1;
}


.topBannerContainer .divBg.posBL {
    background-position: bottom left;
}

.topBannerContainer .divBg.posBR {
    background-position: bottom right;
}

.topBannerContainer .divBg.posTL {
    background-position: top left;
}

.topBannerContainer .divBg.posTR {
    background-position: top right;
}


.topBannerContainer .divBox:hover .divBg {
    opacity: 1;
}

.topBannerContainer .divContent{
    z-index: 1;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    padding: 1rem;
    background: none;
    background-position: center center;
	background-repeat: no-repeat;
    background-size: cover;
    /*opacity: 0.85;*/
}

.topBannerContainer .divContent .divTagline {
    display: flex;
    font-size: calc( var(--bnrTopWidth) * var(--bnrTopHWR) * 0.15);
    color: #fff;
}

.topBannerContainer .divContent .divTitle {
    display: flex;
    font-size: calc( var(--bnrTopWidth) * var(--bnrTopHWR) * 0.25);
    text-align: left;
    font-weight: bold;
    color: var(--primary);
    text-shadow: 4px 4px 5px #000000;
    padding-top: 0.5%;
    margin: 0;
}

.topBannerContainer .divContent .divSubTitle {
	display: flex;
}

.topBannerContainer .divContent .divButton {
    display: inline-block !important;
    text-align: center;
    text-transform: uppercase;
    padding: 0;
    margin: 0;
    border: 0px;
    font-size: 0.85em;
    color: #000000;
    background-color: var(--primary);
    padding: 0.5rem;
    margin-top: 1rem;
    border-radius: var(--border-radius);
    letter-spacing: 1px;
    box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);

    font-size: calc( var(--bnrTopWidth) * var(--bnrTopHWR) * 0.15);
}

.topBannerContainer .divContent .divButton:hover {
    box-shadow: none;
    transform: translateY(3px);
    background-color: #ffe88c;
}

@media only screen and (max-width: 1280px) {
    :root {
        --bnrTopWidth: calc( 100vw - var(--side-width) );
        --bnrTopHWR: 0.15;  /* banner H/W ratio */
    }
}

@media only screen and (max-width: 1024px) {
    :root {
        --bnrTopWidth: 100vw;
        --bnrTopHWR: 0.15;  /* banner H/W ratio */
    }
}

@media only screen and (max-width: 728px) {
    :root {
        --bnrTopWidth: 100vw;
        --bnrTopHWR: 0.15;  /* banner H/W ratio */
    }

    .topBannerContainer {
        height: calc( var(--bnrTopWidth) * var(--bnrTopHWR) );
        min-height: 10rem;
        font-size: 12px;
    }

    .topBannerContainer .divContent .divTagline {
        font-size: 1.25em;
    }

    .topBannerContainer .divContent .divTitle {
        font-size: 1.5em;
        max-width: 70%;
    }

    .topBannerContainer .divContent .divSubTitle {
        font-size: 1.25em;
    }

    .topBannerContainer .divContent .divButton {
        font-size: 1.25em;
    }

    .topBannerContainer .divBg {
        background-size: 70%;
        opacity: 1;
    }
}

/* HOVER state */
/*
.topBannerContainer:hover .divBg {
    mix-blend-mode: screen;
    opacity: 0.85;
}
*/
.topBannerContainer:hover .divContent {
    opacity: 1;
}
/* ---zemljevid-prodajnih-mest--- */
div.cPanelContent.noBorder.zemljevid_poslovalnic {
    border-bottom: 0px !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    padding-top: 1rem;
}
/* ---sys-forms-themed--- */
.vnos-container>.label {
	color: var(--form-color-light);
    font-size: 0.975rem !important;
	text-transform: uppercase !important;
}

.modal .vnos-container>.label {
	color: var(--color-dark-trans-800) !important;
    font-size: 0.975rem !important;
	text-transform: uppercase !important;
}

.terminal-form.selekcija {
  padding: 1rem;
  background-color: var(--form-bg) !important;
  border-radius: 0;
}


.terminal-form.selekcija div.button.neutral {
	color: var(--color-bright) !important;
	border-color: var(--color-bright) !important;
}


.terminal-form .vnos-container.secondary>.label {
	color: var(--color-dark-trans-800) !important;
}
/* ---popravki-stave-fonti--- */
app-stave-group>.group>.header>.title {
	font-size: 1.05625rem !important;
	font-weight: 500 !important;
	text-transform: uppercase !important;
}

app-stave-group>.group>.header>.tipi {
    align-items: center !important;
}

app-stave-group>.group>.header>.tipi>.inner {
    align-items: center !important;
}

app-stave-vrstica>.bet>div>.main>.top {
	font-size: 0.8125rem !important;
}

app-stave-vrstica>.bet>div>.main>.top .date {
	text-transform: uppercase;
}

app-stave-kvota>.kvota {
	font-size: 1.125rem !important;
}

/* naziv tekme*/
app-stave-vrstica>.bet>div>.main>.bottom>.title {
    font-weight: 500;
    font-size: 1rem !important;
}

/* kvota */
app-stave-kvota>.kvota>span {
    font-size: 1rem !important;
}


@media screen and (max-width: 780px) {

    app-stave-group>.group>.header {
        padding: 0.5rem 0 !important;
    }

    app-stave-group>.group>.header>.tipi>.favorite {
        width: 2rem !important;
        height: 2rem !important;
    }

    app-stave-stavna-lista>.inner.redni-pregled app-stave-group>.group>.header>.tipi>.inner>.col.sm-col-0>.dropdown {
        display: block;
        padding: .5rem;
        height: 2rem !important;
        width: 2rem !important;
        text-align: center;
    }

    app-stave-group>.group>.header>.tipi>.expand {
        width: 2rem !important;
        height: 2rem !important;
    }

    app-stave-group>.group>.header>.tipi>.inner>.col>.list>.item {
        padding: 1rem 0.5rem !important;
    }

    app-stave-group>.group>.header>.title {
        font-size: 1.05625rem !important;
		padding-left: 3.5rem !important;
		font-weight: 700 !important;
    }

    app-stave-vrstica>.bet>div>.main>.bottom>.opcije {
        margin-top: 0rem;
    }
}

@media only screen and (max-width: 512px) {
    /*
    app-stave-group>.group>.header>.tipi>.favorite,
    app-stave-group>.group>.header>.tipi>.inner {
        width: 3rem !important;
    }

    app-stave-group>.group>.header>.tipi>.expand {
        width: 3rem !important;
    }
    */
    
    app-stave-group>.group>.header>.title {
        font-size: 1rem !important;
        padding-left: 3rem !important;
        font-weight: 700 !important;
    }
}


@media screen and (max-width: 400px) {
    app-stave-group>.group>.header>.title {
        font-size: 1rem !important;
    }
}


@media screen and (max-width: 360px) {
    /*app-stave-group>.group>.header {
        background-image: none !important;
    }*/

    app-stave-group>.group>.header>.title {
        padding-left: 3rem !important;
        font-weight: 700 !important;
    }
}
/* ---sys-header-themed--- */
/* KOŠARICA */
div#icn_cart {
	position: relative;
}

div#btnKosPopup {
	position: relative;
}

div#icn_cart .badge {
	position: absolute;
	top: -1rem !important;
	right: -0.75rem !important;
}
/* ---sys-footer-themed--- */
/*
div#footer_container {
    background: var(--overlay-bg) !important;
}
*/

div#footer_container {
    padding-top: 5rem !important;
}

div#footer {
	padding-top: 5rem !important;
	background: linear-gradient(to bottom, var(--color-dark-trans-200), var(--color-dark-trans-800));
}
/* ---sys-konto-themed--- */
page-konto>.content {
	padding: 0 !important;
	width: 100%;
}

/* selection filters */
app-konto-selekcija>.pregled_racuna__selekcija {
    background: var(--overlay-bg) !important;
	padding: 0 !important;
}

page-konto>.content>.overlay>.inner>.seznam>.konto__head {
    color: var(--table-header-color) !important;
    background: var(--table-header-bg) !important;
}

page-konto>.content>.overlay>.inner>.seznam>app-scrollable>.body>.row {
	border-bottom: 1px solid var(--table-border-color) !important;
}

page-konto>.content>.overlay>.inner>.seznam>app-scrollable>.body>.row>.top>.cas {
	color: var(--table-text-color-light) !important;
}

page-konto>.content>.overlay>.inner>.seznam>app-scrollable>.body>.row>.top > div {
    color: var(--table-text-color) !important;
	padding: 0 !important;
}

page-konto>.content>.overlay>.inner>.seznam>app-scrollable>.body>.row>.top .dodatne_akcije> .prodaj_borza {
	display: none;
}

page-konto>.content>.overlay>.inner>.seznam>app-scrollable>.body>.row>.top .dodatne_akcije>.predcasno_izplacilo {
    border-radius: var(--border-radius);
    background: var(--positive);
	color: var(--color-bright) !important;
}

page-konto>.content>.overlay>.inner>.seznam>.summary {
    /*background: var(--table-bg) !important;*/
	background: var(--table-header-bg) !important;
}

page-konto>.content>.overlay>.inner>.seznam>.summary>.row>.title {
    color: var(--table-text-color-light) !important;
}

page-konto>.content>.overlay>.inner>.seznam>.summary>.row>.value {
	color: var(--table-text-color) !important;
	font-weight: 500;
}
/*
div.form-content .form-buttons {
	background-color: var(--actionbar-bg) !important;
}
*/
div.form-content .form-buttons > div.button.small, 
div.form-content .form-buttons > span.button.small, 
div.form-content .form-buttons > a.button.small {
	height: 2.75rem !important;
}

/* finished-loading / load more */
page-konto>.content>.overlay>.inner>.seznam>app-scrollable>.more {
	color: var(--color-text-trans-500) !important;
}

/* mobile */
page-konto .mobile_header {
    color: var(--table-text-color-light) !important;
}
/* ---links-horse-bets--- */
/* HORSE RACING DETAILS */
.horseRacingDetails {
  display: flex;
  background-image: url("/content/img/horseracing/horseracing-link.jpg");
  background-position: center center;
  background-size: cover;
  margin: 1rem 0rem 1rem 0rem; }

/* DO THE SWITCHING */
body.web .horseRacingDetails.mobile {
  display: none; }

body.web .horseRacingDetails.desktop {
  display: flex; }

body.web.web-mobile .horseRacingDetails.mobile {
  display: flex;
  margin: 0rem 0rem 0rem 0rem; }

body.web.web-mobile .horseRacingDetails.desktop {
  display: none; }

.horseRacingDetails:hover {
  opacity: 0.8; }

.horseRacingDetails .linkWrap {
  flex: 1;
  text-align: center;
  border-bottom: 5px solid #309100;
  cursor: pointer; }

.horseRacingDetails .linkContent {
  padding: 0.5em 1em;
  width: 65%;
  background-color: rgba(48, 145, 0, 0.8); }

.horseRacingDetails:hover .linkContent {
  background-color: #309100; }

.horseRacingDetails .linkContent img {
  width: 24px;
  height: 24px;
  text-align: center;
  margin-top: 0.5em;
  margin-bottom: 0.5em; }

.horseRacingDetails .linkContent p {
  color: #fff;
  text-align: left;
  font-size: 0.875em; }

.horseRacingDetails .linkContent h1 {
  color: #fff;
  text-align: left;
  font-size: 1em;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 0.5em; }

.horseRacingDetails .linkContent ul {
  color: #fff;
  text-align: left;
  list-style-type: disc;
  list-style-position: inside;
  font-size: 0.875em; }
/* ---game-stave-themed--- */
/*STAVE - IZBOR DOGODKOV - POUDAREK*/
/*
ul.lista-povezav > li > ul > li > a.emph {
    cursor: pointer;
    text-decoration: none;
    display: block;
    background-color: var(--cgp-blue-light);
    color: var(--color-text);
    padding: 0.75rem 0.65rem;
    line-height: 1rem;
    border: none;
    margin: 0;
    white-space: nowrap;
}

ul.lista-povezav > li > ul > li > a.emph:hover {
    cursor: pointer;
    text-decoration: none;
    display: block;
    background-color: var(--cgp-blue-light-trans-500);
    color: var(--color-text);
    padding: 0.75rem 0.65rem;
    line-height: 1rem;
    border: none;
    margin: 0;
    white-space: nowrap;
}
*/

ul.lista-povezav > li > ul > li > a.emph {
	font-weight: bold;
}

ul.lista-povezav > li > ul > li > a.emph::before {
	content: "\2605";
	font-size: 125%;
	margin-right: 0.5rem;
	color: var(--cgp-blue-light);
}

/*HIDE FLOATING TICKET ICON*/
app-stave-listek>.listek-floating {
display: none;
}

/* STAVE FILTRI */
.casovna-selekcija {
	background-color: var(--form-bg) !important;
	box-shadow: 0px 3px 3px var(--shadow-color-trans-200);
	color: var(--form-color);
}

.casovna-selekcija>div>.iskanje {
	background: var(--form-bg) !important;
	color: var(--form-color);
}

.casovna-selekcija input::-webkit-input-placeholder,
.casovna-selekcija textarea::-webkit-input-placeholder {
	color:  var(--form-color) !important;
	color: var(--form-color);
}

.casovna-selekcija input:-moz-placeholder,
.casovna-selekcija textarea:-moz-placeholder {
	color:  var(--form-color) !important;
	color: var(--form-color);
}

app-stave-casovna-selekcija>.casovna-selekcija>div>.casovni-izbor>span>i, 
app-stave-casovna-selekcija>.casovna-selekcija>div>.sorti-sm>.kvote-pod>span>i, 
app-stave-casovna-selekcija>.casovna-selekcija>div>.sorti-sm>.sorti>span>i, 
app-stave-casovna-selekcija>.casovna-selekcija>div>.sorti-sm>.stavne-moznosti>span>i {
	padding-right: 0.25rem !important;
padding-left: 0.25rem !important;
}

app-stave-casovna-selekcija>.casovna-selekcija>div>.casovni-izbor>span.active, 
app-stave-casovna-selekcija>.casovna-selekcija>div>.sorti-sm>.kvote-pod>span.active, 
app-stave-casovna-selekcija>.casovna-selekcija>div>.sorti-sm>.sorti>span.active, 
app-stave-casovna-selekcija>.casovna-selekcija>div>.sorti-sm>.stavne-moznosti>span.active {
	background-color: var(--form-bg-selected) !important;
	color: var(--form-color) !important;
}

app-stave-casovna-selekcija>.casovna-selekcija>div>.iskanje {
	color: var(--form-color) !important;
	background-color: transparent !important;
}

/*
app-stave-casovna-selekcija>.casovna-selekcija>div>.iskanje>.input-wrapper {
	background: #00ff00 !important;
}
*/

app-stave-casovna-selekcija>.casovna-selekcija>div>.iskanje iplus-input.info {
	color: var(--form-color-light) !important;
	background-color: none !important;
	/* background: 0 0; */
	border-bottom: 2px solid var(--form-color-light) !important;
}

app-stave-casovna-selekcija>.casovna-selekcija>div>.iskanje iplus-input.info::placeholder {
	color: var(--form-color-light) !important;
}



/* filter drop downs */

app-stave-casovna-selekcija>.casovna-selekcija>div>.casovni-izbor>.vec>.vec-menu, 
app-stave-casovna-selekcija>.casovna-selekcija>div>.sorti-sm>.kvote-pod>.vec-menu, 
app-stave-casovna-selekcija>.casovna-selekcija>div>.sorti-sm>.stavne-moznosti>.vec-menu {
	/*background-color: var(--dropdown-background) !important;*/
	/*border: 1px solid var(--dropdown-border-color);*/
	box-shadow: 0px 15px 15px var(--shadow-color-trans-500) !important;
	color: var(--dropdown-color) !important;
z-index: 3 !important;
}

app-stave-casovna-selekcija>.casovna-selekcija>div>.casovni-izbor>.vec>.vec-menu>app-scrollable, 
app-stave-casovna-selekcija>.casovna-selekcija>div>.sorti-sm>.kvote-pod>.vec-menu>app-scrollable, 
app-stave-casovna-selekcija>.casovna-selekcija>div>.sorti-sm>.stavne-moznosti>.vec-menu>app-scrollable {
	background-color: var(--dropdown-background) !important;
	/*background-color: var(--scrollbar-bg) !important;*/
}

app-stave-casovna-selekcija>.casovna-selekcija>div>.casovni-izbor>.vec>.vec-menu>app-scrollable>div:hover, 
app-stave-casovna-selekcija>.casovna-selekcija>div>.sorti-sm>.kvote-pod>.vec-menu>app-scrollable>div:hover, 
app-stave-casovna-selekcija>.casovna-selekcija>div>.sorti-sm>.stavne-moznosti>.vec-menu>app-scrollable>div:hover {
	background-color: var(--dropdown-background-hover) !important;
	color: var(--dropdown-color-hover) !important;
}

app-stave-casovna-selekcija>.casovna-selekcija>div>.casovni-izbor>.vec>.vec-menu {
top: 1.7rem !important;
left: 0 !important;
}

.app-scrollable::-webkit-scrollbar-track, 
app-scrollable::-webkit-scrollbar-track {
	background-color: var(--scrollbar-bg) !important;
}



/* STAVE PONUDBA */

/* header ponudbe */

app-stave-group > .group > .header {
	background-color: var(--table-header-bg) !important;
	border-bottom: 2px solid var(--table-header-border-color) !important;
	color: var(--table-header-color);
	padding: .25rem 0 !important;
	min-height: 3.5rem !important;
}

app-stave-group > .group > .header > .tipi > .inner > .col > .naziv {
	line-height: 0.975rem;
	font-size: 0.875rem !important;
	/*background: var(--table-header-option-bg);*/
	color: var(--table-header-option-color) !important;
	/*font-weight: bold;*/
font-weight: 500;
	/*border-radius: var(--border-radius);*/
	/*border: 1px solid var(--table-header-option-color);*/
	width: fit-content;
	margin: 0 auto;
	padding: 0.25rem 0.5rem;
}

app-stave-group > .group > .header > .tipi > .inner > .col > .naziv:hover {
	/*background: var(--table-header-option-bg-hover) !important;*/
	color: var(--table-header-option-color-hover) !important;
/*border-bottom: 2px solid var(--table-header-option-color-hover) !important;*/
}

app-stave-group > .group > .header > .tipi > .inner > .col > .tipi2 {
	color: var(--table-header-tip-color) !important;
	font-size: .875rem !important;
	padding-top: 0.5rem !important;
	/*font-weight: bold;*/
font-weight: 500;
}

/* izbira tipov - drop down */
app-stave-group>.group>.header>.tipi>.inner>.col>.list {
	font-size: .875rem !important;
}

app-stave-group>.group>.header>.tipi>.inner>.col>.list>.item {
	color: var(--dropdown-color) !important;
	background-color: var(--dropdown-background) !important;
	padding: .65rem .6rem !important;
}

app-stave-group>.group>.header>.tipi>.inner>.col>.list>.item:hover {
	color: var(--dropdown-color) !important;
	background-color: var(--dropdown-background-hover) !important;
}

app-stave-group>.group>.header>.tipi>.inner>.col>.list>.item.active {
	color: var(--dropdown-color) !important;
	background-color: var(--dropdown-background-selected) !important;
}

app-stave-group>.group>.header>.tipi>.inner>.col>.list>.item.active:hover {
	color: var(--dropdown-color) !important;
	background-color: var(--dropdown-background-selected) !important;
}


app-stave-group>.group>.header>.tipi>.expand {
	color: var(--table-header-color) !important;
}

/* header bet options */
app-stave-group>.group>.header>.tipi>.inner>.col>.list {
	background: var(--table-popup-bg) !important;
	border: 1px solid var(--table-popup-border-color) !important;
}

/* header league */

app-stave-vrstica {
	border-bottom: none !important;
	/*
	border-bottom: 1px solid var(--table-border-color) !important;
	*/
}

app-stave-vrstica>.bet>div>.kvote>.col.sm-col-even {
	background-color: rgb(0,0,0,0) !important;
}

app-stave-vrstica>.bet>div>.kvote>.col.sm-col-odd {
	background-color: rgb(0,0,0,0) !important;
}

app-stave-vrstica>.bet.odd {
background-color: var(--table-row-bg-odd) !important;
}

app-stave-vrstica>.bet.even {
background-color: var(--table-row-bg-even) !important;
}

app-stave-vrstica>.bet>div>.main>.top {
	color: var(--table-text-color-light) !important;
}

app-stave-vrstica>.bet>div>.main>.bottom {
color: var(--table-text-color) !important;
}

app-stave-group > .group > .header > .tipi > .inner > .col > .tipi2 > .tip {
	text-transform: lowercase;
}

/* naziv tekme*/
/*
app-stave-vrstica>.bet>div>.main>.bottom>.title {
	
}
*/
/* active bet */
app-stave-vrstica>.bet.active>div>.main>.bottom>.title {
	/*color: var(--table-button-bg-selected) !important;*/
font-weight: 700 !important;
}

/* TV prenos */
app-stave-vrstica>.bet>div>.main>.top>.tv>.TVlive {
	background-color: var(--table-popup-bg) !important;
color: var(--table-popup-color) !important;
}

/* single icon */
app-stave-vrstica>.bet>div>.main>.top>.single>span {
	color: var(--table-text-color-negative) !important;
	background-color: var(--table-text-color) !important;
	font-weight: 700 !important;
	font-size: 1rem !important;
	width: 1rem !important;
	height: 1rem !important;
}

/* icons - bet-line */
app-stave-vrstica>.bet>div>.main>.bottom>.opcije>* {
color: var(--table-text-color-light) !important;
}

/* kvota */
app-stave-razmerje-vplacil>.razmerje_vplacil i {
	color: var(--table-text-color-header) !important;
}

/* handicap display */
/*
app-stave-vrstica>.bet>div>.kvote>.col>.col-dodatno:not(app-stave-kvota) {
background-color: var(--secondary-trans-400) !important;
color: #7be0ff !important;
	font-size: 0.75rem !important;
}
*/
app-stave-vrstica>.bet>div>.kvote>.col>.col-dodatno:not(app-stave-kvota)>span {
/*border: 1px solid var(--secondary-light);*/
	padding: 0.5rem;
	border-radius: 1.25rem;
color: var(--table-text-color-emph) !important;
	background-color: var(--table-bg-emph) !important;
}

/* stavne možnosti - linije ob robu */
app-stave-stavna-lista>.inner.redni-pregled app-stave-group>.group>.header>.tipi>.inner>.col, 
app-stave-stavna-lista>.inner.redni-pregled app-stave-vrstica>.bet>div>.kvote>.col {
border-left: 5px solid var(--table-border-vertical-color);
	border-right: 5px solid var(--table-border-vertical-color);
	/*padding: 0 0.5rem;*/
}

app-stave-stavna-lista>.inner.redni-pregled app-stave-group>.group>.header>.tipi>.inner>.col ~ .col,
app-stave-stavna-lista>.inner.redni-pregled app-stave-vrstica>.bet>div>.kvote>.col ~ .col{
border-left:none;
}

app-stave-stavna-lista>.inner>app-scrollable>.more>.text {
color: var(--color-text-trans-500) !important;
}

/* kvote */

.redni-pregled app-stave-vrstica>.bet>div.betg2>.kvote>.col>app-stave-kvota, 
.redni-pregled app-stave-vrstica>.bet>div.betg2>.kvote>.col>app-stave-kvota>.kvota {
	/*justify-content: space-between;*/
justify-content: center; 
}

app-stave-kvota>.kvota>.naziv {
color: var(--table-text-color-light) !important;
}

app-stave-kvota>.kvota {
color: var(--table-button-color) !important;
margin: 0.5rem;
	background-color: var(--table-button-bg-default) !important;
	border-radius: var(--border-radius);
}

app-stave-kvota>.kvota.emphasize {
	background-color: var(--table-button-bg-default) !important;
	color: var(--table-button-color) !important;
	font-weight: bold;
	/*border-bottom: 3px solid var(--table-button-bg-default) !important;*/
}

app-stave-kvota>.kvota.fake {
	display: none;
}

app-stave-kvota>.kvota-hover:hover {
	background-color: var(--table-button-bg-hover) !important;
	color: var(--table-button-color-hover) !important;
font-weight: bold;
}

app-stave-kvota>.kvota.active {
background-color: var(--table-button-bg-selected) !important;
	color: var(--table-button-color-selected) !important;
}

app-stave-kvota>.kvota.active>.naziv {
color: var(--table-text-color-light) !important;
}

/* all bets +xxx */
app-stave-vrstica>.bet>div>.podvrstic {
color: var(--primary);
	/*margin: 0.5rem;*/
	/*background-color: rgb(3, 38, 65, 1000) !important;*/
}

app-stave-vrstica>.bet>div>.podvrstic>span {
background-color: var(--table-button-bg-default);
	border-radius: var(--border-radius);
	/*border: 1px solid var(--table-button-border-color);*/
color: var(--table-button-color);
padding: 0.5rem;
}

app-stave-vrstica>.bet>div>.podvrstic>span:hover {
background-color: var(--table-button-bg-hover);
color: var(--table-button-color-hover);
}

app-stave-vrstica>.bet>div>.podvrstic.active>span {
background-color: var(--table-button-bg-selected);
border-radius: var(--border-radius);
color: var(--table-button-color-selected);
padding: 0.5rem;
}

app-stave-vrstica>.bet>div.nazivSM {
	margin-bottom: 0.125rem !important;
}

app-stave-vrstica>.bet>div.nazivSM>.nazivSM_osnova {
	padding-right: .5rem !important;
	font-size: 0.75rem !important;
	color: var(--table-text-color) !important;
}

app-stave-vrstica>.bet>div.nazivSM>.nazivSM_dodatno {
	padding: 0 0.5rem !important;
	font-size: 0.75rem !important;
	color: var(--table-text-color-emph) !important;
background-color: var(--table-bg-emph) !important;
}

app-stave-vrstica>.bet>div.nazivSM>.nazivSM_dodatno:empty {
	display: none;
}

/* PODROBNOSTI STAVE */

app-stave-detail>.inner {
	background-color: var(--background-bg) !important;
}

app-stave-detail>.inner>.detail-tabs {
	font-size: 1rem !important;
	background: var(--form-bg) !important;
	padding-bottom: 1px !important;
}

app-stave-detail>.inner>.detail-tabs>.detail-tab {
	color: var(--form-color-light) !important;
	font-size: 1rem !important;
	font-weight: bold !important;
	text-transform: uppercase;
}

app-stave-detail>.inner>.detail-tabs>.detail-tab:hover {
	color: var(--form-color-light) !important;
	background-color: var(--form-bg-hover);
}

app-stave-detail>.inner>.detail-tabs>.detail-tab.active {
	color: var(--form-color) !important;
	border-bottom: 2px solid var(--form-color);
}

/*more drop down*/
app-stave-detail.active .button.neutral {
color: var(--color-bright) !important;
}

app-stave-detail>.inner>.detail-tabs>.detail-tab.more.active {
	color: var(--form-color-light) !important;
	background-color: var(--form-bg) !important;
}

app-stave-detail>.inner>.detail-tabs>.detail-tab.more.active {
	color: var(--form-color) !important;
	border-bottom: 2px solid var(--form-color);
	background-color: var(--form-bg-hover) !important;
}

app-stave-detail>.inner>.detail-tabs>.detail-tab.more>.list {
	background-color: var(--form-bg) !important;
}

app-stave-detail>.inner>.detail-tabs>.detail-tab.more>.list>.inner>.item:hover {
	color: var(--form-color-light) !important;
	background-color: var(--form-bg-hover) !important;
}

app-stave-detail>.inner>.detail-tabs>.detail-tab.more>.list>.inner>.item.active {
	color: var(--form-color) !important;
	border-bottom: 2px solid var(--form-color);
}

/*
app-stave-detail>.inner>app-scrollable {
padding-bottom: var(--toolbar-height) !important;
}
*/

app-stave-detail>.inner>app-scrollable {
	display: flex !important;
	flex-direction: column !important;
	/*height: -webkit-fill-available !important;*/
	padding-bottom: 60vh !important;
	padding: 0.5rem !important;
}

app-stave-detail>.inner>.bars {
	background-color: var(--color-dark);
}

app-stave-stavna-moznost.odd>.stavna-moznost {
	background-color: var(--table-row-bg-odd) !important;
	color: var(--table-text-color) !important;
	margin-bottom: 0 !important;
}

app-stave-stavna-moznost.even>.stavna-moznost {
	background-color: var(--table-row-bg-even) !important;
	color: var(--table-text-color) !important;
	margin-bottom: 0 !important;
}

app-stave-stavna-moznost>.stavna-moznost>.naziv {
	font-size: 1rem !important;
	font-weight: 700;
	color: var(--table-text-color) !important;
}

app-stave-stavna-moznost-naziv>.stavna-moznost>.naziv>div.master>div>div>span>span {
	font-size: 1rem !important;
	font-weight: 700;
	color: var(--table-text-color-header) !important;
	margin-left: 0.5rem;
}

app-stave-stavna-moznost>.stavna-moznost>.naziv>div>div>span {
	padding: 0 .25rem;
	font-weight: 300 !important;
	color: var(--table-text-color-light) !important;
}

app-stave-stavna-moznost > .stavna-moznost > .naziv > div.master > div {
	align-items: center !important;
}

app-stave-stavna-moznost > .stavna-moznost > .naziv > div > div > span {
	align-self: baseline !important;
}

app-stave-vrstica>.bet.active {
	border-left: 3px solid var(--table-button-bg-selected) !important;
}

.app-stave-stavna-moznost-kvota {
	background-color: var(--table-button-bg-default) !important;
	/*border: 1px solid var(--table-button-border-color) !important;*/
	color: var(--table-text-color) !important;
	min-height: 2.25rem !important;
	font-size: 1rem !important;
	padding: 0 .5rem;
	margin: .2rem;
	min-width: calc((50rem - 4rem) / 3) !important;
	max-width: calc((50rem - 2rem) / 2);
	/*
	min-width: calc((50rem - 5rem) / 6) !important;
		max-width: calc((50rem - 3rem) / 3);
	*/
	border-radius: var(--border-radius);
}

.app-stave-stavna-moznost-naziv>.odd>.stavna-moznost {
	background-color: var(--table-row-bg-odd) !important; 
	color: var(--table-text-color) !important;
}

.app-stave-stavna-moznost-kvota i {
	display: none !important;
}

.app-stave-stavna-moznost-kvota.loser {
	justify-content: center !important;
}

.app-stave-stavna-moznost-kvota.winner {
	background-color: var(--positive) !important;
color: var(--color-bright) !important;
}

.app-stave-stavna-moznost-kvota.winner > .naziv {
color: var(--color-bright-trans-800) !important;
}


.app-stave-stavna-moznost-kvota > span:first-child {
	color: var(--table-button-color-light) !important;
}

.app-stave-stavna-moznost-kvota:hover {
	background-color: var(--table-button-bg-hover) !important;
	/*border-bottom: 2px solid var(--table-button-color-emph) !important;*/
	color: var(--table-button-color-hover) !important;
}

.app-stave-stavna-moznost-kvota:hover > span:first-child {
	color: var(--table-button-color-hover) !important;
}

.app-stave-stavna-moznost-kvota.active {
	background-color: var(--table-button-bg-selected) !important;
	color: var(--table-button-color-selected) !important;
}

.app-stave-stavna-moznost-kvota.active > span:first-child {
	color: var(--table-button-color-selected-light) !important;
	font-size: 0.925rem !important;
}

.app-stave-stavna-moznost-kvota.active > span:last-child {
	font-weight: 700 !important;
}


app-stave-stavna-moznost >.stavna-moznost > .naziv > div.master > div > div > span > .single > span {
	color: var(--table-text-color-negative) !important;
	background-color: var(--table-text-color) !important;
	width: 1rem !important;
	height: 1rem !important;
	font-size: 1rem !important;
	font-weight: 700;
	/*padding: 0.5rem 0.5rem !important;*/
}
/*  stavna možnost opis */
app-stave-opis-sm>.opis>div>div {
	display: none !important;
}

app-stave-opis-sm>.opis>div>div.active {
	z-index: 2 !important;
	display: block !important;
	background-color: var(--table-popup-bg) !important;
	color: var(--table-popup-color) !important;
	border: 1px solid var(--table-popup-border-color) !important;
	text-align: left !important;
	box-shadow: 0.25rem 0.25rem 0.5rem var(--shadow-color-trans-200);
}

/* MOBILE */
@media screen and (max-width: 780px) {
app-stave-stavna-lista>.inner {
	padding-top: 0 !important;
}

app-stave-stavna-lista>.inner>app-scrollable  {
	padding: 0 !important;
	padding-bottom: var(--toolbar-height) !important;
}

	.web app-stave-detail {
			position: fixed;
			top: var(--main-menu-height);
			bottom: var(--actionbar-height);
			height: 100%;
			/*min-height: fit-content;*/
			z-index: 3 !important;
			padding-bottom: var(--actionbar-height);
	}

	app-stave-group > .group > .header {
			min-height: 3rem !important;
	}

	.app-stave-stavna-moznost-kvota {
	/*
	min-width: calc((100vw - 4rem) / 3) !important;
	max-width: calc(100vw - 4rem) !important;
	*/
	min-width: calc((50rem - 4rem) / 3) !important;
	max-width: calc((50rem - 2rem) / 2);
	/*
			max-width: initial !important;
			min-height: 2rem !important;
	*/
	}

	app-stave-kvota>.kvota {
			background: var(--table-button-bg-default) !important;
			/*border: 1px solid var(--table-button-border-color) !important;*/
			color: var(--table-button-color) !important;
			border-radius: var(--border-radius) !important;
			border: none !important;
	}
	/*
	app-stave-kvota>.kvota.active {
			background-color: var(--table-button-bg-selected) !important;
			color: var(--table-button-color-selected) !important;
			border-bottom: 3px solid var(--table-button-color-selected) !important;
	}
	*/
	
app-stave-stavna-lista>.inner.redni-pregled app-stave-group>.group>.header>.tipi>.inner>.col, 
app-stave-stavna-lista>.inner.redni-pregled app-stave-vrstica>.bet>div>.kvote>.col {
	border-left: none;
	border-right: none;
}

app-stave-stavna-lista>.inner.redni-pregled app-stave-group>.group>.header>.tipi>.inner>.col ~ .col,
app-stave-stavna-lista>.inner.redni-pregled app-stave-vrstica>.bet>div>.kvote>.col ~ .col{
	border-left:none;
	}
	
	app-stave-vrstica>.bet>div>.podvrstic {
			height: 2rem !important;
	}

	app-stave-detail>.inner>.detail-tabs>.detail-tab {
			font-size: 0.9125rem !important;
	}

/* ticket */

iplus-input-web>.predloge-dropdown {
	max-height: 24rem !important;
}

iplus-input-web>.predloge-dropdown>span {
	padding: 1rem 0.25rem !important;
}
}

@media only screen and (max-width: 675px) {
.app-stave-stavna-moznost-kvota {
	min-width: calc((100vw - 4rem) / 3) !important;
	max-width: calc((100vw - 2rem) / 2) !important;
	}
}

/*
app-stave-vrstica>.bet>div.nazivSM {
color: var(--secondary);
}

app-stave-stavna-moznost>.stavna-moznost {
color: var(--secondary-darkest);
}

app-stave-stavna-moznost>.stavna-moznost>.naziv>div.master>div>div>span>.single>span {
color: var(--neutral) !important;
background-color: var(--secondary-darkest-trans-800) !important;
}

app-stave-stavna-moznost>.stavna-moznost>.naziv .razmerje_vplacil_icon {
color: var(--secondary-darkest-trans-600) !important;
}

app-stave-stavna-moznost>.stavna-moznost{
color: var(--secondary-darkest)!important;
	background-color: var(--secondary-trans-100) !important;
}
*/

/* handicap in popover*/
/*
app-stave-stavna-moznost>.stavna-moznost>.naziv>div.master>div>div>span>.nazd {
	padding: 0.25rem;
	border-radius: 1rem;
color: var(--secondary-light) !important;
	background-color: var(--secondary-trans-400) !important;
}
*/
/* aktivna stavna možnost */
/*
app-stave-stavna-moznost>.stavna-moznost.active {
color: var(--secondary-darkest) !important;
	background-color: var(--secondary-trans-300) !important;
}
app-stave-stavna-moznost>.stavna-moznost.active>.naziv {
	color: var(--secondary-darkest) !important;
font-weight: bold !important;
}

.app-stave-stavna-moznost-kvota {
	color: var(--neutral) !important;
font-size: 0.925rem !important;
border-radius: var(--border-radius) !important;
}

.app-stave-stavna-moznost-kvota.active {
color: var(--secondary-darkest) !important;
font-weight: bold !important;
}
*/

/* razmerje vplačil popup */
app-stave-razmerje-vplacil>.razmerje_vplacil>.razmerje_vplacil_popup {
font-size: 0.875rem !important;
z-index: 2;
	color: var(--table-popup-color) !important;
background: var(--table-popup-bg);
	border: 1px solid var(--table-popup-border-color);
	border-radius: var(--border-radius);
	box-shadow: 0.25rem 0.25rem 0.5rem var(--shadow-color-trans-200);
}


/* BET TICKET */
app-stave-listek>.listek>.content-outer>.content>.zadnji-listki>.vnos-container>.label {
color: var(--color-text) !important;
}

app-stave-listek>.listek>.content-outer>.content>.zadnji-listki .vnos {
color: var(--color-text) !important;
border-bottom: .1rem solid var(--color-text-trans-500) !important;
}


app-stave-listek > .listek > .content-outer > .content > .empty {
	color: var(--color-text-trans-500) !important;

}


/*
app-stave-listek > .single span {
	background-color: var(--ticket-color) !important;
	padding: 0.5rem 0;
	width: 0.975rem;
	height: 0.975rem;
	font-size: 0.875rem;
	color: var(--color-bright) !important;
}
*/

app-stave-listek>.listek>.title>span:first-child>.count {
	font-size: .75rem !important;
	min-width: 1.5rem !important;
	height: 1.5rem !important;
	margin-left: .5rem !important;
	margin-top: -0.5rem !important;
}


app-stave-postavka>.postavka>.row.sub>.single>span>span {
	padding: 0.5rem 0;
	width: 0.975rem;
	height: 0.975rem;
	font-size: 0.875rem;
	color: var(--ticket-color-negative) !important;
	background-color: var(--ticket-color) !important;
	border: none !important; 
}

app-stave-listek>.listek>.content-outer>.content>.tabs {
background-color: var(--ticket-wrap-bg);
}

app-stave-listek>.listek>.content-outer>.content>.tabs>.tab {
	background-color: var(--ticket-wrap-bg) !important;
	color: var(--ticket-color-negative) !important;
}

app-stave-listek>.listek>.content-outer>.content>.tabs>.tab.active {
	background-color: var(--ticket-bg) !important;
	color: var(--ticket-color) !important;
}

app-stave-listek>.listek>.title {
	color: var(--side-menu-title-color) !important;
}

app-stave-listek>.listek>.content-outer>.content>.content-inner>* {
color: var(--ticket-color) !important;
}

app-stave-postavka>.postavka {
background-color: var(--ticket-bg-light) !important;
color: var(--ticket-color) !important;
}

app-stave-listek>.listek>.content-outer>.content>.content-inner {
background-color: var(--ticket-bg) !important;
}

/* fixed bet */
app-stave-postavka>.postavka>.row.sub>.fix>span {
	color: var(--ticket-color) !important;
	border: 1px solid var(--ticket-color) !important;
}

/* SPORTS SELECTION - SIDE */
app-stave-selekcija-izbor-sportov .category>.title, 
app-stave-selekcija-stavni-izbor .category>.title {
color: var(--side-menu-title-color) !important;
	font-weight: 700;
}

app-stave-selekcija-izbor-sportov .sporti>.item>.wrap, 
app-stave-selekcija-stavni-izbor .sporti>.item>.wrap {
	color: var(--side-menu-color) !important;
}

/*
app-stave-selekcija-izbor-sportov .sporti.sub>.item>.wrap, 
app-stave-selekcija-stavni-izbor .sporti.sub>.item>.wrap {
border-left: 1px solid var(--side-menu-color);
}
*/
/*
app-stave-selekcija-izbor-sportov .sporti>.item>.wrap.active, 
app-stave-selekcija-stavni-izbor .sporti>.item>.wrap.active {
	background-color: var(--side-bg-select) !important;
}
*/

app-stave-selekcija-izbor-sportov .sporti>.item>.wrap>i:not(:first-child), 
app-stave-selekcija-stavni-izbor .sporti>.item>.wrap>i:not(:first-child) {
color: var(--side-menu-color) !important;
}

app-stave-selekcija-izbor-sportov .sporti>.item>.wrap>.badge, 
app-stave-selekcija-stavni-izbor .sporti>.item>.wrap>.badge {
	color: var(--side-menu-color) !important;
	/*color: #ff0000 !important;*/
font-size: 0.8rem !important;
}

app-stave-selekcija-izbor-sportov .sporti>.item>.wrap.active>.badge, 
app-stave-selekcija-stavni-izbor .sporti>.item>.wrap.active>.badge {
	color: var(--side-menu-small-color-select) !important;
}

app-stave-selekcija-izbor-sportov .sporti>.item>.wrap.active>.title, 
app-stave-selekcija-stavni-izbor .sporti>.item>.wrap.active>.title {
	color: var(--side-menu-color-select) !important;
font-weight: 700 !important;
}

app-stave-selekcija-izbor-sportov .sporti.sub>.item>.wrap>.title, 
app-stave-selekcija-stavni-izbor .sporti.sub>.item>.wrap>.title {
	font-size: 1rem !important;
}


/* SPORT SELECTION FROM FILTERS */
app-modal-sporti>.terminal-form>.drevo-sportov>app-stave-selekcija-izbor-sportov .sporti>.item>.wrap {
	color: var(--dropdown-color) !important;
}

app-modal-sporti>.terminal-form>.drevo-sportov>app-stave-selekcija-izbor-sportov .sporti>.item>.wrap.active {
	color: var(--dropdown-color) !important;
background-color: var(--primary) !important;
/*border-bottom: 6px solid var(--primary);*/
font-weight: 700 !important;
}


app-stave-selekcija-izbor-sportov .sporti.sub2>.item>.wrap.active, 
app-stave-selekcija-stavni-izbor .sporti.sub2>.item>.wrap.active {
	color: var(--side-menu-color-select) !important;
	/*background-color: var(--side-bg-select) !important;*/
	/*border-bottom: 6px solid var(--primary);*/
	font-weight: 700 !important ;
}

app-stave-selekcija-izbor-sportov .sporti>.item>.wrap>.title , 
app-stave-selekcija-stavni-izbor .sporti>.item>.wrap>.title  {
    order: 2;
    flex: 1;
    padding: .5rem 0;
    font-size: 1rem;
    white-space: normal;
    word-wrap: break-word !important;
    word-break: break-word !important;
}

/*
app-modal-sporti>.terminal-form>.drevo-sportov>app-stave-selekcija-izbor-sportov .sporti>.item>.wrap.active>.item>.wrap.active>.item>.wrap.active {
	color: var(--dropdown-color) !important;
	background-color: var(--primary) !important;
	font-weight: 700 !important ;
}
*/

/* DROP DOWN SELECTIONS */
/*
app-stave-selekcija-izbor-sportov .category>.items>.item, 
app-stave-selekcija-stavni-izbor .category>.items>.item {
	color: var(--neutral) !important;
	background: transparent !important;
}
*/

/* MOBILE */
@media only screen and (max-width: 780px) {

	/*
	app-stave-selekcija-izbor-sportov .category>.items>.item, 
	app-stave-selekcija-stavni-izbor .category>.items>.item {
			color: var(--dropdown-color) !important;
			background: var(--color-bright) !important;
	}
	*/

app-stave-detail>.inner>app-scrollable {
	padding: 0 !important;
	padding-bottom: calc(var(--toolbar-height) + 40vh + 5rem) !important;
}


	app-stave-detail>.inner>.bars>.bar.ekipa {
			flex-direction: row !important;
	}

	app-stave-vrstica>.bet>div.betg2 {
			padding: 0.2rem !important;
	}

	app-stave-vrstica>.bet>div.betg2>.kvote>.col>app-stave-kvota {
			padding: 0 0.25rem !important;
	}

	app-stave-vrstica>.bet>div.betg2>.kvote>.col>app-stave-kvota>.kvota {
			display: flex !important;
			flex-direction: row !important;
			/*justify-content: flex-end !important;*/
			min-height: 2rem !important;
			margin-bottom: 0.25rem;
	}

app-stave-vrstica>.bet>div.betg2>.kvote>.col>app-stave-kvota>.kvota.loser {
	justify-content: center !important;
	}

app-stave-vrstica>.bet>div.betg2>.kvote>.col>app-stave-kvota>.kvota.loser>i {
			display: none !important;
	justify-content: center !important;
	}

app-stave-vrstica>.bet>div.betg2>.kvote>.col>app-stave-kvota>.kvota.winner {
			background: var(--positive) !important;
	color: var(--color-bright) !important;
	}

	app-stave-stavna-moznost>.stavna-moznost>.naziv {
			font-size: 0.875rem !important;
	}

	/*
	app-stave-kvota>.kvota {
			-webkit-box-flex: 1;
			flex: 1;
			display: -webkit-box;
			display: flex;
			-webkit-box-align: center;
			align-items: center;
			-webkit-box-pack: center;
			justify-content: center;
			font-size: .9125rem;
			min-height: 3rem;
			-webkit-box-orient: vertical;
			-webkit-box-direction: normal;
			flex-direction: column;
	}
	*/
	app-stave-vrstica>.bet>div.betg2>.kvote>.col>app-stave-kvota>.kvota>.naziv {
			margin-left: 0.5rem !important;
			color: var(--table-button-color-light);
	}

	app-stave-vrstica>.bet>div.betg2>.kvote>.col>app-stave-kvota>.kvota.active>.naziv,
	app-stave-vrstica>.bet>div.betg2>.kvote>.col>app-stave-kvota>.kvota.active:hover>.naziv {
			color: var(--table-button-color-selected-light) !important;
	}
	/*
	app-stave-vrstica>.bet>div.betg2>.kvote>.col>app-stave-kvota>.kvota>span:last-of-type {
			margin-left: auto !important;
			margin-right: 0.5rem !important;
	}
*/

app-stave-vrstica>.bet>div.betg2>.kvote>.col>app-stave-kvota>.kvota>span {
			width: 100%
	}

	app-stave-vrstica>.bet>div.nazivSM {
			padding: 0rem 0.4rem !important;
			font-size: .75rem !important;
	}

/* MENIJI SPORTOV */
app-stave-selekcija-izbor-sportov .category>.title, 
app-stave-selekcija-stavni-izbor .category>.title {
	color: var(--side-menu-color) !important;
	font-weight: 700;
}

app-stave-selekcija-izbor-sportov .sporti>.item>.wrap, 
app-stave-selekcija-stavni-izbor .sporti>.item>.wrap {
	color: var(--side-menu-color) !important;
}

/*
app-stave-selekcija-izbor-sportov .sporti.sub>.item>.wrap, 
app-stave-selekcija-stavni-izbor .sporti.sub>.item>.wrap {
	border-left: 1px solid var(--side-menu-color);
}
*/

app-stave-selekcija-izbor-sportov .sporti>.item>.wrap>i:not(:first-child), 
app-stave-selekcija-stavni-izbor .sporti>.item>.wrap>i:not(:first-child) {
	color: var(--dropdown-color) !important;
}

app-stave-selekcija-izbor-sportov .sporti>.item>.wrap>.badge, 
app-stave-selekcija-stavni-izbor .sporti>.item>.wrap>.badge {
	color: var(--dropdown-color) !important;
	/*color: #ff0000 !important;*/
	font-size: 0.8rem !important;
}

app-stave-selekcija-izbor-sportov .sporti>.item>.wrap.active>.badge, 
app-stave-selekcija-stavni-izbor .sporti>.item>.wrap.active>.badge {
	color: var(--dropdown-color) !important;
}

app-stave-selekcija-izbor-sportov .sporti>.item>.wrap.active>.title, 
app-stave-selekcija-stavni-izbor .sporti>.item>.wrap.active>.title {
	color: var(--dropdown-color) !important;
}

app-stave-selekcija-izbor-sportov .sporti.sub>.item>.wrap>.title, 
app-stave-selekcija-stavni-izbor .sporti.sub>.item>.wrap>.title {
	font-size: 1rem !important;
}


/* SPORT SELECTION FROM FILTERS */
app-stave-casovna-selekcija>.casovna-selekcija>div>.drevo-sportov>app-stave-selekcija-izbor-sportov .sporti>.item>.wrap {
	color: var(--dropdown-color) !important;
}

app-stave-casovna-selekcija>.casovna-selekcija>div>.drevo-sportov>app-stave-selekcija-izbor-sportov .sporti>.item>.wrap.active {
	color: var(--dropdown-color) !important;
	background-color: var(--primary) !important;
	/*border-bottom: 6px solid var(--primary);*/
	font-weight: 700 !important ;
}


app-stave-selekcija-izbor-sportov .sporti.sub2>.item>.wrap.active, 
app-stave-selekcija-stavni-izbor .sporti.sub2>.item>.wrap.active {
	color: var(--dropdown-color) !important;
	/*background-color: var(--primary) !important;*/
	/*border-bottom: 6px solid var(--primary);*/
	font-weight: 700 !important ;
}
}


@media only screen and (max-width: 320px) {
	app-stave-detail>.inner>.bars>.bar.ekipa {
			flex-direction: column !important;
	}
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
	app-stave-casovna-selekcija>.casovna-selekcija {
			flex-direction: row !important;
	}
}
@media screen and (max-width: 1023px) {
.web app-stave-detail {
			position: fixed;
			top: var(--main-menu-height);
			bottom: var(--actionbar-height);
			height: 100%;
			z-index: 3 !important;
			padding-bottom: var(--actionbar-height);
	}
}

@media screen and (max-width: 1024px) {
.web app-stave-detail > .inner > app-scrollable {
			padding: 0 !important;
			padding-bottom: calc(var(--toolbar-height) + 5rem ) !important;
	}
}



.vec {
	border: 1px solid;
}

.vec span {
	text-align: left;
}

app-stave-casovna-selekcija>.casovna-selekcija>div>.drevo-sportov>.drevo-sportov-title {
	text-align: left;
	border: 1px solid;
}

app-stave-casovna-selekcija>.casovna-selekcija>div>.sorti-sm>.stavne-moznosti>span {
	text-align: left;
	border: 1px solid;
}
@media screen and (max-width: 512px) {
	app-stave-casovna-selekcija>.casovna-selekcija>div>.drevo-sportov {
			display: block;
			flex: 1;
			max-width: 40% !important;
			margin-right: 0rem;
	}
}

app-stave-casovna-selekcija>.casovna-selekcija>div>.sorti-sm {
	flex: 0 0 2.5rem;
	display: flex;
	justify-content:  flex-end;
	max-width: 40% !important;
	width: 40% !important;
}

@media screen and (max-width: 512px) {
	app-stave-casovna-selekcija>.casovna-selekcija>div>.casovni-izbor.mobile>span.vec>span {
			flex: 1;
			text-align: left !important;
	}
}

app-stave-casovna-selekcija>.casovna-selekcija>div>.sorti-sm>.sorti {
	padding-right: 0 !important;
	padding-left: 0 !important;
}

app-stave-casovna-selekcija>.casovna-selekcija>div {
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

app-stave-casovna-selekcija>.casovna-selekcija>div>.drevo-sportov>.drevo-sportov-title>i {
	padding-right: 0.25rem;
	padding-left: 0 !important;
}
/* ---game-virtual-sports-themed--- */
app-vi-main {
  color: var(--color-text) !important;
  /*background: var(--overlay-bg) !important;*/
}

app-vi-main>app-scrollable>.content {
	padding: 0 !important;
	max-width: 100% !important;
}

/* video prikaz */
app-vi-tekma>.moznosti>.table>.header>.naziv>.video {
	color: var(--table-header-color) !important;
}

app-vi-video>.video-wrapper {
	background: none !important;
	padding: 1rem 1rem 0 1rem !important;
}

app-vi-main>app-scrollable>.content>.overlay>.glava>.bottom {
	padding: 1rem 0 0 0 !important;
}

app-vi-main>app-scrollable>.content>.overlay>.glava>.bottom>.dogodki-tekme>app-vi-tekme {
	padding: 0 !important;
}

app-vi-main>app-scrollable>.content>.overlay>.glava>.bottom>.dogodki-tekme>app-vi-dogodki {
	padding: 0 !important;
}

/*prikaz ponudba - glava*/
app-vi-tekma>.moznosti>.table>.header {
    background-color: var(--table-header-bg) !important;
	color: var(--table-header-color) !important;
}

app-vi-tekma>.moznosti>.table>.header>.naziv>.naziv-inner {
	color: var(--table-header-color) !important;
    padding: .5rem !important;
}

app-vi-tekma>.moznosti>.table>.subheader {
	background-color: var(--table-header-bg) !important;
	color: var(--table-header-color) !important;
}

/*stili za tekme*/

app-vi-tekma>.moznosti>.table>.header>.naziv {
	color: var(--table-header-color) !important;
    padding: .5rem !important;
}

app-vi-tekma>.moznosti>.table>.vrstica {
	background-color: var(--table-bg) !important;
	background-color: var(--table-row-bg-even) !important;
	border-left: none !important;
	border-right: none !important;
	border-top: none !important;
	border-bottom: 1px solid var(--table-border-color) !important;
}

app-vi-tekma>.moznosti>.table>.vrstica:nth-child(odd) {
	background-color: var(--table-row-bg-odd) !important;
}

app-vi-tekma>.moznosti>.table>.vrstica>.line2 {
	margin: 0 !important;
	justify-content: flex-end !important;
	border-top: none !important;
	padding: 0 0.5rem !important;
}

app-vi-tekma>.moznosti>.table>.vrstica .kvote .kvota {
	background-color: var(--table-button-bg-default) !important;
    color: var(--table-button-color) !important;
    font-size: 1rem !important;
	border-radius: var(--border-radius) !important;
    border: none !important;
	min-width: 7rem !important;
    width: 5vw !important;
	padding: 0.5rem !important;
	margin: 0.5rem 0.25rem !important;
	min-height: 2.25rem !important;
	max-height: 2.25rem !important;
	height: 2.25rem !important;
}

app-vi-tekma>.moznosti>.table>.vrstica .kvote .kvota>.naziv {
	font-size: 0.925rem !important;
	color: var(--table-button-color-light) !important;
}


app-vi-tekma>.moznosti>.table>.vrstica .kvote .kvota.active,
app-vi-tekma>.moznosti>.table>.vrstica .kvote .kvota.active:hover {
	background-color: var(--table-button-bg-selected) !important;
    color: var(--table-button-color-selected) !important;
	border-bottom: 6px solid var(--table-button-color-emph) !important;
	font-weight: 700;
}

app-vi-tekma>.moznosti>.table>.vrstica .kvote .kvota.active>.naziv,
app-vi-tekma>.moznosti>.table>.vrstica .kvote .kvota.active:hover>.naziv {
	font-size: 0.925rem !important;
	color: var(--table-button-color-selected) !important;
	font-weight: 400;
}

app-vi-tekma>.moznosti>.table>.vrstica .kvote .kvota:hover {
	background-color: var(--table-button-bg-hover) !important;
	color: var(--table-button-color-hover) !important;
	border-bottom: 2px solid var(--table-button-color-emph) !important;
	font-weight: 700;
}

app-vi-tekma>.moznosti>.table>.vrstica .kvote .kvota:hover>.naziv {
	font-size: 0.925rem !important;
	color: var(--table-button-color-hover) !important;
	font-weight: 400;
}

/*stili za dirke*/
app-vi-tekma>.moznosti>.table>.vrstica>.line1>.info>.tekmovalec {
    padding: 0 .5rem !important;
	min-width: 2.5rem !important;
}

app-vi-tekma>.moznosti>.table>.vrstica .grupa.k2 {
	width: fit-content !important;
	padding: 0 0.5rem;
}

app-vi-tekma>.moznosti>.table>.vrstica .grupa.k3 {
	width: fit-content !important;
	padding: 0 0.5rem;
}

app-vi-tekma>.moznosti>.table>.vrstica .grupa>.kvota {
	background-color: var(--table-button-bg-default) !important;
    color: var(--table-button-color) !important;
    font-size: 1rem !important;
	border-radius: var(--border-radius) !important;
	border: none !important;
	padding: 0.5rem !important;
	margin: 0.5rem 0.25rem !important;
	min-height: 2.25rem !important;
	max-height: 2.25rem !important;
	height: 2.25rem !important;
}

app-vi-tekma>.moznosti>.table>.vrstica .grupa .naziv,
app-vi-tekma>.moznosti>.table>.vrstica .grupa>.kvota>.vrednost {
	color: var(--table-button-color-light) !important;
	font-weight: 400 !important;
}

app-vi-tekma>.moznosti>.table>.vrstica .grupa>.kvota:hover {
	background-color: var(--table-button-bg-hover) !important;
    color: var(--table-button-color-hover) !important;
	border-bottom: 2px solid var(--table-button-color-emph) !important;
}

app-vi-tekma>.moznosti>.table>.vrstica .grupa>.kvota:hover>.vrednost {
	color: var(--table-button-color-hover) !important;
	font-weight: 700 !important;
}

app-vi-tekma>.moznosti>.table>.vrstica .grupa>.kvota.active,
app-vi-tekma>.moznosti>.table>.vrstica .grupa>.kvota.active:hover {
	background-color: var(--table-button-bg-hover) !important;
    color: var(--table-button-color-hover) !important;
	border-bottom: 6px solid var(--table-button-color-emph) !important;
}

app-vi-tekma>.moznosti>.table>.vrstica .grupa>.kvota.active>.vrednost,
app-vi-tekma>.moznosti>.table>.vrstica .grupa>.kvota.active:hover>.vrednost {
	color: var(--table-button-color-hover) !important;
	font-weight: 700 !important;
}

/*dvojček trojček*/
app-vi-tekma>.moznosti>.table>.vrstica .grupa>.trojcek, 
app-vi-tekma>.moznosti>.table>.vrstica .grupa>.dvojcek {
    border: none !important;
	background: var(--table-button-bg-default) !important
}

app-vi-tekma>.moznosti>.table>.vrstica .grupa>.trojcek:hover, 
app-vi-tekma>.moznosti>.table>.vrstica .grupa>.dvojcek:hover {
    border: 2px solid var(--table-button-color-emph) !important;
	background-color: var(--table-button-bg-hover) !important;
	color: var(--table-button-color-hover) !important;
	font-weight: 500 !important;
}

app-vi-tekma>.moznosti>.table>.vrstica .grupa>.trojcek.active, 
app-vi-tekma>.moznosti>.table>.vrstica .grupa>.trojcek.active:hover,
app-vi-tekma>.moznosti>.table>.vrstica .grupa>.dvojcek.active, 
app-vi-tekma>.moznosti>.table>.vrstica .grupa>.dvojcek.active:hover {
    border: 6px solid var(--table-button-color-emph) !important;
	background-color: var(--table-button-bg-hover) !important;
	color: var(--table-button-color-selected) !important;
	font-weight: 700 !important;
}


app-vi-tekma>.moznosti>.table>.vrstica .grupa>.trojcek.active.disabled, 
app-vi-tekma>.moznosti>.table>.vrstica .grupa>.trojcek.active.disabled:hover,
app-vi-tekma>.moznosti>.table>.vrstica .grupa>.dvojcek.active.disabled, 
app-vi-tekma>.moznosti>.table>.vrstica .grupa>.dvojcek.active.disabled:hover {
    border: 6px solid var(--negative-dark) !important;
	background-color: var(--negative) !important;
	color: var(--color-bright) !important;
	font-weight: 700 !important;
}


/* actionbar */

app-vi-izbor {
    color: var(--actionbar-color) !important;
    background-color: var(--actionbar-bg) !important;
}

app-vi-izbor>.wrap {
	width: 100% !important;
	justify-content: flex-end !important;
}

/* side menu */
/*
app-vi-dogodki .items .item {
	margin: 0.5rem !important;
	width: auto !important;
}
*/

app-vi-dogodki .items>.sport-selections {
	padding: 0.25rem !important;
}

app-vi-dogodki .items .item {
	color: var(--button-full-color) !important;
    background-color: var(--button-full-bg) !important;
    padding: 0.5rem !important;
    margin: 0.25rem !important;
	width: calc(50% - 0.5rem) !important;
}

app-vi-dogodki .items .item.active {
	color: var(--button-full-color-active) !important;
	background-color: var(--button-full-bg-active) !important;
}


/* ticket */

/* ticket-header */
app-vi-listek>.category>.title {
    color: var(--ticket-color) !important;
    background-color: transparent !important;
}

app-vi-listek>.category>.title>.text {
    font-weight: 700 !important;
	color: var(--side-menu-title-color) !important;
}


/* ticket empty */

app-vi-listek>.category>.empty {
	color: var(--color-text-trans-500) !important;
    font-size: 0.9125rem !important;
}



/* MOBILE */

@media screen and (max-width: 780px) {
	
	app-vi-video>.video-wrapper {
		padding: 0 !important;
	}
	
	app-vi-main>app-scrollable>.content>.overlay>.glava>.bottom {
		padding: 0 !important;
	}
	
	app-vi-tekma>.moznosti>.table>.vrstica .kvote {
		width: 100% !important;
	}
	
	app-vi-tekma>.moznosti>.table>.vrstica .kvote .kvota {
		min-width: 6rem !important;
		width: 30% !important;
	}
	
	app-vi-tekma>.moznosti>.table>.vrstica .grupa.k1 {
		width: 50% !important;
	}
	/*
	app-vi-tekma>.moznosti>.table>.vrstica .grupa.k2 {
		width: fit-content !important;
	}
	
	app-vi-tekma>.moznosti>.table>.vrstica .grupa.k3 {
		width: fit-content !important;
		padding-left: 1rem;
	}
	*/
	app-vi-tekma>.moznosti>.table>.vrstica .grupa {
		border-left: none !important;
	}
	
	
	/* select sport */
	app-vi-dogodki .items>.sport-selections.active {
		background-color: var(--dropdown-background) !important;
		align-content: center !important;
	}
	
	app-vi-dogodki .items .item {
		color: var(--button-full-color) !important;
		background-color: var(--button-full-bg) !important;
		padding: 0.5rem !important;
		margin: 0.25rem !important;
		width: calc(100% - 1rem) !important;
	}
	
	app-vi-dogodki.show-mobile>.items>.sport-selections>.item>img {
		-webkit-filter: none !important;
		filter: none !important;
	}
	
	app-vi-dogodki.show-mobile>.items>.sport-selections>.item.active>img {
		-webkit-filter: brightness(0) saturate(100%) invert(14%) sepia(26%) saturate(2356%) hue-rotate(176deg) brightness(92%) contrast(104%) !important;
		filter: brightness(0) saturate(100%) invert(14%) sepia(26%) saturate(2356%) hue-rotate(176deg) brightness(92%) contrast(104%) !important;
	}
	
	/* select event time */
	app-vi-tekme>.zavihek-container .zavihek-button {
		border-bottom: 2px solid transparent !important;
		color: var(--form-color-light) !important;
	}
	
	app-vi-tekme>.zavihek-container .zavihek-button.active {
		background-color: var(--form-bg-hover) !important;
		border-bottom: 2px solid var(--form-color) !important;
		color: var(--form-color) !important;
	}
	
}

@media screen and (max-width: 512px) {
	app-vi-tekma>.moznosti>.table>.vrstica>.line2 {
		margin: 0 !important;
		width: 100% !important;
		border-top: 1px solid var(--table-border-color) !important;
	}
}
/* ---popravki-footer--- */
div#footer_container {
    margin-top: 0;
    padding-top: 5vh;
    display: block;
    font-size: 12px !important;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#032641+0,032641+50&0.4+0,1+50 */
	background: -moz-linear-gradient(top,  rgba(3,38,65,0.4) 0%, rgba(3,38,65,1) 50%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(3,38,65,0.4) 0%,rgba(3,38,65,1) 50%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(3,38,65,0.4) 0%,rgba(3,38,65,1) 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66032641', endColorstr='#032641',GradientType=0 ); /* IE6-9 */
    width: 100%;
}

div#footer {
    border-top: none !important;
    border-bottom: solid 1px var(--neutral-trans-200) !important;
}

div#footer .footerSlLogo img {
    height: 4rem !important;
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
}

div#footer .footerOdgovorno img {
    height: 3rem !important;
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
}

div#footer .footerLinks a {
    color: var(--primary) !important;
    text-decoration: none !important;
}

div#footer .footerLinks a:hover {
    color: var(--primary-light) !important;
    text-decoration: underline !important;
}
/* ---game-top6-themed--- */
app-top6-main>app-scrollable>.content {
    padding: 0 !important;
    margin: 0 !important;
    max-width: 100% !important;
}

app-top6-main>app-scrollable>.content>.overlay>.content {
    margin: 0 auto !important;
}

app-top6-main>app-scrollable>.content>.overlay>.content>.content-inner>.izbor-wrapper>.izbor>.cifre>.vrstica>.cifra>.circle {
    background-color: var(--table-button-bg-default) !important;
    border: 1px solid var(--table-button-border-color) !important;
    color: var(--table-button-color) !important;
    font-weight: 700;
}

app-top6-main>app-scrollable>.content>.overlay>.content>.content-inner>.izbor-wrapper>.izbor>.cifre>.vrstica>.cifra:hover>.circle {
    background-color: var(--table-button-bg-hover) !important;
    border: 2px solid var(--table-button-color-emph) !important;
    color: var(--table-button-color-hover) !important;
    font-weight: 700;
}

app-top6-main>app-scrollable>.content>.overlay>.content>.content-inner>.izbor-wrapper>.izbor>.cifre>.vrstica>.cifra.active>.circle,
app-top6-main>app-scrollable>.content>.overlay>.content>.content-inner>.izbor-wrapper>.izbor>.cifre>.vrstica>.cifra.active:hover>.circle {
    background-color: var(--table-button-bg-selected) !important;
    border: 6px solid var(--table-button-color-emph) !important;
    color: var(--table-button-color-selected) !important;
    box-shadow: 0 0 10px 1px var(--shadow-color-trans-200) !important;
}

app-top6-main>app-scrollable>.content>.overlay>.content>.content-inner>.izbor-wrapper>.izbor>.cifre {
    background: var(--overlay-bg) !important;
}

app-top6-vplacane-kombinacije>.empty {
    background: var(--overlay-bg) !important;
    color: var(--color-text-trans-500);
}

/* krogci v animaciji */
app-top6-animation-new {
	top: 0.5rem;
}

app-top6-animation-new .cifra-circle {
    background: var(--overlay-bg);
    border: 1px solid var(--color-text);
}

app-top6-animation-new .cifra-circle.infront  {
    border: 1px solid transparent !important;
}


app-top6-animation-new>.content>.ostale-cifre {
    color: var(--color-text);
}

/* kroglice  v animaciji */
app-top6-animation-new .cifra-abs {
	margin: -1px;
}


/* actionbar */
app-top6-izbor>.wrap {
    background-color: var(--actionbar-bg) !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: 
        0px 5px 5px 0px var(--shadow-color-trans-200),
        0px -5px 5px 0px var(--shadow-color-trans-200);
}

app-gol-napoved-tekme {
    max-width: 1024px;
    margin: 0 auto;
}

/* ticket */

/* ticket-header */

app-top6-listek>.listek>.title {
    color: var(--ticket-color) !important;
    background-color: transparent !important;
}

app-top6-listek>.listek>.title>.text {
	color: var(--side-menu-title-color) !important;
    font-weight: 700 !important;
}

app-top6-listek>.listek>.title>.expand {
	color: var(--side-menu-title-color) !important;
}

app-top6-listek>.listek>.title>.listek-close-btn {
    color: var(--side-menu-title-color) !important;
}

/* ticket content */
/* krogci večji - samo 6 v vrsto*/

app-top6-listek>.listek>.postavke>app-scrollable>.postavka>.postavka__start>.cifre>.cifra {
	margin: 0.125rem 0.125rem !important;
}

.terminal app-top6-listek>.listek>.postavke>app-scrollable>.postavka>.postavka__start>.cifre>.cifra {
    width: 1.75rem !important;
    height: 1.75rem !important;
	margin: 0.125rem 0.125rem !important;
}

app-top6-listek>.listek>.postavke>app-scrollable>.postavka>.cifre>.cifra  {
    background-color: var(--ticket-color) !important;
    border: 1px solid var(--ticket-border-color);
    color: var(--ticket-color-negative) !important;
}

/* ticket empty */
app-top6-listek>.listek>.empty {
    color: var(--color-text-trans-500) !important;
    font-size: 0.9125rem !important;
}


/* paid tickets overview */
app-top6-vplacane-kombinacije>.vplacane-kombinacije>.vplacana-kombinacija-krog {
    background: var(--overlay-bg) !important;
}

app-top6-vplacane-kombinacije>.vplacane-kombinacije>.vplacana-kombinacija-krog>.vk-krog-header {
    border-top: none !important;
	background-color: var(--table-header-bg) !important;
    border-bottom: 2px solid var(--table-header-border-color) !important;
	padding: 0.25rem !important;
}

app-top6-vplacane-kombinacije>.vplacane-kombinacije>.vplacana-kombinacija-krog>.vk-krog-header {
	color: var(--color-text) !important;
}

app-top6-vplacane-kombinacije>.vplacane-kombinacije>.vplacana-kombinacija-krog>.vk-krog-footer>.footer-info {
    color: var(--color-text) !important;
}

app-top6-vplacane-kombinacije>.vplacane-kombinacije>.vplacana-kombinacija-krog>.vk-krog-content>.vk-krog-kombinacija {
	border-bottom: 1px solid var(--table-border-color) !important;
}

app-top6-vplacane-kombinacije>.vplacane-kombinacije>.vplacana-kombinacija-krog>.vk-krog-content>.vk-krog-kombinacija>.kombinacija-cifra>span {
    background: var(--table-button-bg-default) !important;
	color: var(--table-button-color) !important;
}

app-top6-vplacane-kombinacije>.vplacane-kombinacije>.vplacana-kombinacija-krog>.vk-krog-content>.vk-krog-kombinacija>.kombinacija-cifra>span.active {
    background: var(--table-button-bg-selected) !important;
	color: var(--table-button-color-selected) !important;
}

app-top6-vplacane-kombinacije>.vplacane-kombinacije>.vplacana-kombinacija-krog>.vk-krog-footer {
	border-top: none !important;
    border-bottom: 2px solid var(--table-header-border-color) !important;
}
/* ---popravki-mobi-float-buttons--- */
@media only screen and (max-width: 512px) {

    .action-bar {
        pointer-events: none !important;
    }

}


app-action-bar > .action-badges > .ticket-badge .badge-floating-icon, 
.action-bar > .action-badges > .ticket-badge .badge-floating-icon {
    width: 4.5rem !important;
    height: 4.5rem !important;
    line-height: 4.5rem !important;
    font-size: 1.5rem !important;
    pointer-events: initial;
}


app-action-bar > .action-badges > .list-badge,
.action-bar > .action-badges > .list-badge {
    background: var(--primary) !important;
    width: 4.5rem !important;
    height: 4.5rem !important;
    line-height: 4.5rem !important;
    font-size: 1.5rem !important;
    pointer-events: initial;
}

app-action-bar > .action-badges > .ticket-badge .badge-icon, .action-bar > .action-badges > .ticket-badge .badge-icon {
    font-size: 0.75rem !important;
    width: 1.5rem !important;
    height: 1.5rem !important;
}


@media only screen and (max-width: 512px) {

    .action-bar {
        pointer-events: auto !important;
    }

}
/* ---game-gol-napoved-themed--- */
app-gol-napoved-main>app-scrollable>.content {
    padding: 0 !important;
    margin: 0 !important;
}

app-gol-napoved-main>app-scrollable>.content>.overlay {
    padding: 1rem 1rem !important;
}

app-gol-napoved-tekme {
    max-width: 1024px;
    margin: 0 auto;
}

/* izpis ponudbe */
app-gol-napoved-tekma {
	color: var(--color-text) !important;
}

app-gol-napoved-tekma>.overlay {
	padding: 1rem !important;
	margin: 0 !important;
	border-bottom: 1px solid var(--color-text-trans-500) !important;
}

app-gol-napoved-tekma:first-of-type>.overlay {
	border-top: 1px solid var(--color-text-trans-500) !important;
}


app-gol-napoved-tekma>.overlay>.start {
    min-width: 40%;
}

app-gol-napoved-tekma>.overlay>.start>.sifra>span {
    background-color: var(--game-emph-bg) !important;
	color: var(--game-emph-color) !important;
    border: 1px solid var(--game-emph-border-color) !important;
    font-weight: 700;
}

app-gol-napoved-tekma>.overlay>.start>.glava>div {
    color: var(--color-text) !important;
}

app-gol-napoved-tekma>.overlay>.start>.glava>div>.icon>span {
    background-color: var(--color-text) !important;
    color: var(--color-text-negative) !important;
}

app-gol-napoved-tekma>.overlay>.start>.glava>div>.title>span {
    font-size: 1.25rem;
}

app-gol-napoved-tekma>.overlay>.start>.glava>div.info {
    color: var(--color-text) !important;
    font-size: 0.875rem !important;
}

app-gol-napoved-tekma>.overlay>.gumbi {
    color: var(--color-text) !important;
    margin-left: auto;
}

app-gol-napoved-tekma>.overlay>.center {
    padding: 0.25rem;
}

app-gol-napoved-tekma>.overlay>.center>.opcije .izbranih {
    color: var(--color-text-trans-800) !important;
}

app-gol-napoved-tekma>.overlay>.center>.kombnacij {
    color: var(--color-text) !important;
}

app-gol-napoved-tekma>.overlay>.center>.opcije>.splitter {
    background-color: var(--color-text-trans-800) !important;
}

/* gumbi ponudbe */
app-gol-napoved-tekma>.overlay>.center>.opcije .opcija.active, 
app-gol-napoved-tekma>.overlay>.center>.opcije .opcija.selected {
    background-color: var(--table-button-bg-selected) !important;
    border: 1px solid var(--table-button-border-color-selected) !important;
    color: var(--table-button-color-selected) !important;
    font-weight: 700;
    box-shadow: 0 0 10px 1px var(--shadow-color-trans-200) !important;
}

app-gol-napoved-tekma>.overlay>.center>.opcije .opcija {
    width: 2.5rem !important;
    height: 2.5rem !important;
    line-height: 2.5rem !important;
    background-color: var(--table-button-bg-default) !important;
    border: 1px solid var(--table-button-border-color) !important;
    color: var(--table-button-color) !important;
}


app-gol-napoved-tekma>.overlay>.center>.opcije .opcija:hover {
    background-color: var(--table-button-bg-hover) !important;
    border: 1px solid var(--table-button-border-color-selected) !important;
    color: var(--table-button-color-selected) !important;
}

app-gol-napoved-tekma>.overlay>.center>.opcije .opcija.active:hover,
app-gol-napoved-tekma>.overlay>.center>.opcije .opcija.selected:hover {
    background-color: var(--table-button-bg-selected) !important;
    border: 1px solid var(--table-button-border-color-selected) !important;
    color: var(--table-button-color-selected) !important;
}
/* action bar */

app-gol-napoved-izbor {
    background-color: var(--actionbar-bg) !important;
    box-shadow: 
        0px 5px 5px 0px var(--shadow-color-trans-200),
        0px -5px 5px 0px var(--shadow-color-trans-200);
}

app-gol-napoved-izbor>.wrap {
    max-width: 1024px;
    width: 100%;
}

/* ticket */
app-gol-napoved-listek>.listek>.title {
    color: var(--side-menu-title-color) !important;
    background-color: var(--side-bg) !important;
	font-weight: 700;
}

@media only screen and (max-width: 780px) {
	app-gol-napoved-main>app-scrollable>.content>.overlay {
		padding: 0 !important;
	}
}

@media only screen and (max-width: 512px) {
	app-gol-napoved-tekma>.overlay>.center>.opcije .opcija {
		width: 2.25rem !important;
		height: 2.25rem !important;
		line-height: 2.25rem !important;
		background-color: var(--table-button-bg-default) !important;
		border: 1px solid var(--table-button-border-color) !important;
		color: var(--table-button-color) !important;
		margin-right: 0.2rem !important;
	}
	
	app-gol-napoved-tekma>.overlay>.center>.opcije .opcija:hover {
		background-color: var(--table-button-bg-hover) !important;
		border: 1px solid var(--table-button-border-color-selected) !important;
		color: var(--table-button-color-selected) !important;
	}
}
/* ---game-toto-gol-themed--- */
app-toto-main {
    background-color: var(--overlay-bg);
}

app-toto-main>app-scrollable>.content {
    margin: 0 !important;
    padding: 0 !important;
}

app-toto-main>app-scrollable>.content>.overlay {
    background: var(--overlay-bg);
    padding: 1rem;
    width: 100%;
    margin: 0 auto !important;
}

app-toto-main>app-scrollable>.content>.overlay>.inner>.col {
    margin-right: 0rem !important;
    max-width: 33.33333% !important;
    min-width: 20rem !important;
}

app-toto-tekma>.tekma {
    padding: 0.25rem !important;
	min-height: 4rem;
}

app-toto-tekma>.tekma>.tekma-overlay {
    background-color: var(--table-button-bg-default) !important;
}

app-toto-tekma>.tekma.active>.tekma-overlay {
    background-color: var(--table-button-bg-selected) !important;
    box-shadow: 0 0 10px 1px var(--shadow-color-trans-200) !important;
}

app-toto-tekma>.tekma>.tekma-overlay>.cifra {
    background-color: var(--game-emph-bg) !important;
	color: var(--game-emph-color) !important;
    border: 1px solid var(--game-emph-border-color) !important;
}

app-toto-tekma>.tekma>.tekma-overlay:hover>.cifra {
    color: var(--table-button-color-selected) !important;
}

app-toto-tekma>.tekma>.tekma-overlay:hover {
    background-color: var(--table-button-bg-hover) !important;
}

app-toto-tekma>.tekma.active>.tekma-overlay:hover {
    background-color: var(--table-button-bg-selected) !important;
}

app-toto-tekma>.tekma>.tekma-overlay:hover>.cifra {
    background-color: var(--table-button-color-selected) !important;
    border: 1px solid var(--table-button-border-color-selected) !important;
    color: var(--table-button-color-selected-negative) !important;
}

app-toto-tekma>.tekma.active>.tekma-overlay>.cifra {
    background-color: var(--table-button-color-selected) !important;
    border: 1px solid var(--table-button-border-color-selected) !important;
    color: var(--table-button-color-selected-negative) !important;
}

app-toto-tekma>.tekma>.tekma-overlay>.title {
	position: relative;
}

app-toto-tekma>.tekma>.tekma-overlay>.title>.top {
    color: var(--table-button-color) !important;
    font-size: 0.75rem !important;
	margin-top: -0.75rem;
}

app-toto-tekma>.tekma>.tekma-overlay:hover>.title>.top {
    color: var(--table-button-color-selected) !important;
}

app-toto-tekma>.tekma.active>.tekma-overlay>.title>.top {
    color: var(--table-button-color-selected) !important;
}

app-toto-tekma>.tekma>.tekma-overlay>.title>.middle {
    font-size: 1rem !important;
    color: var(--table-button-color) !important;
	position: absolute;
	bottom: -0.75rem;
}
app-toto-tekma>.tekma>.tekma-overlay>.title>.middle>.naziv {
	height: 2rem !important;
	font-size: 0.925rem !important;
}

app-toto-tekma>.tekma>.tekma-overlay:hover>.title>.middle {
    color: var(--table-button-color-selected) !important;
}

app-toto-tekma>.tekma.active>.tekma-overlay>.title>.middle {
    color: var(--table-button-color-selected) !important;
}

app-toto-tekma>.tekma>.tekma-overlay>.title>.middle>img.igra {
	display: none;
	/*
    max-height: 3rem !important;
    margin-right: 0.5rem !important;
    padding-top: 0.25rem !important;
	*/
}

app-toto-tekma>.tekma>.tekma-overlay>.title>.bottom {
    color: var(--table-button-color) !important;
    margin-left: auto !important;
    flex-direction: row-reverse !important;
}

app-toto-tekma>.tekma>.tekma-overlay>.title>.bottom>.statistika {
	position: relative;
    bottom: -0.35rem;
}

app-toto-tekma>.tekma>.tekma-overlay:hover>.title>.bottom {
    color: var(--table-button-color-selected) !important;
}


app-toto-tekma>.tekma.active>.tekma-overlay>.title>.bottom {
    color: var(--table-button-color-selected) !important;
}

app-toto-tekma>.tekma>.tekma-overlay>.namig {
    padding: 0 0 0.125rem 0 !important;
}


/* legenda */
app-toto-main>app-scrollable>.content>.overlay>.inner>.col>.legenda {
    color: var(--color-text-trans-800) !important;
}

/* actionbar */

app-toto-izbor {
    background-color: var(--actionbar-bg) !important;
    margin-bottom: 0rem !important;
    box-shadow: 
        0px 5px 5px 0px var(--shadow-color-trans-200),
        0px -5px 5px 0px var(--shadow-color-trans-200);
}

app-toto-izbor>.wrap .izbor>.izbor-napoved>.tekme>span {
    background-color: var(--actionbar-color) !important;
    color: var(--actionbar-color-negative) !important;
}
/* ticket */

/* ticket-header */

app-toto-listek>.listek>.title {
    color: var(--color-text) !important;
    background-color: var(--side-bg) !important;
}

app-toto-listek>.listek>.title>.text {
    font-weight: 700 !important;
}

app-toto-listek app-toto-postavka>.postavka>.tekme>.tekma {
    background-color: var(--ticket-color) !important;
    color: var(--ticket-color-negative) !important;
}

/* mobile */
@media screen and (max-width: 512px) {
	
	app-toto-main>app-scrollable>.content>.overlay {
		width: 100% !important;
	}
	
	app-toto-main>app-scrollable>.content>.overlay>.inner>.col {
		margin: 0 !important;
		max-width: 100% !important;
	}
	
	app-toto-tekma>.tekma>.tekma-overlay>.title>.middle>.naziv {
		height: 2rem !important;
		font-size: 0.925rem !important;
		width: calc(88vw - 5rem);
	}
}
/* ---game-napoved12-themed--- */
app-napoved12-main>app-scrollable>.content {
    padding: 0 !important;
    margin: 0 auto !important;
    width: 100%;
}

app-napoved12-tekme>.cols {
	max-width: var(--maxwidth-napoved12) !important;
	margin: 0 auto !important;
}

app-napoved12-tekma {
    margin: .25rem !important;
    min-height: 5rem !important;
}

app-napoved12-tekma>.inner {
    background-color: var(--overlay-bg) !important;
    color: var(--color-text) !important; 
}

app-napoved12-tekma>.inner>.sifra>span {
    background-color: var(--game-emph-bg) !important;
    border: 1px solid var(--game-emph-border-color) !important;
    color: var(--game-emph-color) !important;
    font-weight: 700 !important;
}

app-napoved12-tekma>.inner>.center {
    max-width: 80% !important;
}

app-napoved12-tekma>.inner>.center>.naziv>.info {
    font-size: 0.75rem !important;
    color: var(--color-text) !important;
}

app-napoved12-tekma>.inner>.center>.naziv>.main>img.igra {
	display: none;
	/*
    max-height: 3rem !important;
    margin-right: 0.5rem !important;
	*/
}

app-napoved12-tekma>.inner>.center>.naziv>.main>span {
    font-size: 1rem !important;
    font-weight: 700 !important;
}

/* tip button */
app-napoved12-tekma>.inner>.center>.tipi>.tip>.tip-stat {
    font-size: 0.75rem !important;
    color: var(--color-text-trans-800) !important;
}

app-napoved12-tekma>.inner>.center>.tipi>.tip>.tip-button {
    background-color: var(--table-button-bg-default) !important;
    border: 1px solid var(--table-button-border-color) !important;
    color: var(--table-button-color) !important;
}

app-napoved12-tekma>.inner>.center>.tipi>.tip>.tip-button.active {
    background-color: var(--table-button-bg-selected) !important;
    font-weight: 700;
    box-shadow: 0 0 10px 1px var(--shadow-color-trans-200) !important;
}

app-napoved12-tekma>.inner>.center>.tipi>.tip>.tip-button.middle {
    border-left: 1px solid var(--table-button-border-color);
    border-right: 1px solid var(--table-button-border-color);
}

app-napoved12-tekma>.inner>.center>.tipi>.tip>.tip-kvota {
    font-size: 0.75rem !important;
    color: var(--color-text-trans-800) !important;
}

/* opcije */
app-napoved12-tekma>.inner>.gumbi {
    color: var(--color-text) !important;
}


/* actionbar */

app-napoved12-izbor {
    background-color: var(--actionbar-bg) !important;
    margin-bottom: 0rem !important;
    box-shadow: 
        0px 5px 5px 0px var(--shadow-color-trans-200),
        0px -5px 5px 0px var(--shadow-color-trans-200);
}

app-napoved12-izbor>.wrap {
    width: 100% !important;
	max-width: var(--maxwidth-napoved12) !important;
}

/* ticket */

/* ticket-header */

app-napoved12-listek>.listek>.title {
    color: var(--side-menu-title-color) !important;
    background-color: var(--side-bg) !important;
}

app-napoved12-listek>.listek>.title>.text {
    font-weight: 700 !important;
}

/*
app-napoved12-listek app-toto-postavka>.postavka>.tekme>.tekma {
    background-color: var(--color-text) !important;
    color: var(--color-text-negative) !important;
}
*/
/* ---game-colossus-themed--- */
/* SPORTS ICONS */
.colossus-krog-header > .sport-image {
  background-image: url(/_assets/images/sports/trans/small/header-bg-001.png) !important;
  background-size: cover;
  background-repeat: no-repeat;
  height: 45px;
  width: 72px;
}
.colossus-krog-header > .sport-image.NBA {
  background-image: url(/_assets/images/sports/trans/small/header-bg-002.png) !important;
}
.colossus-krog-header > .sport-image.TENNIS {
  background-image: url(/_assets/images/sports/trans/small/header-bg-004.png) !important;
}
.colossus-krog-header > .sport-image.NFL {
  background-image: url(/_assets/images/sports/trans/small/header-bg-024.png) !important;
}
.colossus-krog-header > .sport-image.ICE_HOCKEY {
  background-image: url(/_assets/images/sports/trans/small/header-bg-009.png) !important;
}
.colossus-krog-header > .sport-image.NHL {
  background-image: url(/_assets/images/sports/trans/small/header-bg-005.png) !important;
}

/* COLOSSUS PONUDBA */

app-colossus-main app-scrollable>.content {
    padding: 0 !important;
    margin: 0 auto !important;
	width: 100% !important;
}	

app-colossus-krog-izbor>.wrap {
	background: var(--actionbar-bg) !important;
}

app-colossus-header>div.header>div.image>.info>.button {
	color: var(--color-dark) !important;
}

.colossus-krog-header {
    background-color: var(--table-header-bg) !important;
    border-bottom: 2px solid var(--table-header-border-color) !important;
}

.colossus-krog-header>span {
	color: var(--table-header-color) !important;
}

app-colossus-krog-dogodki .large>.dogodek>.top .content, 
app-colossus-krog-dogodki>.small>.dogodek>.top .content {
	border: none !important;
}

/* KROGI */

app-colossus-krogi>.items>.item>.krog>div.prva {
	flex: 6 !important;
}

app-colossus-krogi>.items>.item>.krog>div.druga {
    flex: 4 !important;
}


app-colossus-krogi>.items>.item>.krog>div>.datum {
	flex: 1 !important;
}

app-colossus-krogi>.items>.item>.krog>div>.naziv {
	flex: 2 !important;
}

app-colossus-krogi>.items>.item>.krog>div>.info {
	flex: 1 !important;
}


app-colossus-krogi>.items>.item>.krog>div>div {
	background-color: transparent !important;
	border-bottom: none !important;
}

app-colossus-krogi>.items>.item>.krog>div {
	border-bottom: 1px solid var(--table-border-color) !important;
}

/*
app-colossus-krogi>.items>.item>div {
	background: transparent !important;
	border-bottom: 1px solid var(--table-border-color) !important;
}
*/

app-colossus-krogi>.items>.item:nth-child(odd)/*>.krog>div/*>div*/ {
	background-color: var(--table-row-bg-odd) !important;
	color: var(--table-text-color) !important;
	border-bottom: 1px solid var(--table-border-color) !important;
}

app-colossus-krogi>.items>.item:nth-child(even)/*>.krog>div/*>div*/ {
	background-color: var(--table-row-bg-even) !important;
	color: var(--table-text-color) !important;
	border-bottom: 1px solid var(--table-border-color) !important;
}

app-colossus-krogi>.items>.item>.krog>div>.gumb-igraj {
    margin: 0.5rem !important;
    padding: 0.5rem 0 !important;
	background: var(--positive) !important;
    color: var(--color-bright) !important;
    border-radius: var(--border-radius) !important;
	text-transform: uppercase !important;
}


app-colossus-krogi>.items>.item>.krog>div>.sklad {
	/*
	margin: 0.5rem !important;
    padding: 0.5rem 0 !important;
	*/
	margin: 0.5rem !important;
    border-radius: 1rem !important;
	background: var(--table-button-bg-selected) !important;
    color: var(--table-button-color-selected) !important;
	/*
	border-radius: var(--border-radius) !important;
	*/
}


app-colossus-krog-dogodki .large>.dogodek>.top>.stavne-moznosti .izbira, 
app-colossus-krog-dogodki>.small>.dogodek>.top>.stavne-moznosti .izbira {
	margin: 0.25rem 0.25rem !important;
    padding: 0.75rem 0.75rem !important;
	background: var(--table-button-bg-default) !important;
    color: var(--table-button-color) !important;
	/*border: 1px solid var(--table-button-border-color) !important;*/
	border: none !important;
	height: 2.75rem !important;
}

app-colossus-krog-dogodki .large>.dogodek>.top>.stavne-moznosti .izbira:hover, 
app-colossus-krog-dogodki>.small>.dogodek>.top>.stavne-moznosti .izbira:hover {
	/*margin: calc(0.25rem - 1px) 0.25rem !important;*/
	/*padding: calc(0.75rem  - 1px) 0.75rem !important;*/
	background: var(--table-button-bg-hover) !important;
	color: var(--table-button-color-selected) !important;
	border-bottom: 2px solid var(--table-button-color-emph) !important;
}


app-colossus-krog-dogodki .large>.dogodek>.top>.stavne-moznosti .izbira.selected, 
app-colossus-krog-dogodki>.small>.dogodek>.top>.stavne-moznosti .izbira.selected {
	/*margin: calc(0.25rem - 3px) 0.25rem !important;*/
	/*padding: calc(0.75rem - 3px) 0.75rem !important;*/
	background: var(--table-button-bg-selected) !important;
	color: var(--table-button-color-selected) !important;
	border-bottom: 6px solid var(--table-button-color-emph) !important;
}

/*
app-colossus-krog-dogodki>.small>.dogodek>.top>.stavne-moznosti .izbira {
	borde
}
*/

app-colossus-krog-dogodki>.large>.dogodek>.top>.content>.dogodek-content .izbire>.izbira,
app-colossus-krog-dogodki>.small>.dogodek>.top>.content>.dogodek-content .izbire>.izbira  {
	margin: 0.25rem 0.25rem !important;
    padding: 0.75rem 0.75rem !important;
    background: var(--table-button-bg-default) !important;
	color: var(--table-button-color) !important;
	/*border: 1px solid var(--table-button-border-color) !important;*/
	border: none !important;
	height: 2.75rem !important;
}

app-colossus-krog-dogodki>.large>.dogodek>.top>.content>.dogodek-content .izbire>.izbira:hover,
app-colossus-krog-dogodki>.small>.dogodek>.top>.content>.dogodek-content .izbire>.izbira:hover {
    background: var(--table-button-bg-hover) !important;
	color: var(--table-button-color-selected) !important;
	border-bottom: 2px solid var(--table-button-color-emph) !important;
}

app-colossus-krog-dogodki>.large>.dogodek>.top>.content>.dogodek-content .izbire>.izbira.selected,
app-colossus-krog-dogodki>.small>.dogodek>.top>.content>.dogodek-content .izbire>.izbira.selected {
    background: var(--table-button-bg-selected) !important;
	color: var(--table-button-color-selected) !important;
	border-bottom: 6px solid var(--table-button-color-emph) !important;
}

/*
app-colossus-krog-dogodki .large>.dogodek>.top>.stavne-moznosti .izbira, app-colossus-krog-dogodki>.small>.dogodek>.top>.stavne-moznosti .izbira {
	border: none !important;
}
*/

app-colossus-krog-dogodki>.large>.dogodek:nth-child(odd),
app-colossus-krog-dogodki>.small>.dogodek:nth-child(odd) {
	background-color: var(--table-row-bg-odd) !important;
	color: var(--table-text-color) !important;
	border: none !important;
}

app-colossus-krog-dogodki>.large>.dogodek:nth-child(even),
app-colossus-krog-dogodki>.small>.dogodek:nth-child(even) {
	background-color: var(--table-row-bg-even) !important;
	color: var(--table-text-color) !important;
	border: none !important;
}

/*
{
    padding: 1rem 0;
    width: 8rem;
    color: var(--primary);
    -webkit-box-pack: center;
    justify-content: center;
    font-weight: 700;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
*/



/*
@media only screen and (max-width: 1580px) {
	app-colossus-main app-scrollable>.content {
		min-width: 100% !important;
	}
}
*/

/* TICKET */
app-colossus-krog-listek>.listek>.title {
	background: var(--side-bg) !important;
	color: var(--side-menu-title-color) !important;
	font-weight: 700 !important;
}


/* FILTERED SELECTIONS */
app-colossus-krogi>.sfiltrirani-krogi>.sf-krog>.sf-krog-content {
	background-color: var(--overlay-bg) !important;
	color: var(--color-text) !important;
}

app-colossus-krogi>.sfiltrirani-krogi>.sf-krog>.sf-krog-content>.sf-krog-content-tekst>.datum {
	color: var(--color-text-light) !important;
}

app-colossus-krogi>.sfiltrirani-krogi>.sf-krog>.sf-krog-content>.sf-krog-content-tekst>.sport {
	color: var(--color-text-light) !important;
}

app-colossus-krogi>.sfiltrirani-krogi>.sf-krog>.sf-krog-content>.sf-krog-content-tekst>.naziv {
	color: var(--color-text) !important;
}

app-colossus-krogi>.sfiltrirani-krogi>.sf-krog>.sf-krog-content>.sf-krog-content-slika>.bottom>.sf-krog-footer-gumb {
    background: var(--positive) !important;
    color: var(--color-bright) !important;
    border-radius: var(--border-radius) !important;
	text-transform: uppercase !important;
	/*border: 2px solid var(--color-dark) !important;*/
}

app-colossus-krogi>.sfiltrirani-krogi>.sf-krog>.sf-krog-content>.sf-krog-content-tekst>.sklad {
    background: var(--primary) !important;
    color: var(--color-dark) !important;
	padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
	padding-left: 1rem !important;
    padding-right: 1rem !important;
    max-width: fit-content !important;
	border-radius: 1.5rem !important;
}

/* STATS */

app-colossus-krog-dogodki .large>.dogodek>.top .content .statistika-gumb.selected>div, 
app-colossus-krog-dogodki>.small>.dogodek>.top .content .statistika-gumb.selected>div {
	background: var(--primary) !important;
    color: var(--color-dark) !important;
	padding: 0.25rem !important;
	border-radius: var(--border-radius) !important;
}

app-colossus-krog-statistika .co-statistika .co-stat-header {
	border: 2px solid var(--form-bg) !important;
}

app-colossus-krog-statistika .co-statistika .co-stat-header .izbira-statistike {
    text-decoration: none;
    background: var(--form-bg) !important;
    border-color: var(--form-bg) !important;
	color: var(--form-color) !important;
}

app-colossus-krog-statistika .co-statistika .co-stat-header .izbira-statistike.selected {
    text-decoration: none;
    background: var(--form-bg) !important;
    border-color: var(--form-color) !important;
}

app-colossus-krog-statistika .co-statistika .co-stat-content .co-stat-tekme .co-stat-tekma .co-stat-tekme-rez.win,
app-colossus-krog-statistika .co-statistika .co-stat-content .co-stat-tekme .co-stat-tekma .co-stat-tekme-rez.lose,
app-colossus-krog-statistika .co-statistika .co-stat-content .co-stat-tekme .co-stat-tekma .co-stat-tekme-rez {
    color: var(--color-bright) !important;
}

app-colossus-krog-statistika .co-statistika .co-stat-content .co-stat-ikonce .co-stat-ikona .win,
app-colossus-krog-statistika .co-statistika .co-stat-content .co-stat-ikonce .co-stat-ikona .lose,
app-colossus-krog-statistika .co-statistika .co-stat-content .co-stat-ikonce .co-stat-ikona {
    color: var(--color-bright) !important;
}

@media only screen and (max-width: 800px) {
	app-colossus-main app-scrollable>.content {
		width: calc(100vw - var(--scrollbar-width)) !important;
	}
	
	.zavihek-container .zavihek-button.no-flex {
		min-width: 6rem !important;
	}
	
	app-colossus-main app-scrollable>.content>.overlay {
		padding: 0 !important;
	}
}
/* ---popravki-splosno--- */
#message {
    background: var(--secondary-darkest) !important;
}

.piskotki-message a.button.neutral {
		color: var(--neutral);
}

.piskotki-message a.button.neutral.border {
		border-color: var(--neutral);
}

/* diplay covers */
.coverListek, .coverLista, .coverHamburger {
    background: var(--dialog-cover) !important;
    opacity: 1 !important;
}


/* buttons */
div.button span, 
span.button span,
a.button span {
    padding-left: 0 !important;
}


div.button>i:only-child, 
span.button>i:only-child, 
a.button>i:only-child {
    margin-right: 0rem !important;
}

@media only screen and (max-width: 850px) {

    /* SIDENAV */
    .sidenav .sidenavMain > ul > li a {
        line-height: 3.5rem !important;
        height: 3.5rem !important;
    }
}
    
@media screen and (min-width: 513px) {
  ul.lista-povezav > li > ul > li > .visibleMobile + img{
    display: none !important;
  }    

}
/* ---game-egames--- */
app-menu-category>.category>.title>.expand {
    color: var(--side-menu-title-color) !important;
}

app-menu-category>.category>.title>.text {
	padding: 0.75rem 1rem !important;
    color: var(--side-menu-title-color) !important;
	font-weight: 700 !important;
}

app-menu-category>.category>.items>.item {
	padding: 0.75rem 1rem !important;
	color: var(--side-menu-color) !important;
}

app-menu-category>.category>.items>.item>.badge {
	color: var(--side-menu-small-color) !important;
}

app-menu-category>.category>.items>.item:hover {
	background: var(--side-bg-hover) !important;
	color: var(--side-menu-color-hover) !important;
	padding: 0.75rem 1rem !important;
}

app-menu-category>.category>.items>.item:hover>.badge {
	color: var(--side-menu-small-color-hover) !important;
}

app-menu-category>.category>.items>.item.active,
app-menu-category>.category>.items>.item.active:hover {
	background: var(--side-bg-select) !important;
	color: var(--color-dark) !important;
	padding: 0.75rem 1rem !important;
}

app-menu-category>.category>.items>.item.active>.badge,
app-menu-category>.category>.items>.item.active:hover>.badge {
	color: var(--color-dark-trans-800) !important;
}
/* ---results-themed--- */
/* results common */
app-rezultati-gol-napoved-main .rezultati__storno, app-rezultati-napoved12-main .rezultati__storno, app-rezultati-toto-main .rezultati__storno, app-rezultati-virtualne-igre-main .rezultati__storno {
    margin: 1rem .5rem;
    color: var(--color-text-trans-500) !important;
    text-align: center;
}

app-rezultati-cifra-plus-main>.main-inner>app-scrollable .more, app-rezultati-top6-main>.main-inner>app-scrollable .more {
    color: var(--color-text-trans-500) !important;
}

.status_ikona {
	color: var(--color-bright) !important;
}

app-rezultati-stave-main>.main-inner>app-scrollable>.more {
	color: var(--color-text-trans-500) !important;
}

app-rezultati-gol-napoved-main .rezultati__selekcija,
app-rezultati-napoved12-main .rezultati__selekcija,
app-rezultati-toto-main .rezultati__selekcija,
app-rezultati-virtualne-igre-main .rezultati__selekcija {
	padding: 1rem !important;
    background-color: var(--form-bg) !important;
    border-radius: 0 !important;
}

app-rezultati-gol-napoved-main>.rezultati, 
app-rezultati-napoved12-main>.rezultati, 
app-rezultati-toto-main>.rezultati, 
app-rezultati-virtualne-igre-main>.rezultati {
	padding: 0 !important; 
}

.terminal-form.selekcija {
    padding: 1rem !important;
    background-color: var(--form-bg) !important;
    border-radius: 0 !important;
}

/* rezultati STAVE */

app-stave-group>.group>.header>.tipi>.inner>.col.rezultat {
	color: var(--table-header-color) !important;
}

app-stave-vrstica>.bet>div>.kvote>.col.rezultat {
	color: var(--table-text-color) !important;
	font-weight: 700 !important;
}

app-stave-vrstica>.bet>div>.main>.bottom>.title.rezultat>.right {
	color: var(--table-text-color) !important;
	font-weight: 700 !important;
}

/*
app-stave-vrstica>.bet>div>.kvote>.col.rezultat>span {
	background-color: var(--positive) !important;
	padding: 0.25rem !important;
	border-radius: var(--border-radius);
}
*/

app-stave-vrstica>.bet>div>.main>.bottom>.title.rezultat .won {
    color: var(--positive) !important;
	font-weight: 700 !important;
	/*background-color: var(--positive) !important;
	padding: 0.125rem 0.25rem !important;
	border-radius: var(--border-radius);*/
}


app-stave-kvota>.kvota.winner>i {
	display: none !important;
}

app-stave-kvota>.kvota {
	min-height: 2rem !important;
}

app-stave-kvota>.kvota.winner {
    color: var(--table-text-color) !important;
    font-size: 1rem !important;
	background-color: var(--positive);
    border-radius: var(--border-radius);
    color: var(--table-button-color);
    padding: 0;
	margin: 0.5rem;
}

app-stave-kvota>.kvota.winner>span.naziv {
    color: var(--table-text-color-trans-800) !important;
    font-size: 1rem !important;
}

app-stave-vrst1ica>.bet>div.betg2>.kvote>.col>app-stave-kvota>.kvota>.naziv {
    color: var(--color-bright) !important;
    font-size: 1rem !important;
}

app-stave-kvota>.kvota.loser {
    color: var(--color-bright) !important;
    font-size: 1rem !important;	
	background-color: var(--table-button-bg-default);
    border-radius: var(--border-radius);
    color: var(--table-button-color);
    padding: 0;
	margin: 0.5rem;
}

app-stave-kvota>.kvota.loser>i {
	color: var(--table-text-color) !important;
}

/* rezultati Cifra plus, Top6 */

app-rezultati-cifra-plus-main>.main-inner .table>.body, 
app-rezultati-cifra-plus-main>.main-inner .table>.head, 
app-rezultati-top6-main>.main-inner .table>.body, 
app-rezultati-top6-main>.main-inner .table>.head {
	background-color: var(--table-header-bg) !important;
}

app-rezultati-cifra-plus-main>.main-inner .table>.head>.col, 
app-rezultati-top6-main>.main-inner .table>.head>.col {
	background-color: var(--table-header-bg) !important;
	color: var(--table-header-color) !important;
	border-bottom: 2px solid var(--table-header-border-color) !important;
}

app-rezultati-cifra-plus-main>.main-inner .table>.body, 
app-rezultati-top6-main>.main-inner .table>.body {
	color: var(--table-text-color) !important;
}

app-rezultati-cifra-plus-main>.main-inner .table>.body:nth-child(even), 
app-rezultati-top6-main>.main-inner .table>.body:nth-child(even) {
    background-color: var(--table-row-bg-even) !important;
}

app-rezultati-cifra-plus-main>.main-inner .table>.body:nth-child(odd), 
app-rezultati-top6-main>.main-inner .table>.body:nth-child(odd) {
    background-color: var(--table-row-bg-odd) !important;
}

/* rezultati napovedi */

app-rezultati-gol-napoved-main .rezultati__podatki_tekme,
app-rezultati-napoved12-main .rezultati__podatki_tekme,
app-rezultati-toto-main .rezultati__podatki_tekme,
app-rezultati-virtualne-igre-main .rezultati__podatki_tekme {
    padding: 0 !important;
}

app-rezultati-gol-napoved-main .rezultati__podatki_kroga, 
app-rezultati-napoved12-main .rezultati__podatki_kroga, 
app-rezultati-toto-main .rezultati__podatki_kroga,
app-rezultati-virtualne-igre-main .rezultati__podatki_kroga {
    padding: 0.5rem !important;
}

app-rezultati-gol-napoved-main .rezultati__head_col, 
app-rezultati-napoved12-main .rezultati__head_col, 
app-rezultati-toto-main .rezultati__head_col, 
app-rezultati-virtualne-igre-main .rezultati__head_col {
    background-color: var(--table-header-bg) !important;
    border-bottom: 2px solid var(--table-header-border-color) !important;
	color: var(--table-header-color) !important;
}

app-rezultati-gol-napoved-main .rezultati__row, 
app-rezultati-napoved12-main .rezultati__row, 
app-rezultati-toto-main .rezultati__row, 
app-rezultati-virtualne-igre-main .rezultati__row {
    color: var(--table-text-color) !important;
}

app-rezultati-gol-napoved-main .rezultati__row:nth-child(even), 
app-rezultati-napoved12-main .rezultati__row:nth-child(even), 
app-rezultati-toto-main .rezultati__row:nth-child(even), 
app-rezultati-virtualne-igre-main .rezultati__row:nth-child(even) {
    background: var(--table-row-bg-even) !important;
}

app-rezultati-gol-napoved-main .rezultati__row:nth-child(odd), 
app-rezultati-napoved12-main .rezultati__row:nth-child(odd), 
app-rezultati-toto-main .rezultati__row:nth-child(odd), 
app-rezultati-virtualne-igre-main .rezultati__row:nth-child(odd) {
    background: var(--table-row-bg-odd) !important;
}

app-rezultati-gol-napoved-main .rezultati__naziv .rezultati__zmagovalec, 
app-rezultati-napoved12-main .rezultati__naziv .rezultati__zmagovalec, 
app-rezultati-toto-main .rezultati__naziv .rezultati__zmagovalec, 
app-rezultati-virtualne-igre-main .rezultati__naziv .rezultati__zmagovalec {
    color: var(--positive) !important;
	font-weight: 700 !important;
}
/* ---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;
}
/* ---natisni-themed--- */
.natisni-selekcija {
	background-color: var(--form-bg) !important;
}

.natisni-selekcija .div.button.neutral.border, 
.natisni-selekcija span.button.neutral.border, 
.natisni-selekcija a.button.neutral.border {
    border-color: var(--color-bright) !important;
	color: var(--color-bright) !important;
}
/* ---popravki-header--- */
div#headerwrapper {
    box-shadow: 0 7px 7px var(--secondary-darkest-trans-800);
}

@media screen and (max-width: 512px) {

    div#headerwrapper {
        box-shadow: 0 3px 3px var(--secondary-darkest-trans-500);
    }

}
/* ---top-dobitki-themed--- */

/* ---sys-basics-themed--- */
.mobile_header {
       color: var(--color-text-light) !important;
}
/* ---sys-identification-themed--- */
/*app-identifikacija .listek-container:not(.listek-status)  .listek-container__cell {
	background: var(--overlay-bg) !important;
	border-bottom: solid 1px var(--color-text-light) !important;
	color: var(--color-text) !important;
}*/

/*
app-identifikacija .listek-container__cell>.listek-container__title,
app-identifikacija .listek-container__cell>.listek-container__value {
	color: var(--color-text) !important;
}
*/



/* IDENTIFICATION -  TICKET STATUS */

app-identifikacija .listek-container__cell{
	color: var(--color-text) !important;
	background: var(--overlay-bg) !important;
	border-bottom: solid 1px var(--color-text-light) !important;
}

app-identifikacija .listek-container__cell>.listek-container__title, 
app-identifikacija .listek-container__cell>.listek-container__value {
	color: var(--color-text) !important;
}

app-identifikacija .listek-status .listek-container__cell {
	background: var(--warning) !important;
	color: var(--color-bright) !important;
}

app-identifikacija .listek-status--dobiten .listek-container__cell {
	background: var(--positive) !important;
	color: var(--color-bright) !important;
}

app-identifikacija .listek-status--dobiten .listek-container__cell>.listek-container__title, 
app-identifikacija .listek-status--dobiten .listek-container__cell>.listek-container__value {
	color: var(--color-bright) !important;

}

app-identifikacija .listek-status--ni-dobiten .listek-container__cell {
	background: var(--negative) !important;
	color: var(--color-bright) !important;
}

app-identifikacija .listek-status--ni-dobiten .listek-container__cell>.listek-container__title, 
app-identifikacija .listek-status--ni-dobiten .listek-container__cell>.listek-container__value {
	color: var(--color-bright) !important;
}

/*

.listek-container .listek-status--dobiten .listek-container__cell {
    background: var(--positive) !important;
	color: var(--color-bright) !important;
}

*/

.ident_body__cell {
    -webkit-box-align: left !important;
    align-items: left !important;
		/*width: 100% !important;*/
}

.ident_co_table__row {
	background: var(--table-header-bg) !important;
    color: var(--table-header-color) !important;
}

.ident_co_table__cell-left {
    color: var(--table-header-color-light) !important;
}

.ident_body__cell {
	color: var(--table-text-color) !important;
}

.ident_top6_cifra {
	background: var(--table-bg-emph) !important;
	color: var(--table-text-color) !important;
}

.ident_top6_cifra-selected_full {
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
	color: var(--color-dark) !important;
}

.ident_cp_cifra {
    background: var(--table-bg-emph) !important;
    color: var(--table-text-color) !important;
}

.ident_cp_cifra-selected {
    background-color: var(--primary) !important;
	color: var(--color-dark) !important;
}

.ident_cp_cifra-selected_full {
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
	color: var(--color-dark) !important;
}


/* TABLE - IDENTIFICATION STAVE */
.ident_stave__row:nth-child(even) {
    background: var(--table-row-bg-even) !important;
    border-bottom: 1px solid var(--table-border-color) !important;
}

.ident_stave__row:nth-child(odd) {
    background: var(--table-row-bg-odd) !important;
    border-bottom: 1px solid var(--table-border-color) !important;
}
/*
.ident_stave__row span {
    color: var(--table-text-color) !important;
}
*/

.ident_stave__label {
    color: var(--table-text-color-light) !important;
}

.ident_stave__value {
    color: var(--table-text-color) !important;
}


/* IDENTIFIKACIJA - TABLE */
.ident_body__row {
    background: var(--table-row-bg-even) !important;
    border-bottom: 1px solid var(--table-border-color) !important;
}

.ident_header {
    color: var(--table-header-color) !important;
    background: var(--table-header-bg)!important;
}

/* NAPOVED 12*/
.ident_napoved12_info__prireditev {
    color: var(--table-text-color-light) !important;
}

.ident_napoved12_info {
    -webkit-box-pack: start !important;
    justify-content: flex-start !important;
    -webkit-box-align: start !important;
    align-items: flex-start !important;
}

/* TOOLBAR */
.ident__dodatne_akcije {
	background: var(--actionbar-bg) !important;
}

.ident__dodatne_akcije > .button.mobile_smaller.border.neutral {
	color: var(--actionbar-color) !important;
	border-color: var(--actionbar-color) !important;
}


@media screen and (max-width: 860px) {
	
	.ident_header-mobile_hidden {
		display: none !important;
	}
	
	.ident_top6_kombinacija {
		flex-direction: column;
	}
	
	.ident_body__cell.ident__right {
		-webkit-box-pack: start !important;
		justify-content: flex-end !important;
	}
	
	page-konto .mobile_header {
		color: var(--table-text-color-light);
		display: block !important;
	}

}
/* ---payin-valu-hitri-themed--- */
.valu-hitri-header {
  padding: 0.5rem;
  display: flex;
  align-items: center;
}

.valu-hitri-header .cPanelHeaderTXT {
  color: var(--side-menu-title-color);
}

.valu-hitri-header .cPanelHeaderTXT h1 {
  font-weight: bold;
}

.valu-hitri div.moneta {
  color: var(--color-text);
  text-align: center;
}

.valu-hitri div.moneta .text span {
  color: var(--color-text-trans-500);
}

.valu-hitri div.moneta div {
  padding: 0.25rem;
}

.valu-hitri div.moneta input {
  border: 0;
  color: var(--color-text);
  border-bottom: 0.1rem solid var(--color-text-trans-500);
  background: transparent;
  flex: 1;
  border-radius: 0;
}

.valu-hitri div.moneta input:focus {
  outline: none;
  border-bottom-color: var(--info);
  background-image: linear-gradient(to bottom, rgba(0, 164, 214, 0), var(--info-trans-200));
}

div.cPanelArrowContractBTN {
    cursor: pointer;
    background-image: url(/_assets/images/icn-panel-contract.svg);
    background-size: contain;
    width: 1.5em;
    height: 1.5em;
    margin-left: auto;
	filter: brightness(0.1);
}

div.cPanelArrowExpandBTN {
    cursor: pointer;
    background-image: url(/_assets/images/icn-panel-expand.svg);
    background-size: contain;
    width: 1.5em;
    height: 1.5em;
    margin-left: auto;
	filter: brightness(0.1);
}
/* ---other-doc-styles--- */
/* VELJAVNOST SREČK */

.typography h1,
.typography h2,
.typography h3,
.typography h4 {
     color: var(--color-dark) !important;
}

.typography tr td {
	padding: 0.5rem;
}

.typography tr:nth-child(even) td {
    color: var(--table-text-color) !important;
    background: var(--table-row-bg-even) !important;
}

.typography tr:nth-child(odd) td {
    color: var(--table-text-color) !important;
    background: var(--table-row-bg-odd) !important;
}

.typography tr.tableHeadGrey td {
    color: var(--table-header-color) !important;
    background: var(--table-header-bg) !important;
	padding: 0.5rem;
}


.alert h1,
.alert h2,
.alert h3,
.alert h4 {
     color: var(--color-bright) !important;
}

.alert p {
     color: var(--color-bright) !important;
}
/* ---popravki-terminal--- */
body.terminal app-action-bar {
  pointer-events: none; }
  body.terminal app-action-bar > div.action-badges > div.ticket-badge {
    pointer-events: auto; }
  body.terminal app-action-bar > div.action-ticket {
    pointer-events: auto; }
  body.terminal app-action-bar > div.coverLista {
    pointer-events: auto; }

body.terminal app-napoved12-main {
  margin-bottom: 4rem; }
/* ---game-top5-themed--- */
app-top6-animation-new > .content > .boben-container > .prvih-pet-cifer .glavne-stiri.c3 {
    top: 7.5em !important;
    left: 11.45em !important;
}

app-top6-animation-new > .content > .boben-container > .prvih-pet-cifer .glavne-stiri.c2 {
    top: 10em !important;
    left: 8.45em !important;
}

app-top6-animation-new > .content > .boben-container > .prvih-pet-cifer .glavne-stiri.c1 {
    top: 10em !important;
    left: 4.25em !important;
}

app-top6-animation-new > .content > .boben-container > .prvih-pet-cifer .glavne-stiri.c0 {
    top: 7.5em !important;
    left: 1.2em !important;
}

app-top6-animation-new .boben-container .cifra-circle {
    background: var(--cgp-green) !important;
    border: 1px solid var(--color-text);
}

app-top6-animation-new .cifra-circle.infront {
    border: 1px solid transparent !important;
}


app-top6-animation-new {
    --cifra-size: 3.2em !important;
}

app-top6-animation-new {
	top: 0.5rem;
}

app-top6-animation-new>.content>.ostale-cifre {
    color: var(--color-text);
}

/* kroglice  v animaciji */
app-top6-animation-new .cifra-abs {
	margin: -1px;
}

/* bonus markers */
app-top6-animation-new .cifra-circle.ostale.bonus {
    box-shadow: var(--iplus-igre-na-stevilke-bonus-cifra) 0px 0px 2px 5px !important;
}

app-top6-animation-new .cifra-circle.bonus {
    box-shadow: var(--iplus-igre-na-stevilke-bonus-cifra) 0px 0px 2px 5px !important; /*var(--iplus-igre-na-stevilke-bonus-cifra) 0px 0px 8px;*/
}

app-rezultati-igre-na-stevilke-main > .main-inner .table > .head > .col.col4 > .bonus,
app-rezultati-igre-na-stevilke-main > .main-inner .table > .body > .col.col4 > .bonus {
    /*background-color: var(--iplus-igre-na-stevilke-bonus-cifra) !important;*/
    box-shadow: var(--iplus-igre-na-stevilke-bonus-cifra) 0px 0px 2px 5px !important;
}

app-igre-na-stevilke-vplacane-kombinacije > .vplacane-kombinacije > .vplacana-kombinacija-krog > .vk-krog-content > .vk-krog-kombinacija > .kombinacija-cifra > span.bonus {
    box-shadow: var(--iplus-igre-na-stevilke-bonus-cifra) 0px 0px 2px 5px !important;
}

@media screen and (max-width: 512px) {
    app-top6-animation-new .cifra-circle.ostale.bonus {
        box-shadow: var(--iplus-igre-na-stevilke-bonus-cifra) 0px 0px 1px 4px !important;
    }
    
    app-top6-animation-new .cifra-circle.bonus {
        box-shadow: var(--iplus-igre-na-stevilke-bonus-cifra) 0px 0px 1px 4px !important; /*var(--iplus-igre-na-stevilke-bonus-cifra) 0px 0px 8px;*/
    }
    
    app-rezultati-igre-na-stevilke-main > .main-inner .table > .head > .col.col4 > .bonus,
    app-rezultati-igre-na-stevilke-main > .main-inner .table > .body > .col.col4 > .bonus {
        /*background-color: var(--iplus-igre-na-stevilke-bonus-cifra) !important;*/
        box-shadow: var(--iplus-igre-na-stevilke-bonus-cifra) 0px 0px 1px 4px !important;
    }
    
    app-igre-na-stevilke-vplacane-kombinacije > .vplacane-kombinacije > .vplacana-kombinacija-krog > .vk-krog-content > .vk-krog-kombinacija > .kombinacija-cifra > span.bonus {
        box-shadow: var(--iplus-igre-na-stevilke-bonus-cifra) 0px 0px 1px 4px !important;
    }
}


/* animation timer */
app-top6-animation-new > .content > .boben-container > .lukna > .cas {
    color: var(--cgp-green) !important;
}

app-top6-animation-new > .content > .boben-container > .lukna > .circle-timer .e-c-progress {
    stroke: var(--cgp-green) !important;
}
/* ---terminal-e-igre-novo--- */
.card.novo .card-inner>.card-image:after {
	content: 'NOVO';
	position: absolute;
	top: 0px;
	right: 0px;
	font-size: 0.875em;
	background:#ff0000;
	color:#ffffff;
    width: auto; 
	text-align: center;
	line-height: 1rem;
	border-radius: 0px 0px 0px 3px;
    box-shadow:0 0 1px var(--secondary-darkest-trans-800);
    padding: 0.25rem;
    height: auto;
}
/* ---messageboxes--- */
.message-box {
    margin: auto;
    font-size: 1.5rem;
    text-align: center;
    padding-top: 1rem;
    padding-bottom: 1rem;
    background-color: var(--warning-darker);
    height: 100%;
    color: var(--color-bright);
}
/* ---sys-siteroot-themed--- */
@charset "UTF-8";
/**
 * SITE ROOT - LIGHT
 */
* {
  font-weight: normal;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  box-sizing: border-box; }

html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/**
 * Remove default margin.
 */
body {
  margin: 0;
  background-color: #032642; }

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block; }

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

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

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none; }

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background: transparent;
  color: var(--info); }

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

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold; }

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic; }

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0; }

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden; }

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px; }

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto; }

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  /*font: inherit;*/
  /* 2 */
  margin: 0;
  /* 3 */
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box; }

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible; }

/**
 * 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 Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
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.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

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

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

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal;
  outline: none;
  border: 0;
  padding: 0.25rem; }

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 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 and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * 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 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto; }

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold; }

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

td,
th {
  padding: 0; }

/******************************************************************************/
/* SET DEFAULTS                                                               */
/******************************************************************************/
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-style: normal;
  font: inherit;
  /* !!!!!!! POZOR !!!!!!! font: inherit; Zakaj zakomentirano? Zjebe font-weight po listkih. Če je potrebno brez tega, poskrbi da delajo listki in vse ostalo na strani. */
  vertical-align: baseline;
  -moz-osx-font-smoothing: grayscale; }

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

html {
  width: 100%;
  height: 100%; }

body {
  position: fixed;
  padding: 0;
  width: 100%;
  height: 100%;
  min-height: 100%;
  overscroll-behavior-y: none;
  margin: 0;
  padding: 0; }

/*Opera Fix*/
body:before {
  content: "";
  height: 100%;
  float: left;
  width: 0;
  margin-top: -32767px; }

/*
form#FormPortal {
  position: relative;
  min-width: 1000px;
  height: auto;
  min-height: 100%;
  overflow: hidden;
  position: relative;
}


*/
.noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

@font-face {
  font-family: "RobotoWeb";
  src: url("/_assets/fonts/RobotoWeb/roboto-regular-webfont.eot");
  src: url("/_assets/fonts/RobotoWeb/roboto-regular-webfont.eot?#iefix") format("embedded-opentype"), url("/_assets/fonts/RobotoWeb/roboto-regular-webfont.woff") format("woff"), url("/_assets/fonts/RobotoWeb/roboto-regular-webfont.ttf") format("truetype"), url("/_assets/fonts/RobotoWeb/roboto-regular-webfont.svg#robotoregular") format("svg");
  font-weight: normal;
  font-style: normal; }

/* FONT AWESOME CORE
 * -------------------------- */
[class^="icon-"],
[class*=" icon-"] {
  font-family: "FontAwesome";
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  *margin-right: 0.3em; }

[class^="icon-"]:before,
[class*=" icon-"]:before {
  text-decoration: inherit;
  display: inline-block;
  speak: none;
  font-weight: bold; }

/* makes the font 33% larger relative to the icon container */
.icon-large:before {
  vertical-align: -10%;
  font-size: 1.33333em; }

/* makes sure icons active on rollover in links */
a [class^="icon-"],
a [class*=" icon-"] {
  display: inline; }

/* increased font size for icon-large */
[class^="icon-"].icon-fixed-width,
[class*=" icon-"].icon-fixed-width {
  display: inline-block;
  width: 1.14286em;
  text-align: right;
  padding-right: 0.28571em; }

[class^="icon-"].icon-fixed-width.icon-large,
[class*=" icon-"].icon-fixed-width.icon-large {
  width: 1.42857em; }

.icons-ul {
  margin-left: 2.14286em;
  list-style-type: none; }

.icons-ul > li {
  position: relative; }

.icons-ul .icon-li {
  position: absolute;
  left: -2.14286em;
  width: 2.14286em;
  text-align: center;
  line-height: inherit; }

[class^="icon-"].hide,
[class*=" icon-"].hide {
  display: none; }

.icon-muted {
  color: #eeeeee; }

.icon-light {
  color: white; }

.icon-dark {
  color: #333333; }

.icon-border {
  border: solid 1px #eeeeee;
  padding: 0.2em 0.25em 0.15em;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }

.icon-2x {
  font-size: 2em; }

.icon-2x.icon-border {
  border-width: 2px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px; }

.icon-3x {
  font-size: 3em; }

.icon-3x.icon-border {
  border-width: 3px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; }

.icon-4x {
  font-size: 4em; }

.icon-4x.icon-border {
  border-width: 4px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px; }

.icon-5x {
  font-size: 5em; }

.icon-5x.icon-border {
  border-width: 5px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px; }

.pull-right {
  float: right; }

.pull-left {
  float: left; }

[class^="icon-"].pull-left,
[class*=" icon-"].pull-left {
  margin-right: 0.3em; }

[class^="icon-"].pull-right,
[class*=" icon-"].pull-right {
  margin-left: 0.3em; }

/* BOOTSTRAP SPECIFIC CLASSES
 * -------------------------- */
/* Bootstrap 2.0 sprites.less reset */
[class^="icon-"],
[class*=" icon-"] {
  display: inline;
  width: auto;
  height: auto;
  line-height: normal;
  vertical-align: baseline;
  background-image: none;
  background-position: 0% 0%;
  background-repeat: repeat;
  margin-top: 0; }

/* more sprites.less reset */
.icon-white,
.nav-pills > .active > a > [class^="icon-"],
.nav-pills > .active > a > [class*=" icon-"],
.nav-list > .active > a > [class^="icon-"],
.nav-list > .active > a > [class*=" icon-"],
.navbar-inverse .nav > .active > a > [class^="icon-"],
.navbar-inverse .nav > .active > a > [class*=" icon-"],
.dropdown-menu > li > a:hover > [class^="icon-"],
.dropdown-menu > li > a:hover > [class*=" icon-"],
.dropdown-menu > .active > a > [class^="icon-"],
.dropdown-menu > .active > a > [class*=" icon-"],
.dropdown-submenu:hover > a > [class^="icon-"],
.dropdown-submenu:hover > a > [class*=" icon-"] {
  background-image: none; }

/* keeps Bootstrap styles with and without icons the same */
.btn [class^="icon-"].icon-large,
.btn [class*=" icon-"].icon-large,
.nav [class^="icon-"].icon-large,
.nav [class*=" icon-"].icon-large {
  line-height: 0.9em; }

.btn [class^="icon-"].icon-spin,
.btn [class*=" icon-"].icon-spin,
.nav [class^="icon-"].icon-spin,
.nav [class*=" icon-"].icon-spin {
  display: inline-block; }

.nav-tabs [class^="icon-"],
.nav-tabs [class^="icon-"].icon-large,
.nav-tabs [class*=" icon-"],
.nav-tabs [class*=" icon-"].icon-large,
.nav-pills [class^="icon-"],
.nav-pills [class^="icon-"].icon-large,
.nav-pills [class*=" icon-"],
.nav-pills [class*=" icon-"].icon-large {
  line-height: 0.9em; }

.btn [class^="icon-"].pull-left.icon-2x,
.btn [class^="icon-"].pull-right.icon-2x,
.btn [class*=" icon-"].pull-left.icon-2x,
.btn [class*=" icon-"].pull-right.icon-2x {
  margin-top: 0.18em; }

.btn [class^="icon-"].icon-spin.icon-large,
.btn [class*=" icon-"].icon-spin.icon-large {
  line-height: 0.8em; }

.btn.btn-small [class^="icon-"].pull-left.icon-2x,
.btn.btn-small [class^="icon-"].pull-right.icon-2x,
.btn.btn-small [class*=" icon-"].pull-left.icon-2x,
.btn.btn-small [class*=" icon-"].pull-right.icon-2x {
  margin-top: 0.25em; }

.btn.btn-large [class^="icon-"],
.btn.btn-large [class*=" icon-"] {
  margin-top: 0; }

.btn.btn-large [class^="icon-"].pull-left.icon-2x,
.btn.btn-large [class^="icon-"].pull-right.icon-2x,
.btn.btn-large [class*=" icon-"].pull-left.icon-2x,
.btn.btn-large [class*=" icon-"].pull-right.icon-2x {
  margin-top: 0.05em; }

.btn.btn-large [class^="icon-"].pull-left.icon-2x,
.btn.btn-large [class*=" icon-"].pull-left.icon-2x {
  margin-right: 0.2em; }

.btn.btn-large [class^="icon-"].pull-right.icon-2x,
.btn.btn-large [class*=" icon-"].pull-right.icon-2x {
  margin-left: 0.2em; }

/* Fixes alignment in nav lists */
.nav-list [class^="icon-"],
.nav-list [class*=" icon-"] {
  line-height: inherit; }

/* EXTRAS
 * -------------------------- */
/* Stacked and layered icon */
.icon-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: -35%; }

.icon-stack [class^="icon-"],
.icon-stack [class*=" icon-"] {
  display: block;
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  font-size: 1em;
  line-height: inherit;
  *line-height: 2em; }

.icon-stack .icon-stack-base {
  font-size: 2em;
  *line-height: 1em; }

/* Animated rotating icon */
.icon-spin {
  display: inline-block;
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear; }

/* Prevent stack and spinners from being taken inline when inside a link */
a .icon-stack,
a .icon-spin {
  display: inline-block;
  text-decoration: none; }

@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg); }
  100% {
    -moz-transform: rotate(359deg); } }

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg); } }

@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg); }
  100% {
    -o-transform: rotate(359deg); } }

@-ms-keyframes spin {
  0% {
    -ms-transform: rotate(0deg); }
  100% {
    -ms-transform: rotate(359deg); } }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(359deg); } }

/* Icon rotations and mirroring */
.icon-rotate-90:before {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); }

.icon-rotate-180:before {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); }

.icon-rotate-270:before {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); }

.icon-flip-horizontal:before {
  -webkit-transform: scale(-1, 1);
  -moz-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  transform: scale(-1, 1); }

.icon-flip-vertical:before {
  -webkit-transform: scale(1, -1);
  -moz-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  -o-transform: scale(1, -1);
  transform: scale(1, -1); }

/* ensure rotation occurs inside anchor tags */
a .icon-rotate-90:before,
a .icon-rotate-180:before,
a .icon-rotate-270:before,
a .icon-flip-horizontal:before,
a .icon-flip-vertical:before {
  display: inline-block; }

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
 * readers do not read off random characters that represent icons */
.icon-glass:before {
  content: "\f000"; }

.icon-music:before {
  content: "\f001"; }

.icon-search:before {
  content: "\f002"; }

.icon-envelope-alt:before {
  content: "\f003"; }

.icon-heart:before {
  content: "\f004"; }

.icon-star:before {
  content: "\f005"; }

.icon-star-empty:before {
  content: "\f006"; }

.icon-user:before {
  content: "\f007"; }

.icon-film:before {
  content: "\f008"; }

.icon-th-large:before {
  content: "\f009"; }

.icon-th:before {
  content: "\f00a"; }

.icon-th-list:before {
  content: "\f00b"; }

.icon-ok:before {
  content: "\f00c"; }

.icon-remove:before {
  content: "\f00d"; }

.icon-zoom-in:before {
  content: "\f00e"; }

.icon-zoom-out:before {
  content: "\f010"; }

.icon-power-off:before,
.icon-off:before {
  content: "\f011"; }

.icon-signal:before {
  content: "\f012"; }

.icon-gear:before,
.icon-cog:before {
  content: "\f013"; }

.icon-trash:before {
  content: "\f014"; }

.icon-home:before {
  content: "\f015"; }

.icon-file-alt:before {
  content: "\f016"; }

.icon-time:before {
  content: "\f017"; }

.icon-road:before {
  content: "\f018"; }

.icon-download-alt:before {
  content: "\f019"; }

.icon-download:before {
  content: "\f01a"; }

.icon-upload:before {
  content: "\f01b"; }

.icon-inbox:before {
  content: "\f01c"; }

.icon-play-circle:before {
  content: "\f01d"; }

.icon-rotate-right:before,
.icon-repeat:before {
  content: "\f01e"; }

.icon-refresh:before {
  content: "\f021"; }

.icon-list-alt:before {
  content: "\f022"; }

.icon-lock:before {
  content: "\f023"; }

.icon-flag:before {
  content: "\f024"; }

.icon-headphones:before {
  content: "\f025"; }

.icon-volume-off:before {
  content: "\f026"; }

.icon-volume-down:before {
  content: "\f027"; }

.icon-volume-up:before {
  content: "\f028"; }

.icon-qrcode:before {
  content: "\f029"; }

.icon-barcode:before {
  content: "\f02a"; }

.icon-tag:before {
  content: "\f02b"; }

.icon-tags:before {
  content: "\f02c"; }

.icon-book:before {
  content: "\f02d"; }

.icon-bookmark:before {
  content: "\f02e"; }

.icon-print:before {
  content: "\f02f"; }

.icon-camera:before {
  content: "\f030"; }

.icon-font:before {
  content: "\f031"; }

.icon-bold:before {
  content: "\f032"; }

.icon-italic:before {
  content: "\f033"; }

.icon-text-height:before {
  content: "\f034"; }

.icon-text-width:before {
  content: "\f035"; }

.icon-align-left:before {
  content: "\f036"; }

.icon-align-center:before {
  content: "\f037"; }

.icon-align-right:before {
  content: "\f038"; }

.icon-align-justify:before {
  content: "\f039"; }

.icon-list:before {
  content: "\f03a"; }

.icon-indent-left:before {
  content: "\f03b"; }

.icon-indent-right:before {
  content: "\f03c"; }

.icon-facetime-video:before {
  content: "\f03d"; }

.icon-picture:before {
  content: "\f03e"; }

.icon-pencil:before {
  content: "\f040"; }

.icon-map-marker:before {
  content: "\f041"; }

.icon-adjust:before {
  content: "\f042"; }

.icon-tint:before {
  content: "\f043"; }

.icon-edit:before {
  content: "\f044"; }

.icon-share:before {
  content: "\f045"; }

.icon-check:before {
  content: "\f046"; }

.icon-move:before {
  content: "\f047"; }

.icon-step-backward:before {
  content: "\f048"; }

.icon-fast-backward:before {
  content: "\f049"; }

.icon-backward:before {
  content: "\f04a"; }

.icon-play:before {
  content: "\f04b"; }

.icon-pause:before {
  content: "\f04c"; }

.icon-stop:before {
  content: "\f04d"; }

.icon-forward:before {
  content: "\f04e"; }

.icon-fast-forward:before {
  content: "\f050"; }

.icon-step-forward:before {
  content: "\f051"; }

.icon-eject:before {
  content: "\f052"; }

.icon-chevron-left:before {
  content: "\f053"; }

.icon-chevron-right:before {
  content: "\f054"; }

.icon-plus-sign:before {
  content: "\f055"; }

.icon-minus-sign:before {
  content: "\f056"; }

.icon-remove-sign:before {
  content: "\f057"; }

.icon-ok-sign:before {
  content: "\f058"; }

.icon-question-sign:before {
  content: "\f059"; }

.icon-info-sign:before {
  content: "\f05a"; }

.icon-screenshot:before {
  content: "\f05b"; }

.icon-remove-circle:before {
  content: "\f05c"; }

.icon-ok-circle:before {
  content: "\f05d"; }

.icon-ban-circle:before {
  content: "\f05e"; }

.icon-arrow-left:before {
  content: "\f060"; }

.icon-arrow-right:before {
  content: "\f061"; }

.icon-arrow-up:before {
  content: "\f062"; }

.icon-arrow-down:before {
  content: "\f063"; }

.icon-mail-forward:before,
.icon-share-alt:before {
  content: "\f064"; }

.icon-resize-full:before {
  content: "\f065"; }

.icon-resize-small:before {
  content: "\f066"; }

.icon-plus:before {
  content: "\f067"; }

.icon-minus:before {
  content: "\f068"; }

.icon-asterisk:before {
  content: "\f069"; }

.icon-exclamation-sign:before {
  content: "\f06a"; }

.icon-gift:before {
  content: "\f06b"; }

.icon-leaf:before {
  content: "\f06c"; }

.icon-fire:before {
  content: "\f06d"; }

.icon-eye-open:before {
  content: "\f06e"; }

.icon-eye-close:before {
  content: "\f070"; }

.icon-warning-sign:before {
  content: "\f071"; }

.icon-plane:before {
  content: "\f072"; }

.icon-calendar:before {
  content: "\f073"; }

.icon-random:before {
  content: "\f074"; }

.icon-comment:before {
  content: "\f075"; }

.icon-magnet:before {
  content: "\f076"; }

.icon-chevron-up:before {
  content: "\f077"; }

.icon-chevron-down:before {
  content: "\f078"; }

.icon-retweet:before {
  content: "\f079"; }

.icon-shopping-cart:before {
  content: "\f07a"; }

.icon-folder-close:before {
  content: "\f07b"; }

.icon-folder-open:before {
  content: "\f07c"; }

.icon-resize-vertical:before {
  content: "\f07d"; }

.icon-resize-horizontal:before {
  content: "\f07e"; }

.icon-bar-chart:before {
  content: "\f080"; }

.icon-twitter-sign:before {
  content: "\f081"; }

.icon-facebook-sign:before {
  content: "\f082"; }

.icon-camera-retro:before {
  content: "\f083"; }

.icon-key:before {
  content: "\f084"; }

.icon-gears:before,
.icon-cogs:before {
  content: "\f085"; }

.icon-comments:before {
  content: "\f086"; }

.icon-thumbs-up-alt:before {
  content: "\f087"; }

.icon-thumbs-down-alt:before {
  content: "\f088"; }

.icon-star-half:before {
  content: "\f089"; }

.icon-heart-empty:before {
  content: "\f08a"; }

.icon-signout:before {
  content: "\f08b"; }

.icon-linkedin-sign:before {
  content: "\f08c"; }

.icon-pushpin:before {
  content: "\f08d"; }

.icon-external-link:before {
  content: "\f08e"; }

.icon-signin:before {
  content: "\f090"; }

.icon-trophy:before {
  content: "\f091"; }

.icon-github-sign:before {
  content: "\f092"; }

.icon-upload-alt:before {
  content: "\f093"; }

.icon-lemon:before {
  content: "\f094"; }

.icon-phone:before {
  content: "\f095"; }

.icon-unchecked:before,
.icon-check-empty:before {
  content: "\f096"; }

.icon-bookmark-empty:before {
  content: "\f097"; }

.icon-phone-sign:before {
  content: "\f098"; }

.icon-twitter:before {
  content: "\f099"; }

.icon-facebook:before {
  content: "\f09a"; }

.icon-github:before {
  content: "\f09b"; }

.icon-unlock:before {
  content: "\f09c"; }

.icon-credit-card:before {
  content: "\f09d"; }

.icon-rss:before {
  content: "\f09e"; }

.icon-hdd:before {
  content: "\f0a0"; }

.icon-bullhorn:before {
  content: "\f0a1"; }

.icon-bell:before {
  content: "\f0a2"; }

.icon-certificate:before {
  content: "\f0a3"; }

.icon-hand-right:before {
  content: "\f0a4"; }

.icon-hand-left:before {
  content: "\f0a5"; }

.icon-hand-up:before {
  content: "\f0a6"; }

.icon-hand-down:before {
  content: "\f0a7"; }

.icon-circle-arrow-left:before {
  content: "\f0a8"; }

.icon-circle-arrow-right:before {
  content: "\f0a9"; }

.icon-circle-arrow-up:before {
  content: "\f0aa"; }

.icon-circle-arrow-down:before {
  content: "\f0ab"; }

.icon-globe:before {
  content: "\f0ac"; }

.icon-wrench:before {
  content: "\f0ad"; }

.icon-tasks:before {
  content: "\f0ae"; }

.icon-filter:before {
  content: "\f0b0"; }

.icon-briefcase:before {
  content: "\f0b1"; }

.icon-fullscreen:before {
  content: "\f0b2"; }

.icon-group:before {
  content: "\f0c0"; }

.icon-link:before {
  content: "\f0c1"; }

.icon-cloud:before {
  content: "\f0c2"; }

.icon-beaker:before {
  content: "\f0c3"; }

.icon-cut:before {
  content: "\f0c4"; }

.icon-copy:before {
  content: "\f0c5"; }

.icon-paperclip:before,
.icon-paper-clip:before {
  content: "\f0c6"; }

.icon-save:before {
  content: "\f0c7"; }

.icon-sign-blank:before {
  content: "\f0c8"; }

.icon-reorder:before {
  content: "\f0c9"; }

.icon-list-ul:before {
  content: "\f0ca"; }

.icon-list-ol:before {
  content: "\f0cb"; }

.icon-strikethrough:before {
  content: "\f0cc"; }

.icon-underline:before {
  content: "\f0cd"; }

.icon-table:before {
  content: "\f0ce"; }

.icon-magic:before {
  content: "\f0d0"; }

.icon-truck:before {
  content: "\f0d1"; }

.icon-pinterest:before {
  content: "\f0d2"; }

.icon-pinterest-sign:before {
  content: "\f0d3"; }

.icon-google-plus-sign:before {
  content: "\f0d4"; }

.icon-google-plus:before {
  content: "\f0d5"; }

.icon-money:before {
  content: "\f0d6"; }

.icon-caret-down:before {
  content: "\f0d7"; }

.icon-caret-up:before {
  content: "\f0d8"; }

.icon-caret-left:before {
  content: "\f0d9"; }

.icon-caret-right:before {
  content: "\f0da"; }

.icon-columns:before {
  content: "\f0db"; }

.icon-sort:before {
  content: "\f0dc"; }

.icon-sort-down:before {
  content: "\f0dd"; }

.icon-sort-up:before {
  content: "\f0de"; }

.icon-envelope:before {
  content: "\f0e0"; }

.icon-linkedin:before {
  content: "\f0e1"; }

.icon-rotate-left:before,
.icon-undo:before {
  content: "\f0e2"; }

.icon-legal:before {
  content: "\f0e3"; }

.icon-dashboard:before {
  content: "\f0e4"; }

.icon-comment-alt:before {
  content: "\f0e5"; }

.icon-comments-alt:before {
  content: "\f0e6"; }

.icon-bolt:before {
  content: "\f0e7"; }

.icon-sitemap:before {
  content: "\f0e8"; }

.icon-umbrella:before {
  content: "\f0e9"; }

.icon-paste:before {
  content: "\f0ea"; }

.icon-lightbulb:before {
  content: "\f0eb"; }

.icon-exchange:before {
  content: "\f0ec"; }

.icon-cloud-download:before {
  content: "\f0ed"; }

.icon-cloud-upload:before {
  content: "\f0ee"; }

.icon-user-md:before {
  content: "\f0f0"; }

.icon-stethoscope:before {
  content: "\f0f1"; }

.icon-suitcase:before {
  content: "\f0f2"; }

.icon-bell-alt:before {
  content: "\f0f3"; }

.icon-coffee:before {
  content: "\f0f4"; }

.icon-food:before {
  content: "\f0f5"; }

.icon-file-text-alt:before {
  content: "\f0f6"; }

.icon-building:before {
  content: "\f0f7"; }

.icon-hospital:before {
  content: "\f0f8"; }

.icon-ambulance:before {
  content: "\f0f9"; }

.icon-medkit:before {
  content: "\f0fa"; }

.icon-fighter-jet:before {
  content: "\f0fb"; }

.icon-beer:before {
  content: "\f0fc"; }

.icon-h-sign:before {
  content: "\f0fd"; }

.icon-plus-sign-alt:before {
  content: "\f0fe"; }

.icon-double-angle-left:before {
  content: "\f100"; }

.icon-double-angle-right:before {
  content: "\f101"; }

.icon-double-angle-up:before {
  content: "\f102"; }

.icon-double-angle-down:before {
  content: "\f103"; }

.icon-angle-left:before {
  content: "\f104"; }

.icon-angle-right:before {
  content: "\f105"; }

.icon-angle-up:before {
  content: "\f106"; }

.icon-angle-down:before {
  content: "\f107"; }

.icon-desktop:before {
  content: "\f108"; }

.icon-laptop:before {
  content: "\f109"; }

.icon-tablet:before {
  content: "\f10a"; }

.icon-mobile-phone:before {
  content: "\f10b"; }

.icon-circle-blank:before {
  content: "\f10c"; }

.icon-quote-left:before {
  content: "\f10d"; }

.icon-quote-right:before {
  content: "\f10e"; }

.icon-spinner:before {
  content: "\f110"; }

.icon-circle:before {
  content: "\f111"; }

.icon-mail-reply:before,
.icon-reply:before {
  content: "\f112"; }

.icon-github-alt:before {
  content: "\f113"; }

.icon-folder-close-alt:before {
  content: "\f114"; }

.icon-folder-open-alt:before {
  content: "\f115"; }

.icon-expand-alt:before {
  content: "\f116"; }

.icon-collapse-alt:before {
  content: "\f117"; }

.icon-smile:before {
  content: "\f118"; }

.icon-frown:before {
  content: "\f119"; }

.icon-meh:before {
  content: "\f11a"; }

.icon-gamepad:before {
  content: "\f11b"; }

.icon-keyboard:before {
  content: "\f11c"; }

.icon-flag-alt:before {
  content: "\f11d"; }

.icon-flag-checkered:before {
  content: "\f11e"; }

.icon-terminal:before {
  content: "\f120"; }

.icon-code:before {
  content: "\f121"; }

.icon-reply-all:before {
  content: "\f122"; }

.icon-mail-reply-all:before {
  content: "\f122"; }

.icon-star-half-full:before,
.icon-star-half-empty:before {
  content: "\f123"; }

.icon-location-arrow:before {
  content: "\f124"; }

.icon-crop:before {
  content: "\f125"; }

.icon-code-fork:before {
  content: "\f126"; }

.icon-unlink:before {
  content: "\f127"; }

.icon-question:before {
  content: "\f128"; }

.icon-info:before {
  content: "\f129"; }

.icon-exclamation:before {
  content: "\f12a"; }

.icon-superscript:before {
  content: "\f12b"; }

.icon-subscript:before {
  content: "\f12c"; }

.icon-eraser:before {
  content: "\f12d"; }

.icon-puzzle-piece:before {
  content: "\f12e"; }

.icon-microphone:before {
  content: "\f130"; }

.icon-microphone-off:before {
  content: "\f131"; }

.icon-shield:before {
  content: "\f132"; }

.icon-calendar-empty:before {
  content: "\f133"; }

.icon-fire-extinguisher:before {
  content: "\f134"; }

.icon-rocket:before {
  content: "\f135"; }

.icon-maxcdn:before {
  content: "\f136"; }

.icon-chevron-sign-left:before {
  content: "\f137"; }

.icon-chevron-sign-right:before {
  content: "\f138"; }

.icon-chevron-sign-up:before {
  content: "\f139"; }

.icon-chevron-sign-down:before {
  content: "\f13a"; }

.icon-html5:before {
  content: "\f13b"; }

.icon-css3:before {
  content: "\f13c"; }

.icon-anchor:before {
  content: "\f13d"; }

.icon-unlock-alt:before {
  content: "\f13e"; }

.icon-bullseye:before {
  content: "\f140"; }

.icon-ellipsis-horizontal:before {
  content: "\f141"; }

.icon-ellipsis-vertical:before {
  content: "\f142"; }

.icon-rss-sign:before {
  content: "\f143"; }

.icon-play-sign:before {
  content: "\f144"; }

.icon-ticket:before {
  content: "\f145"; }

.icon-minus-sign-alt:before {
  content: "\f146"; }

.icon-check-minus:before {
  content: "\f147"; }

.icon-level-up:before {
  content: "\f148"; }

.icon-level-down:before {
  content: "\f149"; }

.icon-check-sign:before {
  content: "\f14a"; }

.icon-edit-sign:before {
  content: "\f14b"; }

.icon-external-link-sign:before {
  content: "\f14c"; }

.icon-share-sign:before {
  content: "\f14d"; }

.icon-compass:before {
  content: "\f14e"; }

.icon-collapse:before {
  content: "\f150"; }

.icon-collapse-top:before {
  content: "\f151"; }

.icon-expand:before {
  content: "\f152"; }

.icon-euro:before,
.icon-eur:before {
  content: "\f153"; }

.icon-gbp:before {
  content: "\f154"; }

.icon-dollar:before,
.icon-usd:before {
  content: "\f155"; }

.icon-rupee:before,
.icon-inr:before {
  content: "\f156"; }

.icon-yen:before,
.icon-jpy:before {
  content: "\f157"; }

.icon-renminbi:before,
.icon-cny:before {
  content: "\f158"; }

.icon-won:before,
.icon-krw:before {
  content: "\f159"; }

.icon-bitcoin:before,
.icon-btc:before {
  content: "\f15a"; }

.icon-file:before {
  content: "\f15b"; }

.icon-file-text:before {
  content: "\f15c"; }

.icon-sort-by-alphabet:before {
  content: "\f15d"; }

.icon-sort-by-alphabet-alt:before {
  content: "\f15e"; }

.icon-sort-by-attributes:before {
  content: "\f160"; }

.icon-sort-by-attributes-alt:before {
  content: "\f161"; }

.icon-sort-by-order:before {
  content: "\f162"; }

.icon-sort-by-order-alt:before {
  content: "\f163"; }

.icon-thumbs-up:before {
  content: "\f164"; }

.icon-thumbs-down:before {
  content: "\f165"; }

.icon-youtube-sign:before {
  content: "\f166"; }

.icon-youtube:before {
  content: "\f167"; }

.icon-xing:before {
  content: "\f168"; }

.icon-xing-sign:before {
  content: "\f169"; }

.icon-youtube-play:before {
  content: "\f16a"; }

.icon-dropbox:before {
  content: "\f16b"; }

.icon-stackexchange:before {
  content: "\f16c"; }

.icon-instagram:before {
  content: "\f16d"; }

.icon-flickr:before {
  content: "\f16e"; }

.icon-adn:before {
  content: "\f170"; }

.icon-bitbucket:before {
  content: "\f171"; }

.icon-bitbucket-sign:before {
  content: "\f172"; }

.icon-tumblr:before {
  content: "\f173"; }

.icon-tumblr-sign:before {
  content: "\f174"; }

.icon-long-arrow-down:before {
  content: "\f175"; }

.icon-long-arrow-up:before {
  content: "\f176"; }

.icon-long-arrow-left:before {
  content: "\f177"; }

.icon-long-arrow-right:before {
  content: "\f178"; }

.icon-apple:before {
  content: "\f179"; }

.icon-windows:before {
  content: "\f17a"; }

.icon-android:before {
  content: "\f17b"; }

.icon-linux:before {
  content: "\f17c"; }

.icon-dribbble:before {
  content: "\f17d"; }

.icon-skype:before {
  content: "\f17e"; }

.icon-foursquare:before {
  content: "\f180"; }

.icon-trello:before {
  content: "\f181"; }

.icon-female:before {
  content: "\f182"; }

.icon-male:before {
  content: "\f183"; }

.icon-gittip:before {
  content: "\f184"; }

.icon-sun:before {
  content: "\f185"; }

.icon-moon:before {
  content: "\f186"; }

.icon-archive:before {
  content: "\f187"; }

.icon-bug:before {
  content: "\f188"; }

.icon-vk:before {
  content: "\f189"; }

.icon-weibo:before {
  content: "\f18a"; }

.icon-renren:before {
  content: "\f18b"; }

#wrapper {
  flex: 1;
  display: flex;
  max-width: var(--page-max-width);
  margin: 0 auto;
  min-height: 100%;
  position: relative;
  background-color: var(--secondary-dark); }

#MainContainer {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  /*height: 100%;*/ }

#MainContainer > div:nth-last-child(2) {
  flex-grow: 1; }

body:not(.homepagepage.web) #MainContainer > div:nth-last-child(2) {
  background-color: var(--overlay-bg); }

div#footer_container {
  margin-top: auto; }

div.maincontainer {
  height: 100%;
  min-height: 100%; }

/* CLEARFIX */
div.clearfix {
  width: 100%;
  clear: both; }

div.clearfix hr {
  display: none; }

/***********************************************************/
/* SMOOTH IMAGE SCALING ************************************/
/***********************************************************/
/*
img[src$=".gif"],
img[src$=".png"] {
  
  -ms-interpolation-mode: nearest-neighbor;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: -webkit-crisp-edges;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: crisp-edges;
}
*/
/***********************************************************/
/* TOOLTIP STYLES ******************************************/
/***********************************************************/
#tooltip {
  width: 150px;
  position: absolute;
  display: none; }

#tooltip .ttop {
  background-image: url("/_assets/css/images/tooltip_01.gif");
  background-repeat: no-repeat;
  height: 20px; }

#tooltip .tmiddle {
  background-image: url("/_assets/css/images/tooltip_02.gif");
  background-repeat: repeat-y;
  background-position: bottom left;
  padding-left: 25px;
  padding-right: 12px; }

#tooltip .tmiddle span {
  position: relative;
  top: -10px;
  font-size: 13px; }

#tooltip .tbottom {
  background-image: url("/_assets/css/images/tooltip_03.gif");
  background-repeat: no-repeat;
  background-repeat: no-repeat;
  height: 6px;
  position: relative;
  top: 0px; }

/***********************************************************/
/* HEADERMESSAGE
/***********************************************************/
#message {
  background: #1e1e1e;
  /* Old browsers */
  display: none; }

#message h1 {
  color: var(--primary);
  font-size: 1.25rem;
  font-weight: bold;
  padding-bottom: 0.25rem; }

#message p {
  padding-bottom: 0.25rem; }

#message .content {
  color: var(--neutral);
  padding: 1rem 1rem 1px 1rem;
  font-size: 1rem;
  line-height: 1.15rem; }

#message .content a.link {
  color: var(--primary); }

#message .action {
  padding: 1rem;
  display: flex;
  justify-content: center; }

/***********************************************************/
/* SUBNOTES
/***********************************************************/
div.subnote.medium p {
  line-height: 18px;
  font-size: 12px; }

/***********************************************************/
/* BONI ALERT
/***********************************************************/
div.textAlert {
  background: #2d8a00;
  padding: 15px 15px;
  margin: 15px 0px; }

span.textAlertContent {
  color: #fff;
  font-weight: bold;
  font-size: 18px; }

/***********************************************************/
/* QUICK HELP ICON
/***********************************************************/
div.quickHelpIcon {
  font-family: "FontAwesome";
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  *margin-right: 4px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 4px;
  color: #878787; }

div.quickHelpIcon:before {
  content: "\f059"; }

/*
tr.header div.quickHelpIcon {
  width: 10px;
  height: 10px;
}
*/
/***********************************************************/
/* BUTTONS
/***********************************************************/
div.btn.numb {
  /*border-top: 1px solid #ffef7c;
  border-bottom: 1px solid #ffef7c;
  border-left: 1px solid #ffef7c;
  border-right: 1px solid #ffef7c;
  background: #ffef7c;*/
  background: none;
  color: #000000; }

a.btn {
  display: inline-block;
  /*font-size: 75%;*/
  margin: 0;
  /*2px;*/
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  width: auto;
  text-align: center;
  text-decoration: none;
  /*margin: 1px 1px 1px 1px;
  padding: 1px;
  width: 90%;*/
  /*border-top: 1px solid #333333;
  border-bottom: 1px solid #000000;
  border-left: 1px solid #333333;
  border-right: 1px solid #000000;
  */
  -moz-border-radius: 2px 2px 2px 2px;
  -webkit-border-radius: 2px 2px 2px 2px;
  border-radius: 2px 2px 2px 2px;
  /*background: #333333;*/
  /*text-align: center;
  text-decoration: none;*/
  color: #ffffff; }

a.btn:link,
a.btn:visited {
  /*margin: 1px 1px 1px 1px;*/
  width: 90%;
  /*
  border-top: 1px solid #333333;
  border-bottom: 1px solid #000000;
  border-left: 1px solid #333333;
  border-right: 1px solid #000000;
  */
  /*background: #333333;*/
  text-align: center;
  text-decoration: none;
  color: #ffffff; }

a.btn.yellow:link,
a.btn.yellow:visited {
  /*border-top: 1px solid #D2D2D2;
  border-bottom: 1px solid #5A5A5A;
  border-left: 1px solid #D2D2D2;
  border-right: 1px solid #5A5A5A;*/
  background: #ffc400;
  /*#ffef7c url(/images/buttons/btn-yellow.gif) top right repeat-x;*/
  color: #000000; }

a.btn.yellow:hover {
  background: #ffecb3;
  /*#fffdc7 url(/images/buttons/btn-yellow-over.gif) top right repeat-x;*/ }

a.btn.yellow:active {
  border: 1px solid #ffecb3; }

a.btn.yellow.markUp:link,
a.btn.yellow.markUp:visited {
  /*marked button UP*/
  background: #ffecb3;
  /*#ffef7c url(/images/buttons/btn-yellow-mark-up.gif) top right no-repeat;*/
  color: #000000; }

a.btn.yellow.markUp:hover {
  background: #ffecb3;
  /*#fffdc7 url(/images/buttons/btn-yellow-over-mark-up.gif) top right no-repeat;*/ }

a.btn.yellow.markDn:link,
a.btn.yellow.markUp:visited {
  /*marked button DOWN*/
  background: #ffecb3;
  /*#ffef7c url(/images/buttons/btn-yellow-mark-dn.gif) top right no-repeat;*/
  color: #000000; }

a.btn.yellow.markDn:hover {
  background: #fffdc7 url(/images/buttons/btn-yellow-over-mark-dn.gif) top right no-repeat; }

a.btn.black:link,
a.btn.black:visited {
  border-top: 1px solid #333333;
  border-bottom: 1px solid #000000;
  border-left: 1px solid #333333;
  border-right: 1px solid #000000;
  background: #353536;
  /*background: #bbbbbb url(/images/buttons/btn-black.gif) top right repeat-x;*/
  color: #ffffff; }

a.btn.black:hover {
  background: #000000;
  /*#e1e1e1 url(/images/buttons/btn-black-over.gif) top right repeat-x;*/ }

a.btn.black:active {
  border-bottom: 1px solid #eeeeee;
  border-top: 1px solid black;
  border-right: 1px solid #eeeeee;
  border-left: 1px solid black; }

a.btn.numb:link,
a.btn.numb:visited {
  border-top: 1px solid #ffef7c;
  border-bottom: 1px solid #ffef7c;
  border-left: 1px solid #ffef7c;
  border-right: 1px solid #ffef7c;
  background: #ffef7c;
  color: #000000; }

a.btn.numb:hover {
  background: #ffef7c; }

a.btn.selected:link,
a.btn.selected:visited {
  /*border-top: 1px solid #333333;
  border-bottom: 1px solid #000000;
  border-left: 1px solid #333333;
  border-right: 1px solid #000000;*/
  /*background: #bbbbbb url(/images/buttons/btn-black.gif) top right repeat-x;*/
  background: #353536;
  color: #ffffff;
  font-weight: 700; }

a.btn.selected:hover {
  background: #000000;
  /*#e1e1e1 url(/images/buttons/btn-black-over.gif) top right repeat-x;*/ }

a.btn.selected:active {
  border-bottom: 1px solid #eeeeee;
  border-top: 1px solid black;
  border-right: 1px solid #eeeeee;
  border-left: 1px solid black; }

a.btn.sorted:link,
a.btn.sorted:visited {
  border-top: 1px solid #333333;
  border-bottom: 1px solid #000000;
  border-left: 1px solid #333333;
  border-right: 1px solid #000000;
  background: #353536;
  /*#bbbbbb url(/images/buttons/btn-sorted.gif) top right repeat-x;*/
  color: #000000;
  font-weight: 700; }

a.btn.sorted:hover {
  background: #000000;
  /*#e1e1e1 url(/images/buttons/btn-sorted-over.gif) top right repeat-x;*/ }

a.btn.sorted:active {
  border-bottom: 1px solid #eeeeee;
  border-top: 1px solid black;
  border-right: 1px solid #eeeeee;
  border-left: 1px solid black; }

a.btn.sortedSelected:link,
a.btn.sortedSelected:visited {
  border-top: 1px solid #333333;
  border-bottom: 1px solid #000000;
  border-left: 1px solid #333333;
  border-right: 1px solid #000000;
  background: #353536;
  /*#bbbbbb url(/images/buttons/btn-sorted-selected.gif) top right repeat-x;*/
  color: #ffffff;
  font-weight: 700; }

a.btn.sortedSelected:hover {
  background: #000000;
  /*#e1e1e1 url(/images/buttons/btn-sorted-selected-over.gif) top right repeat-x;*/ }

a.btn.sortedSelected:active {
  border-bottom: 1px solid #eeeeee;
  border-top: 1px solid black;
  border-right: 1px solid #eeeeee;
  border-left: 1px solid black; }

a.cbtn {
  display: inline-block;
  margin: 1px 1px 1px 1px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 3px;
  padding-bottom: 3px;
  width: auto;
  text-align: center;
  text-decoration: none;
  vertical-align: middle; }

a.cbtn.icnButton {
  font-size: 100%;
  text-align: center;
  text-decoration: none;
  line-height: 120%; }

a.cbtn.icnButton img {
  margin-right: 5px; }

a.cbtn.icnButton div {
  display: block; }

a.cbtn.black:link,
a.cbtn.black:visited {
  /*border-top: 1px solid #333333;
  border-bottom: 1px solid #000000;
  border-left: 1px solid #333333;
  border-right: 1px solid #000000;*/
  background: #353536;
  /*#bbbbbb url(/images/buttons/btn-black.gif) bottom right repeat-x;*/
  color: #ffffff; }

a.cbtn.black:hover {
  background: #000000;
  /*#e1e1e1 url(images/buttons/btn-black-over.gif) bottom right repeat-x;*/ }

a.cbtn.black:active {
  /*border: 1px solid black;*/ }

a.cbtn.yellow:link,
a.cbtn.yellow:visited {
  border-top: 1px solid #333333;
  border-bottom: 1px solid #000000;
  border-left: 1px solid #333333;
  border-right: 1px solid #000000;
  background: #ffef7c url(/images/buttons/btn-yellow.gif) top right repeat-x;
  color: #000000; }

a.cbtn.yellow:hover {
  background: #fffdc7 url(/images/buttons/btn-yellow-over.gif) top right repeat-x; }

a.cbtn.yellow:active {
  /*border-bottom: 1px solid #eeeeee;
  border-top: 1px solid black;
  border-right: 1px solid #eeeeee;
  border-left: 1px solid black;*/ }

a.smallBtn {
  display: inline-block;
  font-size: 60%;
  margin: 1px 1px 1px 1px;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 2px;
  padding-bottom: 2px;
  width: auto;
  text-align: center;
  text-decoration: none; }

a.smallBtn.black:link,
a.smallBtn.black:visited {
  /*border-top: 1px solid #333333;
  border-bottom: 1px solid #000000;
  border-left: 1px solid #333333;
  border-right: 1px solid #000000;*/
  background: #353536;
  /*background: #bbbbbb url(/images/buttons/btn-black.gif) top right repeat-x;*/
  color: #ffffff; }

a.smallBtn.black:hover {
  background: #000000;
  /*background: #e1e1e1 url(/images/buttons/btn-black-over.gif) top right repeat-x;*/ }

a.smallBtn.black:active {
  /*border-bottom: 1px solid #eeeeee;
  border-top: 1px solid black;
  border-right: 1px solid #eeeeee;
  border-left: 1px solid black;*/ }

a.cbtn5px {
  display: inline-block;
  font-size: 75%;
  margin: 5px;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 3px;
  padding-bottom: 3px;
  width: auto;
  text-align: center;
  text-decoration: none; }

a.cbtn5px.black:link,
a.cbtn5px.black:visited {
  /*border-top: 1px solid #333333;
  border-bottom: 1px solid #000000;
  border-left: 1px solid #333333;
  border-right: 1px solid #000000;*/
  background: #353536;
  /*#bbbbbb url(/images/buttons/btn-black.gif) top right repeat-x;*/
  color: #ffffff; }

a.cbtn5px.black:hover {
  background: #000000;
  /*#e1e1e1 url(/images/buttons/btn-black-over.gif) top right repeat-x;*/ }

a.cbtn5px.black:active {
  /*border-bottom: 1px solid #eeeeee;
  border-top: 1px solid black;
  border-right: 1px solid #eeeeee;
  border-left: 1px solid black;*/ }

/***********************************************************/
/* COLLAPSIBLE PANEL
/***********************************************************/
span.gameSeriesData {
  position: relative;
  right: 0px; }

div.cPanel {
  float: left;
  /*position: relative;*/
  margin: 0 0;
  margin-bottom: 15px;
  padding: 0;
  width: 100%;
  height: auto;
  display: block;
  font-size: 1em; }

table.cPanel {
  float: left;
  position: relative;
  margin-bottom: 5px;
  padding: 0;
  width: 100%;
  font-size: 1em; }

table td.cPanelHeader {
  float: left;
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%;
  background: #9e9e9e;
  color: #ffffff;
  border-top: 1px solid #555;
  font-size: 1em;
  line-height: 1.4em;
  padding: 0.25em;
  padding-left: 0.5em; }

table.cPanelContent {
  float: left;
  padding: 0 0 0 0;
  position: relative;
  width: 100%;
  background: #ffffff; }

div.cPanelContent.hidden {
  display: none; }

div.cPanelHeaderBTN {
  float: left;
  padding: 0em; }

div.cPanelHeaderBTN img {
  border: none;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  padding: 0.25em; }

div.cPanelHeader {
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%;
  color: var(--primary);
  /*border-left: 8px solid #144372;*/ }

div.cPanelHeader.noBrd {
  border: none; }

div.cPanelHeader.noBkg {
  background: none; }

div.cPanelHeaderTXT,
div.cPanelHeaderBtnTXT {
  display: inline-block;
  font-weight: normal;
  padding: 0.5em 0em; }

div.cPanelHeaderTXT span,
div.cPanelHeaderBtnTXT span {
  font-weight: bold;
  padding: 0em;
  font-size: 1em;
  text-transform: uppercase; }

div.cPanelHeaderTXT h1,
div.cPanelHeaderBtnTXT h1 {
  display: block;
  font-weight: bold;
  font-size: 1em;
  text-transform: uppercase;
  padding-left: 0.5em;
  padding-right: 1em; }

div.cPanelHeaderTXT span.gameSeriesData,
div.cPanelHeaderBtnTXT span.gameSeriesData {
  font-size: 0.8em;
  line-height: 1.5em;
  font-weight: normal;
  margin-right: 1em;
  float: right; }

div.cPanelContent {
  float: left;
  padding: 0;
  width: 100%;
  height: auto;
  background: #ffffff;
  font-size: 1em; }

div.cPanelContent.grey {
  background: #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
  -moz-box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.2);
  box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.2); }

div.cPanelContent.yellowBkg {
  background: #fcc600;
  border: none; }

div.cPanelContent.noBorder {
  border: none; }

div.cPanelArrowExpandBTN {
  cursor: pointer;
  background-image: url(/_assets/images/icn-panel-expand.svg);
  background-size: contain;
  /*position: absolute;
  right: 0px;
  top: 0px;*/
  width: 1.5em;
  height: 1.5em;
  margin-left: auto; }

div.cPanelArrowContractBTN {
  cursor: pointer;
  background-image: url(/_assets/images/icn-panel-contract.svg);
  background-size: contain;
  width: 1.5em;
  height: 1.5em;
  margin-left: auto; }

div.cPanelCloseBTN {
  cursor: pointer;
  background-image: url(/_assets/images/icn-panel-close.svg);
  width: 1.5em;
  height: 1.5em;
  float: right; }

div.cEmptyPanel {
  margin: 0px;
  padding: 0;
  width: auto;
  text-align: center;
  clear: both;
  font-size: 1em; }

div.cEmptyPanel.left {
  text-align: left; }

div.cEmptyPanel.right {
  text-align: right; }

div.cEmptyPanel.left5px {
  text-align: left;
  margin: 5px; }

div.cEmptyPanel.right5px {
  text-align: right;
  margin: 5px; }

div.cEmptyPanel.normal3px {
  margin: 3px;
  /*margin-top: 600px;*/ }

div.cEmptyPanel.left3px {
  text-align: left;
  margin: 3px; }

div.cEmptyPanel.right3px {
  text-align: right;
  margin: 3px; }

div.cEmptyPanel.normal5px {
  margin: 5px;
  /*margin-top: 600px;*/ }

div.cEmptyPanel.normal10px {
  margin: 10px;
  /*margin-top: 600px;*/ }

div.cEmptyPanel span.pageSorter a,
div.cEmptyPanel span.pageSorter a:link,
div.cEmptyPanel span.pageSorter a:visited {
  line-height: 1.2em;
  color: #333333;
  text-decoration: none;
  background-color: transparent;
  border-color: #333333;
  border-bottom-width: 1px;
  border-left-width: 0px;
  border-right-width: 0px;
  border-top-width: 0px;
  border-style: dotted;
  vertical-align: middle;
  *text-decoration: underline;
  *border: none; }

div.cEmptyPanel span.pageSorter a:hover {
  color: #cccccc;
  background-color: #333333;
  text-decoration: none; }

div.cEmptyPanel span.pageSorter a.current,
div.cEmptyPanel span.pageSorter a.current:link,
div.cEmptyPanel span.pageSorter a.current:visited,
div.cEmptyPanel span.pageSorter a.current:hover {
  color: #000000;
  background-color: transparent;
  text-decoration: none;
  border-bottom-width: 0px;
  font-weight: bold; }

div.cEmptyPanel div.cbtn5px {
  font-size: 120%; }

/***********************************************************/
/* HEADER STYLES
/***********************************************************/
/*div.maincontainer {
  margin-top: 120px !important;
}*/
input {
  -moz-border-radius: 2px 2px 2px 2px;
  -webkit-border-radius: 2px 2px 2px 2px;
  border-radius: 2px 2px 2px 2px; }

div#headerwrapper {
  z-index: 20;
  position: fixed;
  top: 0px;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 100%;
  max-width: var(--page-max-width);
  box-shadow: 0 5px 5px var(--shadow-color-trans-200); }

div#headercontent {
  position: relative;
  background: var(--header-main-bg); }

div#header {
  display: flex;
  padding: 0 1rem;
  height: var(--main-menu-height);
  align-items: center;
  /*padding: 0px 1em;*/ }

div#headercenter {
  display: flex;
  flex: 1;
  padding: 0px 16px; }

div#header_logo {
  width: auto;
  display: flex; }

.header-page-title {
  padding-left: 0.25rem; }

.header-page-title span {
  font-size: 0.85rem;
  color: var(--header-main-color); }

div#header_logo div.logo_links {
  width: auto;
  display: block;
  /*margin-bottom: 0.25em;*/ }

div#header_logo div.logo_links ul.logo_links_list a {
  font-size: 0.75em;
  text-decoration: underline;
  color: #757575;
  text-decoration: none; }

div#header_logo div.logo_links ul.logo_links_list a:hover {
  color: #000000;
  text-decoration: underline; }

div#header_logo div.logo_links ul.logo_links_list li {
  display: inline;
  margin-right: 0.5em; }

div#header_logo div.logo_div {
  display: inline-block; }

div#header_logo div.logo_div img {
  border: none;
  width: 180px; }
  @media only screen and (max-width: 512px) {
    div#header_logo div.logo_div img {
      height: 1.5rem;
      width: auto; } }

@media only screen and (max-width: 512px) {
  div#header_logo div.logo_div img:not(.emptyTitle) {
    height: 1.5rem;
    width: auto; }
  div#header_logo div.logo_div img.emptyTitle {
    height: 3.5rem;
    width: auto; } }

div#header_logo div.links_div {
  position: relative;
  display: inline-block;
  vertical-align: bottom; }

div#header_logo div.links_div a.social-link {
  font-size: 24px;
  line-height: 48px;
  margin-left: 4px;
  margin-right: 4px;
  padding-top: 14px;
  color: #808080;
  text-decoration: none; }

div#header_logo a.social-link.facebook:hover {
  color: #3b5998; }

div#header_logo a.social-link.twitter:hover {
  color: #55acee; }

div#header_logo #header_page_title {
  display: none;
  justify-content: center;
  align-items: center;
  font-size: 1rem;
  color: var(--secondary); }
  @media only screen and (max-width: 512px) {
    div#header_logo #header_page_title {
      display: flex; } }

div#header_icons {
  display: none;
  float: right;
  width: auto;
  height: 64px;
  left: 0px;
  bottom: 0px;
  display: block; }

div.badge {
  position: absolute;
  top: 0px;
  right: 0px;
  background-color: var(--badge-ticket-bg);
  color: var(--badge-ticket-color);
  border-radius: 20px;
  line-height: 20px;
  width: 20px;
  border: 1px solid var(--badge-ticket-border-color); }

div#icn_cart .badge {
  position: absolute;
  font-size: 12px;
  right: 0.25em;
  top: 0.25em;
  font-weight: bold;
  color: var(--badge-ticket-color);
  text-align: center; }

div#switch_theme .switchThemeIcon {
  font-size: 24px;
  color: var(--header-main-color);
  cursor: pointer; }

div#icn_cart .cartIcon {
  font-size: 24px;
  color: var(--header-main-color);
  cursor: pointer; }

/*
  div#icn_cart:hover {
    background-image: url(/images/header2016/icn-cart-header.png);
    background-color: #FFFF55;
    background-repeat: no-repeat;
    background-position: 50% 50%;
  }
  */
div#icn_help {
  float: right;
  display: block;
  width: 64px;
  height: 64px;
  border-right: 1px solid #000;
  padding: 4px 8px;
  background-image: url(/images/header2016/icn-help-header.png);
  background-repeat: no-repeat;
  background-position: 50% 20%; }

div#icn_help:hover {
  background-image: url(/images/header2016/icn-help-header.png);
  background-color: #ffff55; }

div#icn_help a {
  display: block;
  color: #000;
  line-height: 112px;
  font-size: 13px;
  vertical-align: bottom;
  text-align: center;
  /*text-shadow: 1px 1px 3px #969696;*/
  text-decoration: none; }

div#icn_help a:hover {
  color: #000;
  /*text-shadow: 1px 1px 2px #fff;*/ }

div#header_cart,
div#switch_theme {
  margin-left: 0.5rem; }

div#header_login {
  padding: 0;
  margin: 0;
  flex: 1;
  justify-content: flex-end;
  display: flex; }

div#header_login .header_responsible {
  line-height: 2em;
  margin: 0 1em;
  padding: 0 1em;
  color: var(--header-main-color); }

div#header_login .header_responsible:hover {
  line-height: 2em;
  margin: 0 1em;
  background-color: var(--header-main-color);
  color: var(--header-main-color-negative); }

div#header_login .header_responsible:hover a {
  color: var(--header-main-color-negative); }

div#header_login .header_responsible a {
  text-decoration: none;
  line-height: 2em;
  color: var(--header-main-color); }

/***********************************************************/
/* LOGIN FORM
/***********************************************************/
#loginForm div#loginLinks {
  display: block;
  width: auto;
  background: none; }

#loginForm div#loginLinks a.forgot {
  text-align: left;
  font-size: 0.75em;
  text-decoration: underline;
  color: var(--header-main-color); }

#loginForm div#loginLinks a.forgot:hover {
  color: #000000; }

#loginForm div.loginGroup {
  float: left;
  display: flex;
  width: auto; }

#loginForm div.userdata {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  margin: 0 0;
  padding: 0 0; }

/*div #loginForm-userdata*/
#loginForm div.userdata div.user {
  display: inline-block;
  vertical-align: middle;
  width: 8em;
  margin: 0 0.25em 0 0; }

/*div #loginForm-userdata*/
#loginForm div.userdata div.password {
  display: inline-block;
  vertical-align: middle;
  width: 8em;
  margin: 0 0.25em 0 0; }

#loginForm div.userdata div.user input.input-user {
  background: #ffffff;
  border: none;
  width: 100%;
  height: 2.125em;
  border: 1px solid var(--header-main-color);
  padding: 0.25em;
  font-size: 0.875em; }

#loginForm div.userdata div.password input.input-pwd {
  background: #ffffff;
  border: none;
  width: 100%;
  height: 2.125em;
  border: 1px solid var(--header-main-color);
  padding: 0.25em;
  font-size: 0.875em; }

#loginForm div.loginBtn {
  display: inline-block;
  vertical-align: middle;
  width: 6em;
  -moz-border-radius: 2px 2px 2px 2px;
  -webkit-border-radius: 2px 2px 2px 2px;
  border-radius: 2px 2px 2px 2px;
  border: 2px solid var(--header-main-color);
  margin: 0 0.25em 0 0; }

#loginForm div.loginBtn:hover {
  background: var(--header-main-color);
  color: var(--header-main-color-negative); }

#loginForm div.loginBtn a {
  width: 100%;
  vertical-align: middle;
  text-align: center;
  text-decoration: none;
  line-height: 2em;
  font-weight: bolder;
  color: var(--secondary); }

#loginForm div.loginBtn a:hover {
  color: var(--header-main-color); }

#loginForm div.loginBtn p {
  line-height: 2em;
  font-size: 0.875em;
  font-weight: normal;
  vertical-align: center;
  text-align: center;
  color: var(--header-main-color); }

#loginForm div.loginBtn p:hover {
  line-height: 2em;
  font-size: 0.875em;
  font-weight: normal;
  vertical-align: center;
  text-align: center;
  color: var(--header-main-color-negative); }

#loginForm div.icnUser i {
  font-size: 26px;
  color: var(--header-main-color);
  cursor: pointer;
  padding-right: 0.5rem; }

#loginForm div.newuser {
  vertical-align: middle;
  width: 6em;
  -moz-border-radius: 2px 2px 2px 2px;
  -webkit-border-radius: 2px 2px 2px 2px;
  border-radius: 2px 2px 2px 2px;
  background: transparent;
  border: 2px solid var(--header-main-color);
  color: var(--header-main-color);
  margin: 0 0.25em 0 0; }

@media screen and (min-width: 1024px) {
  #loginForm div.newuser {
    display: inline-block; } }

#loginForm div.newuser:hover {
  background: var(--header-main-color); }

#loginForm div.newuser p {
  color: var(--header-main-color);
  line-height: 2em;
  font-size: 0.875em;
  font-weight: normal;
  vertical-align: center;
  text-align: center; }

#loginForm div.newuser p:hover {
  color: #ffffff; }

#loginForm div.newuser a {
  text-decoration: none;
  line-height: 2em; }

#loginForm div.pozabilSemBtn {
  vertical-align: middle;
  width: 6em;
  background: transparent;
  border: 0;
  color: var(--header-main-color);
  margin: 0 0.25em 0 0;
  padding: 2px 0px; }

@media screen and (min-width: 1024px) {
  #loginForm div.pozabilSemBtn {
    display: inline-block; } }

#loginForm div.pozabilSemBtn:hover {
  background: var(--header-main-color); }

#loginForm div.pozabilSemBtn p {
  color: var(--header-main-color);
  line-height: 2em;
  font-size: 0.875em;
  font-weight: normal;
  vertical-align: center;
  text-align: center; }

#loginForm div.pozabilSemBtn p:hover {
  color: var(--header-main-color-negative); }

#loginForm div.pozabilSemBtn a {
  text-decoration: none;
  line-height: 2em; }

/***********************************************************/
/* LOGOUT FORM
/***********************************************************/
div #logoutForm {
  padding: 0;
  font-size: 0.875em;
  display: flex; }

div #logoutForm #user-details {
  width: 100%;
  display: flex;
  align-items: center;
  color: var(--header-main-color); }

div #logoutForm div.userdata {
  display: flex;
  vertical-align: middle;
  height: 56px; }

div #logoutForm div.userdata div.user {
  display: inline-block;
  width: 49%; }

div #logoutForm div.userdata div.funds {
  display: inline-block;
  width: 49%; }

div #logoutForm #funds-details {
  width: 100%; }

div #logoutForm div.userdata div.user p.username-label {
  height: 2em;
  color: #424242;
  line-height: 2em;
  font-size: 0.75em;
  text-align: left; }

div #logoutForm div.userdata div.funds p.funds-label {
  height: 2em;
  color: #424242;
  line-height: 2em;
  font-size: 0.75em;
  text-align: left; }

div #logoutForm div.userdata div.user div.username-text {
  font-size: 16px;
  text-align: right;
  white-space: nowrap;
  padding-right: 0.5rem;
  display: flex;
  flex-direction: column;
  line-height: normal;
  justify-content: center;
  height: 56px;
  color: var(--header-main-color); }

div #logoutForm div.userdata div.user div.username-menu-icon {
  align-items: center; }

div #logoutForm div.userdata div.user div.username-menu-icon i {
  font-size: 24px;
  color: var(--header-main-color) !important; }

div #logoutForm div.kontodata {
  display: inline-block;
  height: 2em; }

div #logoutForm div.kontodata a {
  display: inline-block;
  width: 6em;
  height: 2em;
  line-height: 2em;
  text-decoration: none;
  text-align: center;
  -moz-border-radius: 2px 2px 2px 2px;
  -webkit-border-radius: 2px 2px 2px 2px;
  border-radius: 2px 2px 2px 2px;
  margin: 0 0.25em 0 0;
  background: transparent;
  border: 1px solid var(--header-main-color);
  color: var(--header-main-color); }

/*
div #logoutForm div.kontodata a.konto:hover {
  background: var(--header-main-color) !important;
  color: var(--header-main-color-negative) !important;
}

div #logoutForm div.kontodata a.payin:hover {
  background: var(--header-main-color) !important;
  color: var(--header-main-color-negative) !important;
}

div #logoutForm div.kontodata a.payout:hover {
  background: var(--header-main-color) !important;
  color: var(--header-main-color-negative) !important;
}
*/
div #logoutForm div.logoutBtn {
  display: inline-block;
  width: 6em;
  height: 2em;
  line-height: 2em;
  text-decoration: none;
  color: var(--header-main-color-negative);
  text-align: center;
  -moz-border-radius: 2px 2px 2px 2px;
  -webkit-border-radius: 2px 2px 2px 2px;
  border-radius: 2px 2px 2px 2px;
  background: var(--header-main-color);
  border: 1px solid var(--header-main-color);
  color: var(--header-main-color); }

div #logoutForm div.logoutBtn:hover {
  background: var(--header-main-color); }

div #logoutForm div.logoutBtn a {
  width: 100%;
  color: var(--header-main-color-negative);
  font-weight: bold;
  text-decoration: none; }

/***********************************************************/
/* TOP MENU
/***********************************************************/
div#menucenter {
  margin: 0 auto; }

/************* MAIN MENU ********************/
div#menu-links {
  font-size: var(--font-menu);
  font-weight: normal;
  margin: 0 auto;
  display: flex;
  background: var(--header-menu-bg); }

div#menu-links-content {
  margin: 0 auto;
  flex: 1; }

div#menu-links-content-middle {
  width: auto; }

div#menu-links-content-middle li.dropdown a.dropbtn::after {
  content: "\23f7"; }

#menu-links-responsible {
  width: auto;
  font-size: 2rem;
  display: flex;
  margin: 0 1rem; }
  #menu-links-responsible > a {
    display: flex;
    align-items: center; }
    #menu-links-responsible > a > img {
      max-height: 24px; }
      #menu-links-responsible > a > img.responsible-18plus {
        display: inline-block; }
      #menu-links-responsible > a > img.responsible-text {
        display: none; }

@media screen and (min-width: 1080px) {
  #menu-links-responsible > a > img.responsible-text {
    display: inline-block; } }

#menu-links-social {
  width: auto;
  font-size: 2rem; }
  #menu-links-social > li {
    display: inline-block;
    color: var(--main-menu-color);
    height: var(--main-menu-height);
    line-height: var(--main-menu-height);
    padding-right: 16px; }
    #menu-links-social > li > a {
      color: var(--main-menu-color); }
  #menu-links-social span {
    display: none; }
  #menu-links-social .social-facebook a:before {
    font-family: "FontAwesome";
    content: "\f082";
    display: inline-block; }
  #menu-links-social .social-tweeter a:before {
    font-family: "FontAwesome";
    content: "\f081";
    display: inline-block; }
  #menu-links-social .social-linkedin a:before {
    font-family: "FontAwesome";
    content: "\f08c";
    display: inline-block; }
  #menu-links-social .social-instagram a:before {
    font-family: "FontAwesome";
    content: "\f16d";
    display: inline-block; }
  #menu-links-social .social-youtube a:before {
    font-family: "FontAwesome";
    content: "\f167";
    display: inline-block; }

div#menu-links-content ul {
  padding: 0;
  margin: 0 auto; }

div#menu-links-content ul li {
  display: inline-block;
  margin: 0;
  padding: 0;
  text-align: center;
  height: var(--header-menu-dropdown-item-height); }

div#menu-links-content-middle > ul > li > a {
  text-transform: uppercase; }

div#menu-links-content ul li a {
  overflow: hidden;
  display: inline-block;
  margin: 0;
  padding-left: 1rem;
  /*12px;*/
  padding-right: 1rem;
  /*20px;*/
  position: relative;
  color: var(--header-menu-color);
  line-height: var(--header-menu-height);
  text-decoration: none;
  font-size: var(--font-menu);
  font-weight: bold;
  border-bottom: solid 2px transparent; }

/* The container <div> - needed to position the dropdown content */
div#menu-links-content .dropdown {
  position: relative;
  display: inline-block; }

/************** SPECIAL MENU STYLES ********************/
div#menu-links-content ul > li.menu-new-item > a:before {
  margin-right: -2rem;
  margin-top: 0.5rem;
  position: absolute;
  padding: 0.25rem 0.25rem 0.25rem 0.25rem;
  content: 'NOVO';
  background: #ff0000;
  height: 0.2rem;
  font-size: 0.5rem;
  line-height: 0.25rem;
  color: #fff; }

div#menu-links-content ul > li.menu-new-item > ul > li.menu-new-item > a:before {
  content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAUCAYAAAD/Rn+7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAmJJREFUeNrsVj1PG0EQHZ99AQPnHwDkBzhpKCIndCkS0SGIhCiQCFKokECBhgKkOAVFGhChSOPCllIFidQIJOhI0kATPjoKkx9gIAQftjNv2DnOJxNsF9hFRlrdzezM7Ns3s3tH1OQSChpOT8+e82OrGcA5TkcocttkPt7TMGBW4glFMqnr92Yv8Z0A25JzFPvymR70vSjTVezep9SR+iQ2v1/L0CvR8ZReisVEb1/8IHr4cbwsLjozVR/AyKM4RRhEW3JeFlFdF3E4ud2boEL2xFsUIEu5nPjZfS/FFzbosCtY2BBnPeym6PRkRZBVl9jq7qLW8bEyW3T6OuHv5AKdz8zS2fiE6K1vxii/vilglFEFerm6JqwC5MXSisTlhkZM3Ov6AF7tfKci7xQJsGMvOOZ4i0Jc9hPWDcMAqeyBZeQo/Dzw5q+MP+x4B+i6GbxY/CgJlJEgu9pnEIAQwOsbHtOYyxu9mM0af+cmB5e5rh5UAUvBXbrffpiDMy+HBQdImNk/8BhEmdGbfqZ1AwCOOPQeNqmMlp2BWo48esYx5YH8SaXJfpYQVpVZLI6e9O5TBome0/IqUJQZdsfcCJg/f79Q/ZdEL2rdvSa3DUDXt1v4WMxskdlSP3/5w1y+SnMaF8ynF/U/vyQqwaRuhTLAp3BLPJgp+g5WtXE192CjpBKD70qHRzc90NVJ1ugIhQf78fVu7N8M999bfiy5g8MCLMzAQtwPLMc8lnns3fPfzHbIBw6nYrd08stjjiXNIwPHhv8PMsBdfvQYtjIAx8COm6IRGVySx1ceA/RfapO/AgwAqggLrZQKYjAAAAAASUVORK5CYII=); }

div#menu-links-content ul > li.menu-new-item > ul > li.menu-new-item > a {
  padding-right: 2px; }

div#menu-links-content ul li a:hover {
  background: var(--neutral-trans-500);
  border-bottom: solid 2px var(--neutral-trans-500);
  color: var(--secondary-darkest);
  /*
  background: url(images/header2012/header-menu-over-divider.png) right top no-repeat;
  text-shadow: 1px 1px #000;
  */ }

div#menu-links-content li > a.current {
  color: var(--header-menu-color-hi);
  height: var(--header-menu-height);
  border-bottom: solid 2px var(--header-menu-color-hi); }

div#menu-links-content div.dropdown-content ul > li > a.current {
  color: var(--header-menu-color-hi);
  height: var(--header-menu-item-height);
  border-bottom: solid 2px var(--header-menu-color-hi); }

/*
div#menu-links-content ul li a.last {
  background: none;
}
*/
/***********************************************************/
/* FOOTER *****************************************/
/***********************************************************/
/* Footer styles */
div#footer_push {
  height: 0;
  /*height: 32em;*/
  /*float: left;*/ }

div#footer_container {
  width: 100%;
  color: var(--color-bright);
  font-size: 8px;
  /*padding-bottom: 5rem;*/ }

div#footer {
  padding: 1.25rem;
  display: flex;
  flex-direction: row;
  /*
  border-top: solid 1px rgba(255, 255, 255, 0.3);
  border-bottom: solid 1px rgba(255, 255, 255, 0.3);
  */ }

@media screen and (max-width: 512px) {
  div#footer {
    flex-direction: column; }
  div#footer > div {
    padding-bottom: 1.25rem;
    text-align: center; } }

@media screen and (min-width: 512px) {
  div#footer .footerOdgovorno {
    text-align: end;
    width: 30%; } }

div#footer .footerOdgovorno img {
  height: 3rem;
  padding-bottom: 16px; }

@media screen and (min-width: 512px) {
  div#footer .footerSlLogo {
    text-align: start;
    width: 30%; } }

div#footer .footerSlLogo img {
  height: 3rem;
  padding-bottom: 16px; }

div#footer .footerLinks {
  flex: 1;
  text-align: center; }

div#footer .footerLinks a {
  color: #ffcc00;
  text-decoration: none; }

div#footer .footerLinks li {
  margin-bottom: 8px; }

/*
div#footer-logos img {
  height: 40px;
}
*/
div#footer-logos-content-middle {
  width: 100%; }

ul#footer-logos-content-middle-list {
  list-style-type: none; }

ul#footer-logos-content-middle-list li {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  padding: 0px 16px; }

div#footer-geotrust-certificate {
  height: 80px;
  width: 180px;
  display: inline-block; }

div#footer-geotrust-certificate img {
  margin-top: 8px;
  margin-left: 20px; }

/* FOOTER WARNINGS */
div#footer-warnings-container {
  width: 100%;
  margin: 1em;
  float: left;
  text-align: center; }

div#footer-warnings {
  width: 100%;
  text-align: center; }

div#footer-warnings-content-middle {
  margin: 0 auto; }

ul#footer-warnings-content-middle-list ul {
  list-style-type: none; }

ul#footer-warnings-content-middle-list li {
  display: inline-block;
  vertical-align: middle;
  padding: 0 1em; }

ul#footer-warnings-content-middle-list li div#footer-warning {
  margin: 0;
  padding: 0;
  width: 24em;
  text-align: left; }

div#footer-warning p.footer-warning-text {
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  color: var(--secondary);
  overflow: hidden;
  padding: 0;
  margin: 0; }

/* COMAPNY INFO */
div#footer-SL {
  width: 100%;
  float: left;
  text-align: center;
  border-top: 1px solid var(--secondary);
  border-bottom: 1px solid var(--secondary); }

div#footer-SL-content {
  height: auto;
  margin: 1em auto; }

ul#footer-SL-content-list {
  list-style-type: none; }

ul#footer-SL-content-list li {
  display: inline-block;
  vertical-align: middle;
  padding: 0 2em; }

ul#footer-SL-content-list li.SL-content-leftmost {
  border-right: 1px solid var(--secondary); }

ul#footer-SL-content-list li.SL-content-middle {
  border-right: 1px solid var(--secondary); }

ul#footer-SL-content-list li.SL-content-rightmost {
  border: none; }

div#footer-SL-content div#footer-SL-logo {
  width: 200px;
  height: 64px;
  vertical-align: middle; }

div#footer-SL-content div#footer-SL-slogan {
  width: 200px;
  height: 64px;
  vertical-align: middle; }

div#footer-SL-content div#footer-SL-text {
  width: 400px;
  height: 64px;
  position: relative; }

div#footer-SL-content div#footer-SL-text p {
  text-align: left;
  color: var(--secondary);
  font-size: 16px;
  position: absolute;
  bottom: 3px; }

div#footer-SL-company-text {
  width: 100%;
  float: left;
  text-align: center;
  border-bottom: 1px solid var(--secondary);
  padding-bottom: 1em;
  margin-bottom: 1em; }

div#footer-SL-company-text p.SL-company-text {
  text-align: center;
  font-size: 14px; }

div#footer-copyright {
  height: 4em;
  width: 100%;
  /*background-color: var(--color-dark-trans-800);*/ }

div#footer-copyright p.CopyrightText {
  font-size: 0.75em;
  padding-top: 2rem;
  color: #ffffff;
  text-align: center;
  height: 4em;
  width: 100%; }

/********** CLEARFIX ************/
div.clearfix {
  width: 100%;
  clear: both; }

div.clearfix hr {
  display: none !important; }

/*
div.displayCover {
  display: none;
  position: fixed;
  margin: 0;
  padding: 0;
  left: 0px;
  top: 0px;
  background: #000000;
  filter: alpha(Opacity=70);
  opacity: 0.7;
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
  z-index: 999;
}

div.alertDialog {
  display: none;
  position: fixed;
  top: 30%;
  left: 50%;
  width: 300px;
  height: auto;
  min-height: 100px;
  margin-left: -205px;
  padding: 10px 10px 10px 110px;
  z-index: 1000;
  background: #ffffff;
  border: 2px solid #e40000;
}

div.alertDialog p.alertTitle {
  font-size: 16px;
  line-height: 24px;
  color: #e40000;
  font-weight: 700;
}

div.alertDialog p.alertBody {
  font-size: 12px;
  line-height: 16px;
  color: #000000;
  font-weight: 100;
  min-height: 80px;
}

div.alertLeft {
  position: absolute;
  top: 0;
  left: 0;
  width: 100px;
  height: 100%;
  background: #e40000;
  padding: 0;
  margin: 0;
  border: none;
}

div.alertButton {
  float: right;
}

div.infoDialog {
  display: none;
  position: fixed;
  top: 30%;
  left: 50%;
  width: 300px;
  min-height: 100px;
  margin-left: -205px;
  padding: 10px 10px 10px 110px;
  z-index: 1000;
  background: #ffffff;
  border: 2px solid #8BC53E;
}

div.infoDialog p.infoTitle {
  font-size: 16px;
  line-height: 24px;
  color: #8BC53E;
  font-weight: 700;
}

div.infoDialog p.infoBody {
  font-size: 12px;
  line-height: 16px;
  color: #000000;
  font-weight: 100;
}

div.infoLeft {
  position: absolute;
  top: 0;
  left: 0;
  width: 100px;
  height: 100%;
  background: #8BC53E;
  padding: 0;
  margin: 0;
  border: none;
}

div.infoButton {
  position: absolute;
  text-align: right;
  right: 10px;
  bottom: 10px;
}

div.infoButtonOK {
  float: right;
}

div.infoButtonPreklici,
div.infoButtonCancel {
  float: right;
  margin-right: 20px;
}

*/
*,
html {
  font-family: "Roboto", sans-serif;
  /*letter-spacing: -0.025em;*/ }

body,
button,
input,
select,
textarea {
  font-family: "Roboto", sans-serif !important;
  /*letter-spacing: -0.025em;*/ }

/****************************************************/
/* COMMENT PANEL                                    */
/****************************************************/
div.commentContainer {
  display: flex;
  flex: 1;
  height: auto;
  padding: 10px;
  background: var(--secondary-darkest); }

div.commentPanel {
  display: flex;
  flex-direction: column;
  flex: 1; }

div.commentPic {
  position: relative;
  float: left;
  width: 190px;
  height: 150px;
  background: var(--secondary-darkest); }

div.commentImage {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 80px;
  height: 80px;
  background: #000000; }

div.commentTip {
  position: absolute;
  top: 0px;
  left: 80px;
  width: 90px;
  height: 60px;
  background: var(--primary);
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  text-align: center; }

div.commentTip span.tip {
  line-height: 40px;
  font-size: 32px;
  text-align: center;
  font-weight: 700;
  color: var(--secondary-darkest); }

div.commentTip span.tipMini {
  font-size: 14px;
  text-align: center;
  font-weight: 300;
  color: var(--secondary-darkest);
  margin-bottom: 10px; }

div.commentName {
  position: relative;
  top: 80px;
  left: 0px;
  width: 190px;
  height: 40px;
  padding-top: 15px; }

div.commentName span.name {
  font-size: 15px;
  font-weight: 700;
  color: var(--neutral);
  text-align: left;
  margin-left: 5px;
  margin-right: 5px; }

div.commentName span.titling {
  font-size: 12px;
  margin-left: 5px;
  margin-right: 5px; }

div.commentTxt {
  float: left;
  position: relative;
  top: 0px;
  left: 10px;
  width: 480px;
  height: auto;
  font-size: 14px;
  line-height: 18px;
  padding: 10px; }

div.commentTxt span.title {
  font-size: 24px;
  font-weight: 700;
  color: var(--neutral);
  text-align: left; }

div.commentTxt p {
  margin-top: 10px;
  color: var(--neutral);
  text-align: left; }

div.commentData {
  display: flex;
  flex: 1; }

div.commentData table {
  flex: 1; }

div.commentData table .left {
  text-align: left; }

div.commentData thead {
  background: #9e9e9e; }

div.commentData thead tr.header,
div.commentData thead tr.header th,
div.commentData thead tr.header th.left,
div.commentData thead tr.header th.center {
  /*background: #9E9E9E !important;*/
  /*border-top: 1px solid #9E9E9E;*/
  padding-top: 5px;
  padding-bottom: 5px; }

/****************************************************/
/* UI PAGER onTop                                   */
/****************************************************/
div.cPanelContent.uiPager.onTop {
  background: transparent !important;
  margin-bottom: 15px; }

div.cPanelContent.uiPager.onTop div.uiPagerContent {
  float: left;
  width: 100%;
  overflow: hidden;
  position: relative; }

div.cPanelContent.uiPager.onTop div.uiPagerContent ul {
  clear: left;
  float: left;
  list-style: none;
  margin: 0;
  padding: 0 0 8px 0;
  position: relative;
  left: 50%;
  text-align: center; }

div.cPanelContent.uiPager.onTop div.uiPagerContent ul li {
  display: block;
  float: left;
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
  right: 50%; }

div.cPanelContent.uiPager.onTop div.uiPagerContent ul li.controls {
  margin: 0 8px;
  display: block;
  padding: 5px 5px;
  text-decoration: none;
  width: 16px;
  height: 16px;
  line-height: 16px;
  font-size: 16px;
  color: var(--secondary); }

div.cPanelContent.uiPager.onTop div.uiPagerContent ul li a {
  display: block;
  margin: 0 0 0 1px;
  padding: 5px 5px;
  text-decoration: none;
  width: 16px;
  height: 16px;
  line-height: 16px;
  color: #ffffff;
  -moz-border-radius: 2px 2px 2px 2px;
  -webkit-border-radius: 2px 2px 2px 2px;
  border-radius: 2px 2px 2px 2px; }

div.cPanelContent.uiPager.onTop div.uiPagerContent ul li a:hover {
  color: #fff;
  background: var(--secondary); }

div.cPanelContent.uiPager.onTop div.uiPagerContent ul li a.active,
div.cPanelContent.uiPager.onTop div.uiPagerContent ul li a.active:hover {
  color: #fff;
  background: var(--secondary); }

div.cPanelContent.uiPager.onTop div.uiPagerContent ul li a.selected {
  color: #032642;
  background: var(--primary); }

/****************************************************/
/* UI PAGER                                         */
/****************************************************/
div.cPanelContent.uiPager {
  background: transparent !important;
  margin-bottom: 15px; }

div.cPanelContent.uiPager div.uiPagerContent {
  float: left;
  width: 100%;
  overflow: hidden;
  position: relative; }

div.cPanelContent.uiPager div.uiPagerContent ul {
  clear: left;
  float: left;
  list-style: none;
  margin: 0;
  padding: 0 0 8px 0;
  position: relative;
  left: 50%;
  text-align: center; }

div.cPanelContent.uiPager div.uiPagerContent ul li {
  display: block;
  float: left;
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
  right: 50%; }

div.cPanelContent.uiPager div.uiPagerContent ul li.controls {
  margin: 0 8px;
  display: block;
  padding: 5px 5px;
  text-decoration: none;
  width: 16px;
  height: 16px;
  line-height: 16px;
  font-size: 16px;
  color: var(--secondary); }

div.cPanelContent.uiPager div.uiPagerContent ul li a {
  display: block;
  margin: 0 0 0 1px;
  padding: 5px 5px;
  text-decoration: none;
  width: 16px;
  height: 16px;
  line-height: 16px;
  color: var(--neutral);
  -moz-border-radius: 2px 2px 2px 2px;
  -webkit-border-radius: 2px 2px 2px 2px;
  border-radius: 2px 2px 2px 2px; }

div.cPanelContent.uiPager div.uiPagerContent ul li a:hover {
  color: #fff;
  background: var(--secondary); }

div.cPanelContent.uiPager div.uiPagerContent ul li a.active,
div.cPanelContent.uiPager div.uiPagerContent ul li a.active:hover {
  color: #fff;
  background: var(--secondary); }

div.cPanelContent.uiPager div.uiPagerContent ul li a.selected {
  color: #fff;
  background: var(--secondary); }

/***********************************************************/
/* LOGIN MODAL DIALOG
/***********************************************************/
.loginModalContent {
  display: flex;
  flex-direction: column; }

.loginModalContent .loginModalName {
  font-size: 1rem;
  font-weight: bold;
  padding-bottom: 1rem; }

.loginModalContent .ticketsInPlay {
  background: var(--form-info);
  padding: 0.5rem;
  font-size: 0.85rem;
  text-align: center; }

.loginModalContent .lastLogin {
  padding-top: 0.5rem;
  font-size: 0.72rem;
  text-align: center; }

.loginModalContent .lastLogin {
  padding-top: 0.5rem;
  font-size: 0.72rem;
  text-align: center; }

.loginModalContent .inPlayValue {
  padding: 0 0.25rem;
  font-weight: bold;
  background: var(--primary); }

.loginModalContent .moreInfo a {
  color: var(--secondary-darkest);
  padding-left: 0.25rem; }

.loginModalContent .congrats {
  padding-bottom: 0.5rem; }

.loginModalContent .winnings {
  padding-bottom: 1rem; }

.loginModalContent .win {
  padding-bottom: 0.5rem; }

.loginModalContent .winValue {
  font-weight: bold; }

.loginModalContent .actions {
  font-weight: bold; }

/***********************************************************/
/* VIP PERCENT ACTIVE BANNER
/***********************************************************/
div.vipAd {
  margin-bottom: 15px;
  color: #ffffff;
  background: #ff0000;
  vertical-align: middle; }

div.vipAd div.vipAdText {
  display: inline-block;
  width: auto;
  font-size: 14px;
  margin: 3px;
  text-align: center; }

div.vipAd div.vipAdPercent {
  display: none; }

div.vipAd.loggedIn div.vipAdText {
  display: inline-block;
  width: 50%;
  font-size: 13px;
  margin: 3px 5px;
  text-align: left; }

div.vipAd.loggedIn div.vipAdPercent {
  display: inline-block;
  text-align: right;
  float: right;
  font-size: 28px;
  line-height: 28px;
  font-weight: bold;
  margin-top: 7px;
  margin-right: 0; }

/***********************************************************/
/* GAME CATEGORY LINKS
/***********************************************************/
div.gameCatDiv {
  /*
  border-top: 1px solid var(--neutral-trans-200);
  border-bottom: 1px solid var(--neutral-trans-200);
  */
  background-color: var(--color-text-trans-200);
  color: var(--color-text-trans-800);
  margin-bottom: 16px; }

div.gameCatDiv a {
  color: var(--color-text-trans-800); }

div.gameCatDiv a.gameCatLink p.gameCatText {
  display: inline-block;
  font-size: 1rem;
  line-height: 2rem;
  margin-left: 0.5rem; }

div.gameCatDiv a.gameCatLink {
  display: inline-block;
  font-size: 1rem;
  width: 100%;
  text-decoration: none; }

div.gameCatDiv a.gameCatLink img {
  display: inline-block;
  margin-left: 0.5rem;
  vertical-align: middle; }

div.gameCatDiv div.gameCatExplainDiv {
  display: none;
  padding-bottom: 0.25rem;
  background-color: var(--color-text-trans-200);
  height: 100%; }

/*hover*/
div.gameCatDiv:hover a.gameCatLink {
  background-color: var(--color-text-trans-200);
  color: var(--color-text-invert);
  font-weight: bold; }

div.gameCatDiv:hover div.gameCatExplainDiv {
  display: block; }

div.gameCatDiv div.gameCatExplainDiv p.gameCatExplainText {
  display: inline-block;
  font-size: 1rem;
  line-height: 2rem;
  color: var(--color-text-invert);
  margin-left: 0.5rem;
  margin-right: 0.5rem; }

/***********************************************************/
/* QUIK LINK BUTTONS
/***********************************************************/
div.quikBtn {
  display: block;
  box-sizing: border-box;
  width: auto;
  margin-bottom: 15px;
  height: 40px; }

div.quikBtn > div.content {
  text-align: center;
  line-height: 40px; }

div.quikBtn.bonusZaNove {
  background-color: var(--secondary);
  height: 90px;
  cursor: pointer; }

div.quikBtn.bonusZaNove:hover {
  background-color: #1d63aa;
  height: 90px;
  cursor: pointer; }

div.quikBtn.liveResults {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cpath class='st0' d='M3,13h2.8l4.3-8.2l1.2,9l3.2-4.1l3.3,3.3H21v2h-4l-2.3-2.3l-4.8,6.1l-1-7.4L7,15H3V13z'/%3E%3C/svg%3E%0A");
  background-color: #c1272d;
  background-size: 24px 24px;
  background-position: 8px 8px;
  background-repeat: no-repeat; }

div.quikBtn.liveResults:hover {
  background-color: #e22b31; }

div.quikBtn.liveResults > div.content {
  color: #ffffff;
  margin-left: 40px;
  text-align: center;
  line-height: 40px; }

div.quikBtn.liveCenter {
  border: 1px solid var(--secondary);
  height: 120px;
  cursor: pointer; }

div.quikBtn.liveCenter > div.content {
  color: #ffffff;
  margin-left: 40px;
  text-align: center;
  line-height: 40px; }

div.quikBtn.liveCenter:hover {
  background-color: #c0def9; }

div.quikBtn.liveCenter > div.quikBtn.content {
  text-align: center;
  margin: 0 auto; }

div.quikBtn.champOfTheDay {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cpath class='st0' d='M20.2,2h-0.7H18c-0.9,0-2,1-2,2H8c0-1-1.1-2-2-2H4.5H3.8H2v9c0,1,1,2,2,2h2.2c0.4,2,1.7,3.7,4.8,4v2.1 c-2.2,0.2-3,1.3-3,2.6V22h8v-0.3c0-1.3-0.8-2.4-3-2.6V17c3.1-0.3,4.4-2,4.8-4H20c1,0,2-1,2-2V2H20.2 M4,11V4h2v2v5 C5.1,11,4.3,11,4,11 M20,11c-0.3,0-1.1,0-2,0V6V4h2V11z'/%3E%3C/svg%3E%0A");
  background-color: #d9af41;
  background-size: 24px 24px;
  background-position: 8px 8px;
  background-repeat: no-repeat; }

div.quikBtn.champOfTheDay:hover {
  background-color: #f7c132; }

div.quikBtn.champOfTheDay > div.content {
  color: #ffffff;
  margin-left: 40px;
  text-align: center;
  line-height: 40px; }

/* END QUIK LINK BUTTONS
/***********************************************************/
div.eGameHeaderContent {
  display: block;
  background: #ffcc00 url("/images/estave-logo-2018-h40.png") 50% 50% no-repeat;
  width: 100%;
  height: 48px; }

a.eGamesBtn {
  background: none;
  border: none;
  color: #f44336;
  font-size: 16px;
  font-weight: 500;
  float: right;
  margin-top: 10px;
  text-transform: uppercase; }

/* TOP 6 in Cifra Plus dropdown */
.vpl_input {
  position: relative; }

#CP_vpl {
  width: 75px;
  padding-right: 30px;
  margin-right: 5px; }

.CP_cur {
  position: absolute;
  top: 0;
  right: 22px;
  line-height: 26px; }

.CP_vplExpand {
  position: absolute;
  top: 0;
  right: 0.4rem;
  padding: 0 4px;
  line-height: 20px;
  z-index: 99; }

.CP_vplExpand:hover {
  cursor: pointer; }

.CP_vplExpand > i {
  border: solid black;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 2px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg); }

#CP_vplDropDown {
  position: absolute;
  background: white;
  z-index: 999; }

#CP_vplDropDown > span {
  display: block;
  padding: 5px 0;
  padding-right: 30px; }

#CP_vplDropDown > span:hover {
  background: rgba(0, 0, 0, 0.1);
  cursor: pointer; }

#CP_st_zrebanj {
  width: 75px;
  margin-right: 5px; }

/* DROPDOWN ZA VPLA?LO PRI VIRTUALNE IGRE */
.payin {
  position: relative; }

.payin > input {
  width: 70px !important;
  padding-right: 23px !important; }

.payin-currency {
  position: absolute;
  top: 1px;
  right: 13px;
  color: black; }

.payin-expand {
  position: absolute;
  top: -3px;
  right: 0;
  padding: 0 4px;
  line-height: 20px;
  z-index: 99; }

.payin-expand:hover {
  cursor: pointer; }

.payin-expand > i {
  border: solid black;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 2px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg); }

.viMenu {
  position: absolute;
  background: white;
  z-index: 999; }

.viMenu > span {
  display: block;
  padding: 2px 0;
  padding-right: 23px;
  color: black;
  text-align: right; }

.viMenu > span:hover {
  background: rgba(0, 0, 0, 0.1);
  cursor: pointer; }

/***********************************************************/
/* LISTA POVEZAV *******************************************/
/***********************************************************/
ul.lista-povezav {
  list-style-type: none;
  margin: 0;
  padding: 0;
  font-size: 1rem;
  margin-bottom: 16px;
  color: var(--side-menu-title-color) !important; }
  ul.lista-povezav > ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    color: var(--side-menu-color); }
  ul.lista-povezav > li {
    margin-left: 0; }
    ul.lista-povezav > li > a {
      cursor: pointer;
      display: block;
      font-size: 1rem;
      text-decoration: none;
      font-weight: normal;
      padding: 0.75rem 0.5rem; }
      ul.lista-povezav > li > a:first-child {
        color: var(--toolbar-title-color);
        text-transform: uppercase;
        font-weight: bold; }
      ul.lista-povezav > li > a:not(:first-child) {
        color: var(--toolbar-color); }
      ul.lista-povezav > li > a:hover {
        color: var(--toolbar-bg-color); }
    ul.lista-povezav > li > ul > li {
      margin-left: 0; }
      ul.lista-povezav > li > ul > li > a {
        cursor: pointer;
        text-decoration: none;
        display: block;
        color: var(--side-menu-color);
        padding: 0.75rem 0.65rem;
        line-height: 1rem;
        border: none;
        margin: 0;
        white-space: nowrap; }
        ul.lista-povezav > li > ul > li > a:hover {
          /*
            color: var(--primary-light);
            background-color: var(--neutral-trans-200);
            */
          color: var(--side-menu-color-hover);
          background-color: var(--side-bg-hover); }
        ul.lista-povezav > li > ul > li > a.select {
          color: var(--color-dark);
          background-color: var(--side-bg-select);
          font-weight: 700;
          /*
            &:hover {
              color: var(--side-menu-color);
              background-color: var(--side-bg-hover);
            }
            */ }
  ul.lista-povezav > li a.headerexpand {
    font-size: 1rem;
    text-transform: uppercase; }
  ul.lista-povezav > li a.headercollapse {
    font-size: 1rem;
    line-height: 1rem;
    text-transform: uppercase; }
  ul.lista-povezav > li ul li ul li a {
    display: block;
    color: var(--side-menu-color);
    padding-left: 1rem;
    padding-right: 0.5rem;
    line-height: 1rem;
    border: none;
    margin: 0; }
  ul.lista-povezav > li ul li ul li ul li a {
    display: block;
    color: var(--side-menu-color);
    padding-left: 1.5rem;
    padding-right: 0.5rem;
    line-height: 1rem;
    border: none;
    margin: 0; }
  ul.lista-povezav > span.miniNumber {
    font-size: 80%;
    color: var(--side-menu-small-color); }
  ul.lista-povezav > div.menuGroup {
    padding: 5px;
    font-size: 0.85rem; }

.app-scrollable,
app-scrollable {
  flex: 1;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: var(--scrollbar-color) transparent; }
  .app-scrollable::-webkit-scrollbar-button,
  app-scrollable::-webkit-scrollbar-button {
    display: none;
    height: 1rem;
    border-radius: 0px;
    background-color: var(--scrollbar-button-bg); }
  .app-scrollable::-webkit-scrollbar-button:hover,
  app-scrollable::-webkit-scrollbar-button:hover {
    background-color: transparent; }
  .app-scrollable::-webkit-scrollbar-thumb,
  app-scrollable::-webkit-scrollbar-thumb {
    background-color: var(--scrollbar-color);
    border-radius: 0; }
  .app-scrollable::-webkit-scrollbar-thumb:hover,
  app-scrollable::-webkit-scrollbar-thumb:hover {
    background-color: var(--scrollbar-color-hover); }
  .app-scrollable::-webkit-scrollbar-track,
  app-scrollable::-webkit-scrollbar-track {
    background-color: var(--scrollbar-bg);
    border-radius: 0; }
  .app-scrollable::-webkit-scrollbar-track:hover,
  app-scrollable::-webkit-scrollbar-track:hover {
    background-color: transparent; }
  .app-scrollable::-webkit-scrollbar,
  app-scrollable::-webkit-scrollbar {
    width: var(--scrollbar-width); }
  .app-scrollable.dark,
  app-scrollable.dark {
    scrollbar-color: var(--scrollbar-dark-color) transparent; }
    .app-scrollable.dark::-webkit-scrollbar-thumb,
    app-scrollable.dark::-webkit-scrollbar-thumb {
      background-color: var(--scrollbar-dark-color); }
    .app-scrollable.dark::-webkit-scrollbar-thumb:hover,
    app-scrollable.dark::-webkit-scrollbar-thumb:hover {
      background-color: var(--scrollbar-dark-color-hover); }
/* ---sys-rootvars-common--- */
/**
 * SITE ROOT
 */
:root {

--zmax: 10000;
--page-max-width: 1920px;

  /* maximum widths */
  --maxwidth-content: 80rem;
  --maxwidth-cifraplus: var(--maxwidth-content);
  --maxwidth-top6: var(--maxwidth-content);
  --maxwidth-totogol: var(--maxwidth-content);
  --maxwidth-golnapoved: var(--maxwidth-content);
  --maxwidth-napoved12: var(--maxwidth-content);
  
  /* scrollbars width */
  --scrollbar-width: 0.75rem;

  /* stave vars */
  --stave-detail-bars-height: 87px;
  --stave-detail-tabs-height: 35px;
}


 * {
  font-weight: normal;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  box-sizing: border-box;
}

html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/**
 * Remove default margin.
 */

body {
  margin: 0;
  background-color: #032642;
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

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

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */

[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */

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

a {
  background: transparent;
  color: var(--info);
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
  outline: 0;
}

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

/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */

dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */

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

/**
 * Address styling not present in IE 8/9.
 */

mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

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

/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */

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

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

/**
 * Address margin not present in IE 8/9 and Safari.
 */

figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */

pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

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

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

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  /*font: inherit;*/ /* 2 */
  margin: 0; /* 3 */
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
  overflow: visible;
}

/**
 * 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 Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

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.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input {
  line-height: normal;
  outline: none;
  border: 0;
  padding: 0.25rem;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

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

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

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

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 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 and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

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

/**
 * 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 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

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

td,
th {
  padding: 0;
}

/******************************************************************************/
/* SET DEFAULTS                                                               */
/******************************************************************************/

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-style: normal;
  font: inherit; /* !!!!!!! POZOR !!!!!!! font: inherit; Zakaj zakomentirano? Zjebe font-weight po listkih. Če je potrebno brez tega, poskrbi da delajo listki in vse ostalo na strani. */
  vertical-align: baseline;
  -moz-osx-font-smoothing: grayscale;
}
/* 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;
}

html {
  width: 100%;
  height: 100%;
}

body {
  position: fixed;
  padding: 0;
  width: 100%;
  height: 100%;
  min-height: 100%;
  overscroll-behavior-y: none;
  margin: 0;
  padding: 0;
}

/*Opera Fix*/
body:before {
  content: "";
  height: 100%;
  float: left;
  width: 0;
  margin-top: -32767px;
}

/*
form#FormPortal {
  position: relative;
  min-width: 1000px;
  height: auto;
  min-height: 100%;
  overflow: hidden;
  position: relative;
}


*/

.noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

@font-face {
  font-family: "RobotoWeb";
  src: url("/_assets/fonts/RobotoWeb/roboto-regular-webfont.eot");
  src: url("/_assets/fonts/RobotoWeb/roboto-regular-webfont.eot?#iefix")
      format("embedded-opentype"),
    url("/_assets/fonts/RobotoWeb/roboto-regular-webfont.woff") format("woff"),
    url("/_assets/fonts/RobotoWeb/roboto-regular-webfont.ttf")
      format("truetype"),
    url("/_assets/fonts/RobotoWeb/roboto-regular-webfont.svg#robotoregular")
      format("svg");
  font-weight: normal;
  font-style: normal;
}

/* FONT AWESOME CORE
 * -------------------------- */
[class^="icon-"],
[class*=" icon-"] {
  font-family: "FontAwesome";
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  *margin-right: 0.3em;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
  text-decoration: inherit;
  display: inline-block;
  speak: none;
  font-weight: bold;
}

/* makes the font 33% larger relative to the icon container */
.icon-large:before {
  vertical-align: -10%;
  font-size: 1.33333em;
}

/* makes sure icons active on rollover in links */
a [class^="icon-"],
a [class*=" icon-"] {
  display: inline;
}

/* increased font size for icon-large */
[class^="icon-"].icon-fixed-width,
[class*=" icon-"].icon-fixed-width {
  display: inline-block;
  width: 1.14286em;
  text-align: right;
  padding-right: 0.28571em;
}
[class^="icon-"].icon-fixed-width.icon-large,
[class*=" icon-"].icon-fixed-width.icon-large {
  width: 1.42857em;
}

.icons-ul {
  margin-left: 2.14286em;
  list-style-type: none;
}
.icons-ul > li {
  position: relative;
}
.icons-ul .icon-li {
  position: absolute;
  left: -2.14286em;
  width: 2.14286em;
  text-align: center;
  line-height: inherit;
}

[class^="icon-"].hide,
[class*=" icon-"].hide {
  display: none;
}

.icon-muted {
  color: #eeeeee;
}

.icon-light {
  color: white;
}

.icon-dark {
  color: #333333;
}

.icon-border {
  border: solid 1px #eeeeee;
  padding: 0.2em 0.25em 0.15em;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.icon-2x {
  font-size: 2em;
}
.icon-2x.icon-border {
  border-width: 2px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.icon-3x {
  font-size: 3em;
}
.icon-3x.icon-border {
  border-width: 3px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.icon-4x {
  font-size: 4em;
}
.icon-4x.icon-border {
  border-width: 4px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}

.icon-5x {
  font-size: 5em;
}
.icon-5x.icon-border {
  border-width: 5px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
}

.pull-right {
  float: right;
}

.pull-left {
  float: left;
}

[class^="icon-"].pull-left,
[class*=" icon-"].pull-left {
  margin-right: 0.3em;
}
[class^="icon-"].pull-right,
[class*=" icon-"].pull-right {
  margin-left: 0.3em;
}

/* BOOTSTRAP SPECIFIC CLASSES
 * -------------------------- */
/* Bootstrap 2.0 sprites.less reset */
[class^="icon-"],
[class*=" icon-"] {
  display: inline;
  width: auto;
  height: auto;
  line-height: normal;
  vertical-align: baseline;
  background-image: none;
  background-position: 0% 0%;
  background-repeat: repeat;
  margin-top: 0;
}

/* more sprites.less reset */
.icon-white,
.nav-pills > .active > a > [class^="icon-"],
.nav-pills > .active > a > [class*=" icon-"],
.nav-list > .active > a > [class^="icon-"],
.nav-list > .active > a > [class*=" icon-"],
.navbar-inverse .nav > .active > a > [class^="icon-"],
.navbar-inverse .nav > .active > a > [class*=" icon-"],
.dropdown-menu > li > a:hover > [class^="icon-"],
.dropdown-menu > li > a:hover > [class*=" icon-"],
.dropdown-menu > .active > a > [class^="icon-"],
.dropdown-menu > .active > a > [class*=" icon-"],
.dropdown-submenu:hover > a > [class^="icon-"],
.dropdown-submenu:hover > a > [class*=" icon-"] {
  background-image: none;
}

/* keeps Bootstrap styles with and without icons the same */
.btn [class^="icon-"].icon-large,
.btn [class*=" icon-"].icon-large,
.nav [class^="icon-"].icon-large,
.nav [class*=" icon-"].icon-large {
  line-height: 0.9em;
}
.btn [class^="icon-"].icon-spin,
.btn [class*=" icon-"].icon-spin,
.nav [class^="icon-"].icon-spin,
.nav [class*=" icon-"].icon-spin {
  display: inline-block;
}

.nav-tabs [class^="icon-"],
.nav-tabs [class^="icon-"].icon-large,
.nav-tabs [class*=" icon-"],
.nav-tabs [class*=" icon-"].icon-large,
.nav-pills [class^="icon-"],
.nav-pills [class^="icon-"].icon-large,
.nav-pills [class*=" icon-"],
.nav-pills [class*=" icon-"].icon-large {
  line-height: 0.9em;
}

.btn [class^="icon-"].pull-left.icon-2x,
.btn [class^="icon-"].pull-right.icon-2x,
.btn [class*=" icon-"].pull-left.icon-2x,
.btn [class*=" icon-"].pull-right.icon-2x {
  margin-top: 0.18em;
}
.btn [class^="icon-"].icon-spin.icon-large,
.btn [class*=" icon-"].icon-spin.icon-large {
  line-height: 0.8em;
}

.btn.btn-small [class^="icon-"].pull-left.icon-2x,
.btn.btn-small [class^="icon-"].pull-right.icon-2x,
.btn.btn-small [class*=" icon-"].pull-left.icon-2x,
.btn.btn-small [class*=" icon-"].pull-right.icon-2x {
  margin-top: 0.25em;
}

.btn.btn-large [class^="icon-"],
.btn.btn-large [class*=" icon-"] {
  margin-top: 0;
}
.btn.btn-large [class^="icon-"].pull-left.icon-2x,
.btn.btn-large [class^="icon-"].pull-right.icon-2x,
.btn.btn-large [class*=" icon-"].pull-left.icon-2x,
.btn.btn-large [class*=" icon-"].pull-right.icon-2x {
  margin-top: 0.05em;
}
.btn.btn-large [class^="icon-"].pull-left.icon-2x,
.btn.btn-large [class*=" icon-"].pull-left.icon-2x {
  margin-right: 0.2em;
}
.btn.btn-large [class^="icon-"].pull-right.icon-2x,
.btn.btn-large [class*=" icon-"].pull-right.icon-2x {
  margin-left: 0.2em;
}

/* Fixes alignment in nav lists */
.nav-list [class^="icon-"],
.nav-list [class*=" icon-"] {
  line-height: inherit;
}

/* EXTRAS
 * -------------------------- */
/* Stacked and layered icon */
.icon-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: -35%;
}
.icon-stack [class^="icon-"],
.icon-stack [class*=" icon-"] {
  display: block;
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  font-size: 1em;
  line-height: inherit;
  *line-height: 2em;
}
.icon-stack .icon-stack-base {
  font-size: 2em;
  *line-height: 1em;
}

/* Animated rotating icon */
.icon-spin {
  display: inline-block;
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
}

/* Prevent stack and spinners from being taken inline when inside a link */
a .icon-stack,
a .icon-spin {
  display: inline-block;
  text-decoration: none;
}

@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
  }
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(359deg);
  }
}

@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg);
  }

  100% {
    -o-transform: rotate(359deg);
  }
}

@-ms-keyframes spin {
  0% {
    -ms-transform: rotate(0deg);
  }

  100% {
    -ms-transform: rotate(359deg);
  }
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(359deg);
  }
}

/* Icon rotations and mirroring */
.icon-rotate-90:before {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}

.icon-rotate-180:before {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.icon-rotate-270:before {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

.icon-flip-horizontal:before {
  -webkit-transform: scale(-1, 1);
  -moz-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  transform: scale(-1, 1);
}

.icon-flip-vertical:before {
  -webkit-transform: scale(1, -1);
  -moz-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  -o-transform: scale(1, -1);
  transform: scale(1, -1);
}

/* ensure rotation occurs inside anchor tags */
a .icon-rotate-90:before,
a .icon-rotate-180:before,
a .icon-rotate-270:before,
a .icon-flip-horizontal:before,
a .icon-flip-vertical:before {
  display: inline-block;
}

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
 * readers do not read off random characters that represent icons */
.icon-glass:before {
  content: "\f000";
}

.icon-music:before {
  content: "\f001";
}

.icon-search:before {
  content: "\f002";
}

.icon-envelope-alt:before {
  content: "\f003";
}

.icon-heart:before {
  content: "\f004";
}

.icon-star:before {
  content: "\f005";
}

.icon-star-empty:before {
  content: "\f006";
}

.icon-user:before {
  content: "\f007";
}

.icon-film:before {
  content: "\f008";
}

.icon-th-large:before {
  content: "\f009";
}

.icon-th:before {
  content: "\f00a";
}

.icon-th-list:before {
  content: "\f00b";
}

.icon-ok:before {
  content: "\f00c";
}

.icon-remove:before {
  content: "\f00d";
}

.icon-zoom-in:before {
  content: "\f00e";
}

.icon-zoom-out:before {
  content: "\f010";
}

.icon-power-off:before,
.icon-off:before {
  content: "\f011";
}

.icon-signal:before {
  content: "\f012";
}

.icon-gear:before,
.icon-cog:before {
  content: "\f013";
}

.icon-trash:before {
  content: "\f014";
}

.icon-home:before {
  content: "\f015";
}

.icon-file-alt:before {
  content: "\f016";
}

.icon-time:before {
  content: "\f017";
}

.icon-road:before {
  content: "\f018";
}

.icon-download-alt:before {
  content: "\f019";
}

.icon-download:before {
  content: "\f01a";
}

.icon-upload:before {
  content: "\f01b";
}

.icon-inbox:before {
  content: "\f01c";
}

.icon-play-circle:before {
  content: "\f01d";
}

.icon-rotate-right:before,
.icon-repeat:before {
  content: "\f01e";
}

.icon-refresh:before {
  content: "\f021";
}

.icon-list-alt:before {
  content: "\f022";
}

.icon-lock:before {
  content: "\f023";
}

.icon-flag:before {
  content: "\f024";
}

.icon-headphones:before {
  content: "\f025";
}

.icon-volume-off:before {
  content: "\f026";
}

.icon-volume-down:before {
  content: "\f027";
}

.icon-volume-up:before {
  content: "\f028";
}

.icon-qrcode:before {
  content: "\f029";
}

.icon-barcode:before {
  content: "\f02a";
}

.icon-tag:before {
  content: "\f02b";
}

.icon-tags:before {
  content: "\f02c";
}

.icon-book:before {
  content: "\f02d";
}

.icon-bookmark:before {
  content: "\f02e";
}

.icon-print:before {
  content: "\f02f";
}

.icon-camera:before {
  content: "\f030";
}

.icon-font:before {
  content: "\f031";
}

.icon-bold:before {
  content: "\f032";
}

.icon-italic:before {
  content: "\f033";
}

.icon-text-height:before {
  content: "\f034";
}

.icon-text-width:before {
  content: "\f035";
}

.icon-align-left:before {
  content: "\f036";
}

.icon-align-center:before {
  content: "\f037";
}

.icon-align-right:before {
  content: "\f038";
}

.icon-align-justify:before {
  content: "\f039";
}

.icon-list:before {
  content: "\f03a";
}

.icon-indent-left:before {
  content: "\f03b";
}

.icon-indent-right:before {
  content: "\f03c";
}

.icon-facetime-video:before {
  content: "\f03d";
}

.icon-picture:before {
  content: "\f03e";
}

.icon-pencil:before {
  content: "\f040";
}

.icon-map-marker:before {
  content: "\f041";
}

.icon-adjust:before {
  content: "\f042";
}

.icon-tint:before {
  content: "\f043";
}

.icon-edit:before {
  content: "\f044";
}

.icon-share:before {
  content: "\f045";
}

.icon-check:before {
  content: "\f046";
}

.icon-move:before {
  content: "\f047";
}

.icon-step-backward:before {
  content: "\f048";
}

.icon-fast-backward:before {
  content: "\f049";
}

.icon-backward:before {
  content: "\f04a";
}

.icon-play:before {
  content: "\f04b";
}

.icon-pause:before {
  content: "\f04c";
}

.icon-stop:before {
  content: "\f04d";
}

.icon-forward:before {
  content: "\f04e";
}

.icon-fast-forward:before {
  content: "\f050";
}

.icon-step-forward:before {
  content: "\f051";
}

.icon-eject:before {
  content: "\f052";
}

.icon-chevron-left:before {
  content: "\f053";
}

.icon-chevron-right:before {
  content: "\f054";
}

.icon-plus-sign:before {
  content: "\f055";
}

.icon-minus-sign:before {
  content: "\f056";
}

.icon-remove-sign:before {
  content: "\f057";
}

.icon-ok-sign:before {
  content: "\f058";
}

.icon-question-sign:before {
  content: "\f059";
}

.icon-info-sign:before {
  content: "\f05a";
}

.icon-screenshot:before {
  content: "\f05b";
}

.icon-remove-circle:before {
  content: "\f05c";
}

.icon-ok-circle:before {
  content: "\f05d";
}

.icon-ban-circle:before {
  content: "\f05e";
}

.icon-arrow-left:before {
  content: "\f060";
}

.icon-arrow-right:before {
  content: "\f061";
}

.icon-arrow-up:before {
  content: "\f062";
}

.icon-arrow-down:before {
  content: "\f063";
}

.icon-mail-forward:before,
.icon-share-alt:before {
  content: "\f064";
}

.icon-resize-full:before {
  content: "\f065";
}

.icon-resize-small:before {
  content: "\f066";
}

.icon-plus:before {
  content: "\f067";
}

.icon-minus:before {
  content: "\f068";
}

.icon-asterisk:before {
  content: "\f069";
}

.icon-exclamation-sign:before {
  content: "\f06a";
}

.icon-gift:before {
  content: "\f06b";
}

.icon-leaf:before {
  content: "\f06c";
}

.icon-fire:before {
  content: "\f06d";
}

.icon-eye-open:before {
  content: "\f06e";
}

.icon-eye-close:before {
  content: "\f070";
}

.icon-warning-sign:before {
  content: "\f071";
}

.icon-plane:before {
  content: "\f072";
}

.icon-calendar:before {
  content: "\f073";
}

.icon-random:before {
  content: "\f074";
}

.icon-comment:before {
  content: "\f075";
}

.icon-magnet:before {
  content: "\f076";
}

.icon-chevron-up:before {
  content: "\f077";
}

.icon-chevron-down:before {
  content: "\f078";
}

.icon-retweet:before {
  content: "\f079";
}

.icon-shopping-cart:before {
  content: "\f07a";
}

.icon-folder-close:before {
  content: "\f07b";
}

.icon-folder-open:before {
  content: "\f07c";
}

.icon-resize-vertical:before {
  content: "\f07d";
}

.icon-resize-horizontal:before {
  content: "\f07e";
}

.icon-bar-chart:before {
  content: "\f080";
}

.icon-twitter-sign:before {
  content: "\f081";
}

.icon-facebook-sign:before {
  content: "\f082";
}

.icon-camera-retro:before {
  content: "\f083";
}

.icon-key:before {
  content: "\f084";
}

.icon-gears:before,
.icon-cogs:before {
  content: "\f085";
}

.icon-comments:before {
  content: "\f086";
}

.icon-thumbs-up-alt:before {
  content: "\f087";
}

.icon-thumbs-down-alt:before {
  content: "\f088";
}

.icon-star-half:before {
  content: "\f089";
}

.icon-heart-empty:before {
  content: "\f08a";
}

.icon-signout:before {
  content: "\f08b";
}

.icon-linkedin-sign:before {
  content: "\f08c";
}

.icon-pushpin:before {
  content: "\f08d";
}

.icon-external-link:before {
  content: "\f08e";
}

.icon-signin:before {
  content: "\f090";
}

.icon-trophy:before {
  content: "\f091";
}

.icon-github-sign:before {
  content: "\f092";
}

.icon-upload-alt:before {
  content: "\f093";
}

.icon-lemon:before {
  content: "\f094";
}

.icon-phone:before {
  content: "\f095";
}

.icon-unchecked:before,
.icon-check-empty:before {
  content: "\f096";
}

.icon-bookmark-empty:before {
  content: "\f097";
}

.icon-phone-sign:before {
  content: "\f098";
}

.icon-twitter:before {
  content: "\f099";
}

.icon-facebook:before {
  content: "\f09a";
}

.icon-github:before {
  content: "\f09b";
}

.icon-unlock:before {
  content: "\f09c";
}

.icon-credit-card:before {
  content: "\f09d";
}

.icon-rss:before {
  content: "\f09e";
}

.icon-hdd:before {
  content: "\f0a0";
}

.icon-bullhorn:before {
  content: "\f0a1";
}

.icon-bell:before {
  content: "\f0a2";
}

.icon-certificate:before {
  content: "\f0a3";
}

.icon-hand-right:before {
  content: "\f0a4";
}

.icon-hand-left:before {
  content: "\f0a5";
}

.icon-hand-up:before {
  content: "\f0a6";
}

.icon-hand-down:before {
  content: "\f0a7";
}

.icon-circle-arrow-left:before {
  content: "\f0a8";
}

.icon-circle-arrow-right:before {
  content: "\f0a9";
}

.icon-circle-arrow-up:before {
  content: "\f0aa";
}

.icon-circle-arrow-down:before {
  content: "\f0ab";
}

.icon-globe:before {
  content: "\f0ac";
}

.icon-wrench:before {
  content: "\f0ad";
}

.icon-tasks:before {
  content: "\f0ae";
}

.icon-filter:before {
  content: "\f0b0";
}

.icon-briefcase:before {
  content: "\f0b1";
}

.icon-fullscreen:before {
  content: "\f0b2";
}

.icon-group:before {
  content: "\f0c0";
}

.icon-link:before {
  content: "\f0c1";
}

.icon-cloud:before {
  content: "\f0c2";
}

.icon-beaker:before {
  content: "\f0c3";
}

.icon-cut:before {
  content: "\f0c4";
}

.icon-copy:before {
  content: "\f0c5";
}

.icon-paperclip:before,
.icon-paper-clip:before {
  content: "\f0c6";
}

.icon-save:before {
  content: "\f0c7";
}

.icon-sign-blank:before {
  content: "\f0c8";
}

.icon-reorder:before {
  content: "\f0c9";
}

.icon-list-ul:before {
  content: "\f0ca";
}

.icon-list-ol:before {
  content: "\f0cb";
}

.icon-strikethrough:before {
  content: "\f0cc";
}

.icon-underline:before {
  content: "\f0cd";
}

.icon-table:before {
  content: "\f0ce";
}

.icon-magic:before {
  content: "\f0d0";
}

.icon-truck:before {
  content: "\f0d1";
}

.icon-pinterest:before {
  content: "\f0d2";
}

.icon-pinterest-sign:before {
  content: "\f0d3";
}

.icon-google-plus-sign:before {
  content: "\f0d4";
}

.icon-google-plus:before {
  content: "\f0d5";
}

.icon-money:before {
  content: "\f0d6";
}

.icon-caret-down:before {
  content: "\f0d7";
}

.icon-caret-up:before {
  content: "\f0d8";
}

.icon-caret-left:before {
  content: "\f0d9";
}

.icon-caret-right:before {
  content: "\f0da";
}

.icon-columns:before {
  content: "\f0db";
}

.icon-sort:before {
  content: "\f0dc";
}

.icon-sort-down:before {
  content: "\f0dd";
}

.icon-sort-up:before {
  content: "\f0de";
}

.icon-envelope:before {
  content: "\f0e0";
}

.icon-linkedin:before {
  content: "\f0e1";
}

.icon-rotate-left:before,
.icon-undo:before {
  content: "\f0e2";
}

.icon-legal:before {
  content: "\f0e3";
}

.icon-dashboard:before {
  content: "\f0e4";
}

.icon-comment-alt:before {
  content: "\f0e5";
}

.icon-comments-alt:before {
  content: "\f0e6";
}

.icon-bolt:before {
  content: "\f0e7";
}

.icon-sitemap:before {
  content: "\f0e8";
}

.icon-umbrella:before {
  content: "\f0e9";
}

.icon-paste:before {
  content: "\f0ea";
}

.icon-lightbulb:before {
  content: "\f0eb";
}

.icon-exchange:before {
  content: "\f0ec";
}

.icon-cloud-download:before {
  content: "\f0ed";
}

.icon-cloud-upload:before {
  content: "\f0ee";
}

.icon-user-md:before {
  content: "\f0f0";
}

.icon-stethoscope:before {
  content: "\f0f1";
}

.icon-suitcase:before {
  content: "\f0f2";
}

.icon-bell-alt:before {
  content: "\f0f3";
}

.icon-coffee:before {
  content: "\f0f4";
}

.icon-food:before {
  content: "\f0f5";
}

.icon-file-text-alt:before {
  content: "\f0f6";
}

.icon-building:before {
  content: "\f0f7";
}

.icon-hospital:before {
  content: "\f0f8";
}

.icon-ambulance:before {
  content: "\f0f9";
}

.icon-medkit:before {
  content: "\f0fa";
}

.icon-fighter-jet:before {
  content: "\f0fb";
}

.icon-beer:before {
  content: "\f0fc";
}

.icon-h-sign:before {
  content: "\f0fd";
}

.icon-plus-sign-alt:before {
  content: "\f0fe";
}

.icon-double-angle-left:before {
  content: "\f100";
}

.icon-double-angle-right:before {
  content: "\f101";
}

.icon-double-angle-up:before {
  content: "\f102";
}

.icon-double-angle-down:before {
  content: "\f103";
}

.icon-angle-left:before {
  content: "\f104";
}

.icon-angle-right:before {
  content: "\f105";
}

.icon-angle-up:before {
  content: "\f106";
}

.icon-angle-down:before {
  content: "\f107";
}

.icon-desktop:before {
  content: "\f108";
}

.icon-laptop:before {
  content: "\f109";
}

.icon-tablet:before {
  content: "\f10a";
}

.icon-mobile-phone:before {
  content: "\f10b";
}

.icon-circle-blank:before {
  content: "\f10c";
}

.icon-quote-left:before {
  content: "\f10d";
}

.icon-quote-right:before {
  content: "\f10e";
}

.icon-spinner:before {
  content: "\f110";
}

.icon-circle:before {
  content: "\f111";
}

.icon-mail-reply:before,
.icon-reply:before {
  content: "\f112";
}

.icon-github-alt:before {
  content: "\f113";
}

.icon-folder-close-alt:before {
  content: "\f114";
}

.icon-folder-open-alt:before {
  content: "\f115";
}

.icon-expand-alt:before {
  content: "\f116";
}

.icon-collapse-alt:before {
  content: "\f117";
}

.icon-smile:before {
  content: "\f118";
}

.icon-frown:before {
  content: "\f119";
}

.icon-meh:before {
  content: "\f11a";
}

.icon-gamepad:before {
  content: "\f11b";
}

.icon-keyboard:before {
  content: "\f11c";
}

.icon-flag-alt:before {
  content: "\f11d";
}

.icon-flag-checkered:before {
  content: "\f11e";
}

.icon-terminal:before {
  content: "\f120";
}

.icon-code:before {
  content: "\f121";
}

.icon-reply-all:before {
  content: "\f122";
}

.icon-mail-reply-all:before {
  content: "\f122";
}

.icon-star-half-full:before,
.icon-star-half-empty:before {
  content: "\f123";
}

.icon-location-arrow:before {
  content: "\f124";
}

.icon-crop:before {
  content: "\f125";
}

.icon-code-fork:before {
  content: "\f126";
}

.icon-unlink:before {
  content: "\f127";
}

.icon-question:before {
  content: "\f128";
}

.icon-info:before {
  content: "\f129";
}

.icon-exclamation:before {
  content: "\f12a";
}

.icon-superscript:before {
  content: "\f12b";
}

.icon-subscript:before {
  content: "\f12c";
}

.icon-eraser:before {
  content: "\f12d";
}

.icon-puzzle-piece:before {
  content: "\f12e";
}

.icon-microphone:before {
  content: "\f130";
}

.icon-microphone-off:before {
  content: "\f131";
}

.icon-shield:before {
  content: "\f132";
}

.icon-calendar-empty:before {
  content: "\f133";
}

.icon-fire-extinguisher:before {
  content: "\f134";
}

.icon-rocket:before {
  content: "\f135";
}

.icon-maxcdn:before {
  content: "\f136";
}

.icon-chevron-sign-left:before {
  content: "\f137";
}

.icon-chevron-sign-right:before {
  content: "\f138";
}

.icon-chevron-sign-up:before {
  content: "\f139";
}

.icon-chevron-sign-down:before {
  content: "\f13a";
}

.icon-html5:before {
  content: "\f13b";
}

.icon-css3:before {
  content: "\f13c";
}

.icon-anchor:before {
  content: "\f13d";
}

.icon-unlock-alt:before {
  content: "\f13e";
}

.icon-bullseye:before {
  content: "\f140";
}

.icon-ellipsis-horizontal:before {
  content: "\f141";
}

.icon-ellipsis-vertical:before {
  content: "\f142";
}

.icon-rss-sign:before {
  content: "\f143";
}

.icon-play-sign:before {
  content: "\f144";
}

.icon-ticket:before {
  content: "\f145";
}

.icon-minus-sign-alt:before {
  content: "\f146";
}

.icon-check-minus:before {
  content: "\f147";
}

.icon-level-up:before {
  content: "\f148";
}

.icon-level-down:before {
  content: "\f149";
}

.icon-check-sign:before {
  content: "\f14a";
}

.icon-edit-sign:before {
  content: "\f14b";
}

.icon-external-link-sign:before {
  content: "\f14c";
}

.icon-share-sign:before {
  content: "\f14d";
}

.icon-compass:before {
  content: "\f14e";
}

.icon-collapse:before {
  content: "\f150";
}

.icon-collapse-top:before {
  content: "\f151";
}

.icon-expand:before {
  content: "\f152";
}

.icon-euro:before,
.icon-eur:before {
  content: "\f153";
}

.icon-gbp:before {
  content: "\f154";
}

.icon-dollar:before,
.icon-usd:before {
  content: "\f155";
}

.icon-rupee:before,
.icon-inr:before {
  content: "\f156";
}

.icon-yen:before,
.icon-jpy:before {
  content: "\f157";
}

.icon-renminbi:before,
.icon-cny:before {
  content: "\f158";
}

.icon-won:before,
.icon-krw:before {
  content: "\f159";
}

.icon-bitcoin:before,
.icon-btc:before {
  content: "\f15a";
}

.icon-file:before {
  content: "\f15b";
}

.icon-file-text:before {
  content: "\f15c";
}

.icon-sort-by-alphabet:before {
  content: "\f15d";
}

.icon-sort-by-alphabet-alt:before {
  content: "\f15e";
}

.icon-sort-by-attributes:before {
  content: "\f160";
}

.icon-sort-by-attributes-alt:before {
  content: "\f161";
}

.icon-sort-by-order:before {
  content: "\f162";
}

.icon-sort-by-order-alt:before {
  content: "\f163";
}

.icon-thumbs-up:before {
  content: "\f164";
}

.icon-thumbs-down:before {
  content: "\f165";
}

.icon-youtube-sign:before {
  content: "\f166";
}

.icon-youtube:before {
  content: "\f167";
}

.icon-xing:before {
  content: "\f168";
}

.icon-xing-sign:before {
  content: "\f169";
}

.icon-youtube-play:before {
  content: "\f16a";
}

.icon-dropbox:before {
  content: "\f16b";
}

.icon-stackexchange:before {
  content: "\f16c";
}

.icon-instagram:before {
  content: "\f16d";
}

.icon-flickr:before {
  content: "\f16e";
}

.icon-adn:before {
  content: "\f170";
}

.icon-bitbucket:before {
  content: "\f171";
}

.icon-bitbucket-sign:before {
  content: "\f172";
}

.icon-tumblr:before {
  content: "\f173";
}

.icon-tumblr-sign:before {
  content: "\f174";
}

.icon-long-arrow-down:before {
  content: "\f175";
}

.icon-long-arrow-up:before {
  content: "\f176";
}

.icon-long-arrow-left:before {
  content: "\f177";
}

.icon-long-arrow-right:before {
  content: "\f178";
}

.icon-apple:before {
  content: "\f179";
}

.icon-windows:before {
  content: "\f17a";
}

.icon-android:before {
  content: "\f17b";
}

.icon-linux:before {
  content: "\f17c";
}

.icon-dribbble:before {
  content: "\f17d";
}

.icon-skype:before {
  content: "\f17e";
}

.icon-foursquare:before {
  content: "\f180";
}

.icon-trello:before {
  content: "\f181";
}

.icon-female:before {
  content: "\f182";
}

.icon-male:before {
  content: "\f183";
}

.icon-gittip:before {
  content: "\f184";
}

.icon-sun:before {
  content: "\f185";
}

.icon-moon:before {
  content: "\f186";
}

.icon-archive:before {
  content: "\f187";
}

.icon-bug:before {
  content: "\f188";
}

.icon-vk:before {
  content: "\f189";
}

.icon-weibo:before {
  content: "\f18a";
}

.icon-renren:before {
  content: "\f18b";
}

#wrapper {
  flex: 1;
  display: flex;
  max-width: var(--page-max-width);
  margin: 0 auto;
  min-height: 100%;
  position: relative;
  background-color: var(--secondary-dark);
}

#MainContainer {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	/*height: 100%;*/
}

#MainContainer > div:nth-last-child(2) {
	flex-grow: 1;
}

body:not(.homepagepage.web) #MainContainer > div:nth-last-child(2) {
	background-color: var(--overlay-bg);
}

div#footer_container {
	margin-top: auto;
}

div.maincontainer {
  height: 100%;
  min-height: 100%;
}



/* CLEARFIX */
div.clearfix {
  width: 100%;
  clear: both;
}

div.clearfix hr {
  display: none;
}

/***********************************************************/
/* SMOOTH IMAGE SCALING ************************************/
/***********************************************************/
/*
img[src$=".gif"],
img[src$=".png"] {
  
  -ms-interpolation-mode: nearest-neighbor;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: -webkit-crisp-edges;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: crisp-edges;
}
*/

/***********************************************************/
/* TOOLTIP STYLES ******************************************/
/***********************************************************/

#tooltip {
  width: 150px;
  position: absolute;
  display: none;
}
#tooltip .ttop {
  background-image: url("/_assets/css/images/tooltip_01.gif");
  background-repeat: no-repeat;
  height: 20px;
}
#tooltip .tmiddle {
  background-image: url("/_assets/css/images/tooltip_02.gif");
  background-repeat: repeat-y;
  background-position: bottom left;
  padding-left: 25px;
  padding-right: 12px;
}
#tooltip .tmiddle span {
  position: relative;
  top: -10px;
  font-size: 13px;
}
#tooltip .tbottom {
  background-image: url("/_assets/css/images/tooltip_03.gif");
  background-repeat: no-repeat;
  background-repeat: no-repeat;
  height: 6px;
  position: relative;
  top: 0px;
}

/***********************************************************/
/* HEADERMESSAGE
/***********************************************************/

#message {
  background: #1e1e1e; /* Old browsers */
  display: none;
}

#message .center {
}

#message h1 {
  color: var(--primary);
  font-size: 1.25rem;
  font-weight: bold;
  padding-bottom: 0.25rem;
}

#message p {
  padding-bottom: 0.25rem;
}

#message .content {
  color: var(--neutral);
  padding: 1rem 1rem 1px 1rem;
  font-size: 1rem;
  line-height: 1.15rem;
}

#message .content a.link {
  color: var(--primary);
}

#message .action {
  padding: 1rem;
  display: flex;
  justify-content: center;
}
/***********************************************************/
/* SUBNOTES
/***********************************************************/
div.subnote.medium p {
  line-height: 18px;
  font-size: 12px;
}

/***********************************************************/
/* BONI ALERT
/***********************************************************/
div.textAlert {
  background: #2d8a00;
  padding: 15px 15px;
  margin: 15px 0px;
}

span.textAlertContent {
  color: #fff;
  font-weight: bold;
  font-size: 18px;
}

/***********************************************************/
/* QUICK HELP ICON
/***********************************************************/
div.quickHelpIcon {
  font-family: "FontAwesome";
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  *margin-right: 4px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 4px;
  color: #878787;
}

div.quickHelpIcon:before {
  content: "\f059";
}
/*
tr.header div.quickHelpIcon {
  width: 10px;
  height: 10px;
}
*/

/***********************************************************/
/* BUTTONS
/***********************************************************/
div.btn.numb {
  /*border-top: 1px solid #ffef7c;
  border-bottom: 1px solid #ffef7c;
  border-left: 1px solid #ffef7c;
  border-right: 1px solid #ffef7c;
  background: #ffef7c;*/
  background: none;
  color: #000000;
}

a.btn {
  display: inline-block;
  /*font-size: 75%;*/
  margin: 0; /*2px;*/
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  width: auto;
  text-align: center;
  text-decoration: none;

  /*margin: 1px 1px 1px 1px;
  padding: 1px;
  width: 90%;*/
  /*border-top: 1px solid #333333;
  border-bottom: 1px solid #000000;
  border-left: 1px solid #333333;
  border-right: 1px solid #000000;
  */
  -moz-border-radius: 2px 2px 2px 2px;
  -webkit-border-radius: 2px 2px 2px 2px;
  border-radius: 2px 2px 2px 2px;
  /*background: #333333;*/
  /*text-align: center;
  text-decoration: none;*/
  color: #ffffff;
}

a.btn:link,
a.btn:visited {
  /*margin: 1px 1px 1px 1px;*/
  width: 90%;
  /*
  border-top: 1px solid #333333;
  border-bottom: 1px solid #000000;
  border-left: 1px solid #333333;
  border-right: 1px solid #000000;
  */

  /*background: #333333;*/
  text-align: center;
  text-decoration: none;
  color: #ffffff;
}

a.btn.yellow:link,
a.btn.yellow:visited {
  /*border-top: 1px solid #D2D2D2;
  border-bottom: 1px solid #5A5A5A;
  border-left: 1px solid #D2D2D2;
  border-right: 1px solid #5A5A5A;*/
  background: #ffc400;
  /*#ffef7c url(/images/buttons/btn-yellow.gif) top right repeat-x;*/
  color: #000000;
}

a.btn.yellow:hover {
  background: #ffecb3;
  /*#fffdc7 url(/images/buttons/btn-yellow-over.gif) top right repeat-x;*/
}

a.btn.yellow:active {
  border: 1px solid #ffecb3;
}

a.btn.yellow.markUp:link,
a.btn.yellow.markUp:visited {
  /*marked button UP*/
  background: #ffecb3;
  /*#ffef7c url(/images/buttons/btn-yellow-mark-up.gif) top right no-repeat;*/
  color: #000000;
}

a.btn.yellow.markUp:hover {
  background: #ffecb3;
  /*#fffdc7 url(/images/buttons/btn-yellow-over-mark-up.gif) top right no-repeat;*/
}

a.btn.yellow.markDn:link,
a.btn.yellow.markUp:visited {
  /*marked button DOWN*/
  background: #ffecb3;
  /*#ffef7c url(/images/buttons/btn-yellow-mark-dn.gif) top right no-repeat;*/
  color: #000000;
}

a.btn.yellow.markDn:hover {
  background: #fffdc7 url(/images/buttons/btn-yellow-over-mark-dn.gif) top right
    no-repeat;
}

a.btn.black:link,
a.btn.black:visited {
  border-top: 1px solid #333333;
  border-bottom: 1px solid #000000;
  border-left: 1px solid #333333;
  border-right: 1px solid #000000;
  background: #353536;
  /*background: #bbbbbb url(/images/buttons/btn-black.gif) top right repeat-x;*/
  color: #ffffff;
}

a.btn.black:hover {
  background: #000000;
  /*#e1e1e1 url(/images/buttons/btn-black-over.gif) top right repeat-x;*/
}

a.btn.black:active {
  border-bottom: 1px solid #eeeeee;
  border-top: 1px solid black;
  border-right: 1px solid #eeeeee;
  border-left: 1px solid black;
}

a.btn.numb:link,
a.btn.numb:visited {
  border-top: 1px solid #ffef7c;
  border-bottom: 1px solid #ffef7c;
  border-left: 1px solid #ffef7c;
  border-right: 1px solid #ffef7c;
  background: #ffef7c;
  color: #000000;
}

a.btn.numb:hover {
  background: #ffef7c;
}

a.btn.selected:link,
a.btn.selected:visited {
  /*border-top: 1px solid #333333;
  border-bottom: 1px solid #000000;
  border-left: 1px solid #333333;
  border-right: 1px solid #000000;*/
  /*background: #bbbbbb url(/images/buttons/btn-black.gif) top right repeat-x;*/
  background: #353536;
  color: #ffffff;
  font-weight: 700;
}

a.btn.selected:hover {
  background: #000000;
  /*#e1e1e1 url(/images/buttons/btn-black-over.gif) top right repeat-x;*/
}

a.btn.selected:active {
  border-bottom: 1px solid #eeeeee;
  border-top: 1px solid black;
  border-right: 1px solid #eeeeee;
  border-left: 1px solid black;
}

a.btn.sorted:link,
a.btn.sorted:visited {
  border-top: 1px solid #333333;
  border-bottom: 1px solid #000000;
  border-left: 1px solid #333333;
  border-right: 1px solid #000000;
  background: #353536;
  /*#bbbbbb url(/images/buttons/btn-sorted.gif) top right repeat-x;*/
  color: #000000;
  font-weight: 700;
}

a.btn.sorted:hover {
  background: #000000;
  /*#e1e1e1 url(/images/buttons/btn-sorted-over.gif) top right repeat-x;*/
}

a.btn.sorted:active {
  border-bottom: 1px solid #eeeeee;
  border-top: 1px solid black;
  border-right: 1px solid #eeeeee;
  border-left: 1px solid black;
}

a.btn.sortedSelected:link,
a.btn.sortedSelected:visited {
  border-top: 1px solid #333333;
  border-bottom: 1px solid #000000;
  border-left: 1px solid #333333;
  border-right: 1px solid #000000;
  background: #353536;
  /*#bbbbbb url(/images/buttons/btn-sorted-selected.gif) top right repeat-x;*/
  color: #ffffff;
  font-weight: 700;
}

a.btn.sortedSelected:hover {
  background: #000000;
  /*#e1e1e1 url(/images/buttons/btn-sorted-selected-over.gif) top right repeat-x;*/
}

a.btn.sortedSelected:active {
  border-bottom: 1px solid #eeeeee;
  border-top: 1px solid black;
  border-right: 1px solid #eeeeee;
  border-left: 1px solid black;
}

a.cbtn {
  display: inline-block;
  margin: 1px 1px 1px 1px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 3px;
  padding-bottom: 3px;
  width: auto;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
}

a.cbtn.icnButton {
  font-size: 100%;
  text-align: center;
  text-decoration: none;
  line-height: 120%;
}

a.cbtn.icnButton img {
  margin-right: 5px;
}

a.cbtn.icnButton div {
  display: block;
}

a.cbtn.black:link,
a.cbtn.black:visited {
  /*border-top: 1px solid #333333;
  border-bottom: 1px solid #000000;
  border-left: 1px solid #333333;
  border-right: 1px solid #000000;*/
  background: #353536;
  /*#bbbbbb url(/images/buttons/btn-black.gif) bottom right repeat-x;*/
  color: #ffffff;
}

a.cbtn.black:hover {
  background: #000000;
  /*#e1e1e1 url(images/buttons/btn-black-over.gif) bottom right repeat-x;*/
}

a.cbtn.black:active {
  /*border: 1px solid black;*/
}

a.cbtn.yellow:link,
a.cbtn.yellow:visited {
  border-top: 1px solid #333333;
  border-bottom: 1px solid #000000;
  border-left: 1px solid #333333;
  border-right: 1px solid #000000;
  background: #ffef7c url(/images/buttons/btn-yellow.gif) top right repeat-x;
  color: #000000;
}

a.cbtn.yellow:hover {
  background: #fffdc7 url(/images/buttons/btn-yellow-over.gif) top right
    repeat-x;
}

a.cbtn.yellow:active {
  /*border-bottom: 1px solid #eeeeee;
  border-top: 1px solid black;
  border-right: 1px solid #eeeeee;
  border-left: 1px solid black;*/
}

a.smallBtn {
  display: inline-block;
  font-size: 60%;
  margin: 1px 1px 1px 1px;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 2px;
  padding-bottom: 2px;
  width: auto;
  text-align: center;
  text-decoration: none;
}

a.smallBtn.black:link,
a.smallBtn.black:visited {
  /*border-top: 1px solid #333333;
  border-bottom: 1px solid #000000;
  border-left: 1px solid #333333;
  border-right: 1px solid #000000;*/
  background: #353536;
  /*background: #bbbbbb url(/images/buttons/btn-black.gif) top right repeat-x;*/
  color: #ffffff;
}

a.smallBtn.black:hover {
  background: #000000;
  /*background: #e1e1e1 url(/images/buttons/btn-black-over.gif) top right repeat-x;*/
}

a.smallBtn.black:active {
  /*border-bottom: 1px solid #eeeeee;
  border-top: 1px solid black;
  border-right: 1px solid #eeeeee;
  border-left: 1px solid black;*/
}

a.cbtn5px {
  display: inline-block;
  font-size: 75%;
  margin: 5px;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 3px;
  padding-bottom: 3px;
  width: auto;
  text-align: center;
  text-decoration: none;
}

a.cbtn5px.black:link,
a.cbtn5px.black:visited {
  /*border-top: 1px solid #333333;
  border-bottom: 1px solid #000000;
  border-left: 1px solid #333333;
  border-right: 1px solid #000000;*/
  background: #353536;
  /*#bbbbbb url(/images/buttons/btn-black.gif) top right repeat-x;*/
  color: #ffffff;
}

a.cbtn5px.black:hover {
  background: #000000;
  /*#e1e1e1 url(/images/buttons/btn-black-over.gif) top right repeat-x;*/
}

a.cbtn5px.black:active {
  /*border-bottom: 1px solid #eeeeee;
  border-top: 1px solid black;
  border-right: 1px solid #eeeeee;
  border-left: 1px solid black;*/
}

/***********************************************************/
/* COLLAPSIBLE PANEL
/***********************************************************/

span.gameSeriesData {
  position: relative;
  right: 0px;
}

div.cPanel {
  float: left;
  /*position: relative;*/
  margin: 0 0;
  margin-bottom: 15px;
  padding: 0;
  width: 100%;
  height: auto;
  display: block;
  font-size: 1em;
}

table.cPanel {
  float: left;
  position: relative;
  margin-bottom: 5px;
  padding: 0;
  width: 100%;
  font-size: 1em;
}

table td.cPanelHeader {
  float: left;
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%;
  background: #9e9e9e;
  color: #ffffff;
  border-top: 1px solid #555;
  font-size: 1em;
  line-height: 1.4em;
  padding: 0.25em;
  padding-left: 0.5em;
}

table.cPanelContent {
  float: left;
  padding: 0 0 0 0;
  position: relative;
  width: 100%;
  background: #ffffff;
}

div.cPanelContent.hidden {
  display: none;
}

div.cPanelHeaderBTN {
  float: left;
  padding: 0em;
}

div.cPanelHeaderBTN img {
  border: none;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  padding: 0.25em;
}

div.cPanelHeader {
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%;
  color: var(--primary);
  /*border-left: 8px solid #144372;*/
}

div.cPanelHeader.noBrd {
  border: none;
}

div.cPanelHeader.noBkg {
  background: none;
}

div.cPanelHeaderTXT,
div.cPanelHeaderBtnTXT {
  display: inline-block;
  font-weight: normal;
  padding: 0.5em 0em;
}

div.cPanelHeaderTXT span,
div.cPanelHeaderBtnTXT span {
  font-weight: bold;
  padding: 0em;
  font-size: 1em;
  text-transform: uppercase;
}

div.cPanelHeaderTXT h1,
div.cPanelHeaderBtnTXT h1 {
  display: block;
  font-weight: bold;
  font-size: 1em;
  text-transform: uppercase;
  padding-left: 0.5em;
  padding-right: 1em;
}

div.cPanelHeaderTXT span.gameSeriesData,
div.cPanelHeaderBtnTXT span.gameSeriesData {
  font-size: 0.8em;
  line-height: 1.5em;
  font-weight: normal;
  margin-right: 1em;
  float: right;
}

div.cPanelContent {
  float: left;
  padding: 0;
  width: 100%;
  height: auto;
  background: #ffffff;
  font-size: 1em;
}

div.cPanelContent.grey {
  background: #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
  -moz-box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.2);
  box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.2);
}

div.cPanelContent.yellowBkg {
  background: #fcc600;
  border: none;
}

div.cPanelContent.noBorder {
  border: none;
}

div.cPanelArrowExpandBTN {
  cursor: pointer;
  background-image: url(/_assets/images/icn-panel-expand.svg);
  background-size: contain;
  /*position: absolute;
  right: 0px;
  top: 0px;*/
  width: 1.5em;
  height: 1.5em;
  margin-left: auto;
}

div.cPanelArrowContractBTN {
  cursor: pointer;
  background-image: url(/_assets/images/icn-panel-contract.svg);
  background-size: contain;
  width: 1.5em;
  height: 1.5em;
  margin-left: auto;
}

div.cPanelCloseBTN {
  cursor: pointer;
  background-image: url(/_assets/images/icn-panel-close.svg);
  width: 1.5em;
  height: 1.5em;
  float: right;
}

div.cEmptyPanel {
  margin: 0px;
  padding: 0;
  width: auto;
  text-align: center;
  clear: both;
  font-size: 1em;
}

div.cEmptyPanel.left {
  text-align: left;
}

div.cEmptyPanel.right {
  text-align: right;
}

div.cEmptyPanel.left5px {
  text-align: left;
  margin: 5px;
}

div.cEmptyPanel.right5px {
  text-align: right;
  margin: 5px;
}

div.cEmptyPanel.normal3px {
  margin: 3px;
  /*margin-top: 600px;*/
}

div.cEmptyPanel.left3px {
  text-align: left;
  margin: 3px;
}

div.cEmptyPanel.right3px {
  text-align: right;
  margin: 3px;
}

div.cEmptyPanel.normal5px {
  margin: 5px;
  /*margin-top: 600px;*/
}

div.cEmptyPanel.normal10px {
  margin: 10px;
  /*margin-top: 600px;*/
}

div.cEmptyPanel span.pageSorter a,
div.cEmptyPanel span.pageSorter a:link,
div.cEmptyPanel span.pageSorter a:visited {
  line-height: 1.2em;
  color: #333333;
  text-decoration: none;
  background-color: transparent;
  border-color: #333333;
  border-bottom-width: 1px;
  border-left-width: 0px;
  border-right-width: 0px;
  border-top-width: 0px;
  border-style: dotted;
  vertical-align: middle;
  *text-decoration: underline;
  *border: none;
}

div.cEmptyPanel span.pageSorter a:hover {
  color: #cccccc;
  background-color: #333333;
  text-decoration: none;
}

div.cEmptyPanel span.pageSorter a.current,
div.cEmptyPanel span.pageSorter a.current:link,
div.cEmptyPanel span.pageSorter a.current:visited,
div.cEmptyPanel span.pageSorter a.current:hover {
  color: #000000;
  background-color: transparent;
  text-decoration: none;
  border-bottom-width: 0px;
  font-weight: bold;
}

div.cEmptyPanel div.cbtn5px {
  font-size: 120%;
}

/***********************************************************/
/* HEADER STYLES
/***********************************************************/
/*div.maincontainer {
  margin-top: 120px !important;
}*/

input {
  -moz-border-radius: 2px 2px 2px 2px;
  -webkit-border-radius: 2px 2px 2px 2px;
  border-radius: 2px 2px 2px 2px;
}

div#headerwrapper {
  z-index: 20;
  position: fixed;
  top: 0px;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 100%;
  max-width: var(--page-max-width);
  box-shadow: 0 5px 5px var(--shadow-color-trans-200);
}

div#headercontent {
  position: relative;
  background: var(--header-main-bg);
}

div#header {
  display: flex;
  padding: 0 1rem;
  height: var(--main-menu-height);
  align-items: center;
  /*padding: 0px 1em;*/
}

div#headercenter {
  display: flex;
  flex: 1;
  padding: 0px 16px;
}

div#header_logo {
  width: auto;
  display: flex;
}

.header-page-title {
  padding-left: 0.25rem;;
}

.header-page-title span {
  font-size: 0.85rem;
  color: var(--header-main-color);
}

div#header_logo div.logo_links {
  width: auto;
  display: block;
  /*margin-bottom: 0.25em;*/
}

div#header_logo div.logo_links ul.logo_links_list a {
  font-size: 0.75em;
  text-decoration: underline;
  color: #757575;
  text-decoration: none;
}

div#header_logo div.logo_links ul.logo_links_list a:hover {
  color: #000000;
  text-decoration: underline;
}

div#header_logo div.logo_links ul.logo_links_list li {
  display: inline;
  margin-right: 0.5em;
}

div#header_logo div.logo_div {
  display: inline-block;
}

div#header_logo div.logo_div img {
  border: none;
  width: 180px;

  @media only screen and (max-width: 512px) {
    height: 1.5rem;
    width: auto;
  }
}

@media only screen and (max-width: 512px) {
    div#header_logo div.logo_div img:not(.emptyTitle) {
		height: 1.5rem;
		width: auto; 
	}  
	div#header_logo div.logo_div img.emptyTitle {
		height: 3.5rem;
		width: auto; 
	}  
}


div#header_logo div.links_div {
  position: relative;
  display: inline-block;
  vertical-align: bottom;
}

div#header_logo div.links_div a.social-link {
  font-size: 24px;
  line-height: 48px;
  margin-left: 4px;
  margin-right: 4px;
  padding-top: 14px;
  color: #808080;
  text-decoration: none;
}

div#header_logo a.social-link.facebook:hover {
  color: #3b5998;
}

div#header_logo a.social-link.twitter:hover {
  color: #55acee;
}

div#header_logo #header_page_title {
  display: none;
  justify-content: center;
  align-items: center;
  font-size: 1rem;
  color: var(--secondary);

  @media only screen and (max-width: 512px) {
    display: flex;
  }
}

div#header_icons {
  display: none;
  float: right;
  width: auto;
  height: 64px;
  left: 0px;
  bottom: 0px;
  display: block;
}

div.badge {
  position: absolute;
  top: 0px;
  right: 0px;
  background-color: var(--badge-ticket-bg);
  color: var(--badge-ticket-color);
  border-radius: 20px;
  line-height: 20px;
  width: 20px;
  border: 1px solid var(--badge-ticket-border-color);
}

div#icn_cart .badge {
  position: absolute;
  font-size: 12px;
  right: 0.25em;
  top: 0.25em;
  font-weight: bold;
  color: var(--badge-ticket-color);
  text-align: center;
}

div#switch_theme .switchThemeIcon {
  font-size: 24px;
  color: var(--header-main-color);
  cursor: pointer;
}

div#icn_cart .cartIcon {
  font-size: 24px;
  color: var(--header-main-color);
  cursor: pointer;
}

/*
  div#icn_cart:hover {
    background-image: url(/images/header2016/icn-cart-header.png);
    background-color: #FFFF55;
    background-repeat: no-repeat;
    background-position: 50% 50%;
  }
  */

div#icn_help {
  float: right;
  display: block;
  width: 64px;
  height: 64px;
  border-right: 1px solid #000;
  padding: 4px 8px;
  background-image: url(/images/header2016/icn-help-header.png);
  background-repeat: no-repeat;
  background-position: 50% 20%;
}

div#icn_help:hover {
  background-image: url(/images/header2016/icn-help-header.png);
  background-color: #ffff55;
}

div#icn_help a {
  display: block;
  color: #000;
  line-height: 112px;
  font-size: 13px;
  vertical-align: bottom;
  text-align: center;
  /*text-shadow: 1px 1px 3px #969696;*/
  text-decoration: none;
}

div#icn_help a:hover {
  color: #000;
  /*text-shadow: 1px 1px 2px #fff;*/
}

div#header_cart,
div#switch_theme {
	margin-left: 0.5rem;
}

div#header_login {
  padding: 0;
  margin: 0;
  flex: 1;
  justify-content: flex-end;
  display: flex;
}

div#header_login .header_responsible {
    line-height: 2em; 
    margin: 0 1em;
    padding: 0 1em;
    color: var(--header-main-color);
}

div#header_login .header_responsible:hover {
    line-height: 2em; 
    margin: 0 1em; 
    background-color: var(--header-main-color);
    color: var(--header-main-color-negative);
}

div#header_login .header_responsible:hover a{
    color: var(--header-main-color-negative);
}

div#header_login .header_responsible a {
    text-decoration: none;
    line-height: 2em;
    color: var(--header-main-color);
}

/***********************************************************/
/* LOGIN FORM
/***********************************************************/

#loginForm div#loginLinks {
  display: block;
  width: auto;
  background: none;
}

#loginForm div#loginLinks a.forgot {
  text-align: left;
  font-size: 0.75em;
  text-decoration: underline;
  color: var(--header-main-color);
}

#loginForm div#loginLinks a.forgot:hover {
  color: #000000;
}

#loginForm div.loginGroup {
  float: left;
  display: flex;
  width: auto;
}

#loginForm div.userdata {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  margin: 0 0;
  padding: 0 0;
}

/*div #loginForm-userdata*/
#loginForm div.userdata div.user {
  display: inline-block;
  vertical-align: middle;
  width: 8em;
  margin: 0 0.25em 0 0;
}

/*div #loginForm-userdata*/
#loginForm div.userdata div.password {
  display: inline-block;
  vertical-align: middle;
  width: 8em;
  margin: 0 0.25em 0 0;
}

#loginForm div.userdata div.user input.input-user {
  background: #ffffff;
  border: none;
  width: 100%;
  height: 2.125em;
  border: 1px solid var(--header-main-color);
  padding: 0.25em;
  font-size: 0.875em;
}

#loginForm div.userdata div.password input.input-pwd {
  background: #ffffff;
  border: none;
  width: 100%;
  height: 2.125em;
  border: 1px solid var(--header-main-color);
  padding: 0.25em;
  font-size: 0.875em;
}

#loginForm div.loginBtn {
  display: inline-block;
  vertical-align: middle;
  width: 6em;
  -moz-border-radius: 2px 2px 2px 2px;
  -webkit-border-radius: 2px 2px 2px 2px;
  border-radius: 2px 2px 2px 2px;
  border: 2px solid var(--header-main-color);
  margin: 0 0.25em 0 0;
}

#loginForm div.loginBtn:hover {
  background: var(--header-main-color);
  color: var(--header-main-color-negative);
}

#loginForm div.loginBtn a {
  width: 100%;
  vertical-align: middle;
  text-align: center;
  text-decoration: none;
  line-height: 2em;
  font-weight: bolder;
  color: var(--secondary);
}

#loginForm div.loginBtn a:hover {
  color: var(--header-main-color);
}

#loginForm div.loginBtn p {
  line-height: 2em;
  font-size: 0.875em;
  font-weight: normal;
  vertical-align: center;
  text-align: center;
  color: var(--header-main-color);
}

#loginForm div.loginBtn p:hover {
  line-height: 2em;
  font-size: 0.875em;
  font-weight: normal;
  vertical-align: center;
  text-align: center;
  color: var(--header-main-color-negative);
}

#loginForm div.icnUser i {
  font-size: 26px;
  color: var(--header-main-color);
  cursor: pointer;
  padding-right: 0.5rem;
}

#loginForm div.newuser {
  vertical-align: middle;
  width: 6em;
  -moz-border-radius: 2px 2px 2px 2px;
  -webkit-border-radius: 2px 2px 2px 2px;
  border-radius: 2px 2px 2px 2px;
  background: transparent;
  border: 2px solid var(--header-main-color);
  color: var(--header-main-color);
  margin: 0 0.25em 0 0;
}

@media screen and (min-width: 1024px) {
  #loginForm div.newuser {
    display: inline-block;
  }
}

#loginForm div.newuser:hover {
  background: var(--header-main-color);
}

#loginForm div.newuser p {
  color: var(--header-main-color);
  line-height: 2em;
  font-size: 0.875em;
  font-weight: normal;
  vertical-align: center;
  text-align: center;
}

#loginForm div.newuser p:hover {
  color: #ffffff;
}

#loginForm div.newuser a {
  text-decoration: none;
  line-height: 2em;
}

#loginForm div.pozabilSemBtn {
  vertical-align: middle;
  width: 6em;
  background: transparent;
  border: 0;
  color: var(--header-main-color);
  margin: 0 0.25em 0 0;
  padding: 2px 0px;
}

@media screen and (min-width: 1024px) {
  #loginForm div.pozabilSemBtn {
    display: inline-block;
  }
}

#loginForm div.pozabilSemBtn:hover {
  background: var(--header-main-color);
}

#loginForm div.pozabilSemBtn p {
  color: var(--header-main-color);
  line-height: 2em;
  font-size: 0.875em;
  font-weight: normal;
  vertical-align: center;
  text-align: center;
}

#loginForm div.pozabilSemBtn p:hover {
  color: var(--header-main-color-negative);
}

#loginForm div.pozabilSemBtn a {
  text-decoration: none;
  line-height: 2em;
}

/***********************************************************/
/* LOGOUT FORM
/***********************************************************/

div #logoutForm {
  padding: 0;
  font-size: 0.875em;
  display: flex;
}

div #logoutForm #user-details {
  width: 100%;
  display: flex;
  align-items: center;
  color: var(--header-main-color);
}

div #logoutForm div.userdata {
  display: flex;
  vertical-align: middle;
  height: 56px;
}

div #logoutForm div.userdata div.user {
  display: inline-block;
  width: 49%;
}

div #logoutForm div.userdata div.funds {
  display: inline-block;
  width: 49%;
}

div #logoutForm #funds-details {
  width: 100%;
}

div #logoutForm div.userdata div.user p.username-label {
  height: 2em;
  color: #424242;
  line-height: 2em;
  font-size: 0.75em;
  text-align: left;
}

div #logoutForm div.userdata div.funds p.funds-label {
  height: 2em;
  color: #424242;
  line-height: 2em;
  font-size: 0.75em;
  text-align: left;
}

div #logoutForm div.userdata div.user div.username-text {
  font-size: 16px;
  text-align: right;
  white-space: nowrap;
  padding-right: 0.5rem;
  display: flex;
  flex-direction: column;
  line-height: normal;
  justify-content: center;
  height: 56px;
  color: var(--header-main-color);
}

div #logoutForm div.userdata div.user div.username-menu-icon {
  align-items: center;
}

div #logoutForm div.userdata div.user div.username-menu-icon i {
  font-size: 24px;
  color: var(--header-main-color) !important;
}

div #logoutForm div.kontodata {
  display: inline-block;
  height: 2em;
}

div #logoutForm div.kontodata a {
  display: inline-block;
  width: 6em;
  height: 2em;
  line-height: 2em;
  text-decoration: none;
  text-align: center;
  -moz-border-radius: 2px 2px 2px 2px;
  -webkit-border-radius: 2px 2px 2px 2px;
  border-radius: 2px 2px 2px 2px;
  margin: 0 0.25em 0 0;
  background: transparent;
  border: 1px solid var(--header-main-color);
  color: var(--header-main-color);
}
/*
div #logoutForm div.kontodata a.konto:hover {
  background: var(--header-main-color) !important;
  color: var(--header-main-color-negative) !important;
}

div #logoutForm div.kontodata a.payin:hover {
  background: var(--header-main-color) !important;
  color: var(--header-main-color-negative) !important;
}

div #logoutForm div.kontodata a.payout:hover {
  background: var(--header-main-color) !important;
  color: var(--header-main-color-negative) !important;
}
*/
div #logoutForm div.logoutBtn {
  display: inline-block;
  width: 6em;
  height: 2em;
  line-height: 2em;
  text-decoration: none;
  color: var(--header-main-color-negative);
  text-align: center;
  -moz-border-radius: 2px 2px 2px 2px;
  -webkit-border-radius: 2px 2px 2px 2px;
  border-radius: 2px 2px 2px 2px;
  background: var(--header-main-color);
  border: 1px solid var(--header-main-color);
  color: var(--header-main-color);
}

div #logoutForm div.logoutBtn:hover {
  background: var(--header-main-color);
}

div #logoutForm div.logoutBtn a {
  width: 100%;
  color: var(--header-main-color-negative);
  font-weight: bold;
  text-decoration: none;
}

/***********************************************************/
/* TOP MENU
/***********************************************************/

div#menucenter {
  margin: 0 auto;
}

/************* MAIN MENU ********************/

div#menu-links {
  font-size: var(--font-menu);
  font-weight: normal;
  margin: 0 auto;
  display: flex;
  background: var(--header-menu-bg);
}

div#menu-links-content {
  margin: 0 auto;
  flex: 1;
}

div#menu-links-content-middle {
  width: auto;
}

div#menu-links-content-middle li.dropdown a.dropbtn::after {
  content: "\23f7";
}

#menu-links-responsible {
    width: auto;
    font-size: 2rem;
    display: flex;
    margin: 0 1rem;

    > a {
        display: flex;
        align-items: center;

        > img {
            max-height: 24px;

            &.responsible-18plus {
                display: inline-block;
            }
            
            &.responsible-text {
                display: none;
            }
        }
    }

}

@media screen and (min-width: 1080px) {
    #menu-links-responsible > a > img.responsible-text  {
      display: inline-block;
    }
}

#menu-links-social {
  width: auto;
  font-size: 2rem;

  > li {
    display: inline-block;
    color: var(--main-menu-color);
    height: var(--main-menu-height);
    line-height: var(--main-menu-height);
    padding-right: 16px;

    >  a {
        color: var(--main-menu-color);
    }
  }
  span {
    display: none;
  }

  .social-facebook a:before {
    font-family: "FontAwesome";
    content: "\f082";
    display: inline-block;
  }
  
  .social-tweeter a:before {
    font-family: "FontAwesome";
    content: "\f081";
    display: inline-block;
  }
  
  .social-linkedin a:before {
    font-family: "FontAwesome";
    content: "\f08c";
    display: inline-block;
  }
  
  .social-instagram a:before {
    font-family: "FontAwesome";
    content: "\f16d";
    display: inline-block;
  }
  
  .social-youtube a:before {
    font-family: "FontAwesome";
    content: "\f167";
    display: inline-block;
  }

}



div#menu-links-content ul {
  padding: 0;
  margin: 0 auto;
}

div#menu-links-content ul li {
  display: inline-block;
  margin: 0;
  padding: 0;
  text-align: center;
  height: var(--header-menu-dropdown-item-height);
}

div#menu-links-content-middle > ul > li > a {
  text-transform: uppercase;
}

div#menu-links-content ul li a {
  overflow: hidden;
  display: inline-block;
  margin: 0;
  padding-left: 1rem; /*12px;*/
  padding-right: 1rem; /*20px;*/
  position: relative;
  color: var(--header-menu-color);
  line-height: var(--header-menu-height);
  text-decoration: none;
  font-size: var(--font-menu);
  font-weight: bold;
  border-bottom: solid 2px transparent;
}

/* The container <div> - needed to position the dropdown content */
div#menu-links-content .dropdown {
  position: relative;
  display: inline-block;
}



/************** SPECIAL MENU STYLES ********************/

div#menu-links-content ul > li.menu-new-item > a:before {
margin-right: -2rem;
  margin-top: 0.5rem;
  position: absolute;
  padding: 0.25rem 0.25rem 0.25rem 0.25rem;
  content: 'NOVO';
  background: #ff0000;
  height: 0.2rem;
  font-size: 0.5rem;
  line-height: 0.25rem;
  color: #fff;
}


div#menu-links-content ul > li.menu-new-item > ul > li.menu-new-item > a:before {
  content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAUCAYAAAD/Rn+7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAmJJREFUeNrsVj1PG0EQHZ99AQPnHwDkBzhpKCIndCkS0SGIhCiQCFKokECBhgKkOAVFGhChSOPCllIFidQIJOhI0kATPjoKkx9gIAQftjNv2DnOJxNsF9hFRlrdzezM7Ns3s3tH1OQSChpOT8+e82OrGcA5TkcocttkPt7TMGBW4glFMqnr92Yv8Z0A25JzFPvymR70vSjTVezep9SR+iQ2v1/L0CvR8ZReisVEb1/8IHr4cbwsLjozVR/AyKM4RRhEW3JeFlFdF3E4ud2boEL2xFsUIEu5nPjZfS/FFzbosCtY2BBnPeym6PRkRZBVl9jq7qLW8bEyW3T6OuHv5AKdz8zS2fiE6K1vxii/vilglFEFerm6JqwC5MXSisTlhkZM3Ov6AF7tfKci7xQJsGMvOOZ4i0Jc9hPWDcMAqeyBZeQo/Dzw5q+MP+x4B+i6GbxY/CgJlJEgu9pnEIAQwOsbHtOYyxu9mM0af+cmB5e5rh5UAUvBXbrffpiDMy+HBQdImNk/8BhEmdGbfqZ1AwCOOPQeNqmMlp2BWo48esYx5YH8SaXJfpYQVpVZLI6e9O5TBome0/IqUJQZdsfcCJg/f79Q/ZdEL2rdvSa3DUDXt1v4WMxskdlSP3/5w1y+SnMaF8ynF/U/vyQqwaRuhTLAp3BLPJgp+g5WtXE192CjpBKD70qHRzc90NVJ1ugIhQf78fVu7N8M999bfiy5g8MCLMzAQtwPLMc8lnns3fPfzHbIBw6nYrd08stjjiXNIwPHhv8PMsBdfvQYtjIAx8COm6IRGVySx1ceA/RfapO/AgwAqggLrZQKYjAAAAAASUVORK5CYII=);
}

div#menu-links-content ul > li.menu-new-item > ul > li.menu-new-item > a {
  padding-right: 2px;
}

div#menu-links-content ul li a:hover {
  background: var(--neutral-trans-500);
  border-bottom: solid 2px var(--neutral-trans-500);
  color: var(--secondary-darkest);
  /*
  background: url(images/header2012/header-menu-over-divider.png) right top no-repeat;
  text-shadow: 1px 1px #000;
  */
}

div#menu-links-content li > a.current {
  color: var(--header-menu-color-hi);
  height: var(--header-menu-height);
  border-bottom: solid 2px var(--header-menu-color-hi);
}

div#menu-links-content div.dropdown-content ul > li > a.current {
  color: var(--header-menu-color-hi);
  height: var(--header-menu-item-height);
  border-bottom: solid 2px var(--header-menu-color-hi);
}
/*
div#menu-links-content ul li a.last {
  background: none;
}
*/

/***********************************************************/
/* FOOTER *****************************************/
/***********************************************************/

/* Footer styles */

div#footer_push {
  height: 0;
  /*height: 32em;*/
  /*float: left;*/
}

div#footer_container {
  width: 100%;
  color: var(--color-bright);
  font-size: 8px;
  /*padding-bottom: 5rem;*/
}

div#footer {
  padding: 1.25rem;
  display: flex;
  flex-direction: row;
  /*
  border-top: solid 1px rgba(255, 255, 255, 0.3);
  border-bottom: solid 1px rgba(255, 255, 255, 0.3);
  */
}

@media screen and (max-width: 512px) {
  div#footer {
    flex-direction: column;
  }

  div#footer > div {
    padding-bottom: 1.25rem;
    text-align: center;
  }
}

@media screen and (min-width: 512px) {
  div#footer .footerOdgovorno {
    text-align: end;
    width: 30%;
  }
}

div#footer .footerOdgovorno img {
  height: 3rem;
  padding-bottom: 16px;
}

@media screen and (min-width: 512px) {
  div#footer .footerSlLogo {
    text-align: start;
    width: 30%;
  }
}

div#footer .footerSlLogo img {
  height: 3rem;
  padding-bottom: 16px;
}

div#footer .footerLinks {
  flex: 1;
  text-align: center;
}

div#footer .footerLinks a {
  color: #ffcc00;
  text-decoration: none;
}

div#footer .footerLinks li {
  margin-bottom: 8px;
}

/*
div#footer-logos img {
  height: 40px;
}
*/

div#footer-logos-content-middle {
  width: 100%;
}

ul#footer-logos-content-middle-list {
  list-style-type: none;
}

ul#footer-logos-content-middle-list li {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  padding: 0px 16px;
}

div#footer-geotrust-certificate {
  height: 80px;
  width: 180px;
  display: inline-block;
}

div#footer-geotrust-certificate img {
  margin-top: 8px;
  margin-left: 20px;
}

/* FOOTER WARNINGS */
div#footer-warnings-container {
  width: 100%;
  margin: 1em;
  float: left;
  text-align: center;
}

div#footer-warnings {
  width: 100%;
  text-align: center;
}

div#footer-warnings-content-middle {
  margin: 0 auto;
}

ul#footer-warnings-content-middle-list ul {
  list-style-type: none;
}

ul#footer-warnings-content-middle-list li {
  display: inline-block;
  vertical-align: middle;
  padding: 0 1em;
}

ul#footer-warnings-content-middle-list li div#footer-warning {
  margin: 0;
  padding: 0;
  width: 24em;
  text-align: left;
}

div#footer-warning p.footer-warning-text {
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  color: var(--secondary);
  overflow: hidden;
  padding: 0;
  margin: 0;
}

/* COMAPNY INFO */

div#footer-SL {
  width: 100%;
  float: left;
  text-align: center;
  border-top: 1px solid var(--secondary);
  border-bottom: 1px solid var(--secondary);
}

div#footer-SL-content {
  height: auto;
  margin: 1em auto;
}

ul#footer-SL-content-list {
  list-style-type: none;
}

ul#footer-SL-content-list li {
  display: inline-block;
  vertical-align: middle;
  padding: 0 2em;
}

ul#footer-SL-content-list li.SL-content-leftmost {
  border-right: 1px solid var(--secondary);
}

ul#footer-SL-content-list li.SL-content-middle {
  border-right: 1px solid var(--secondary);
}

ul#footer-SL-content-list li.SL-content-rightmost {
  border: none;
}

div#footer-SL-content div#footer-SL-logo {
  width: 200px;
  height: 64px;
  vertical-align: middle;
}

div#footer-SL-content div#footer-SL-slogan {
  width: 200px;
  height: 64px;
  vertical-align: middle;
}

div#footer-SL-content div#footer-SL-text {
  width: 400px;
  height: 64px;
  position: relative;
}

div#footer-SL-content div#footer-SL-text p {
  text-align: left;
  color: var(--secondary);
  font-size: 16px;
  position: absolute;
  bottom: 3px;
}

div#footer-SL-company-text {
  width: 100%;
  float: left;
  text-align: center;
  border-bottom: 1px solid var(--secondary);
  padding-bottom: 1em;
  margin-bottom: 1em;
}

div#footer-SL-company-text p.SL-company-text {
  text-align: center;
  font-size: 14px;
}

div#footer-copyright {
  height: 4em;
  width: 100%;
  /*background-color: var(--color-dark-trans-800);*/
}

div#footer-copyright p.CopyrightText {
  font-size: 0.75em;
  padding-top: 2rem;
  color: #ffffff;
  text-align: center;
  height: 4em;
  width: 100%;
}

/********** CLEARFIX ************/
div.clearfix {
  width: 100%;
  clear: both;
}

div.clearfix hr {
  display: none !important;
}
/*
div.displayCover {
  display: none;
  position: fixed;
  margin: 0;
  padding: 0;
  left: 0px;
  top: 0px;
  background: #000000;
  filter: alpha(Opacity=70);
  opacity: 0.7;
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
  z-index: 999;
}

div.alertDialog {
  display: none;
  position: fixed;
  top: 30%;
  left: 50%;
  width: 300px;
  height: auto;
  min-height: 100px;
  margin-left: -205px;
  padding: 10px 10px 10px 110px;
  z-index: 1000;
  background: #ffffff;
  border: 2px solid #e40000;
}

div.alertDialog p.alertTitle {
  font-size: 16px;
  line-height: 24px;
  color: #e40000;
  font-weight: 700;
}

div.alertDialog p.alertBody {
  font-size: 12px;
  line-height: 16px;
  color: #000000;
  font-weight: 100;
  min-height: 80px;
}

div.alertLeft {
  position: absolute;
  top: 0;
  left: 0;
  width: 100px;
  height: 100%;
  background: #e40000;
  padding: 0;
  margin: 0;
  border: none;
}

div.alertButton {
  float: right;
}

div.infoDialog {
  display: none;
  position: fixed;
  top: 30%;
  left: 50%;
  width: 300px;
  min-height: 100px;
  margin-left: -205px;
  padding: 10px 10px 10px 110px;
  z-index: 1000;
  background: #ffffff;
  border: 2px solid #8BC53E;
}

div.infoDialog p.infoTitle {
  font-size: 16px;
  line-height: 24px;
  color: #8BC53E;
  font-weight: 700;
}

div.infoDialog p.infoBody {
  font-size: 12px;
  line-height: 16px;
  color: #000000;
  font-weight: 100;
}

div.infoLeft {
  position: absolute;
  top: 0;
  left: 0;
  width: 100px;
  height: 100%;
  background: #8BC53E;
  padding: 0;
  margin: 0;
  border: none;
}

div.infoButton {
  position: absolute;
  text-align: right;
  right: 10px;
  bottom: 10px;
}

div.infoButtonOK {
  float: right;
}

div.infoButtonPreklici,
div.infoButtonCancel {
  float: right;
  margin-right: 20px;
}

*/

*,
html {
  font-family: "Roboto", sans-serif;
  /*letter-spacing: -0.025em;*/
}

body,
button,
input,
select,
textarea {
  font-family: "Roboto", sans-serif !important;
  /*letter-spacing: -0.025em;*/
}

/****************************************************/
/* COMMENT PANEL                                    */
/****************************************************/

div.commentContainer {
  display: flex;
  flex: 1;
  height: auto;
  padding: 10px;
  background: var(--secondary-darkest);
}

div.commentPanel {
  display: flex;
  flex-direction: column;
  flex: 1;
}

div.commentPic {
  position: relative;
  float: left;
  width: 190px;
  height: 150px;
  background: var(--secondary-darkest);
}

div.commentImage {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 80px;
  height: 80px;
  background: #000000;
}

div.commentTip {
  position: absolute;
  top: 0px;
  left: 80px;
  width: 90px;
  height: 60px;
  background: var(--primary);
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  text-align: center;
}

div.commentTip span.tip {
  line-height: 40px;
  font-size: 32px;
  text-align: center;
  font-weight: 700;
  color: var(--secondary-darkest);
}

div.commentTip span.tipMini {
  font-size: 14px;
  text-align: center;
  font-weight: 300;
  color: var(--secondary-darkest);
  margin-bottom: 10px;
}

div.commentName {
  position: relative;
  top: 80px;
  left: 0px;
  width: 190px;
  height: 40px;
  padding-top: 15px;
}

div.commentName span.name {
  font-size: 15px;
  font-weight: 700;
  color: var(--neutral);
  text-align: left;
  margin-left: 5px;
  margin-right: 5px;
}

div.commentName span.titling {
  font-size: 12px;
  margin-left: 5px;
  margin-right: 5px;
}

div.commentTxt {
  float: left;
  position: relative;
  top: 0px;
  left: 10px;
  width: 480px;
  height: auto;
  font-size: 14px;
  line-height: 18px;
  padding: 10px;
}

div.commentTxt span.title {
  font-size: 24px;
  font-weight: 700;
  color: var(--neutral);
  text-align: left;
}

div.commentTxt p {
  margin-top: 10px;
  color: var(--neutral);
  text-align: left;
}

div.commentData {
  display: flex;
  flex: 1;
}

div.commentData table {
  flex: 1;
}

div.commentData table .left {
  text-align: left;
}

div.commentData thead {
  background: #9e9e9e;
}

div.commentData thead tr.header,
div.commentData thead tr.header th,
div.commentData thead tr.header th.left,
div.commentData thead tr.header th.center {
  /*background: #9E9E9E !important;*/
  /*border-top: 1px solid #9E9E9E;*/
  padding-top: 5px;
  padding-bottom: 5px;
}

/****************************************************/
/* UI PAGER onTop                                   */
/****************************************************/

div.cPanelContent.uiPager.onTop {
  background: transparent !important;
  margin-bottom: 15px;
}

div.cPanelContent.uiPager.onTop div.uiPagerContent {
  float: left;
  width: 100%;
  overflow: hidden;
  position: relative;
}

div.cPanelContent.uiPager.onTop div.uiPagerContent ul {
  clear: left;
  float: left;
  list-style: none;
  margin: 0;
  padding: 0 0 8px 0;
  position: relative;
  left: 50%;
  text-align: center;
}

div.cPanelContent.uiPager.onTop div.uiPagerContent ul li {
  display: block;
  float: left;
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
  right: 50%;
}

div.cPanelContent.uiPager.onTop div.uiPagerContent ul li.controls {
  margin: 0 8px;
  display: block;
  padding: 5px 5px;
  text-decoration: none;
  width: 16px;
  height: 16px;
  line-height: 16px;
  font-size: 16px;
  color: var(--secondary);
}

div.cPanelContent.uiPager.onTop div.uiPagerContent ul li a {
  display: block;
  margin: 0 0 0 1px;
  padding: 5px 5px;
  text-decoration: none;
  width: 16px;
  height: 16px;
  line-height: 16px;
  color: #ffffff;
  -moz-border-radius: 2px 2px 2px 2px;
  -webkit-border-radius: 2px 2px 2px 2px;
  border-radius: 2px 2px 2px 2px;
}

div.cPanelContent.uiPager.onTop div.uiPagerContent ul li a:hover {
  color: #fff;
  background: var(--secondary);
}

div.cPanelContent.uiPager.onTop div.uiPagerContent ul li a.active,
div.cPanelContent.uiPager.onTop div.uiPagerContent ul li a.active:hover {
  color: #fff;
  background: var(--secondary);
}

div.cPanelContent.uiPager.onTop div.uiPagerContent ul li a.selected {
  color: #032642;
  background: var(--primary);
}

/****************************************************/
/* UI PAGER                                         */
/****************************************************/

div.cPanelContent.uiPager {
  background: transparent !important;
  margin-bottom: 15px;
}

div.cPanelContent.uiPager div.uiPagerContent {
  float: left;
  width: 100%;
  overflow: hidden;
  position: relative;
}

div.cPanelContent.uiPager div.uiPagerContent ul {
  clear: left;
  float: left;
  list-style: none;
  margin: 0;
  padding: 0 0 8px 0;
  position: relative;
  left: 50%;
  text-align: center;
}

div.cPanelContent.uiPager div.uiPagerContent ul li {
  display: block;
  float: left;
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
  right: 50%;
}

div.cPanelContent.uiPager div.uiPagerContent ul li.controls {
  margin: 0 8px;
  display: block;
  padding: 5px 5px;
  text-decoration: none;
  width: 16px;
  height: 16px;
  line-height: 16px;
  font-size: 16px;
  color: var(--secondary);
}

div.cPanelContent.uiPager div.uiPagerContent ul li a {
  display: block;
  margin: 0 0 0 1px;
  padding: 5px 5px;
  text-decoration: none;
  width: 16px;
  height: 16px;
  line-height: 16px;
  color: var(--neutral);
  -moz-border-radius: 2px 2px 2px 2px;
  -webkit-border-radius: 2px 2px 2px 2px;
  border-radius: 2px 2px 2px 2px;
}

div.cPanelContent.uiPager div.uiPagerContent ul li a:hover {
  color: #fff;
  background: var(--secondary);
}

div.cPanelContent.uiPager div.uiPagerContent ul li a.active,
div.cPanelContent.uiPager div.uiPagerContent ul li a.active:hover {
  color: #fff;
  background: var(--secondary);
}

div.cPanelContent.uiPager div.uiPagerContent ul li a.selected {
  color: #fff;
  background: var(--secondary);
}

/***********************************************************/
/* LOGIN MODAL DIALOG
/***********************************************************/

.loginModalContent {
  display: flex;
  flex-direction: column;
}

.loginModalContent .loginModalName {
  font-size: 1rem;
  font-weight: bold;
  padding-bottom: 1rem;
}

.loginModalContent .ticketsInPlay {
  background: var(--form-info);
  padding: 0.5rem;
  font-size: 0.85rem;
  text-align: center;
}

.loginModalContent .lastLogin {
  padding-top: 0.5rem;
  font-size: 0.72rem;
  text-align: center;
}

.loginModalContent .lastLogin {
  padding-top: 0.5rem;
  font-size: 0.72rem;
  text-align: center;
}

.loginModalContent .inPlayValue {
  padding: 0 0.25rem;
  font-weight: bold;
  background: var(--primary);
}

.loginModalContent .moreInfo a {
  color: var(--secondary-darkest);
  padding-left: 0.25rem;
}

.loginModalContent .congrats {
  padding-bottom: 0.5rem;
}

.loginModalContent .winnings {
  padding-bottom: 1rem;
}

.loginModalContent .win {
  padding-bottom: 0.5rem;
}

.loginModalContent .winValue {
  font-weight: bold;
}

.loginModalContent .actions {
  font-weight: bold;
}

/***********************************************************/
/* VIP PERCENT ACTIVE BANNER
/***********************************************************/

div.vipAd {
  margin-bottom: 15px;
  color: #ffffff;
  background: #ff0000;
  vertical-align: middle;
}

div.vipAd div.vipAdText {
  display: inline-block;
  width: auto;
  font-size: 14px;
  margin: 3px;
  text-align: center;
}

div.vipAd div.vipAdPercent {
  display: none;
}

div.vipAd.loggedIn div.vipAdText {
  display: inline-block;
  width: 50%;
  font-size: 13px;
  margin: 3px 5px;
  text-align: left;
}

div.vipAd.loggedIn div.vipAdPercent {
  display: inline-block;
  text-align: right;
  float: right;
  font-size: 28px;
  line-height: 28px;
  font-weight: bold;
  margin-top: 7px;
  margin-right: 0;
}

/***********************************************************/
/* GAME CATEGORY LINKS
/***********************************************************/
div.gameCatDiv {
  /*
  border-top: 1px solid var(--neutral-trans-200);
  border-bottom: 1px solid var(--neutral-trans-200);
  */
  background-color: var(--color-text-trans-200);
  color: var(--color-text-trans-800);
  margin-bottom: 16px;
}

div.gameCatDiv a {
  color: var(--color-text-trans-800);
}

div.gameCatDiv a.gameCatLink p.gameCatText {
  display: inline-block;
  font-size: 1rem;
  line-height: 2rem;
  margin-left: 0.5rem;
}

div.gameCatDiv a.gameCatLink {
  display: inline-block;
  font-size: 1rem;
  width: 100%;
  text-decoration: none;
}

div.gameCatDiv a.gameCatLink img {
  display: inline-block;
  margin-left: 0.5rem;
  vertical-align: middle;
}

div.gameCatDiv div.gameCatExplainDiv {
  display: none;
  padding-bottom: 0.25rem;
  background-color: var(--color-text-trans-200);
  height: 100%;
}

/*hover*/
div.gameCatDiv:hover a.gameCatLink {
    background-color: var(--color-text-trans-200);
    color: var(--color-text-invert);
    font-weight: bold;
}
div.gameCatDiv:hover div.gameCatExplainDiv {
    display: block;
}

div.gameCatDiv div.gameCatExplainDiv p.gameCatExplainText {
  display: inline-block;
  font-size: 1rem;
  line-height: 2rem;
  color: var(--color-text-invert);
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

/***********************************************************/
/* QUIK LINK BUTTONS
/***********************************************************/

div.quikBtn {
  display: block;
  box-sizing: border-box;
  width: auto;
  margin-bottom: 15px;
  height: 40px;
}

div.quikBtn > div.content {
  text-align: center;
  line-height: 40px;
}

div.quikBtn.bonusZaNove {
  background-color: var(--secondary);
  height: 90px;
  cursor: pointer;
}

div.quikBtn.bonusZaNove:hover {
  background-color: #1d63aa;
  height: 90px;
  cursor: pointer;
}

div.quikBtn.liveResults {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cpath class='st0' d='M3,13h2.8l4.3-8.2l1.2,9l3.2-4.1l3.3,3.3H21v2h-4l-2.3-2.3l-4.8,6.1l-1-7.4L7,15H3V13z'/%3E%3C/svg%3E%0A");
  background-color: #c1272d;
  background-size: 24px 24px;
  background-position: 8px 8px;
  background-repeat: no-repeat;
}

div.quikBtn.liveResults:hover {
  background-color: #e22b31;
}

div.quikBtn.liveResults > div.content {
  color: #ffffff;
  margin-left: 40px;
  text-align: center;
  line-height: 40px;
}

div.quikBtn.liveCenter {
  border: 1px solid var(--secondary);
  height: 120px;
  cursor: pointer;
}

div.quikBtn.liveCenter > div.content {
  color: #ffffff;
  margin-left: 40px;
  text-align: center;
  line-height: 40px;
}

div.quikBtn.liveCenter:hover {
  background-color: #c0def9;
}

div.quikBtn.liveCenter > div.quikBtn.content {
  text-align: center;
  margin: 0 auto;
}

div.quikBtn.champOfTheDay {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cpath class='st0' d='M20.2,2h-0.7H18c-0.9,0-2,1-2,2H8c0-1-1.1-2-2-2H4.5H3.8H2v9c0,1,1,2,2,2h2.2c0.4,2,1.7,3.7,4.8,4v2.1 c-2.2,0.2-3,1.3-3,2.6V22h8v-0.3c0-1.3-0.8-2.4-3-2.6V17c3.1-0.3,4.4-2,4.8-4H20c1,0,2-1,2-2V2H20.2 M4,11V4h2v2v5 C5.1,11,4.3,11,4,11 M20,11c-0.3,0-1.1,0-2,0V6V4h2V11z'/%3E%3C/svg%3E%0A");
  background-color: #d9af41;
  background-size: 24px 24px;
  background-position: 8px 8px;
  background-repeat: no-repeat;
}

div.quikBtn.champOfTheDay:hover {
  background-color: #f7c132;
}

div.quikBtn.champOfTheDay > div.content {
  color: #ffffff;
  margin-left: 40px;
  text-align: center;
  line-height: 40px;
}

/* END QUIK LINK BUTTONS
/***********************************************************/

div.eGameHeaderContent {
  display: block;
  background: #ffcc00 url("/images/estave-logo-2018-h40.png") 50% 50% no-repeat;
  width: 100%;
  height: 48px;
}

a.eGamesBtn {
  background: none;
  border: none;
  color: #f44336;
  font-size: 16px;
  font-weight: 500;
  float: right;
  margin-top: 10px;
  text-transform: uppercase;
}

/* TOP 6 in Cifra Plus dropdown */

.vpl_input {
  position: relative;
}

#CP_vpl {
  width: 75px;
  padding-right: 30px;
  margin-right: 5px;
}

.CP_cur {
  position: absolute;
  top: 0;
  right: 22px;
  line-height: 26px;
}

.CP_vplExpand {
  position: absolute;
  top: 0;
  right: 0.4rem;
  padding: 0 4px;
  line-height: 20px;
  z-index: 99;
}

.CP_vplExpand:hover {
  cursor: pointer;
}

.CP_vplExpand > i {
  border: solid black;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 2px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

#CP_vplDropDown {
  position: absolute;
  background: white;
  z-index: 999;
}

#CP_vplDropDown > span {
  display: block;
  padding: 5px 0;
  padding-right: 30px;
}

#CP_vplDropDown > span:hover {
  background: rgba(0, 0, 0, 0.1);
  cursor: pointer;
}

#CP_st_zrebanj {
  width: 75px;
  margin-right: 5px;
}

/* DROPDOWN ZA VPLA?LO PRI VIRTUALNE IGRE */
.payin {
  position: relative;
}

.payin > input {
  width: 70px !important;
  padding-right: 23px !important;
}

.payin-currency {
  position: absolute;
  top: 1px;
  right: 13px;
  color: black;
}

.payin-expand {
  position: absolute;
  top: -3px;
  right: 0;
  padding: 0 4px;
  line-height: 20px;
  z-index: 99;
}

.payin-expand:hover {
  cursor: pointer;
}

.payin-expand > i {
  border: solid black;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 2px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.viMenu {
  position: absolute;
  background: white;
  z-index: 999;
}

.viMenu > span {
  display: block;
  padding: 2px 0;
  padding-right: 23px;
  color: black;
  text-align: right;
}

.viMenu > span:hover {
  background: rgba(0, 0, 0, 0.1);
  cursor: pointer;
}

/***********************************************************/
/* LISTA POVEZAV *******************************************/
/***********************************************************/

ul.lista-povezav {
  list-style-type: none;
  margin: 0;
  padding: 0;

  font-size: 1rem;
  margin-bottom: 16px;

  color: var(--side-menu-title-color) !important;

  > ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    color: var(--side-menu-color);
  }

  > li {
    margin-left: 0;

    > a {
      cursor: pointer;
      display: block;
      font-size: 1rem;
      text-decoration: none;
      font-weight: normal;
      padding: 0.75rem 0.5rem;

      &:first-child {
        color: var(--toolbar-title-color);
        text-transform: uppercase;
        font-weight: bold;
      }

      &:not(:first-child) {
        color: var(--toolbar-color);
      }

      &:hover {
        color: var(--toolbar-bg-color);
      }
    }

    > ul {
      > li {
        margin-left: 0;

        > a {
          cursor: pointer;
          text-decoration: none;
          display: block;
          color: var(--side-menu-color);
          padding: 0.75rem 0.65rem;
          line-height: 1rem;
          border: none;
          margin: 0;
          white-space: nowrap;

          &:hover {
            /*
            color: var(--primary-light);
            background-color: var(--neutral-trans-200);
            */
            color: var(--side-menu-color-hover);
            background-color: var(--side-bg-hover);
          }

          &.select {
            color: var(--color-dark);
            background-color: var(--side-bg-select);
			font-weight: 700;
            /*
            &:hover {
              color: var(--side-menu-color);
              background-color: var(--side-bg-hover);
            }
            */
          }
        }
      }
    }
  }

  > li a.headerexpand {
    font-size: 1rem;
    text-transform: uppercase;
  }

  > li a.headercollapse {
    font-size: 1rem;
    line-height: 1rem;
    text-transform: uppercase;
  }

  > li ul li ul li a {
    display: block;
    color: var(--side-menu-color);
    padding-left: 1rem;
    padding-right: 0.5rem;
    line-height: 1rem;
    border: none;
    margin: 0;
  }

  > li ul li ul li ul li a {
    display: block;
    color: var(--side-menu-color);
    padding-left: 1.5rem;
    padding-right: 0.5rem;
    line-height: 1rem;
    border: none;
    margin: 0;
  }

  > span.miniNumber {
    font-size: 80%;
    color: var(--side-menu-small-color);
  }

  > div.menuGroup {
    padding: 5px;
    font-size: 0.85rem;
  }
}

.app-scrollable,
app-scrollable {
  flex: 1;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: var(--scrollbar-color) transparent;

  &::-webkit-scrollbar-button {
    display: none;
    height: 1rem;
    border-radius: 0px;
    background-color: var(--scrollbar-button-bg);
  }

  &::-webkit-scrollbar-button:hover {
    background-color: transparent;
  }

  &::-webkit-scrollbar-thumb {
    background-color: var(--scrollbar-color);
    border-radius: 0;
  }

  &::-webkit-scrollbar-thumb:hover {
    background-color: var(--scrollbar-color-hover);
  }

  &::-webkit-scrollbar-track {
    background-color: var(--scrollbar-bg);
    border-radius: 0;
  }

  &::-webkit-scrollbar-track:hover {
    background-color: transparent;
  }

  &::-webkit-scrollbar {
    width: var(--scrollbar-width);
  }

  &.dark {
    scrollbar-color: var(--scrollbar-dark-color) transparent;
    &::-webkit-scrollbar-thumb {
      background-color: var(--scrollbar-dark-color);
    }

    &::-webkit-scrollbar-thumb:hover {
      background-color: var(--scrollbar-dark-color-hover);
    }
  }
}
/* ---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;
  /********************************************
    IPLUS DEFAULTS
    ********************************************/
  --primary: var(--cgp-yellow);
  /* rgb(3, 38, 65); */
  --primary-light: var(--cgp-yellow-light);
  --primary-tint-1: #ff930e;
  --secondary: rgb(19, 67, 114);
  --secondary-dark: #0f406a;
  --secondary-darker: #01314d;
  --secondary-darkest: rgb(3, 38, 65);
  --secondary-odd: #01314c;
  --secondary-even: #003c56;
  --secondary-odd-light: #7c8a92;
  --secondary-even-light: #004f70;
  --secondary-odd-trans-500: rgba(1, 49, 76, 0.5);
  --secondary-even-trans-500: rgba(0, 60, 86, 0.5);
  --secondary-odd-trans-800: rgba(1, 49, 76, 0.8);
  --secondary-even-trans-800: rgba(0, 60, 86, 0.8);
  --secondary-semi-trans: rgba(22, 71, 120, 0.5);
  --secondary-darkest-trans-400: rgba(3, 38, 65, 0.4);
  --secondary-darkest-trans-500: rgba(3, 38, 65, 0.5);
  --secondary-darkest-trans-600: rgba(3, 38, 65, 0.6);
  --secondary-darkest-trans-800: rgba(3, 38, 65, 0.8);
  --secondary-trans-800: rgba(19, 67, 114, 0.8);
  --secondary-trans-500: rgba(19, 67, 114, 0.5);
  --secondary-trans-400: rgba(19, 67, 114, 0.4);
  --secondary-trans-300: rgba(19, 67, 114, 0.3);
  --secondary-trans-200: rgba(19, 67, 114, 0.2);
  --secondary-trans-100: rgba(19, 67, 114, 0.1);
  --secondary-light: rgb(0, 164, 214);
  --gamma-light: #488aff;
  --neutral: var(--color-bright);
  --neutral-dar: #cfcfcf;
  --neutral-dark: rgb(148, 148, 148);
  --neutral-darker: rgb(101, 101, 101);
  --neutral-darkest: #303030;
  --neutral-semi-trans: rgba(255, 255, 255, 0.5);
  --neutral-semi: #90a6bb;
  --neutral-trans-100: rgba(255, 255, 255, 0.1);
  --neutral-trans-200: rgba(255, 255, 255, 0.2);
  --neutral-trans-400: rgba(255, 255, 255, 0.4);
  --neutral-trans-500: rgba(255, 255, 255, 0.5);
  --neutral-trans-600: rgba(255, 255, 255, 0.6);
  --neutral-trans-750: rgba(255, 255, 255, 0.75);
  --neutral-trans-800: rgba(255, 255, 255, 0.8);
  --neutral-trans-900: rgba(255, 255, 255, 0.9);
  --black-semi-trans: rgba(0, 0, 0, 0.5);
  --form-info: #cfd8e2;
  --positive: rgb(0, 146, 69);
  --positive-light: rgb(151, 201, 58);
  --negative: rgb(201, 0, 0);
  --negative-trans-500: rgba(201, 0, 0, 0.5);
  --positive-trans-500: rgb(0, 146, 69, 0.5);
  --negative-trans-500: rgba(201, 0, 0, 0.5);
  --negative-dark: rgb(226, 0, 23);
  --dialog-cover: rgba(0, 10, 19, 0.8);
  --info: #00a4d6;
  --info-trans-200: rgb(0, 164, 214, 0.2);
  --info-trans-500: rgb(0, 164, 214, 0.5);
  --warning-weak: #f2dd22;
  --warning: #ff9900;
  --warning-darker: #f26522;
  /* round badges */
  --badge-list-bg: var(--cgp-yellow);
  --badge-list-color: var(--color-dark);
  --badge-list-border-color: var(--color-dark);
  --badge-ticket-bg: #ff0000;
  --badge-ticket-color: #ffffff;
  --badge-ticket-data-bg: var(--cgp-yellow-dark);
  --badge-ticket-data-color: var(--color-dark);
  --badge-ticket-data-border-color: var(--color-dark);
  --scrollbar-button-bg: var(--color-bright-trans-500);
  --scrollbar-bg: var(--secondary-trans-500);
  --scrollbar-color: var(--color-bright-trans-500);
  --scrollbar-color-hover: var(--color-bright-trans-800);
  --scrollbar-dark-color: var(--secondary-trans-200);
  --scrollbar-dark-color-hover: var(--secondary-trans-500);
  --item-hover-color: var(--side-bg-hover);
  --crown1: #009245;
  --crown2: #662d91;
  --crown3: #11a2de;
  --crown4: #9e1f63;
  --crown5: #f6931e;
  --crown6: #534741;
  --crown7: #1b1464;
  --toto: #549100;
  --toto-semi: rgba(84, 145, 0, 0.5);
  --toto-namig1: #009245;
  --toto-namig2: #ff8c00;
  --toto-namig3: #ff0000;
  --napoved12: #549100;
  --napoved12-semi: rgba(84, 145, 0, 0.5);
  --header-height: 6vh;
  --nav-height: 6vh;
  --footer-height: 6vh;
  --content-height: inherit;
  --keyboard-height: 25rem;
  --border-radius: 3px;
  --blur: 10px;
  --keyboard-height: 25rem;
  --keyboard-duration: 200ms;
  --keyboard-key-margin: 0.25rem;
  --keyboard-key-size: 4.8rem;
  --keyboard-split-margin: 1rem;
  --numpad-key-size: 5rem;
  --kvota-width: 4rem;
  --kvota-dod-width: 3.5rem;
  --borza-one: rgba(201, 0, 0, 0.5);
  --borza-time: rgba(255, 232, 128, 0.5);
  --borza-new: rgba(48, 145, 0, 0.5);
  --borza-lastselected: rgba(0, 164, 214, 0.5);
  --komentar-border-divider: var(--secondary-light);
  --komentar-kvota-background: var(--secondary);
  --komentar-kvota-selected: var(--primary);
  --komentar-kvota-winner: var(--positive);
  --komentar-kvota-color: var(--neutral);
  --komentar-kvota-hover-color: var(--secondary-darker);
  --komentar-kvota-hover-background: var(--secondary-trans-500);
  --dropdown-background: var(--neutral);
  --dropdown-background-hover: var(--cgp-yellow-light);
  --dropdown-background-selected: var(--cgp-yellow);
  --dropdown-border-color: var(--cgp-blue-dark);
  --dropdown-color: var(--color-text-negative);
  --dropdown-color-hover: var(--color-text-negative);
  --dropdown-hover-background: var(--color-text-negative-trans-200);
  --dropdown-selected: var(--primary);
  --dropdown-hover: var(--primary-light);
  --listek-border: var(--ticket-color-light);
  --iplus-predcasno-izplacilo-background: var(--positive);
  --iplus-predcasno-izplacilo-text: var(--neutral);
  --iplus-predcasno-progres-background: var(--neutral-dark);
  --iplus-predcasno-progresBar-background: var(--neutral);
  --iplus-igre-na-stevilke-bonus-cifra: var(--cgp-blue-light);
  --iplus-igre-na-stevilke-cifra-circle: rgba(10, 40, 66, 0.7);
  --iplus-stavna-lista-dodatni-text-color: var(--cgp-blue-light-hi);
  --iplus-topDobitki-header-color: var(--neutral-trans-400);
  --iplus-topDobitki-header-background: var(--secondary-darkest);
  --iplus-topDobitki-headerLogo-color: var(--igra-banner-logo-color);
  --iplus-topDobitki-listItem1-color: var(--neutral);
  --iplus-topDobitki-listItem1-background: var(--secondary-even);
  --iplus-topDobitki-listItem2-color: var(--neutral);
  --iplus-topDobitki-listItem2-background: var(--secondary-odd);
  --iplus-topDobitki-dobitek-color: var(--neutral-darker);
  --iplus-topDobitki-dobitek-background: var(--primary);
  --iplus-topDobitki-prodajno-mesto-color: rgba(204, 204, 204, 1);
  --promocije-background-dark: rgb(3, 38, 65);
  --promocije-box-shadow-color: rgb(3, 38, 65);
  --promocije-text-dark: rgb(3, 38, 65);
  --promocije-highlight-yellow: rgb(255, 194, 14);
  --promocije-highlight-gray: #808080;
  --promocije-button-green: #a6ce39;
  --promocija-item-hover: rgba(255, 255, 255, 0.1);
  --promocija-item-background: #09365a;
  --promocije-text: rgb(255, 255, 255); }
/* ---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;
  /********************************************
    IPLUS DEFAULTS
    ********************************************/
  --primary: var(--cgp-yellow);
  /* rgb(3, 38, 65); */
  --primary-light: var(--cgp-yellow-light);
  --primary-tint-1: #ff930e;
  --secondary: rgb(19, 67, 114);
  --secondary-dark: #0f406a;
  --secondary-darker: #01314d;
  --secondary-darkest: rgb(3, 38, 65);
  --secondary-odd: #01314c;
  --secondary-even: #003c56;
  --secondary-odd-light: #7c8a92;
  --secondary-even-light: #004f70;
  --secondary-odd-trans-500: rgba(1, 49, 76, 0.5);
  --secondary-even-trans-500: rgba(0, 60, 86, 0.5);
  --secondary-odd-trans-800: rgba(1, 49, 76, 0.8);
  --secondary-even-trans-800: rgba(0, 60, 86, 0.8);
  --secondary-semi-trans: rgba(22, 71, 120, 0.5);
  --secondary-darkest-trans-400: rgba(3, 38, 65, 0.4);
  --secondary-darkest-trans-500: rgba(3, 38, 65, 0.5);
  --secondary-darkest-trans-600: rgba(3, 38, 65, 0.6);
  --secondary-darkest-trans-800: rgba(3, 38, 65, 0.8);
  --secondary-trans-800: rgba(19, 67, 114, 0.8);
  --secondary-trans-500: rgba(19, 67, 114, 0.5);
  --secondary-trans-400: rgba(19, 67, 114, 0.4);
  --secondary-trans-300: rgba(19, 67, 114, 0.3);
  --secondary-trans-200: rgba(19, 67, 114, 0.2);
  --secondary-trans-100: rgba(19, 67, 114, 0.1);
  --secondary-light: rgb(0, 164, 214);
  --gamma-light: #488aff;
  --neutral: var(--color-bright);
  --neutral-dar: #cfcfcf;
  --neutral-dark: rgb(148, 148, 148);
  --neutral-darker: rgb(101, 101, 101);
  --neutral-darkest: #303030;
  --neutral-semi-trans: rgba(255, 255, 255, 0.5);
  --neutral-semi: #90a6bb;
  --neutral-trans-100: rgba(255, 255, 255, 0.1);
  --neutral-trans-200: rgba(255, 255, 255, 0.2);
  --neutral-trans-400: rgba(255, 255, 255, 0.4);
  --neutral-trans-500: rgba(255, 255, 255, 0.5);
  --neutral-trans-600: rgba(255, 255, 255, 0.6);
  --neutral-trans-750: rgba(255, 255, 255, 0.75);
  --neutral-trans-800: rgba(255, 255, 255, 0.8);
  --neutral-trans-900: rgba(255, 255, 255, 0.9);
  --black-semi-trans: rgba(0, 0, 0, 0.5);
  --form-info: #cfd8e2;
  --positive: rgb(0, 146, 69);
  --positive-light: rgb(151, 201, 58);
  --negative: rgb(201, 0, 0);
  --negative-trans-500: rgba(201, 0, 0, 0.5);
  --positive-trans-500: rgb(0, 146, 69, 0.5);
  --negative-trans-500: rgba(201, 0, 0, 0.5);
  --negative-dark: rgb(226, 0, 23);
  --dialog-cover: rgba(0, 10, 19, 0.8);
  --info: #00a4d6;
  --info-trans-200: rgb(0, 164, 214, 0.2);
  --info-trans-500: rgb(0, 164, 214, 0.5);
  --warning-weak: #f2dd22;
  --warning: #ff9900;
  --warning-darker: #f26522;
  /* round badges */
  --badge-list-bg: var(--cgp-yellow);
  --badge-list-color: var(--color-dark);
  --badge-list-border-color: var(--color-dark);
  --badge-ticket-bg: #ff0000;
  --badge-ticket-color: #ffffff;
  --badge-ticket-data-bg: var(--color-bright);
  --badge-ticket-data-color: var(--color-dark);
  --badge-ticket-data-border-color: var(--color-dark);
  --scrollbar-button-bg: var(--color-dark-trans-500);
  --scrollbar-bg: var(--secondary-trans-200);
  --scrollbar-color: var(--color-dark-trans-500);
  --scrollbar-color-hover: var(--color-dark-trans-800);
  --scrollbar-dark-color: var(--secondary-trans-200);
  --scrollbar-dark-color-hover: var(--secondary-trans-500);
  --item-hover-color: var(--side-bg-hover);
  --crown1: #009245;
  --crown2: #662d91;
  --crown3: #11a2de;
  --crown4: #9e1f63;
  --crown5: #f6931e;
  --crown6: #534741;
  --crown7: #1b1464;
  --toto: #549100;
  --toto-semi: rgba(84, 145, 0, 0.5);
  --toto-namig1: #009245;
  --toto-namig2: #ff8c00;
  --toto-namig3: #ff0000;
  --napoved12: #549100;
  --napoved12-semi: rgba(84, 145, 0, 0.5);
  --header-height: 6vh;
  --nav-height: 6vh;
  --footer-height: 6vh;
  --content-height: inherit;
  --keyboard-height: 25rem;
  --border-radius: 3px;
  --blur: 10px;
  --keyboard-height: 25rem;
  --keyboard-duration: 200ms;
  --keyboard-key-margin: 0.25rem;
  --keyboard-key-size: 4.8rem;
  --keyboard-split-margin: 1rem;
  --numpad-key-size: 5rem;
  --kvota-width: 60px;
  --kvota-dod-width: 60px;
  --borza-one: rgba(201, 0, 0, 0.5);
  --borza-time: rgba(255, 232, 128, 0.5);
  --borza-new: rgba(48, 145, 0, 0.5);
  --borza-lastselected: rgba(0, 164, 214, 0.5);
  --komentar-border-divider: var(--secondary-light);
  --komentar-kvota-background: var(--secondary);
  --komentar-kvota-selected: var(--primary);
  --komentar-kvota-winner: var(--positive);
  --komentar-kvota-color: var(--neutral);
  --komentar-kvota-hover-color: var(--secondary-darker);
  --komentar-kvota-hover-background: var(--secondary-trans-500);
  --dropdown-background: var(--neutral);
  --dropdown-background-hover: var(--cgp-yellow-light);
  --dropdown-background-selected: var(--cgp-yellow);
  --dropdown-border-color: var(--cgp-blue-dark);
  --dropdown-color: var(--color-text);
  --dropdown-color-hover: var(--color-text);
  --dropdown-hover-background: var(--color-text-trans-200);
  --dropdown-selected: var(--primary);
  --dropdown-hover: var(--primary-light);
  --listek-border: var(--ticket-color-light);
  --iplus-predcasno-izplacilo-background: var(--positive);
  --iplus-predcasno-izplacilo-text: var(--neutral);
  --iplus-predcasno-progres-background: var(--neutral-dark);
  --iplus-predcasno-progresBar-background: var(--neutral);
  --iplus-igre-na-stevilke-bonus-cifra: var(--cgp-blue-light);
  --iplus-igre-na-stevilke-cifra-circle: rgba(255, 255, 255, 0.7);
  --iplus-stavna-lista-dodatni-text-color: rgb(72, 138, 255);
  --iplus-topDobitki-header-color: var(--neutral-trans-400);
  --iplus-topDobitki-header-background: var(--secondary-darkest);
  --iplus-topDobitki-headerLogo-color: var(--igra-banner-logo-color);
  --iplus-topDobitki-listItem1-color: var(--color-text);
  --iplus-topDobitki-listItem1-background: var(--table-row-bg-even);
  --iplus-topDobitki-listItem1-inverse: var(--secondary-even);
  --iplus-topDobitki-listItem2-color: var(--color-text);
  --iplus-topDobitki-listItem2-background: var(--table-row-bg-odd);
  --iplus-topDobitki-listItem2-inverse: var(--secondary-odd);
  --iplus-topDobitki-dobitek-color: var(--neutral-darker);
  --iplus-topDobitki-dobitek-background: var(--primary);
  --iplus-topDobitki-prodajno-mesto-color: grey;
  --promocije-background-dark: rgb(3, 38, 65);
  --promocije-box-shadow-color: rgb(3, 38, 65);
  --promocije-text-dark: rgb(3, 38, 65);
  --promocije-highlight-yellow: rgb(255, 194, 14);
  --promocije-highlight-gray: #808080;
  --promocije-button-green: #a6ce39;
  --promocije-text: rgb(255, 255, 255); }
/* ---sys-layout-iplus--- */
html,
body {
  font-family: var(--font-family);
  font-size: var(--font-body); }

app-scrollable:focus,
.app-scrollable:focus {
  outline: none; }

.banner-title-back {
  cursor: pointer; }

div.content div.overlay {
  background: var(--overlay-bg);
  padding: 0rem 1rem 1rem 1rem; }

@media screen and (max-width: 512px) {
  div.content div.overlay {
    padding: 0; }
  .mobile-hidden {
    display: none !important; } }

select.select-web {
  outline: none;
  height: inherit;
  width: inherit;
  flex: inherit;
  display: flex;
  align-items: center;
  background: 0 0;
  border: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  justify-content: inherit;
  font-size: inherit;
  font-weight: inherit;
  color: var(--neutral);
  border-bottom: 2px solid var(--neutral-trans-400);
  min-height: 2.2rem; }

select.select-web option {
  background: var(--dropdown-background);
  color: var(--dropdown-color); }

.dropDownEdit {
  color: var(--secondary-darkest);
  background: var(--neutral);
  padding: 0.25rem; }
  .dropDownEdit > input {
    padding-right: 2.2em;
    text-align: right;
    width: 5rem;
    border: 0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px; }
  .dropDownEdit > span.betCurrency {
    pointer-events: none;
    line-height: 1.7rem;
    position: relative;
    display: inline-block;
    top: 0;
    right: 1.3rem;
    margin-left: 0 !important;
    margin-right: 0 !important; }
  .dropDownEdit > span.betValueExpand {
    position: relative;
    top: 0;
    right: 0.4rem;
    padding: 0 4px;
    line-height: 20px;
    z-index: 99; }
    .dropDownEdit > span.betValueExpand > i {
      border: solid black;
      border-width: 0 2px 2px 0;
      display: inline-block;
      padding: 2px;
      transform: rotate(45deg);
      -webkit-transform: rotate(45deg); }
  .dropDownEdit > div.betDropDownValues {
    position: absolute;
    background: white;
    z-index: 999; }
    .dropDownEdit > div.betDropDownValues > span {
      display: block;
      padding: 5px 0;
      padding-right: 2.75rem; }

checkboxslider {
  display: block;
  position: relative;
  font-size: 0.75rem;
  margin-left: 0.9em;
  padding-right: 3.75em; }
  checkboxslider.small {
    font-size: 0.5rem; }
  checkboxslider.large {
    font-size: 1rem; }

checkboxslider input {
  margin: 0px;
  margin-top: 1px;
  cursor: pointer;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  position: absolute;
  z-index: 1;
  top: 0px;
  left: 0px;
  width: 2.85em;
  height: 1.42em; }

checkboxslider .label {
  position: absolute; }

checkboxslider .label:before {
  content: "";
  color: var(--neutral);
  box-sizing: border-box;
  font-family: "FontAwesome", sans-serif;
  padding-left: 1.64em;
  font-size: 0.85em;
  line-height: 1.42em;
  background-color: var(--info-trans-200);
  margin-top: 0.25em;
  left: 0px;
  height: 1.42em;
  width: 2.85em;
  -webkit-border-radius: 0.71em;
  -moz-border-radius: 0.71em;
  border-radius: 0.71em; }

checkboxslider .label:after {
  content: "";
  letter-spacing: 1.42em;
  background: var(--info);
  left: -0.85em;
  height: 1.71em;
  width: 1.71em; }

checkboxslider .label:before,
checkboxslider .label:after {
  position: absolute;
  -webkit-border-radius: 1.42em;
  -moz-border-radius: 1.42em;
  border-radius: 1.42em;
  transition: background-color 0.3s, left 0.3s;
  -webkit-transition: background-color 0.3s, left 0.3s;
  -moz-transition: background-color 0.3s, left 0.3s;
  -o-transition: background-color 0.3s, left 0.3s; }

checkboxslider input:checked + .label:before {
  background-color: var(--info-trans-500);
  content: "";
  padding-left: 0.42em; }

checkboxslider input:checked + .label:after {
  left: 1.5em; }

.flex {
  display: flex; }

.flex-1 {
  flex: 1; }

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

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

.banner-title-back {
  font-size: 2rem;
  padding-right: 0.5rem; }
  @media only screen and (max-width: 512px) {
    .banner-title-back {
      display: none; } }

/* igra-banner - header nad igrami*/
.igra-banner {
  display: flex;
  background-color: var(--igra-banner-bg);
  padding: 0rem 0.5rem;
  color: var(--igra-banner-color);
  min-height: 3.5rem;
  align-items: center;
  position: relative;
  z-index: 2;
  /* !! NE ODSTRANI !! */
  /* CSS za .krog se ponovi. To bo dokler celotnega igra-banner ne spravimo na BEM. */ }
  @media screen and (max-width: 512px) {
    .igra-banner {
      margin-bottom: 0;
      padding-top: 0.25rem;
      flex-direction: column;
      align-items: start;
      min-height: initial;
      background: var(--form-bg); } }
  @media screen and (max-width: 512px) {
    .igra-banner.row {
      margin-bottom: 0;
      padding-top: 0;
      flex-direction: row;
      align-items: center; } }
  .igra-banner > .title {
    display: flex;
    flex: 1;
    align-items: center;
    flex-wrap: wrap;
    /* CSS za .krog se ponovi. To bo dokler celotnega igra-banner ne spravimo na BEM. */ }
    .igra-banner > .title > .logo {
      color: var(--igra-banner-logo-color);
      text-transform: uppercase;
      margin-right: 1.5rem; }
      @media screen and (max-width: 512px) {
        .igra-banner > .title > .logo {
          display: none; } }
      .igra-banner > .title > .logo > span {
        font-size: 1.5rem;
        /*font-style: italic;*/
        font-weight: bold;
        font-family: "Roboto", sans-serif;
        /*"Stag Sans";*/ }
      @media screen and (min-width: 512px) {
        .igra-banner > .title > .logo > span {
          padding-left: 0.5rem; } }
      @media screen and (max-width: 512px) {
        .igra-banner > .title > .logo > span {
          font-size: 1.5rem; } }
    .igra-banner > .title > .sklad {
      display: flex;
      flex: 1;
      padding-left: 0.5rem;
      flex-direction: column; }
      @media only screen and (max-width: 512px) {
        .igra-banner > .title > .sklad {
          flex-direction: row;
          align-items: center;
          padding-left: 0rem;
          margin-left: 0;
          margin-right: 0.5; } }
      .igra-banner > .title > .sklad > .vrednost {
        font-size: 1.5rem;
        font-weight: bold;
        white-space: nowrap; }
        @media screen and (max-width: 512px) {
          .igra-banner > .title > .sklad > .vrednost {
            font-size: 1rem;
            order: 1;
            padding-left: 0.5rem; } }
        .igra-banner > .title > .sklad > .vrednost.skelet {
          background: var(--igra-banner-color-trans-200);
          color: transparent; }
      .igra-banner > .title > .sklad > .tekst {
        font-size: 0.8rem;
        color: var(--igra-banner-color-trans-500); }
    .igra-banner > .title > .krog {
      display: flex;
      align-items: center;
      text-align: right;
      flex: 0 0 auto;
      color: var(--neutral-trans-500);
      font-size: 0.8rem;
      text-transform: uppercase;
      margin: 0.25rem auto;
      padding-right: 1rem; }
      @media screen and (max-width: 512px) {
        .igra-banner > .title > .krog {
          padding-top: 0.25rem;
          padding-bottom: 0.25rem;
          margin: 0;
          margin-right: 5rem; } }
      .igra-banner > .title > .krog.skelet {
        background: var(--neutral-trans-200);
        width: 20%;
        color: transparent; }
  .igra-banner > .krog {
    display: flex;
    align-items: center;
    text-align: right;
    flex: 0 0 auto;
    color: var(--neutral-trans-500);
    font-size: 0.8rem;
    text-transform: uppercase;
    margin: 0.25rem auto;
    padding-right: 1rem; }
    @media screen and (max-width: 512px) {
      .igra-banner > .krog {
        padding-top: 0.25rem;
        padding-bottom: 0.25rem;
        margin: 0;
        margin-right: 4rem; } }
    .igra-banner > .krog.skelet {
      background: var(--neutral-trans-200);
      width: 20%;
      color: transparent; }
  .igra-banner > .mobile-menu {
    display: none;
    margin-left: auto; }
    @media screen and (max-width: 512px) {
      .igra-banner > .mobile-menu {
        display: flex; } }
  .igra-banner > .multi-menu {
    display: flex; }
    @media screen and (max-width: 512px) {
      .igra-banner > .multi-menu {
        position: absolute;
        top: 0;
        right: 0; }
        .igra-banner > .multi-menu span {
          display: none; } }
  .igra-banner > .banner-menu {
    display: flex; }
    @media screen and (max-width: 512px) {
      .igra-banner > .banner-menu {
        display: none; } }
  .igra-banner .banner-menu-button {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 0.8rem;
    color: var(--neutral-trans-800);
    padding: 0.5rem 0.5rem 0 0.5rem;
    user-select: none;
    cursor: pointer; }
    .igra-banner .banner-menu-button.disabled {
      opacity: 0.4;
      pointer-events: none; }
    .igra-banner .banner-menu-button > i {
      font-size: 1.5rem;
      margin-bottom: 0.25rem; }

i.iconbutton {
  cursor: pointer; }

div.button,
span.button,
a.button {
  background-color: transparent;
  border: 2px solid transparent;
  color: var(--button-color);
  padding-left: 1rem;
  padding-right: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: var(--border-radius);
  height: 2.75rem;
  font-size: 1rem;
  margin-right: 0.5rem;
  font-weight: bold;
  cursor: pointer;
  user-select: none;
  text-decoration: none;
  box-sizing: border-box; }
  div.button.text-left,
  span.button.text-left,
  a.button.text-left {
    justify-content: flex-start; }
  div.button.text-right,
  span.button.text-right,
  a.button.text-right {
    justify-content: flex-end; }
  div.button.push-left,
  span.button.push-left,
  a.button.push-left {
    margin-right: auto; }
  div.button.push-right,
  span.button.push-right,
  a.button.push-right {
    margin-left: auto; }
  div.button.wide,
  span.button.wide,
  a.button.wide {
    padding-left: 2rem;
    padding-right: 2rem; }
  div.button:last-child,
  span.button:last-child,
  a.button:last-child {
    margin-right: 0;
    margin-bottom: 0; }
  div.button.border,
  span.button.border,
  a.button.border {
    border-color: var(--button-border); }
  div.button.big,
  span.button.big,
  a.button.big {
    height: 2.84rem;
    font-size: 1.42rem;
    font-weight: normal; }
  div.button.small,
  span.button.small,
  a.button.small {
    height: 1.75rem;
    font-size: 0.85rem; }
  div.button.primary,
  span.button.primary,
  a.button.primary {
    background-color: var(--primary);
    color: var(--color-text-negative); }
  div.button.primary-light,
  span.button.primary-light,
  a.button.primary-light {
    background-color: var(--primary);
    color: var(--color-bright); }
  div.button.success,
  span.button.success,
  a.button.success {
    background-color: var(--positive);
    color: var(--color-bright); }
  div.button.warning,
  span.button.warning,
  a.button.warning {
    background-color: var(--warning);
    color: var(--color-bright); }
  div.button.negative,
  span.button.negative,
  a.button.negative {
    background-color: var(--negative);
    color: var(--color-bright); }
  div.button.neutral,
  span.button.neutral,
  a.button.neutral {
    color: var(--color-text); }
    div.button.neutral.border,
    span.button.neutral.border,
    a.button.neutral.border {
      border-color: var(--color-text); }
  div.button.disabled,
  span.button.disabled,
  a.button.disabled {
    opacity: 0.5;
    pointer-events: none; }
  div.button.vertical,
  span.button.vertical,
  a.button.vertical {
    margin-right: 0;
    margin-bottom: 0.5rem; }
  div.button span,
  span.button span,
  a.button span {
    padding-left: 0.5rem;
    font-weight: inherit; }
  div.button.flex,
  span.button.flex,
  a.button.flex {
    flex: 1; }
  div.button.no-flex,
  span.button.no-flex,
  a.button.no-flex {
    flex: 0 0 auto; }
  div.button.no-padding,
  span.button.no-padding,
  a.button.no-padding {
    padding: 0; }
  div.button.potrdi,
  span.button.potrdi,
  a.button.potrdi {
    /* success + flex */
    flex: 1;
    background-color: var(--positive);
    color: var(--color-bright); }
  div.button > i + span,
  div.button span + span,
  span.button > i + span,
  span.button span + span,
  a.button > i + span,
  a.button span + span {
    margin-left: 0.5rem; }

@media screen and (max-width: 512px) {
  .button.mobile_smaller {
    height: 1.7rem;
    font-size: 0.85rem; } }

.zavihek-container {
  flex: 1;
  display: flex;
  background: var(--form-bg);
  border-bottom: 2px solid var(--form-bg);
  color: var(--form-color);
  position: relative; }
  .zavihek-container > .zavihek-selections {
    display: flex;
    flex-direction: row; }
    .zavihek-container > .zavihek-selections.flex {
      flex: 1; }
    @media screen and (max-width: 512px) {
      .zavihek-container > .zavihek-selections {
        display: none; }
        .zavihek-container > .zavihek-selections.active {
          display: flex;
          flex-direction: column;
          position: absolute;
          left: 0;
          right: 0;
          z-index: 2;
          top: 2.5rem;
          background: var(--form-bg); } }
  .zavihek-container .zavihek-selection {
    display: none;
    flex: 1;
    height: 2.5rem;
    align-items: center;
    padding: 0.5rem;
    cursor: pointer; }
    .zavihek-container .zavihek-selection > span {
      flex: 1;
      text-align: center; }
    @media screen and (max-width: 512px) {
      .zavihek-container .zavihek-selection {
        display: flex; } }
    .zavihek-container .zavihek-selection.disabled {
      opacity: 0.5; }
  .zavihek-container .zavihek-button {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: 0.5rem;
    height: 4rem;
    justify-content: center;
    align-items: center;
    border-bottom: 0.2rem solid transparent;
    color: var(--form-color-light);
    cursor: pointer;
    user-select: none;
    font-size: 0.975rem;
    box-sizing: border-box;
    text-align: center; }
    .zavihek-container .zavihek-button.disabled {
      opacity: 0.5;
      pointer-events: none; }
      .zavihek-container .zavihek-button.disabled.clickable {
        pointer-events: auto; }
    .zavihek-container .zavihek-button.flex {
      flex: 1; }
    .zavihek-container .zavihek-button.no-flex {
      width: 20%;
      max-width: 20rem;
      min-width: 10rem;
      flex: 0 0 auto; }
      @media only screen and (max-width: 512px) {
        .zavihek-container .zavihek-button.no-flex {
          width: initial;
          flex: 1; } }
    .zavihek-container .zavihek-button.max-12 {
      max-width: 12rem; }
    .zavihek-container .zavihek-button.wide {
      flex: 0 0 15rem; }
    .zavihek-container .zavihek-button.wider {
      flex: 0 0 20rem; }
    .zavihek-container .zavihek-button.active {
      color: var(--form-color); }
      @media screen and (min-width: 513px) {
        .zavihek-container .zavihek-button.active {
          border-bottom: 0.2rem solid var(--form-color); } }
    .zavihek-container .zavihek-button > span {
      text-transform: uppercase;
      margin-top: 0.25rem; }
    .zavihek-container .zavihek-button > span:first-child {
      margin-top: 0; }

.kosarica-wrapper {
  position: fixed;
  top: 66px;
  right: 16px; }

.cPanelBasketHeaderTXT {
  display: flex; }

div.msg {
  flex: 1; }
  div.msg > .msg-content {
    padding: 1rem;
    color: var(--color-text);
    font-size: 1rem;
    display: flex;
    align-items: center; }
    div.msg > .msg-content:before {
      display: inline-block;
      font-family: "FontAwesome";
      padding-right: 1rem;
      font-size: 3rem;
      font-weight: bold; }
    div.msg > .msg-content a {
      color: var(--color-text); }
  div.msg.msg-error > .msg-content {
    background: var(--negative);
    color: var(--color-bright); }
    div.msg.msg-error > .msg-content:before {
      content: "\f071"; }
  div.msg.msg-warning > .msg-content {
    background: var(--warning); }
    div.msg.msg-warning > .msg-content:before {
      content: "\f071";
      margin-right: 0.5rem; }
    div.msg.msg-warning > .msg-content > span {
      text-align: justify; }
  div.msg.msg-hint > .msg-content {
    color: var(--color-text-light);
    padding: 0; }
    div.msg.msg-hint > .msg-content > span {
      text-align: justify; }
  div.msg.msg-info > .msg-content {
    background: var(--info); }
    div.msg.msg-info > .msg-content:before {
      content: "\f06a"; }
  div.msg.msg-ok > .msg-content {
    background: var(--positive); }
    div.msg.msg-ok > .msg-content:before {
      content: "\f058"; }

.content-web-outer {
  display: flex;
  flex: 1; }

.content-web-inner {
  margin: 0 auto;
  flex: 1; }

app-igre-na-stevilke-main > app-scrollable > .content > .overlay > .content .izbor-wrapper {
  margin-top: 0 !important;
  padding-top: 1rem !important; }
  @media screen and (max-width: 500px) {
    app-igre-na-stevilke-main > app-scrollable > .content > .overlay > .content .izbor-wrapper {
      padding-top: 2rem !important; } }

app-igre-na-stevilke-main > app-scrollable > .content > .overlay > .content {
  padding-bottom: 10vh; }

app-igre-na-stevilke-main > app-scrollable > .content > .overlay {
  flex: 1;
  display: flex;
  padding: 1rem 1rem 4rem 1rem; }

.action-padding {
  padding-bottom: 0%; }

.pointer {
  cursor: pointer;
  user-select: none; }

.infoOblacek {
  background: var(--neutral);
  color: var(--secondary-darkest);
  position: absolute;
  right: 0;
  font-size: 0.85rem;
  border: 1px solid var(--secondary-darkest);
  padding: 0.5rem;
  border-radius: var(--border-radius);
  min-width: 20rem;
  text-align: justify;
  margin-top: 0.25rem;
  z-index: 2; }

div.eIgrePopupCover {
  position: fixed !important;
  margin: 0;
  padding: 0;
  left: 0px;
  top: 0px;
  background: #000000;
  filter: alpha(Opacity=70);
  opacity: 0.7;
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
  z-index: 1000;
  height: 100%;
  width: 100%; }

div.eIgrePopupDialog {
  position: absolute;
  z-index: 1001; }

div.eGameHeader {
  background: #ffef7f;
  background: -moz-linear-gradient(top, #ffef7f 0%, #ffcc00 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffef7f), color-stop(100%, #ffcc00));
  background: -webkit-linear-gradient(top, #ffef7f 0%, #ffcc00 100%);
  background: -o-linear-gradient(top, #ffef7f 0%, #ffcc00 100%);
  background: -ms-linear-gradient(top, #ffef7f 0%, #ffcc00 100%);
  background: linear-gradient(to bottom, #ffef7f 0%, #ffcc00 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffef7f', endColorstr='#ffcc00',GradientType=0 );
  width: 100%; }

div.eGameHeaderContent {
  display: block;
  background: #ffcc00 url(/_assets/images/sl-estave-logo-ok-02.svg) 50% 50% no-repeat;
  width: 100%;
  height: 48px; }

a.eGamesBtn {
  background: none;
  border: none;
  color: #f44336;
  font-size: 16px;
  font-weight: 500;
  float: right;
  margin-top: 10px;
  text-transform: uppercase; }

.eGamesBtn {
  border-top: 0.1em solid #333333;
  border-bottom: 0.1em solid #000000;
  border-left: 0.1em solid #333333;
  border-right: 0.1em solid #000000;
  background: #bbbbbb url(/images/buttons/btn-black.gif) 100% 100% repeat-x;
  color: #ffffff;
  display: inline-block;
  margin: 0.2em;
  width: auto;
  text-align: center;
  text-decoration: none;
  background-size: 17%;
  text-align: center;
  padding-top: 0.3em;
  padding-bottom: 0.3em;
  padding-left: 1em;
  padding-right: 1em; }

.gdpr-wrapper {
  position: fixed;
  top: 0px;
  right: 0px;
  left: 0px;
  bottom: 0px;
  display: none;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  background: var(--dialog-cover);
  z-index: 9999; }
  .gdpr-wrapper.visible {
    display: flex; }

.gdpr-wrapper > .gdpr-dialog {
  display: block;
  background: var(--neutral);
  min-width: 30rem;
  max-width: 512px; }
  @media screen and (max-width: 512px) {
    .gdpr-wrapper > .gdpr-dialog {
      max-width: 90%; } }

.gdpr-wrapper > .gdpr-dialog > .gdpr-content {
  color: var(--secondary-darkest); }

.gdpr-wrapper > .gdpr-dialog > .gdpr-content > .gdpr-title {
  background: var(--info);
  padding: 1rem;
  color: var(--neutral);
  font-weight: 700; }

.gdpr-wrapper > .gdpr-dialog > .gdpr-content > .gdpr-message {
  background: var(--neutral);
  color: var(--secondary-darkest);
  padding: 1rem;
  min-height: 5rem; }

.gdpr-wrapper > .gdpr-dialog > .gdpr-content > .gdpr-message span {
  color: var(--secondary-darkest); }

.gdpr-wrapper > .gdpr-dialog > .gdpr-content > .gdpr-buttons {
  padding: 1rem;
  display: flex;
  -webkit-box-pack: end;
  justify-content: flex-end; }
/* ---sys-responsiveweb-themed--- */
@charset "UTF-8";
html,
body {
  display: flex;
  min-height: 100%;
  height: 100%;
  max-height: 100%; }

form#FormPortal {
  flex: 1;
  display: flex;
  min-width: 0px !important; }

.leftSideMenu {
  flex: 0 0 auto;
  order: 1;
  overflow: visible;
  width: var(--side-width);
  min-width: var(--side-width);
  height: 100%;
  background: var(--side-bg);
  box-shadow: 4px 0 5px -2px var(--shadow-color-trans-500);
  /*box-shadow: 1px 7px 14px -5px var(--shadow-color-trans-500);*/ }

.leftSideMenu > div.app-scrollable {
  height: 100%;
  padding-bottom: 5rem; }

.rightSideMenu {
  flex: 0 0 auto;
  order: 3;
  overflow: auto;
  width: var(--side-width);
  min-width: var(--side-width);
  height: 100%;
  background: var(--side-bg);
  box-shadow: -4px 0 5px 2px var(--shadow-color-trans-500); }

.rightSideMenu > div.app-scrollable {
  height: 100%;
  padding-bottom: 5rem; }

div.maincontainer {
  flex: 1;
  display: flex;
  max-height: 100%;
  clear: initial;
  float: initial; }

.maincontainer div.column02-container {
  flex: 1;
  order: 2;
  position: relative;
  height: 100%; }

.maincontainer div.column02 {
  background-color: var(--background-bg);
  flex: 1;
  overflow: auto;
  height: 100%;
  max-width: var(--page-max-width); }

@media screen and (max-width: 512px) {
  .maincontainer div.column02 {
    width: 100vw; }
  .maincontainer .column02 .restraint .padding {
    padding-top: 0.5rem !important; } }

@media screen and (max-width: 1024px) {
  body {
    display: block;
    position: static; }
  html::-webkit-scrollbar, html::-webkit-scrollbar {
    width: var(--scrollbar-width); }
  html::-webkit-scrollbar-button, html::-webkit-scrollbar-button {
    display: none;
    height: 1rem;
    border-radius: 0px;
    background-color: var(--scrollbar-button-bg); }
  html::-webkit-scrollbar-thumb {
    background: #ffffff30; }
  html::-webkit-scrollbar-thumb:hover {
    background: #555; }
  .maincontainer div.column02 {
    width: calc(100vw - var(--scrollbar-width)); }
  .maincontainer .column02 .restraint .padding {
    padding-top: 0.5rem !important; }
  .mobile_disable_scroll {
    overflow: hidden; }
  .mobile_disable_scroll.ios #column02.app-scrollable {
    position: absolute;
    top: 0;
    height: 100%;
    overflow: hidden; }
  app-loading .loading_wrapper {
    position: fixed; } }

div.maincontainer > div.restraint {
  height: initial;
  max-height: 100%;
  flex: 1;
  display: flex;
  max-width: 100% !important;
  min-width: 0px !important;
  padding-top: 114px; }

div.maincontainer > div.restraint.no-menu {
  padding-top: 56px; }

div.maincontainer > div.restraint > div.padding {
  flex: 1;
  display: flex;
  padding: 0; }

@media screen and (max-width: 1023px) {
  div.maincontainer > div.restraint > div.padding {
    padding: 0px !important; } }

.min_1340 {
  display: block; }

div#headerwrapper {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto; }

.sidenavHeader {
  background-color: var(--primary);
  height: 56px;
  display: flex;
  align-items: center;
  padding: 0 1rem; }

.sidenavHeader .logo_div img {
  border: none;
  height: 48px; }

@media screen and (max-width: 1280px) {
  .leftSideMenu div[controltype="Stave_CasovniIzbor"] {
    display: none !important; }
  .leftSideMenu div[controltype="Stave_IskalecStav"] {
    display: none !important; } }

.sidenavHeader .sidenavClose {
  flex: 1;
  justify-content: flex-end;
  display: flex;
  line-height: 48px;
  vertical-align: middle;
  font-size: 32px;
  color: var(--header-main-color); }

div.maincontainer.help > div.restraint {
  padding-top: 0 !important; }

#menu .miniNumber {
  color: var(--neutral) !important;
  border: 1px solid #ffffff !important; }

.coverHamburger {
  display: none;
  position: fixed !important;
  margin: 0;
  padding: 0;
  left: 0px;
  top: 0px;
  background: #000000;
  filter: alpha(Opacity=70);
  opacity: 0.4;
  -moz-opacity: 0.4;
  -khtml-opacity: 0.4;
  z-index: 100000;
  width: 100%;
  height: 100%;
  transition: 0.25s; }

.hamb-nav {
  display: inline-block;
  line-height: 48px;
  vertical-align: middle;
  font-size: 32px;
  padding-right: 8px;
  color: var(--header-main-color); }

table.tablesorter tbody {
  border: 0px !important; }

table.tablesorter tbody tr.subHead td {
  color: var(--cgp-blue-dark) !important;
  border: 0px !important;
  padding: 0.25rem; }

table.tablesorter tbody td {
  color: var(--cgp-blue-dark); }

tr .header {
  display: none !important; }

div.cPanelContent.grey {
  background-color: var(--cpanel-bg) !important; }

div.cPanelContent.noBorder {
  border: none !important; }

table.tablesorter tbody td.brr {
  border: 0px !important; }

table.tablesorter tbody td.lm {
  border: 0px !important; }

table.tablesorter thead tr.header th {
  background-color: var(--he) !important;
  color: #8098A6 !important;
  padding: 0.25em !important; }

table.tablesorter tbody tr {
  background-color: #01314C; }

table.tablesorter tbody tr.odd {
  background-color: #003C56; }

a.btn.yellow:link,
a.btn.yellow:visited {
  color: #ffffff !important; }

table.tablesorter tbody td.button a.btn.selected,
table.tablesorter tbody td.button a.btn.selected:hover {
  background-color: var(--item-hover-color);
  color: var(--secondary-darkest); }

table.tablesorter tbody td.button a.btn:hover {
  background-color: var(--item-hover-color);
  color: var(--secondary-darkest); }

table.tablesorter tbody td.button a.btn:hover {
  background-color: var(--item-hover-color);
  color: var(--secondary-darkest); }

@media screen and (min-width: 1024px) {
  .sidenav {
    display: none !important; }
  .coverHamburger {
    display: none !important;
    transition: 0.25s; }
  #menu-filter {
    display: none !important; }
  .hamb-nav-group {
    display: none !important; } }

@media screen and (max-width: 1023px) {
  ul#menu {
    margin: 0px 8px !important; }
  .min_1340 {
    display: none !important; }
  div.maincontainer > div.restraint {
    padding-top: var(--main-menu-height) !important; }
  .sidenav {
    display: block; }
  .hamb-nav-group {
    display: block !important; }
  .logo_links {
    display: none !important; }
  #menu1 {
    display: none !important; }
  #menu-filter {
    display: block !important; } }

@media screen and (max-width: 1280px) {
  .leftSideMenu {
    position: absolute;
    width: 0px;
    top: 0;
    left: -9999px;
    z-index: 10; }
  .leftSideMenu.web > div.app-scrollable {
    padding-bottom: var(--side-menu-offset); }
  .leftSideMenu.active {
    display: flex;
    left: -0;
    width: var(--side-width);
    -webkit-transition: width 0.25s;
    /* Safari prior 6.1 */
    transition: width 0.25s; } }

@media screen and (max-width: 1280px) {
  .leftSideMenu.web {
    position: fixed;
    top: 114px; } }

@media screen and (max-width: 1023px) {
  .leftSideMenu.web {
    position: fixed;
    top: 56px; } }

@media screen and (max-width: 1024px) {
  .rightSideMenu {
    display: none;
    position: absolute;
    width: 0px;
    right: 0px;
    top: 0;
    z-index: 10; }
  .rightSideMenu.web > div.app-scrollable {
    padding-bottom: var(--side-menu-offset); } }

@media screen and (max-width: 1024px) {
  .rightSideMenu.web {
    position: fixed;
    top: 114px;
    bottom: 0px;
    height: initial; }
  .rightSideMenu.active {
    display: flex;
    width: var(--side-width);
    -webkit-transition: width 0.25s;
    /* Safari prior 6.1 */
    transition: width 0.25s; } }

@media screen and (max-width: 1023px) {
  .rightSideMenu.web {
    position: fixed;
    top: 56px;
    bottom: 0px;
    height: initial; } }

#menu-filter {
  background: var(--header-main-color);
  height: 32px;
  padding-left: 20px; }

.hamb-nav-group {
  width: auto;
  display: none; }

/*@media screen and (max-width:1024px)*/
.hamb-nav {
  display: inline-block; }

.hamb-nav-bar {
  display: block;
  width: 16px;
  height: 2px;
  background: var(--header-main-color); }

.hamb-nav span {
  letter-spacing: 0.02em;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.9);
  text-transform: uppercase; }

/* The side navigation menu */
.sidenav {
  height: 100%;
  /* 100% Full-height */
  width: 0;
  /* 0 width - change this with JavaScript */
  position: fixed;
  /* Stay in place */
  z-index: 100001;
  /* Stay on top */
  top: 0;
  /* Stay at the top */
  left: 0;
  background-color: var(--header-main-color);
  /* Black*/
  overflow-x: hidden;
  /* Disable horizontal scroll */
  transition: 0.25s;
  /* 0.5 second transition effect to slide in the sidenav */ }

/* The navigation menu links */
.sidenavMenuList {
  background-color: var(--header-main-color);
  border-top: 1px solid var(--header-main-color); }

.sidenav .sidenavMain > ul > li a.headerexpand,
.sidenav .sidenavMain > ul > li a.expand {
  background-image: url(/_assets/images/icn-panel-expand.svg);
  background-position: right center;
  background-size: 1em 1em;
  background-repeat: no-repeat; }

.sidenav .sidenavMain > ul > li a.headerexpand,
.sidenav .sidenavMain > ul > li a.expand {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 26.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' inkscape:version='0.92.3 (2405546, 2018-03-11)' xmlns:cc='http://creativecommons.org/ns%23' xmlns:dc='http://purl.org/dc/elements/1.1/' xmlns:inkscape='http://www.inkscape.org/namespaces/inkscape' xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns%23' xmlns:sodipodi='http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd' xmlns:svg='http://www.w3.org/2000/svg' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 256 256' style='enable-background:new 0 0 256 256;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFC10E;fill-opacity:0.9626;%7D .st1%7Bfill:%23FFC10E;%7D%0A%3C/style%3E%3Csodipodi:namedview bordercolor='%23666666' borderopacity='1' gridtolerance='10' guidetolerance='10' id='namedview5135' inkscape:current-layer='Layer_1' inkscape:cx='128' inkscape:cy='128' inkscape:pageopacity='0' inkscape:pageshadow='2' inkscape:window-height='986' inkscape:window-maximized='1' inkscape:window-width='2560' inkscape:window-x='-11' inkscape:window-y='-11' inkscape:zoom='0.921875' objecttolerance='10' pagecolor='%23ffffff' showgrid='false'%3E%3C/sodipodi:namedview%3E%3Cg%3E%3Crect x='98.8' y='113' transform='matrix(0.7071 -0.7071 0.7071 0.7071 -42.9661 152.2639)' class='st0' width='127' height='30'/%3E%3Crect x='78.7' y='64.5' transform='matrix(0.7071 -0.7071 0.7071 0.7071 -63.0731 103.7371)' class='st1' width='30' height='127'/%3E%3C/g%3E%3C/svg%3E%0A");
  /*
        background-image: url(/_assets/images/icn-panel-expand.svg);
        */
  background-position: right center;
  background-size: 2em 2em;
  background-repeat: no-repeat; }

.sidenav .sidenavMain > ul > li a.menu-new-item::after,
.sidenav .sidenavMain > ul > li a.expand.menu-new-item::after {
  margin-left: 0.5rem;
  padding: 0.25rem 0.25rem 0.25rem 0.25rem;
  content: 'NOVO';
  background: #ff0000;
  font-size: 0.65rem;
  color: #fff; }

.sidenav .sidenavMain > ul > li a::before,
.sidenav .sidenavMain > ul > li a.expand::before {
  content: "";
  display: block;
  position: absolute;
  height: 2rem;
  width: 2rem;
  top: 0.75rem;
  left: 0.25rem;
  background-repeat: no-repeat;
  background-size: contain; }

.sidenav .sidenavMain > ul > li a.select::before,
.sidenav .sidenavMain > ul > li a.expand.select::before {
  filter: invert(50%) sepia(11%) saturate(3294%) hue-rotate(170deg) brightness(40%) contrast(101%); }

.sidenav .sidenavMain > ul > li a.menu-icn--stave::before,
.sidenav .sidenavMain > ul > li a.expand.menu-icn--stave::before {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M431.7,228.1l50.5-26.7l-54.5-32.3l33.8-55.3h-65.7l-0.8-58.3l-52.1,27.5l-30.8-50.3l-30.4,49.7L225.2,49 l0.8,57.3c8,0.9,15.9,2.2,23.7,4l-0.3-19.5l40.3,23.9L312.1,78l22.2,36.3L372,94.4l0.6,43h46.8l-24.4,39.8l38.9,23.1L398.5,219 l20.9,34.2h-22.3c2.1,7.7,3.7,15.6,4.8,23.6h59.6L431.7,228.1z'/%3E%3Cpath class='st0' d='M378.6,304.8c0-96.2-78.2-174.4-174.4-174.4c-96.2,0-174.4,78.2-174.4,174.4c0,96.2,78.2,174.4,174.4,174.4 C300.4,479.2,378.6,401,378.6,304.8z M95.1,205.4l0.1,1l54.4-6.1l14.5,40.3l-37.2,64.6l-37.4,2.1L66.5,257 C75.3,237.6,83.3,223.1,95.1,205.4z M173,246.7c18.1-1.5,37.3-2.8,57-0.5l37.8,68.3c-8.8,17.9-18.1,29-29.7,45.5h-72.3 c-13.5-25.8-15.1-28.6-28.8-50.7L173,246.7z M239.5,241.5l16.1-38.6l57.8,7.5c11.7,17.5,19.2,30.8,28.8,49.3l-23.6,54l-42.1-5.3 L239.5,241.5z M163.6,370.7H238l27.7,32.2c-43.8,49.9-39,44.4-40.5,46.2c-20.7,2.4-32.8,1-53.7-0.5l-30-51.3L163.6,370.7z M242.3,453.7l-4.8-2.5l40.2-45.8c18.4-9.9,28.4-16.6,42.3-27.8l13.5,10.1C312.9,419.9,280.4,443.9,242.3,453.7z M352.8,265.7 c3.3,12.5,5.1,25.6,5.1,39.1c0,26.6-6.8,51.7-18.8,73.6l-14-10.5c2.8-19.6,2.6-31.6,1.8-46.1l24.5-56.1H352.8z M311.4,199.3 l-59.7-7.7C239.4,181,227.4,173,209.6,166v-14.7c39.9,1.4,76,18,102.6,44.3L311.4,199.3z M98.7,193.2 c26.3-24.9,61.5-40.6,100.2-41.9V166c-17.8,6.9-29.7,11.9-46.4,23.2l-53.8,6V193.2z M50.5,304.8c0-14.5,2-28.6,5.8-41.9h1.1 l23.8,51.8l0.5-0.2c-1.3,15.4-1.7,30.2,0,48.9l-15.7,8.4C56.1,351.5,50.5,328.8,50.5,304.8z M160.2,452 c-38-11.4-69.9-37.1-89.3-70.9l15-8c12.2,10,26.8,18.6,45,27.1l30,51.4L160.2,452z'/%3E%3C/g%3E%3C/svg%3E%0A"); }

.sidenav .sidenavMain > ul > li a.menu-icn--stave-druge::before,
.sidenav .sidenavMain > ul > li a.expand.menu-icn--stave-druge::before {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 26.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cpath class='st0' d='M431.7,228.1l50.5-26.7l-54.5-32.3l33.8-55.3h-65.7l-0.8-58.3l-52.1,27.5l-30.8-50.3l-30.4,49.7L225.2,49 l0.8,57.3c8,0.9,15.9,2.2,23.7,4l-0.3-19.5l40.3,23.9L312.1,78l22.2,36.3L372,94.4l0.6,43h46.8l-24.4,39.8l38.9,23.1L398.5,219 l20.9,34.2h-22.3c2.1,7.7,3.7,15.6,4.8,23.6h59.6L431.7,228.1z'/%3E%3Cpath class='st0' d='M204.2,128.1c-96.3,0-174.4,78.1-174.4,174.4s78.1,174.4,174.4,174.4s174.4-78.1,174.4-174.4 S300.5,128.1,204.2,128.1z M249,414.1H73.6l11.6-51.8l79.6-59.2c27.8-20.4,54.2-42.3,54.2-66.2c0-15.5-10.2-22.5-29.2-22.5 c-18,0-33.8,6.7-46.8,15.1H119l10.9-47.9c20.1-10.2,44.7-17.3,74.3-17.3c44,0,83.1,18,83.1,66.2c0,41.9-31.7,69-75.4,99l-48.2,33.8 h96.8L249,414.1z M311.3,416.6c-18.3,0-31.3-13.7-31.3-30.6c0-19,15.9-33.5,35.2-33.5c18.3,0,31.7,13.7,31.7,30.6 C346.8,402.1,330.6,416.6,311.3,416.6z'/%3E%3C/svg%3E%0A"); }

.sidenav .sidenavMain > ul > li a.menu-icn--stave-live::before,
.sidenav .sidenavMain > ul > li a.expand.menu-icn--stave-live::before {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 26.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cg%3E%3Cg%3E%3Cpath class='st0' d='M455.8,274.5l34.8-18.4L453,233.8l23.4-38.2H431l-0.6-40.3l-36,19l-21.3-34.7l-21,34.3l-39-23.1l0.6,39.6 c5.5,0.6,11,1.5,16.3,2.8l-0.2-13.5l27.8,16.5l15.5-25.3l15.3,25.1l26-13.7l0.4,29.7h32.3l-16.8,27.5l26.8,15.9l-24.5,12.9 l14.5,23.6h-15.4c1.4,5.3,2.5,10.7,3.3,16.3h41.1L455.8,274.5z'/%3E%3Cpath class='st0' d='M419.1,327.5c0-66.4-54-120.4-120.4-120.4c-66.4,0-120.4,54-120.4,120.4c0,66.4,54,120.4,120.4,120.4 C365.1,447.9,419.1,393.9,419.1,327.5z M223.4,258.8l0.1,0.7l37.6-4.2l10,27.8l-25.7,44.6l-25.8,1.5l-16-34.8 C209.7,281,215.2,271.1,223.4,258.8z M277.1,287.3c12.5-1,25.7-1.9,39.3-0.3l26.1,47.2c-6.1,12.4-12.5,20-20.5,31.4h-49.9 c-9.3-17.8-10.4-19.8-19.9-35L277.1,287.3z M323.1,283.8l11.1-26.7l39.9,5.2c8,12.1,13.3,21.3,19.9,34.1l-16.3,37.3l-29.1-3.6 L323.1,283.8z M270.7,373h51.4l19.1,22.2c-30.3,34.5-26.9,30.6-28,31.9c-14.3,1.7-22.6,0.7-37.1-0.3l-20.7-35.4L270.7,373z M325,430.3l-3.3-1.7l27.8-31.6c12.7-6.8,19.6-11.5,29.2-19.2l9.3,7C373.7,406.9,351.3,423.5,325,430.3z M401.3,300.4 c2.3,8.6,3.5,17.7,3.5,27c0,18.4-4.7,35.7-13,50.8l-9.7-7.3c1.9-13.5,1.8-21.8,1.2-31.8l16.9-38.7H401.3z M372.7,254.7l-41.2-5.3 c-8.5-7.3-16.8-12.8-29.1-17.7v-10.2c27.5,0.9,52.5,12.4,70.8,30.6L372.7,254.7z M225.9,250.4c18.2-17.2,42.4-28,69.2-29v10.2 c-12.3,4.8-20.5,8.2-32,16l-37.2,4.2V250.4z M192.6,327.5c0-10,1.4-19.7,4-28.9h0.8l16.4,35.7l0.3-0.2c-0.9,10.7-1.2,20.8,0,33.8 l-10.9,5.8C196.4,359.7,192.6,344,192.6,327.5z M268.3,429.1c-26.2-7.9-48.2-25.6-61.6-48.9l10.3-5.5c8.4,6.9,18.5,12.9,31.1,18.7 l20.7,35.5L268.3,429.1z'/%3E%3C/g%3E%3Cpath class='st0' d='M329.9,179.7H218L203.7,143c-1.2-3.7-4.7-6.2-8.6-6.2h-0.2c-4,0.1-7.5,2.7-8.6,6.6L171,205L145.8,72.2 c-0.8-4.6-4.6-8.1-9-8.1c-4.3,0-7.7,2.8-8.8,7.4l-22.9,108.2H25.6v18.2h86.7c4.2,0,7.8-2.8,8.8-6.9l14-73.1l24.6,128.4 c0.7,4,4.1,6.9,8.5,7.1h0.5c4.2,0,7.7-2.4,8.7-6.1l18.3-74.1l7.1,18.5c1.2,3.7,4.7,6.2,8.6,6.2h118.8L329.9,179.7z'/%3E%3C/g%3E%3C/svg%3E%0A"); }

.sidenav .sidenavMain > ul > li a.menu-icn--konjske-dirke::before,
.sidenav .sidenavMain > ul > li a.expand.menu-icn--konjske-dirke::before {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 26.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cpath class='st0' d='M308,421.7h-3.5l-4.8-1.7l-6.1-1.7c2.3-2.9,2.6-5.7,0.9-8.3c-4.6-2.3-8.3-2.9-10.9-1.7 c-11.9-12.5-21-21.6-27.4-27.4c-8.4-7.8-16.7-16.8-24.8-27c-5.5-35.7-19-56.4-40.5-62.2c-1.2,4.6-2.3,8-3.5,10 c-4.1,7.5-6.1,14.4-6.1,20.5c-0.6,7.5,2.9,13.8,10.4,18.7c4.9,3.5,9.1,5.8,12.6,7c10.7,4.9,18.1,9.1,22.2,12.6 c0.6,3.5,1.7,6.7,3.5,9.6c2.6,7.3,5.1,13.8,7.4,19.6c0.6,3.2,0.6,6.8,0,10.9c-5.5,3.5-10.6,1.7-15.2-5.2c-1.7-2.3-2.6-5.1-2.6-8.3 c0-2.3,1.5-4.9,4.4-7.8c-6.4-2.3-12.6-6.2-18.7-11.8c-7-7-13.8-11.5-20.5-13.5l-7.8-3.5c-5.5-1.7-11.5-4.9-17.8-9.6 c-4.9-2.9-5.9-7.1-3-12.6l3-7c4.1-6.1,6.4-10.6,7-13.5c0.6-3.5,0.6-6.8,0-10c-0.6-2.9-0.6-6.7,0-11.3c-2.3-2.9-5.7-5.7-10-8.3 c-9.3-6.4-15.2-13.5-17.8-21.3c-1.7-5.2-1.5-11.2,0.9-17.8l-7.8,0.9c-0.6,0-1.7,0.3-3.5,0.9c-1.7,0.6-3.2,0.9-4.4,0.9 c-3.2,4.4-5.9,7.7-8.3,10c-3.5,3.5-6.1,7.7-7.8,12.6c-0.6-2.6-1.5-4.2-2.6-4.8c-5.5,0.6-10.6,3.6-15.2,9.1l-3,3l-2.6,3 c-1.7,2.9-4.1,4.9-7,6.1c-0.6,0-0.9-0.1-0.9-0.4v-0.9c0,0,0.3-0.4,0.9-1.3c1.2-1.2,1.5-2.3,0.9-3.5l-13.5-3.5 c-5.2-1.2-9.6-2.9-13.1-5.2c0-3.8-1.3-6.8-3.9-9.1l-5.2-3.5c-1.7-1.2-2.9-2.6-3.5-4.4c0.6,0,1.7,0.1,3.5,0.4 c1.7,0.3,2.9,0.4,3.5,0.4c1.2,0.6,3,0.9,5.7,0.9c0.6-2.3,0.6-4.5,0-6.5c-0.6-1.7-0.6-3.5,0-5.2c1.7-0.6,2.9-0.3,3.5,0.9 c0.6,1.2,1.5,1.2,2.6,0c-0.6-3.5-1.2-5.5-1.7-6.1c-1.7-1.2-2.3-3.2-1.7-6.1c1.7,2.9,6.8,6.1,15.2,9.6c3.5,1.2,6.7,1.7,9.6,1.7 c5.5,0,9.4-2.3,11.8-7c0.6-2.3,4.4-5.7,11.3-10c4.4-2.3,11-5.2,20-8.7c7.5-1.7,13.1-2.3,16.5-1.7c2.6,0.6,4.8,0.6,6.5,0 c3.5-0.6,7.5-3,12.2-7.4c4.9-5.2,8.6-8.7,10.9-10.4c4.1-1.5,8.6-4.5,13.5-9.1c6.4-5.2,15.2-7.5,26.5-7l11.8,1.7 c8.4,1.7,17.6,2.3,27.4,1.7c0.9-1.2,1.2-2.6,0.9-4.4c-0.6-1.2-0.1-1.7,1.3-1.7c5.2-0.6,10.4,0,15.7,1.7c6.7,3.5,11.2,5.5,13.5,6.1 c-1.7-5.2-4.9-9.4-9.6-12.6c-7.3-5.2-15.1-13.2-23.5-23.9c-8.7-8.4-10.4-16.7-5.2-24.8c4.6-6.7,10-12,16.1-16.1l8.7-5.7 c9-5.8,21.2-8.4,36.6-7.8c14.5,0.6,27.1,3.6,37.9,9.1c0.6-0.3,1.7-1.2,3.5-2.6c1.7-1.5,2.9-2.3,3.5-2.6c0.6-0.3,1.7-1,3.5-2.2 c1.7-1.2,3-1.7,3.9-1.7c0.9,0,2.3-0.3,4.4-0.9c2-0.6,3.5-0.3,4.4,0.9c8.1,1.2,13.2,5.7,15.2,13.5c1.2,3.5,1.7,7.3,1.7,11.3 c0,1.5,0.1,3.5,0.4,6.1c0.3,2.6,0.4,4.5,0.4,5.7l-6.5-1.7c-2.9-1.2-5.2-1.2-7,0c-1.7,1.2-2.6,2.6-2.6,4.4c0,2.3-0.9,4.1-2.6,5.2 c-3.8-1.2-6.8-0.9-9.1,0.9c-2.3,1.7-4.9,1.7-7.8,0c-4.4,4.9-5.5,12.5-3.5,22.6c2.3,8.7,6.7,15.2,13.1,19.6 c9-2.9,17.4-11.3,25.2-25.2c7-13.6,16.1-21.3,27.4-23.1c0-0.6-0.3-2.5-0.9-5.7c-0.6-3.2-0.9-5.5-0.9-7c-0.6-3.5,1.5-6.4,6.1-8.7 c1.5,0.6,2.5,2.3,3,5.2c0,3.2,0.6,5.7,1.7,7.4c6.4,2.3,11.3,2.3,14.8,0c3.5-2.3,5.9-5.9,7.4-10.9c1.2,3.5,0.6,7.1-1.7,10.9l-0.9,3.5 c-1.2,2.3-1.5,4.1-0.9,5.2c0.6,4.1,2.6,7.7,6.1,10.9c6.7,5.2,10,10.9,10,17c0,5.8,2.3,11.2,7,16.1c7.3,9.3,11.5,14.8,12.6,16.5 c0.6,1.5,1.5,4.5,2.6,9.1c-0.6,0.6-0.9,1.2-0.9,1.7c-1.7,4.1-3.2,7-4.4,8.7c-1.2,1.7-3,3.8-5.7,6.1c-2.6,2.3-6.4,3-11.3,2.2 c-13.1-16-28-22.8-44.8-20.5c-3.5,9-8.8,22.9-16.1,41.8c2.6,8.4,3.2,18,1.7,28.7c-1.5,10.7-4.9,19-10.4,24.8 c18.3,8.4,32.2,13.8,41.8,16.1c4.1,2.9,6.1,7.1,6.1,12.6c0,4.6,0.4,9.7,1.3,15.2c-0.9,5.2-1.3,10.7-1.3,16.5 c-0.6,10.7-4.4,22.6-11.3,35.7c-3.5,6.7-8,11.2-13.5,13.5c-4.6-3.5-6.4-8-5.2-13.5c0.6-4.1,2.3-7,5.2-8.7c4.1-1.7,7.1-3.2,9.1-4.4 c-1.5-7.3-0.3-23.6,3.5-49.2c-2.9-4.1-8-6.1-15.2-6.1c-4.6,0-8,0.3-10,0.9h-11.3c-6.7,0-12,0.3-16.1,0.9c-4.6,0.6-9.1,0.3-13.5-0.9 c-3.5-0.6-5.5-2-6.1-4.4c-1.7-2-3.2-3.3-4.4-3.9c-0.9,0-1.6,0.1-2.2,0.4s-1.5,0.6-2.6,0.9c-1.2,0.3-1.7,0.7-1.7,1.3 c-1.2,0.9-3.8,1.3-7.8,1.3c2.9,8.1,6.1,15.5,9.6,22.2c3.8,8.1,6.8,16.1,9.1,23.9c-1.7,1.7-3.2,4.1-4.4,7c-1.5,4.4-5.1,5.9-10.9,4.8 c-1.7-0.6-3.8-0.6-6.1,0c-15.7,2.9-26.1,2.9-31.3,0c-1.7-0.6-2.9-1.7-3.5-3.5c-1.7-3.2-5.1-6.2-10-9.1c-0.6-0.6-1.7-1.3-3.5-2.2 l-4.4-2.2c-5.5-1.7-8.8-4.8-10-9.1c4.9-1.2,9.1-2.6,12.6-4.4c4.1-1.7,7.8-0.9,11.3,2.6v5.2c-0.6,0.9-0.1,2.2,1.3,3.9 c2.9,3.5,9.4,5.2,19.6,5.2c2.9,0.6,7,0.9,12.2,0.9l10.9,1.7c-2.3-7-7.1-14.7-14.4-23.1c-8.4-9-13.8-15.5-16.1-19.6 c-5.2-2.9-10.9-8.3-17-16.1c-4.1-1.2-9.4-2.3-16.1-3.5c-8.7-1.7-14.4-3-17-3.9c2.6,6.7,3.6,12.6,3,17.8c-1.2,18,1.5,31.8,7.8,41.3 c4.6,8.1,15.1,19.4,31.3,33.9c7.5,7,12.9,12.5,16.1,16.5c8.7,2,13.1,5.4,13.1,10l-5.2,1.7C311.8,420.3,309.8,420.6,308,421.7z'/%3E%3C/svg%3E%0A"); }

.sidenav .sidenavMain > ul > li a.menu-icn--stave-live::before,
.sidenav .sidenavMain > ul > li a.expand.menu-icn--stave-live::before {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 26.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cg%3E%3Cg%3E%3Cpath class='st0' d='M455.8,274.5l34.8-18.4L453,233.8l23.4-38.2H431l-0.6-40.3l-36,19l-21.3-34.7l-21,34.3l-39-23.1l0.6,39.6 c5.5,0.6,11,1.5,16.3,2.8l-0.2-13.5l27.8,16.5l15.5-25.3l15.3,25.1l26-13.7l0.4,29.7h32.3l-16.8,27.5l26.8,15.9l-24.5,12.9 l14.5,23.6h-15.4c1.4,5.3,2.5,10.7,3.3,16.3h41.1L455.8,274.5z'/%3E%3Cpath class='st0' d='M419.1,327.5c0-66.4-54-120.4-120.4-120.4c-66.4,0-120.4,54-120.4,120.4c0,66.4,54,120.4,120.4,120.4 C365.1,447.9,419.1,393.9,419.1,327.5z M223.4,258.8l0.1,0.7l37.6-4.2l10,27.8l-25.7,44.6l-25.8,1.5l-16-34.8 C209.7,281,215.2,271.1,223.4,258.8z M277.1,287.3c12.5-1,25.7-1.9,39.3-0.3l26.1,47.2c-6.1,12.4-12.5,20-20.5,31.4h-49.9 c-9.3-17.8-10.4-19.8-19.9-35L277.1,287.3z M323.1,283.8l11.1-26.7l39.9,5.2c8,12.1,13.3,21.3,19.9,34.1l-16.3,37.3l-29.1-3.6 L323.1,283.8z M270.7,373h51.4l19.1,22.2c-30.3,34.5-26.9,30.6-28,31.9c-14.3,1.7-22.6,0.7-37.1-0.3l-20.7-35.4L270.7,373z M325,430.3l-3.3-1.7l27.8-31.6c12.7-6.8,19.6-11.5,29.2-19.2l9.3,7C373.7,406.9,351.3,423.5,325,430.3z M401.3,300.4 c2.3,8.6,3.5,17.7,3.5,27c0,18.4-4.7,35.7-13,50.8l-9.7-7.3c1.9-13.5,1.8-21.8,1.2-31.8l16.9-38.7H401.3z M372.7,254.7l-41.2-5.3 c-8.5-7.3-16.8-12.8-29.1-17.7v-10.2c27.5,0.9,52.5,12.4,70.8,30.6L372.7,254.7z M225.9,250.4c18.2-17.2,42.4-28,69.2-29v10.2 c-12.3,4.8-20.5,8.2-32,16l-37.2,4.2V250.4z M192.6,327.5c0-10,1.4-19.7,4-28.9h0.8l16.4,35.7l0.3-0.2c-0.9,10.7-1.2,20.8,0,33.8 l-10.9,5.8C196.4,359.7,192.6,344,192.6,327.5z M268.3,429.1c-26.2-7.9-48.2-25.6-61.6-48.9l10.3-5.5c8.4,6.9,18.5,12.9,31.1,18.7 l20.7,35.5L268.3,429.1z'/%3E%3C/g%3E%3Cpath class='st0' d='M329.9,179.7H218L203.7,143c-1.2-3.7-4.7-6.2-8.6-6.2h-0.2c-4,0.1-7.5,2.7-8.6,6.6L171,205L145.8,72.2 c-0.8-4.6-4.6-8.1-9-8.1c-4.3,0-7.7,2.8-8.8,7.4l-22.9,108.2H25.6v18.2h86.7c4.2,0,7.8-2.8,8.8-6.9l14-73.1l24.6,128.4 c0.7,4,4.1,6.9,8.5,7.1h0.5c4.2,0,7.7-2.4,8.7-6.1l18.3-74.1l7.1,18.5c1.2,3.7,4.7,6.2,8.6,6.2h118.8L329.9,179.7z'/%3E%3C/g%3E%3C/svg%3E%0A"); }

.sidenav .sidenavMain > ul > li a.menu-icn--napovedi::before,
.sidenav .sidenavMain > ul > li a.expand.menu-icn--napovedi::before {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 26.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D .st1%7Bfill-rule:evenodd;clip-rule:evenodd;fill:%23FFFFFF;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M456.7,316.9l30-15.8l-32.4-19.2l20.1-32.8h-39l-0.5-34.6L404,230.8l-18.3-29.8l-18.1,29.5l-33.5-19.9l0.5,34 c4.8,0.5,9.5,1.3,14,2.4l-0.2-11.6l23.9,14.2l13.3-21.8l13.2,21.5l22.3-11.8l0.4,25.5h27.8l-14.5,23.6l23.1,13.7l-21,11.1 l12.4,20.3h-13.2c1.2,4.6,2.2,9.2,2.9,14h35.4L456.7,316.9z'/%3E%3Cpath class='st0' d='M425.1,362.4c0-57.1-46.4-103.5-103.5-103.5c-57.1,0-103.5,46.4-103.5,103.5c0,57.1,46.4,103.5,103.5,103.5 C378.7,465.9,425.1,419.5,425.1,362.4z M256.8,303.4l0.1,0.6l32.3-3.6l8.6,23.9l-22.1,38.3l-22.2,1.3L239.9,334 C245.1,322.5,249.8,313.9,256.8,303.4z M303.1,327.9c10.7-0.9,22.1-1.6,33.8-0.3l22.5,40.6c-5.3,10.6-10.8,17.2-17.6,27h-42.9 c-8-15.3-8.9-17-17.1-30.1L303.1,327.9z M342.6,324.8l9.6-22.9l34.3,4.4c6.9,10.4,11.4,18.3,17.1,29.3l-14,32.1l-25-3.1 L342.6,324.8z M297.5,401.5h44.2l16.4,19.1c-26,29.6-23.1,26.3-24,27.4c-12.3,1.4-19.5,0.6-31.9-0.3l-17.8-30.4L297.5,401.5z M344.2,450.8l-2.8-1.5l23.9-27.2c10.9-5.9,16.8-9.8,25.1-16.5l8,6C386.1,430.7,366.9,445,344.2,450.8z M409.8,339.2 c2,7.4,3,15.2,3,23.2c0,15.8-4,30.7-11.2,43.7l-8.3-6.2c1.7-11.6,1.6-18.8,1.1-27.4l14.5-33.3H409.8z M385.2,299.8l-35.4-4.6 c-7.3-6.3-14.5-11-25-15.2v-8.7c23.7,0.8,45.1,10.7,60.9,26.3L385.2,299.8z M259,296.1c15.6-14.8,36.5-24.1,59.5-24.9v8.8 c-10.6,4.1-17.6,7.1-27.5,13.8l-31.9,3.6V296.1z M230.4,362.4c0-8.6,1.2-17,3.4-24.9h0.6l14.1,30.7l0.3-0.1c-0.8,9.2-1,17.9,0,29 l-9.3,5C233.7,390.1,230.4,376.6,230.4,362.4z M295.5,449.8c-22.6-6.8-41.5-22-53-42.1l8.9-4.8c7.2,5.9,15.9,11.1,26.7,16.1 l17.8,30.5L295.5,449.8z'/%3E%3C/g%3E%3Cg%3E%3Cpolygon class='st1' points='282.9,273.3 183.6,50.9 60.4,174.1 '/%3E%3Crect x='91.2' y='47.6' transform='matrix(0.7071 -0.7071 0.7071 0.7071 -43.7972 119.2201)' class='st1' width='61.6' height='129.8'/%3E%3C/g%3E%3C/svg%3E%0A"); }

.sidenav .sidenavMain > ul > li a.menu-icn--eigre::before,
.sidenav .sidenavMain > ul > li a.expand.menu-icn--eigre::before {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 26.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M135.9,204.9c-10.6,0-19.2,8.6-19.2,19.3s8.6,19.3,19.2,19.3s19.2-8.6,19.2-19.3S146.5,204.9,135.9,204.9z'/%3E%3Cpath class='st0' d='M465,248.9c-21.1-88-43.3-134.7-88-147.9c-9.7-2.9-18-4-25.5-4c-27.4,0-46.6,14.6-95.5,14.6S187.9,97,160.5,97 c-7.7,0-15.9,1.1-25.5,4c-44.6,13.2-66.9,60-88,147.9c-21.1,88-17.2,151.5,7.7,163.3c4.1,1.9,8.1,2.8,12.4,2.8 c21.6,0,44.8-23.7,67.3-51.7c25.5-31.9,31.9-32.8,109.6-32.8h24.1c77.6,0,84.1,0.8,109.6,32.8c22.4,28,45.7,51.7,67.3,51.7 c4.2,0,8.3-0.9,12.4-2.8C482.2,400.3,486,336.7,465,248.9L465,248.9z M136,263.5c-21.5,0-39-17.7-39-39.4s17.5-39.4,39-39.4 c21.6,0,39,17.7,39,39.4C175,245.9,157.5,263.5,136,263.5z M307.8,244.1c-11,0-20-8.9-20-20s8.9-20,20-20s20,8.9,20,20 S318.8,244.1,307.8,244.1z M351.4,287.8c-11,0-20-8.9-20-19.9c0-11.1,8.9-20,20-20s20,8.8,20,20 C371.4,278.8,362.5,287.8,351.4,287.8z M351.4,200.5c-11,0-20-8.9-20-20s8.9-20,20-20s20,8.9,20,20S362.5,200.5,351.4,200.5z M395,244.1c-11,0-20-8.9-20-20s8.9-20,20-20s20,8.9,20,20S406.1,244.1,395,244.1z'/%3E%3C/g%3E%3C/svg%3E%0A"); }

.sidenav .sidenavMain > ul > li a.menu-icn--na-stevilke-lucky7::before,
.sidenav .sidenavMain > ul > li a.expand.menu-icn--na-stevilke-lucky7::before {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 28.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill-rule:evenodd;clip-rule:evenodd;fill:%23FFFFFF;%7D%0A%3C/style%3E%3Cpath class='st0' d='M112,280.2c0-62.3,37-115.9,90.3-140C183.5,125.6,160,117,134.5,117c-61.1,0-110.7,49.6-110.7,110.7 c0,57.3,43.6,104.5,99.4,110.1C116,320,112,300.6,112,280.2z'/%3E%3Cpath class='st0' d='M374.8,117c-22,0-42.5,6.5-59.8,17.5c60.8,20.5,104.5,78,104.5,145.7c0,18.4-3.2,36-9.1,52.3 c43.7-14.8,75.1-56.1,75.1-104.8C485.5,166.6,435.9,117,374.8,117z'/%3E%3Cpath class='st0' d='M265.7,148.9c-72.5,0-131.2,58.8-131.2,131.2s58.8,131.2,131.2,131.2S397,352.7,397,280.2 S338.2,148.9,265.7,148.9z M206.7,342.6l79.9-105.9v-0.9h-72.3l7.4-32.1h105.9l-8,34.3l-71.7,117.6h-44L206.7,342.6z'/%3E%3C/svg%3E%0A"); }

.sidenav .sidenavMain > ul > li a.menu-icn--na-stevilke-top6::before,
.sidenav .sidenavMain > ul > li a.expand.menu-icn--na-stevilke-top6::before {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 26.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill-rule:evenodd;clip-rule:evenodd;fill:%23FFFFFF;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M112,280.2c0-62.3,37-115.9,90.3-140C183.5,125.6,160,117,134.5,117c-61.1,0-110.7,49.6-110.7,110.7 c0,57.3,43.6,104.5,99.4,110.1C116,320,112,300.6,112,280.2z'/%3E%3Cpath class='st0' d='M374.8,117c-22,0-42.5,6.5-59.8,17.5c60.8,20.5,104.5,78,104.5,145.7c0,18.4-3.2,36-9.1,52.3 c43.7-14.8,75.1-56.1,75.1-104.8C485.5,166.6,435.9,117,374.8,117z'/%3E%3Cg%3E%3Cpath class='st0' d='M265.7,148.9c-72.5,0-131.2,58.8-131.2,131.2s58.8,131.2,131.2,131.2S397,352.7,397,280.2 S338.2,148.9,265.7,148.9z M326.6,238.3h-16.1c-4.4-4.6-11.7-7.5-20.6-7.5c-17.5,0-28.5,7.7-36.2,19.9c-4,6-7.1,13-9.5,20.6 c9.9-7.7,22.1-12.6,36-12.6c23.9,0,41.8,14.6,41.8,42.4c0,32.7-26.3,57.9-65.2,57.9c-36.5,0-58.3-19.9-58.3-57 c0-25.9,8.6-51,23.9-69.2c15.2-19.7,38.2-32.5,68.7-32.5c19.2,0,32.3,4,42,10.6L326.6,238.3z'/%3E%3Cpath class='st0' d='M238.9,307.7c0,14.1,4.4,24.5,18.6,24.5c13.9,0,23.6-11.7,23.6-29.2c0-11.5-6.4-17.9-19.4-17.9 c-8,0-16.4,2.9-21.7,6.2C239.1,296.8,238.9,302.6,238.9,307.7z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"); }

.sidenav .sidenavMain > ul > li a.menu-icn--na-stevilke-cifra-plus::before,
.sidenav .sidenavMain > ul > li a.expand.menu-icn--na-stevilke-cifra-plus::before {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 26.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill-rule:evenodd;clip-rule:evenodd;fill:%23FFFFFF;%7D%0A%3C/style%3E%3Cpath class='st0' d='M112,280.2c0-62.3,37-115.9,90.3-140C183.5,125.6,160,117,134.5,117c-61.1,0-110.7,49.6-110.7,110.7 c0,57.3,43.6,104.5,99.4,110.1C116,320,112,300.6,112,280.2z'/%3E%3Cpath class='st0' d='M374.8,117c-22,0-42.5,6.5-59.8,17.5c60.8,20.5,104.5,78,104.5,145.7c0,18.4-3.2,36-9.1,52.3 c43.7-14.8,75.1-56.1,75.1-104.8C485.5,166.6,435.9,117,374.8,117z'/%3E%3Cpath class='st0' d='M265.7,148.9c-72.5,0-131.2,58.8-131.2,131.2s58.8,131.2,131.2,131.2S397,352.7,397,280.2 S338.2,148.9,265.7,148.9z M275.8,350.8c-9.6,5.1-23.5,9.6-43.3,9.6c-40,0-69.9-19-69.9-63.7c0-49.2,33.1-96.7,93.8-96.7 c20.8,0,34.9,4,46.2,11.2l-6.5,27.9h-16.3c-5.8-5.4-13.9-8.7-25.5-8.7c-35.1,0-48,40-48,67.2c0,23.5,11.4,33.3,30.6,33.3 c12.1,0,21.2-4.2,28.8-9.8h16.8L275.8,350.8z M335.2,296.7l-9.2,40.2h-33.3l9.2-40.2h-37.8l7.1-31.1H309l9.2-40.2h33.3l-9.2,40.2 h37.5l-7.1,31.1H335.2z'/%3E%3C/svg%3E%0A"); }

.sidenav .sidenavMain > ul > li a.menu-icn--na-stevilke-top5::before,
.sidenav .sidenavMain > ul > li a.expand.menu-icn--na-stevilke-top5::before {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 26.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill-rule:evenodd;clip-rule:evenodd;fill:%23FFFFFF;%7D%0A%3C/style%3E%3Cpath class='st0' d='M265.7,148.9c-72.5,0-131.2,58.8-131.2,131.2s58.8,131.2,131.2,131.2S397,352.7,397,280.2 S338.2,148.9,265.7,148.9z M325.4,233.4H259l-7.6,32h0.7c5.8-4.2,14.4-8.2,27.1-8.2c24.7,0,41.8,15.3,41.8,42 c0,38.9-32.2,59.8-70.4,59.8c-25.5,0-41.1-5.8-51.8-14.4l6.2-26h16.4c6.2,7.1,14.7,10.9,26.9,10.9c16.4,0,29.3-10.2,29.3-27.1 c0-10.9-7.3-16.9-17.6-16.9c-10.7,0-17.6,4.4-22,8.9h-23.3l21.6-92.9h96.4L325.4,233.4z'/%3E%3Cpath class='st0' d='M112,280.2c0-62.3,37-115.9,90.3-140C183.5,125.6,160,117,134.5,117c-61.1,0-110.7,49.6-110.7,110.7 c0,57.3,43.6,104.5,99.4,110.1C116,320,112,300.6,112,280.2z'/%3E%3Cpath class='st0' d='M374.8,117c-22,0-42.5,6.5-59.8,17.5c60.8,20.5,104.5,78,104.5,145.7c0,18.4-3.2,36-9.1,52.3 c43.7-14.8,75.1-56.1,75.1-104.8C485.5,166.6,435.9,117,374.8,117z'/%3E%3C/svg%3E%0A"); }

.sidenav .sidenavMain > ul > li a.menu-icn--virtualni-sporti::before,
.sidenav .sidenavMain > ul > li a.expand.menu-icn--virtualni-sporti::before {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 26.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cg%3E%3Cg%3E%3Cpath class='st0' d='M415.3,284.2l39.3-20.7l-42.4-25.2l26.3-43h-51.1l-0.6-45.4l-40.6,21.4l-24-39.1L298.6,171l-43.9-26.1 l-18.4,31.6c6.3,0.7,12.6-1.4,18.6,0l2.5-7l47.5,26.5l17.5-28.6l17.3,28.2l29.3-15.5l0.5,33.5h36.4l-18.9,30.9l30.2,17.9 l-27.6,14.6l16.3,26.6h-17.3c1.6,6,2.9,12.1,3.7,18.4h46.4L415.3,284.2z'/%3E%3Cpath class='st0' d='M374,343.9c0-74.8-60.9-135.7-135.7-135.7c-74.8,0-135.7,60.9-135.7,135.7c0,74.8,60.9,135.7,135.7,135.7 C313.1,479.6,374,418.7,374,343.9z M153.4,266.6l0.1,0.8l42.3-4.8l11.3,31.4l-28.9,50.2l-29.1,1.6l-18-39.2 C138,291.6,144.3,280.4,153.4,266.6z M214,298.7c14.1-1.1,29-2.2,44.3-0.4l29.4,53.2c-6.9,13.9-14.1,22.6-23.1,35.4h-56.3 c-10.5-20.1-11.7-22.3-22.4-39.5L214,298.7z M265.8,294.7l12.5-30l45,5.8c9.1,13.6,15,24,22.4,38.4l-18.3,42l-32.8-4.1 L265.8,294.7z M206.7,395.2h57.9l21.5,25c-34.1,38.8-30.3,34.5-31.5,35.9c-16.1,1.9-25.5,0.8-41.8-0.4l-23.3-39.9L206.7,395.2z M268,459.7l-3.7-2l31.3-35.7c14.3-7.7,22.1-12.9,32.9-21.6l10.5,7.9C322.9,433.4,297.6,452.1,268,459.7z M353.9,313.4 c2.6,9.7,3.9,19.9,3.9,30.5c0,20.7-5.3,40.2-14.6,57.2l-10.9-8.2c2.2-15.3,2-24.6,1.4-35.9l19-43.7H353.9z M321.7,261.9l-46.4-6 c-9.6-8.3-18.9-14.5-32.8-20v-11.5c31,1.1,59.1,14,79.8,34.4L321.7,261.9z M156.2,257.1c20.5-19.4,47.8-31.6,77.9-32.6v11.5 c-13.9,5.4-23.1,9.3-36.1,18.1l-41.9,4.7V257.1z M118.8,343.9c0-11.3,1.6-22.2,4.5-32.6h0.8l18.5,40.3l0.4-0.2 c-1,12-1.3,23.5,0,38l-12.3,6.5C123.1,380.2,118.8,362.6,118.8,343.9z M204.1,458.5c-29.6-8.9-54.4-28.9-69.5-55.1l11.7-6.2 c9.5,7.8,20.8,14.5,35,21.1l23.4,40L204.1,458.5z'/%3E%3C/g%3E%3Cpath class='st0' d='M227,123h-9.3V76.5c0-7.7-4.8-14.4-11.5-17.2l9.9-14.9c2.9-4.3,1.7-10.1-2.6-12.9c-4.3-2.9-10.1-1.7-12.9,2.6 l-15.8,23.8h-27.3l-15.8-23.8c-2.9-4.3-8.6-5.4-12.9-2.6c-4.3,2.8-5.4,8.6-2.6,12.9l9.9,14.9c-6.7,2.8-11.5,9.5-11.5,17.2V123h-9.3 c-15.4,0-27.9,12.5-27.9,27.9V216c0,5.1,4.2,9.3,9.3,9.3c5.1,0,9.3-4.2,9.3-9.3v-65.1c0-5.1,4.2-9.3,9.3-9.3h18.6h74.4H227 c5.1,0,9.3,4.2,9.3,9.3v25.6c0,5.1,4.2,9.3,9.3,9.3c5.1,0,9.3-4.2,9.3-9.3v-25.6C254.9,135.5,242.4,123,227,123z M199.1,123h-55.8 V76.5h9.3h37.2h9.2h0.1V123z'/%3E%3Cpath class='st0' d='M124.6,178.8c0,5.1,4.2,9.3,9.3,9.3c5.1,0,9.3-4.2,9.3-9.3c0-5.1-4.2-9.3-9.3-9.3 C128.8,169.5,124.6,173.7,124.6,178.8z'/%3E%3Cpath class='st0' d='M161.8,178.8c0,5.1,4.2,9.3,9.3,9.3c5.1,0,9.3-4.2,9.3-9.3c0-5.1-4.2-9.3-9.3-9.3 C166,169.5,161.8,173.7,161.8,178.8z'/%3E%3Cpath class='st0' d='M199.1,178.8c0,5.1,4.2,9.3,9.3,9.3s9.3-4.2,9.3-9.3c0-5.1-4.2-9.3-9.3-9.3S199.1,173.7,199.1,178.8z'/%3E%3C/g%3E%3C/svg%3E%0A"); }

.sidenav .sidenavMain > ul > li a.menu-icn--srecke::before,
.sidenav .sidenavMain > ul > li a.expand.menu-icn--srecke::before {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 26.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M277.5,179.1c0.3,0.7,0.7,1.3,1.1,1.9l0,0c0.5,0.6,1,1.1,1.6,1.5c11.4-9.4,22.7-18.2,33.8-24.6 c12-6.9,23.9-10.9,35.3-9.7c7.5,0.8,14,4.7,18.4,10.3c4.4,5.6,6.7,12.9,5.8,20.6c-0.7,7-3,12.1-6.9,16.2c-2.7,2.8-6.1,5.1-10.2,7.1 c3.6,2.8,6.5,5.7,8.5,9c2.9,4.8,4.1,10.2,3.4,17c0,0.2,0,0.4-0.1,0.5c-0.9,7.6-4.6,14.2-10,18.7c-5.4,4.5-12.4,7-19.9,6.3 c-0.2,0-0.4,0-0.5-0.1c-1.5-0.2-2.9-0.4-4.3-0.7c1.3,3.4,2.4,6.9,3.3,10.5c8.1,31.7,1.2,68.3-20.6,109.7l0,0l0,0l-0.8,1.6 c-3,5.6-9.9,7.7-15.6,4.8c-5.6-3-7.7-9.9-4.8-15.6l0.8-1.6l0,0c19.1-36.2,25.3-67.3,18.6-93.3c-3.9-15.1-12.2-28.8-25.1-41.1 c3.5,4.8,6.6,9.6,9.3,14.4c6.9,12,10.9,23.9,9.7,35.3c-0.8,7.5-4.7,14-10.3,18.4c-5.6,4.4-12.9,6.7-20.6,5.8 c-7-0.7-12.1-3-16.2-6.9c-2.8-2.7-5.1-6.1-7.1-10.2c-2.8,3.6-5.7,6.5-9,8.5c-4.8,2.9-10.2,4.1-17,3.4c-0.2,0-0.4,0-0.5-0.1 c-7.6-0.9-14.2-4.6-18.7-10c-4.5-5.4-7-12.4-6.3-19.9c0-0.2,0-0.4,0.1-0.5c1.3-11.4,7.6-22,16.8-32.3c8.5-9.6,19.5-18.8,31.1-28 c-0.3-0.7-0.7-1.3-1.2-1.9c-0.5-0.6-1-1.1-1.6-1.5c-11.4,9.4-22.7,18.2-33.8,24.6c-12,6.9-23.9,10.9-35.3,9.7 c-7.5-0.8-14-4.7-18.4-10.3c-4.4-5.6-6.7-12.9-5.8-20.6c0.7-7,3-12.1,6.9-16.2c2.7-2.8,6.1-5.1,10.2-7.1c-3.6-2.8-6.5-5.7-8.5-9 c-3-4.8-4.1-10.3-3.4-17.3c0.8-7.7,4.6-14.4,10-19c5.5-4.6,12.6-7,20.1-6.2c11.5,1.2,22.2,7.6,32.6,16.8c9.6,8.5,18.8,19.5,28,31.1 c0.7-0.3,1.3-0.7,1.9-1.1l0.2-0.1c0.5-0.4,1-0.9,1.3-1.5c-9.4-11.4-18.2-22.7-24.6-33.8c-6.9-12-10.9-23.9-9.7-35.3 c0.8-7.5,4.7-14,10.3-18.4c5.6-4.4,12.9-6.7,20.6-5.8c7,0.7,12.1,3,16.2,6.9c2.8,2.7,5.1,6.1,7.1,10.2c2.8-3.6,5.7-6.5,9-8.5 c4.8-2.9,10.2-4.1,17-3.4c0.2,0,0.4,0,0.5,0.1c7.6,0.9,14.2,4.6,18.7,10c4.5,5.4,7,12.4,6.3,19.9c0,0.2,0,0.4-0.1,0.5 c-1.3,11.4-7.6,22-16.8,32.3C300.1,160.6,289.1,169.9,277.5,179.1L277.5,179.1z'/%3E%3Cpath class='st0' d='M99.1,45.1h313.9c6,0,11.5,2.5,15.5,6.4l0,0c4,4,6.4,9.5,6.4,15.5v377.9c0,6-2.5,11.5-6.4,15.5v0 c-4,4-9.5,6.4-15.5,6.4H99.1c-6,0-11.5-2.5-15.5-6.4c-4-4-6.4-9.5-6.4-15.5V67.1c0-6,2.5-11.5,6.4-15.5h0 C87.6,47.6,93,45.1,99.1,45.1L99.1,45.1z M412.9,65.1H99.1c-0.5,0-1.1,0.2-1.4,0.6l0,0c-0.4,0.4-0.6,0.9-0.6,1.4v377.9 c0,0.5,0.2,1,0.6,1.4c0.4,0.4,0.9,0.6,1.4,0.6h313.9c0.5,0,1-0.2,1.4-0.6l0,0c0.4-0.4,0.6-0.9,0.6-1.4V67.1c0-0.6-0.2-1.1-0.6-1.4 C414,65.3,413.5,65.1,412.9,65.1L412.9,65.1z M134.2,403.3h243.5c2.2,0,4,1.8,4,4v7.9c0,2.2-1.8,4-4,4H134.2c-2.2,0-4-1.8-4-4v-7.9 C130.2,405.1,132,403.3,134.2,403.3L134.2,403.3z M134.2,365.3H231c2.2,0,4,1.8,4,4v7.9c0,2.2-1.8,4-4,4h-96.8c-2.2,0-4-1.8-4-4 v-7.9C130.2,367.1,132,365.3,134.2,365.3L134.2,365.3z'/%3E%3C/g%3E%3C/svg%3E%0A"); }

.sidenav .sidenavMain > ul > li a.menu-icn--promocije::before,
.sidenav .sidenavMain > ul > li a.expand.menu-icn--promocije::before {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 24.3.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bclip-path:url(%23SVGID_2_);fill:%23FFFFFF;%7D%0A%3C/style%3E%3Cg%3E%3Cdefs%3E%3Crect id='SVGID_1_' x='76.26' y='87.37' width='360.3' height='342.35'/%3E%3C/defs%3E%3CclipPath id='SVGID_2_'%3E%3Cuse xlink:href='%23SVGID_1_' style='overflow:visible;'/%3E%3C/clipPath%3E%3Cpath class='st0' d='M423.05,159.49h-86.56c12.49-24.3,2.91-54.12-21.38-66.6c-19.64-10.09-43.6-5.95-58.7,10.17 c-18.65-19.96-49.96-21.01-69.91-2.36c-16.17,15.11-20.33,39.12-10.19,58.8H89.77c-7.46,0-13.51,6.05-13.51,13.51v54.05 c0,7.46,6.05,13.51,13.51,13.51h144.12v-81.07h-13.51c-12.44,0-22.52-10.08-22.52-22.52s10.08-22.52,22.52-22.52 s22.52,10.08,22.52,22.52v22.52h27.02v-22.52c0-12.44,10.08-22.52,22.52-22.52c12.44,0,22.52,10.08,22.52,22.52 s-10.08,22.52-22.52,22.52h-13.51v81.07h144.12c7.46,0,13.51-6.05,13.51-13.51v-54.05C436.56,165.54,430.51,159.49,423.05,159.49' /%3E%3Cpath class='st0' d='M103.28,416.21c0,7.46,6.05,13.51,13.51,13.51h117.1V267.59H103.28V416.21z'/%3E%3Cpath class='st0' d='M278.93,429.72h117.1c7.46,0,13.51-6.05,13.51-13.51V267.59H278.93V429.72z'/%3E%3C/g%3E%3C/svg%3E%0A"); }

.sidenav .sidenavMain > ul > li a.menu-icn--stats-live::before,
.sidenav .sidenavMain > ul > li a.expand.menu-icn--stats-live::before {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill-rule:evenodd;clip-rule:evenodd;fill:%23FFFFFF;%7D .st1%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M256,247.2c58.8,0,106.5,47.7,106.5,106.5S314.8,460.2,256,460.2s-106.5-47.7-106.5-106.5 S197.2,247.2,256,247.2L256,247.2z M241.2,300.1h13c2.4,0,4.3,2,4.3,4.3v50.2h45.8c2.4,0,4.3,2,4.3,4.3v13c0,2.4-2,4.3-4.3,4.3 h-67.5v-71.9C236.9,302,238.8,300.1,241.2,300.1L241.2,300.1z M256,271.3c45.5,0,82.3,36.9,82.3,82.3S301.5,436,256,436 s-82.3-36.9-82.3-82.3C173.7,308.2,210.5,271.3,256,271.3L256,271.3z'/%3E%3C/g%3E%3Cg%3E%3Cpath class='st1' d='M256,227.9c9.2,0,18.1,1,26.7,2.9v-132c0-5.3-5.3-10.7-10.7-10.7H240c-5.3,0-10.7,5.3-10.7,10.7v132 C237.9,228.8,246.8,227.9,256,227.9z'/%3E%3Cpath class='st1' d='M354.1,274.9c4.7-1,8.8-5.8,8.8-10.5V127.1c0-5.3-5.3-10.7-10.7-10.7h-32.1c-5.3,0-10.7,5.3-10.7,10.7v112.7 C326.9,248,342.2,260.1,354.1,274.9z'/%3E%3Cpath class='st1' d='M400.4,275.2h32.1c5.3,0,10.7-5.3,10.7-10.7V71.9c0-5.3-5.3-10.7-10.7-10.7h-32.1c-5.3,0-10.7,5.3-10.7,10.7 v192.5C389.7,269.8,395,275.2,400.4,275.2z'/%3E%3Cpath class='st1' d='M456.5,328.6h-77.2c1.6,8.1,2.5,16.5,2.5,25c0,9.8-1.1,19.3-3.2,28.4h78c7.4,0,13.4-6,13.4-13.4V342 C469.9,334.7,463.9,328.6,456.5,328.6z'/%3E%3Cpath class='st1' d='M157.9,274.9c11.9-14.9,27.2-27,44.7-35.2v-75.9c0-5.3-5.3-10.7-10.7-10.7h-32.1c-5.3,0-10.7,5.3-10.7,10.7 v100.6C149,269.2,153.2,273.9,157.9,274.9z'/%3E%3Cpath class='st1' d='M130.2,353.7c0-8.6,0.9-16.9,2.5-25H95.6v-254c0-7.4-6-13.4-13.4-13.4H55.5c-7.4,0-13.4,6-13.4,13.4v280.8 c0,14.8,11.9,26.7,26.7,26.7h64.6C131.3,373,130.2,363.5,130.2,353.7z'/%3E%3C/g%3E%3C/svg%3E%0A"); }

.sidenav .sidenavMain > ul > li a.menu-linebreak,
.sidenav .sidenavMain > ul > li a.expand.menu-linebreak {
  /*content: "";
        display: block;
        position: absolute;
        bottom: -0.75rem;
        left: -3rem;*/
  border-bottom: 2px solid #fff;
  width: calc(100% + 3rem); }

@media only screen and (max-width: 1025px) {
  /* SIDENAV */
  .sidenav .sidenavMain > ul > li a {
    line-height: 3.5rem !important;
    height: 3.5rem !important; }
  .sidenav .sidenavMain > ul > li a.menu-linebreak {
    height: 3.5rem !important;
    /*margin-bottom: 1rem !important;*/ }
  .sidenav .sidenavMain > ul > li a.menu-noicon {
    line-height: 3.5rem !important;
    height: 3.5rem !important;
    padding-left: 1rem;
    text-transform: unset; }
  .sidenav .sidenavMain > ul > li > ul > li > ul > li > a {
    padding-left: 3rem; }
  .sidenav .sidenavMain > ul > li a.menu-noicon + ul > li a {
    padding-left: 2rem; } }

.sidenav .sidenavMain > ul > li:first-child > a:before {
  display: inline-block;
  font-family: "Ionicons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f32a";
  padding-right: 4px; }

.sidenav .sidenavMain > ul > li a.headercollapse,
.sidenav .sidenavMain > ul > li a.collapse {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 26.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' inkscape:version='0.92.3 (2405546, 2018-03-11)' xmlns:cc='http://creativecommons.org/ns%23' xmlns:dc='http://purl.org/dc/elements/1.1/' xmlns:inkscape='http://www.inkscape.org/namespaces/inkscape' xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns%23' xmlns:sodipodi='http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd' xmlns:svg='http://www.w3.org/2000/svg' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 256 256' style='enable-background:new 0 0 256 256;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFC10E;fill-opacity:0.9626;%7D .st1%7Bfill:%23FFC10E;%7D%0A%3C/style%3E%3Csodipodi:namedview bordercolor='%23666666' borderopacity='1' gridtolerance='10' guidetolerance='10' id='namedview5135' inkscape:current-layer='Layer_1' inkscape:cx='128' inkscape:cy='128' inkscape:pageopacity='0' inkscape:pageshadow='2' inkscape:window-height='986' inkscape:window-maximized='1' inkscape:window-width='2560' inkscape:window-x='-11' inkscape:window-y='-11' inkscape:zoom='0.921875' objecttolerance='10' pagecolor='%23ffffff' showgrid='false'%3E%3C/sodipodi:namedview%3E%3Cg%3E%3Crect x='30.2' y='113' transform='matrix(0.7071 -0.7071 0.7071 0.7071 -63.0732 103.7376)' class='st0' width='127' height='30'/%3E%3Crect x='147.3' y='64.5' transform='matrix(0.7071 -0.7071 0.7071 0.7071 -42.9662 152.2644)' class='st1' width='30' height='127'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-position: right center;
  background-size: 2em 2em;
  background-repeat: no-repeat; }

.sidenav .sidenavMain > ul > li > a,
.sidenav .sidenavMain > ul > li > ul > li > a {
  text-transform: uppercase; }

.sidenav .sidenavMain > ul > li a {
  text-decoration: none;
  background-color: var(--header-main-color);
  color: #fff;
  transition: 0.25s;
  line-height: 32px;
  font-size: 1em;
  height: 32px;
  display: block;
  white-space: nowrap; }

.sidenav .sidenavMain > ul > li > a {
  padding-left: 0.5rem;
  display: none; }

.sidenav .sidenavMain > ul > li > ul > li > a {
  padding-left: 3rem;
  position: relative; }

/*
.sidenav .sidenavMain > ul > li > ul > li > ul > li > a {
    padding-left: 1.5rem;
}
*/
.sidenav .sidenavMain > ul > li a.select {
  background: var(--primary);
  color: var(--header-main-color); }

/* Position and style the close button (top right corner) */
.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px; }

.sidenav .dropdown {
  display: block;
  color: var(--primary);
  font-weight: bold;
  line-height: 1em;
  font-size: 1em;
  background: none;
  background-image: url(/_assets/images/icn-panel-contract.svg);
  background-position: right center;
  background-size: 1em 1em;
  background-repeat: no-repeat; }

/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
#main {
  transition: margin-left 0.25s;
  padding: 20px; }

/* width */
.sidenav::-webkit-scrollbar {
  width: 2px; }

/* Track */
.sidenav::-webkit-scrollbar-track {
  background: #ffffff00; }

/* Handle */
.sidenav::-webkit-scrollbar-thumb {
  background: #ffffff30; }

/* Handle on hover */
.sidenav::-webkit-scrollbar-thumb:hover {
  background: #555; }

/* NOVI STILI */
div.cPanelContent {
  background-color: var(--cpanel-bg) !important; }

div.cPanelContent.noBorder {
  border-bottom: 0px !important;
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important; }

table.tablesorter a {
  color: var(--neutral) !important;
  text-decoration: underline; }

/* POPUP dialogi */
div.popupDialogCover {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  left: 0px;
  top: 0px;
  background: rgba(0, 0, 0, 0.8);
  z-index: 99999;
  align-items: center;
  justify-content: center; }

.popupDialogTitle {
  height: 24px;
  display: flex;
  align-items: center;
  background-color: var(--primary);
  color: var(--secondary);
  padding: 4px 8px; }

.popupDialogContent {
  padding: 4px 8px; }

.popupDialogTitle .closeBtn {
  flex: 1;
  justify-content: flex-end;
  display: flex;
  line-height: 24px;
  vertical-align: middle;
  font-size: 18px;
  color: var(--secondary);
  cursor: pointer; }

.popupDialog {
  display: none;
  position: absolute;
  height: auto;
  width: 80%;
  max-width: 400px;
  margin: auto;
  z-index: 100001;
  background: var(--secondary); }

.popupDialog .header {
  background: none; }

.popupDialog table.tablesorter thead tr.header th {
  background-color: #01314C; }

.popupDialog table.tablesorter tbody tr.betSum.brd1pxDot td {
  border: 0px !important; }

.popupDialog table.tablesorter tbody tr.betSum td {
  background: #01314C !important; }

.popupDialog table.tablesorter tbody tr.betSum.brd2px td {
  border: 0px !important; }

/* VISIBLE NA NAPRAVI */
@media screen and (max-width: 512px) {
  .visibleDesktop {
    display: none !important; } }

@media screen and (min-width: 513px) {
  .visibleMobile {
    display: none !important; } }

@media screen and (min-width: 1023px) {
  .visibleTablet {
    display: none !important; } }

/* User menu */
div #user-menu {
  height: 56px;
  line-height: 56px;
  font-size: 32px;
  text-align: right;
  display: flex;
  position: relative;
  align-items: center; }

div #user-menu .dropdown-content {
  /*top: 48px !important;*/
  right: 0px;
  background: var(--usermenu-bg); }
  @media only screen and (max-width: 512px) {
    div #user-menu .dropdown-content {
      right: -48px; } }

div#user-menu > ul {
  padding: 0 8px;
  margin: 0 auto; }
  @media only screen and (max-width: 512px) {
    div#user-menu > ul {
      padding: 0 4px; } }

div#user-menu li.dropdown a {
  display: flex;
  /*background: var(--usermenu-bg);*/
  color: var(--usermenu-color);
  text-decoration: none; }

div#user-menu li.dropdown a:hover {
  background: var(--usermenu-bg-selected);
  color: var(--usermenu-color); }

div#user-menu li.dropdown a > div {
  display: flex; }

div#user-menu .dropdown-content ul li {
  display: block;
  margin: 0;
  padding: 0;
  text-align: center;
  height: var(--usermenu-height) !important;
  padding: 0px 0.5rem; }

div#user-menu .dropdown-content ul li a {
  overflow: hidden;
  display: block;
  float: left;
  margin: 0;
  padding-left: 0.9125rem;
  padding-right: 0.9125rem;
  position: relative;
  color: var(--usermenu-color);
  line-height: var(--usermenu-height);
  text-decoration: none;
  font-size: 0.9125rem;
  /*height: 2rem !important;*/ }

div#user-menu .dropdown-content a {
  height: var(--usermenu-height) !important; }

div#user-menu .dropdown-content a .menu-text {
  line-height: var(--user-menu-height) !important; }

.user-menu-konto:before,
.user-menu-vigri:before,
.user-menu-cashout:before,
.user-menu-vplacilo:before,
.user-menu-izplacilo:before,
.user-menu-odjava:before,
.user-menu-osebni:before,
.user-menu-geslo:before,
.user-menu-email:before,
.user-menu-gsm:before,
.user-menu-trr:before,
.user-menu-obvescanje:before,
.user-menu-live:before,
.user-menu-2fa:before,
.user-menu-nastavitve:before,
.user-menu-omejitve-vplacil:before,
.user-menu-samoprepoved:before,
.user-menu-listki:before,
.user-menu-predcasno:before,
.user-menu-promocije:before {
  display: inline-block;
  font-family: "Ionicons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding-right: 8px;
  width: 0.85rem; }

.icon-mob:before {
  font-size: 1.6rem;
  padding-right: 20px; }

.icon-mob-red:before {
  font-size: 1.6rem;
  padding-right: 20px;
  color: #c40000; }

div#user-menu .dropdown-content custom-uporabniski-meni[device="web"] a {
  height: var(--usermenu-height) !important; }

div#user-menu .dropdown-content custom-uporabniski-meni[device="web"] a .menu-text {
  line-height: var(--user-menu-height) !important; }

/* Ikone dobiš https://ionicframework.com/docs/v3/ionicons/ -> klikni na ikono -> inspect element icon ::before */
.user-menu-konto:before {
  content: "\f31a"; }

.user-menu-vigri:before {
  content: "\f357"; }

.user-menu-cashout:before {
  content: "\f31b"; }

.user-menu-vplacilo:before {
  content: "\f2b3"; }

.user-menu-izplacilo:before {
  content: "\f144"; }

.user-menu-odjava:before {
  content: "\f31f"; }

.user-menu-osebni:before {
  content: "\f344"; }

.user-menu-geslo:before {
  content: "\f2ee"; }

.user-menu-email:before {
  content: "\f172"; }

.user-menu-gsm:before {
  content: "\f347"; }

.user-menu-trr:before {
  content: "\f2a0"; }

.user-menu-obvescanje:before {
  content: "\f338"; }

.user-menu-live:before {
  content: "\f2e9"; }

.user-menu-2fa:before {
  content: "\f316"; }

.user-menu-nastavitve:before {
  content: "\f377"; }

.user-menu-omejitve-vplacil:before {
  content: "\f33c"; }

.user-menu-samoprepoved:before {
  content: "\f190"; }

.user-menu-listki:before {
  content: "\f2e1"; }

.user-menu-predcasno:before {
  content: "\f235"; }

.user-menu-promocije:before {
  content: "\f371"; }

@media screen and (max-width: 1024px) {
  .showListekBadge {
    display: block !important; } }

.coverListek,
.coverLista {
  display: none;
  position: fixed !important;
  margin: 0;
  padding: 0;
  left: 0px;
  top: 0px;
  background: #000000;
  filter: alpha(Opacity=70);
  opacity: 0.4;
  -moz-opacity: 0.4;
  -khtml-opacity: 0.4;
  z-index: 9;
  width: 100%;
  height: 100%;
  transition: 0.25s; }

.coverListek.active,
.coverLista.active {
  display: block; }

.footerMobileAkcije {
  position: fixed;
  z-index: 8;
  bottom: 0px;
  left: 0px;
  width: 100%; }

.mobileAkcije {
  width: 100%;
  height: 56px;
  max-height: 100px;
  background: var(--secondary);
  color: #ffffff;
  -webkit-transition: height 0.25s;
  /* Safari prior 6.1 */
  transition: height 0.25s; }

@media screen and (max-width: 1023px) {
  .mobileAkcije {
    display: flex; } }

.mobileAkcije > div {
  padding: 4px;
  flex: 1;
  cursor: pointer; }

.mobileAkcije > div > i {
  display: block;
  text-align: center;
  padding-bottom: 8px;
  font-size: 24px; }

.mobileAkcije > div > span {
  display: block;
  text-align: center;
  font-size: 12px; }

.helpIconLink {
  font-size: 24px;
  color: var(--secondary); }

table.SelectMenuOptions {
  background: #cecece !important; }

.toast_container {
  display: flex;
  vertical-align: middle;
  position: fixed;
  top: 64px;
  right: 8px;
  z-index: 1; }
  @media only screen and (max-width: 512px) {
    .toast_container {
      right: 8px; } }

.toast_cell {
  display: flex;
  border-left: solid 3px var(--primary);
  background-color: #ffffff;
  box-shadow: 1px 7px 14px -5px rgba(0, 0, 0, 0.2); }

.toast_icon {
  color: var(--primary);
  font-size: 28px;
  display: flex;
  align-items: center;
  padding-left: 0.5rem; }

.toast_content {
  display: flex;
  flex: 1;
  padding: 1rem; }

.toast_close {
  display: flex;
  align-items: start;
  padding-right: 0.5rem;
  color: #878787;
  cursor: pointer;
  padding-top: 0.5rem; }

app-scrollable,
.app-scrollable {
  -webkit-overflow-scrolling: touch; }

@media screen and (max-width: 512px) {
  .leftSideMenu .app-scrollable {
    -webkit-overflow-scrolling: auto; } }

.dropdown-content {
  box-sizing: border-box;
  display: none;
  top: var(--header-menu-height);
  position: absolute;
  background-color: var(--header-menu-bg);
  min-width: 260px;
  width: auto;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 10000; }

.dropdown-content .show {
  display: block; }

.dropdown-content ul li {
  display: table-cell;
  width: 100%;
  /*height: 40px;*/
  text-align: left;
  padding: 0 !important;
  margin: 0;
  /*background-color: #ff0000;*/ }

/* Links inside the dropdown */
.dropdown-content a {
  display: inline-block;
  position: relative;
  text-align: left;
  color: var(--neutral);
  width: 100%;
  height: var(--main-menu-height) !important;
  padding: 0 10px !important; }

.dropdown-content a .menu-text {
  line-height: var(--main-menu-height);
  text-decoration: none;
  text-align: left; }

/* Change color of dropdown links on hover */
.dropdown-content a:hover {
  background-color: #ddd; }

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
  display: block; }
/* ---sys-layout-fluid--- */
/***********************************************************/
/* FLUID LAYOUT
/***********************************************************/
form#FormPortal {
  /*
	position: relative;
	width: 100%;
	display: table;
	height: 100%;
	height: auto;
	min-height: 100%;
    _height:100%;
	*/
  /*background: #00FF00;*/
  position: relative;
  min-width: 1000px;
  height: auto;
  min-height: 100vh; }

form#FormPortal::after {
  content: "";
  background: url(/_assets/images/background/e-stave-background-2024.webp);
  opacity: 0.5;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1; }

/***********************************************************/
/* MAIN CONTAINER
/***********************************************************/
#wrapper {
  height: auto;
  min-height: 100%;
  padding-bottom: 0px; }

* html #wrapper {
  height: 100%; }

/* for IE */
#content {
  padding-bottom: 20px; }

div#content div#clearfix {
  width: 100%;
  clear: both; }

div#content div#clearfix hr {
  display: none; }

div.maincontainer {
  float: left;
  clear: both;
  width: 100%;
  min-height: 100%;
  height: auto !important;
  box-shadow: 0 0 60px 30px #000e19, 0 0 100px 60px #00182b, 0 0 140px 90px #032642;
  /* outer cyan */ }

div.maincontainer > div.restraint {
  float: none;
  position: relative;
  min-width: 1000px;
  max-width: 1600px;
  height: 100%;
  margin: 0 auto;
  /* the bottom margin is the negative value of the footer's height */ }
/* ---sys-pomoc--- */
div[controltype=HtmlText] .typography {
  color: var(--color-text);
}

/*
div[controltype=HtmlText].typography ol, ul {
    list-style: circle !important;
}
*/

div[controltype=HtmlText] .typography ol {
    margin-left: 1rem;
}

div[controltype=HtmlText] .typography .alert {
  background: var(--negative);
  padding: 0.5rem;
}


div[controltype=HtmlText] .typography .alert h2 {
  font-size: 1.25rem;
  font-weight: bold;
}

div[controltype=HtmlText] table td.cPanelHeader
{
  background: var(--secondary-darkest-trans-800) !important;
  border-top: 0 !important;
  color: var(--primary) !important;
  padding: 0.5em !important;
  
  font-size: 1.5rem !important;
  font-style: italic !important;
  font-weight: bold !important; 
}

div[controltype=HtmlText] table.cPanelContent
{
  background: var(--secondary-trans-100) !important;
  border-top: 0 !important;
  color: var(--neutral) !important;
}

div[controltype=HtmlText] table.cPanelContent > tbody > tr > td
{
  padding: 0.5em !important;
}

div[controltype=HtmlText] table.cPanelContent p
{
  margin-bottom: 1em !important;
}

div[controltype=HtmlText] table.cPanelContent h2
{
  margin-bottom: 0.5em !important;
  /*color: var(--primary) !important;*/
}

div[controltype=HtmlText] table.cPanelContent table
{
  margin-bottom: 0.5em !important;
}

div[controltype=HtmlText] table.cPanelContent a
{
  color: var(--neutral) !important;
}
/* ---sys-forms--- */
::-webkit-progress-inner-element.pristopna-background {
  background-repeat: no-repeat;
  background-image: url("/_assets/images/SlikeOzadja/Pristopna/all-sports-balls.jpg");
  background-size: cover;
  background-position-x: center; }

div.form-contentWrapper {
  max-width: 1024px;
  margin: auto; }

div.form-content {
  line-height: 1.25rem;
  padding: 1em;
  background: var(--overlay-bg);
  color: var(--color-text);
  display: flex;
  flex-direction: column; }
  div.form-content.horizontal {
    flex-direction: row; }
  @media only screen and (max-width: 512px) {
    div.form-content {
      padding: 0.5rem; } }

div.form-content p {
  padding: 0.25rem; }

div.form-content .vnos-group .input-group {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: flex-end;
  width: 21rem; }
  div.form-content .vnos-group .input-group .input-icon {
    padding-left: 0.5rem; }
  div.form-content .vnos-group .input-group > div {
    flex: 1; }
    div.form-content .vnos-group .input-group > div input {
      width: 100%; }
  @media only screen and (max-width: 600px) {
    div.form-content .vnos-group .input-group > input {
      min-width: 2rem;
      width: 2rem; } }

div.input-group.pass {
  position: relative; }
  div.input-group.pass div.show-pass {
    position: absolute;
    right: 1rem;
    top: 0.5rem; }

@media only screen and (max-width: 512px) {
  div.form-content .vnos-group .input-group .input-icon {
    display: none; } }

.modal div.form-content {
  background: var(--neutral);
  color: var(--secondary-darkest); }

.modal div.form-content .vnos-group,
.modal div.form-content .vnos-group .input-group,
.modal div.form-content .vnos-group input[type="text"],
.modal div.form-content .vnos-group input[type="password"],
.modal div.form-content .vnos-group select,
.modal div.form-content .vnos-group textarea {
  width: 100%; }

div.form-content.lite {
  background: var(--neutral); }

div.form-content div.formInfo {
  padding: 0.5em;
  background: var(--form-info); }

div.form-content div.successMessage {
  display: block;
  float: left;
  width: 100%;
  overflow: hidden; }

div.form-content div.successMessage div.content h1 {
  font-size: 1.75em;
  font-weight: bold;
  line-height: 1.5rem;
  color: var(--neutral); }

div.form-content div.successMessage div.content p {
  font-size: 1em;
  line-height: 1.5rem;
  color: var(--neutral); }

div.form-content div.successMessage.ERROR div.content {
  display: block;
  background: var(--negative);
  margin: 10px 10px 20px 10px;
  padding: 10px; }

div.form-content div.successMessage.WARNING div.content {
  display: block;
  background: var(--warning);
  margin: 10px 10px 20px 10px;
  padding: 10px; }

div.form-content div.successMessage.SUCCESS div.content {
  display: block;
  background: var(--positive);
  margin: 10px 10px 20px 10px;
  padding: 10px; }

div.form-content div.messageText {
  display: block;
  width: 100%;
  overflow: hidden; }

div.form-content div.messageText div.content {
  display: block;
  background-color: var(--overlay-bg);
  padding: 0.5rem; }

div.form-content div.messageText div.content li {
  display: flex; }

div.form-content div.messageText div.content h1,
div.form-content div.messageText div.content h2,
div.form-content div.messageText div.content h3,
div.form-content div.messageText div.content h4,
div.form-content div.messageText div.content h5,
div.form-content div.messageText div.content h6 {
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.5rem;
  color: var(--color-text); }

div.form-content div.messageText div.content p {
  font-size: 1rem;
  line-height: 1.2rem;
  color: var(--color-text-light); }

div.form-content div.legend {
  display: flex;
  align-items: center;
  padding: 0.5rem;
  font-weight: bold;
  font-size: 1.25rem;
  white-space: normal;
  color: var(--color-text-emph);
  background: transparent;
  margin-bottom: 0.25rem; }
  div.form-content div.legend > span {
    flex: 1; }

div.form-content label,
div.form-content .label {
  display: inline;
  flex: 1;
  line-height: 1.5rem;
  font-size: 1.125rem;
  vertical-align: moddle;
  color: var(--color-text-light); }

.modal div.form-content label,
.modal div.form-content .label {
  color: var(--color-dark-trans-800); }

div.form-content select {
  vertical-align: top;
  min-height: 2.25rem;
  height: 2.25rem;
  border: 0;
  border: 0.5px solid var(--color-text-light);
  outline: none;
  color: var(--color-text);
  background: transparent;
  background-image: linear-gradient(to bottom, rgba(0, 164, 214, 0), rgba(0, 164, 214, 0.2));
  width: 100%; }

div.form-content textarea {
  vertical-align: top;
  border: 0;
  border: 0.5px solid var(--color-text-light);
  outline: none;
  color: var(--color-text);
  background: transparent;
  background-image: linear-gradient(to bottom, rgba(0, 164, 214, 0), rgba(0, 164, 214, 0.2)); }

div.form-content option {
  color: var(--secondary-darkest); }

div.form-content select:focus {
  border: 1px solid var(--info); }

div.form-content textarea:focus {
  border: 1px solid var(--info); }

div.form-content input[type="checkbox"],
div.form-content input[type="radio"] {
  min-width: 1.25rem;
  width: 1.25rem;
  height: 1.25rem;
  vertical-align: top;
  text-align: left;
  padding: 0px;
  text-align: right;
  margin-right: 0.5rem;
  display: inline; }

div.form-content div.fieldset {
  background: var(--overlay-bg); }

div.form-content div.fieldset ol {
  margin-bottom: 0.5rem;
  padding: 0; }

div.form-content div.fieldset li {
  list-style: none outside none;
  margin-bottom: 0.5rem;
  padding: 0.5rem;
  border-bottom: 1px solid var(--color-text-light); }

.modal div.form-content div.fieldset {
  background: var(--neutral); }

div.form-content div.fieldset div.vnos-container {
  display: flex;
  margin-right: 0; }
  div.form-content div.fieldset div.vnos-container.display-block {
    display: block; }

div.form-content div.fieldset div.input-values {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding-top: 0.5rem;
  color: var(--color-dark);
  height: 3.5rem; }

@media only screen and (max-width: 512px) {
  div.form-content div.fieldset div.input-values {
    justify-content: flex-end; } }

.modal div.form-content div.fieldset div.vnos-container {
  flex-direction: column;
  align-items: flex-start; }

/*
div.form-content div.fieldset li.formError {
	background: var(--negative-trans-500);	
}

div.form-content div.fieldset li.formOk {
	background: var(--positive-trans-500);	
}
*/
@media only screen and (max-width: 800px) {
  div.form-content div.fieldset div.vnos-container {
    flex-direction: column;
    align-items: normal; } }

div.form-content .form-buttons {
  background: var(--actionbar-bg);
  margin-top: 0.5rem;
  padding: 1rem;
  display: flex;
  justify-content: flex-end; }

.modal div.form-content .form-buttons {
  background: var(--neutral);
  padding: 0;
  padding-top: 1rem; }

div.form-content div.icnError {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-left: 5px;
  margin-right: 0px;
  line-height: 12px;
  background: transparent url("/images/formIcons/icnFormBtn.png") no-repeat;
  background-position: 0px 0px; }

div.form-content div.icnSuccess {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-left: 5px;
  margin-right: 0px; }

div.form-content div.icnHelp {
  display: inline-block;
  width: 24px;
  height: 24px;
  position: relative; }

div.konto-min-vpl {
  margin-left: 0.5rem; }

div.konto-min-vpl .subtitle {
  text-align: right; }

div.konto-min-vpl > div:last-child {
  text-align: right; }

div.form-content div.icnHelp:empty {
  display: none; }

div.form-content div.icnHelp div.quickHelpIcon {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-left: 5px;
  margin-right: 0px;
  font-size: 32px; }

div.form-content div.icnRequired {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-left: 5px;
  margin-right: 0px; }

div.form-content div.errorText {
  text-align: right;
  font-weight: bold;
  font-style: normal;
  color: var(--color-bright);
  padding-top: 0.25rem; }

div.form-content div.errorText span {
  width: 100%;
  color: var(--color-bright);
  font-size: 1rem;
  background: var(--negative);
  font-weight: normal;
  display: block;
  padding: 0.25rem; }

/*
div.form-content div.errorText span:before {
	font-family: "FontAwesome";
	content: "\f071";
	padding-right: 0.25rem;
}
*/
div.form-content div.vnos-group {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0;
  /*min-width: 40%;*/ }

div.form-content .vnos,
div.form-content .vnos-group input[type="text"],
div.form-content .vnos-group input[type="password"],
div.form-content .vnos-group select div.form-content .vnos-group textarea {
  border: 0;
  color: var(--color-text);
  border: 0.5px solid var(--color-text-light);
  background: transparent;
  flex: 1;
  border-radius: 0;
  min-height: 2.25rem;
  background-image: linear-gradient(to bottom, rgba(0, 164, 214, 0), rgba(0, 164, 214, 0.2)); }
  div.form-content .vnos:focus,
  div.form-content .vnos-group input[type="text"]:focus,
  div.form-content .vnos-group input[type="password"]:focus,
  div.form-content .vnos-group select div.form-content .vnos-group textarea:focus {
    outline: none;
    border-color: var(--info);
    border: 1px solid var(--info); }
  div.form-content .vnos::placeholder,
  div.form-content .vnos-group input[type="text"]::placeholder,
  div.form-content .vnos-group input[type="password"]::placeholder,
  div.form-content .vnos-group select div.form-content .vnos-group textarea::placeholder {
    color: var(--color-text-light); }
  div.form-content .vnos.secondary,
  div.form-content .vnos-group input[type="text"].secondary,
  div.form-content .vnos-group input[type="password"].secondary,
  div.form-content .vnos-group select div.form-content .vnos-group textarea.secondary {
    border-bottom-color: var(--secondary-darkest);
    color: var(--secondary-darkest); }
  div.form-content .vnos.info,
  div.form-content .vnos-group input[type="text"].info,
  div.form-content .vnos-group input[type="password"].info,
  div.form-content .vnos-group select div.form-content .vnos-group textarea.info {
    border-bottom-color: var(--info); }
  div.form-content .vnos.error,
  div.form-content .vnos-group input[type="text"].error,
  div.form-content .vnos-group input[type="password"].error,
  div.form-content .vnos-group select div.form-content .vnos-group textarea.error {
    border-bottom-color: var(--negative); }
  div.form-content .vnos.no-flex,
  div.form-content .vnos-group input[type="text"].no-flex,
  div.form-content .vnos-group input[type="password"].no-flex,
  div.form-content .vnos-group select div.form-content .vnos-group textarea.no-flex {
    flex: 0 0 auto; }

div.form-content select.vnos:focus {
  outline: none;
  border-color: transparent;
  background-color: var(--neutral);
  color: var(--color-text); }

div.form-content select.vnos > option {
  color: var(--color-text); }
  div.form-content select.vnos > option:hover {
    box-shadow: 0 0 10px 100px var(--neutral-dark) inset; }

div.form-content.secondary .vnos,
div.form-content.secondary .vnos-group input[type="text"],
div.form-content.secondary .vnos-group input[type="password"],
div.form-content.secondary .vnos-group select,
div.form-content.secondary .vnos-group textarea {
  color: var(--color-dark);
  border-bottom: 0.1rem solid var(--color-dark-trans-800); }
  div.form-content.secondary .vnos:focus,
  div.form-content.secondary .vnos-group input[type="text"]:focus,
  div.form-content.secondary .vnos-group input[type="password"]:focus,
  div.form-content.secondary .vnos-group select:focus,
  div.form-content.secondary .vnos-group textarea:focus {
    outline: none;
    border-bottom-color: var(--info); }
  div.form-content.secondary .vnos::placeholder,
  div.form-content.secondary .vnos-group input[type="text"]::placeholder,
  div.form-content.secondary .vnos-group input[type="password"]::placeholder,
  div.form-content.secondary .vnos-group select::placeholder,
  div.form-content.secondary .vnos-group textarea::placeholder {
    color: var(--color-dark-trans-800); }

div.form-content div.vnos-ikone {
  text-align: right;
  color: var(--color-text-light);
  font-size: 1.5rem;
  padding-left: 0.5rem;
  min-width: 5rem;
  width: 5rem; }
  @media only screen and (max-width: 600px) {
    div.form-content div.vnos-ikone {
      padding-left: 0.25rem; } }

@media only screen and (max-width: 600px) {
  div.form-content div.vnos-akcije {
    padding-left: 0.25rem; }
    div.form-content div.vnos-akcije > .button {
      width: 8rem;
      min-width: 8rem; } }

div.form-content div.clearfix {
  clear: both;
  width: 100%; }

div.form-content div.clearfix hr {
  display: none; }

/* GDPR OBRAZEC */
div.form-content div.checkboxField {
  display: inline-block;
  padding-left: 5px; }

div.GDPRDataForm {
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.25rem;
  background-color: var(--neutral);
  padding: 0px;
  padding-top: 5px; }

div.gdprDialog {
  width: 500px;
  left: 40%;
  max-width: 500px !important; }
/* ---sys-konto-themed--- */
.konto-min-vpl {
  text-align: right;
  padding: 0 0 0 1rem; }
  .konto-min-vpl .subtitle {
    color: var(--color-text-light);
    font-size: 0.75rem; }

.konto-background {
  background-repeat: no-repeat;
  background-image: url("/_assets/images/konto/konto-bg-dark.jpg");
  background-size: cover;
  background-position-x: center; }

.authenticator-desc {
  padding: 1rem 0;
  text-align: center; }

.authenticator-key {
  padding: 1rem 0;
  text-align: center;
  font-size: 2rem; }

.authenticator-qr {
  padding: 1rem 0;
  text-align: center; }

.nakazilo-opis {
  color: var(--color-text-light); }

.nakazilo-neutral span {
  color: var(--color-text); }

.input-group input:checked + label {
  color: var(--color-text); }

label.nakazilo-neutral {
  color: var(--color-text) !important; }

.input-group input.right {
  text-align: right; }

.valu-hitri-header {
  padding: 0.5rem;
  display: flex;
  align-items: center; }

.valu-hitri-header > .cPanelHeaderTXT {
  color: var(--side-menu-title-color); }

.valu-hitri-header > .cPanelHeaderTXT h1 {
  font-weight: 700; }

.valu-hitri div.moneta {
  color: var(--color-text);
  text-align: center; }

.valu-hitri div.moneta .text span {
  color: var(--color-text-light); }

.valu-hitri div.moneta div {
  padding: 0.25rem; }

.valu-hitri div.moneta input {
  border: 0;
  color: var(--color-text);
  border-bottom: 0.1rem solid var(--color-text-trans-500);
  background: transparent;
  flex: 1;
  border-radius: 0; }

.valu-hitri div.moneta input:focus {
  outline: none;
  border-bottom-color: var(--info);
  background-image: linear-gradient(to bottom, rgba(0, 164, 214, 0), var(--info-trans-200)); }
/* ---sys-konto-table--- */
@charset "UTF-8";
.cPanelHeader div.cPanelHeaderInfoTxt {
  display: block;
  float: right; }

.cPanelHeader div.cPanelHeaderInfoTxt p.cPanelHeaderInfoTxt {
  font-size: 14px;
  text-align: right;
  padding: 10px; }

.rgGrid.kontoTable {
  display: inline-block;
  width: 100%; }

.rgGrid.kontoTable .rgGroup.transactionGroup {
  display: inline-block;
  width: 100%;
  padding: 0;
  vertical-align: middle;
  color: #424242; }

.rgGrid.kontoTable > .rgGroup.transactionGroup {
  border-bottom: solid 2px #FFF;
  background-color: #F5F5F5;
  padding: 2px 0px; }

.rgGroup:after {
  content: ' ';
  clear: both; }

.rgGrid.kontoTable .rgGroup.transactionGroup .rgGroup.transactionFunds {
  width: 28%;
  min-width: 170px;
  float: right; }

.rgGrid.kontoTable > .rgCell {
  display: inline-block;
  vertical-align: middle;
  min-width: 25%;
  padding: 0 5px; }

.rgGrid.kontoTable .headerRow {
  font-size: 12px;
  text-align: left; }

.rgGrid.kontoTable .headerRow .rgCell {
  padding: 5px;
  padding-top: 10px; }

.rgGrid.kontoTable .headerRow > .rgCell.transactionDateTime {
  min-width: 48px;
  width: 8%; }

.rgGrid.kontoTable .headerRow > .rgCell.transactionData {
  width: 50%; }

.rgGrid.kontoTable .headerRow > .rgGroup.transactionFunds {
  width: 30%;
  min-width: 170px;
  float: right; }

.rgGrid.kontoTable .headerRow > .rgGroup.transactionFunds > .rgCell.transactionMinusFunds {
  width: 50%;
  min-width: 60px; }

.rgGrid.kontoTable .headerRow > .rgGroup.transactionFunds > .rgCell.transactionPlusFunds {
  width: 50%;
  min-width: 90px; }

.rgGrid.kontoTable.showFundsFlow .headerRow > .rgGroup.transactionFunds > .rgCell.transactionMinusFunds,
.rgGrid.kontoTable.showFundsFlow .headerRow > .rgGroup.transactionFunds > .rgCell.transactionPlusFunds {
  width: 33.3333335%;
  min-width: 60px; }

.rgGrid.kontoTable .headerRow > .rgGroup.transactionFunds > .rgCell.transactionTotalFunds {
  width: 33.3333335%;
  min-width: 60px; }

.rgGrid.kontoTable .headerRow .labelDateTime {
  text-align: left; }

.rgGrid.kontoTable .headerRow .labelTransactionData {
  text-align: left;
  margin-left: 24px; }

.rgGrid.kontoTable .headerRow .labelMinusFunds {
  text-align: right; }

.rgGrid.kontoTable .headerRow .labelPlusFunds {
  text-align: right; }

.rgGrid.kontoTable .transactionGroup .rgCell.transactionDateTime {
  width: 10%;
  min-width: 48px;
  padding: 2px 5px; }

.rgGrid.kontoTable .transactionGroup .rgCell.transactionDateTime > div.dateTxt {
  font-size: 11px;
  text-align: left; }

.rgGrid.kontoTable .transactionGroup .rgCell.transactionDateTime > div.timeTxt {
  font-size: 11px;
  text-align: left; }

.rgGrid.kontoTable .transactionGroup .rgCell.transactionDateTime > div.timeTxt > div.timeIcn {
  background: url("/_assets/css/iconsSVG/konto/konto-icons-time.svg") no-repeat;
  display: inline-block;
  width: 11px;
  height: 11px; }

.rgGrid.kontoTable .transactionGroup .rgCell.transactionData {
  width: 40%;
  padding: 0; }

.rgGrid.kontoTable .transactionGroup .rgCell.transactionData > .rgGrid {
  width: 100%; }

.rgGrid.kontoTable .transactionGroup .rgCell.transactionData > .rgGrid .rgGroup.recordInfo {
  width: auto;
  display: inline-block; }

.rgGrid.kontoTable .transactionGroup .rgCell.transactionData > .rgGrid .rgCell.recordStatus {
  padding: 5px;
  width: 24px; }

.rgGrid.kontoTable .transactionGroup .rgCell.transactionData > .rgGrid .rgCell.recordType {
  padding: 5px;
  width: auto; }

.rgGrid.kontoTable .transactionGroup .rgCell.recordType > a.transactionDetailsLink,
.rgGrid.kontoTable .transactionGroup .rgCell.recordType > div.transactionDetailsLink {
  text-decoration: none;
  color: #424242; }

.rgGrid.kontoTable .transactionGroup .rgCell.recordType > a.transactionDetailsLink > span.ticketTypeTxt,
.rgGrid.kontoTable .transactionGroup .rgCell.recordType > div.transactionDetailsLink > span.ticketTypeTxt {
  font-size: 13px;
  font-weight: bold;
  text-transform: uppercase; }

.rgGrid.kontoTable .transactionGroup .rgCell.recordType > a.transactionDetailsLink > span.ticketTypeTxt2,
.rgGrid.kontoTable .transactionGroup .rgCell.recordType > div.transactionDetailsLink > span.ticketTypeTxt2 {
  font-size: 11px;
  font-weight: normal; }

.rgGrid.kontoTable .transactionGroup .rgCell.recordType > a.transactionDetailsLink > span.ticketTypeTxt2:before,
.rgGrid.kontoTable .transactionGroup .rgCell.recordType > div.transactionDetailsLink > span.ticketTypeTxt2:before {
  content: '-'; }

.rgGrid.kontoTable .transactionGroup .rgCell.transactionData > .rgGrid .rgGroup.recordOptions {
  float: right;
  width: auto;
  display: inline-block; }

.rgGrid.kontoTable .transactionGroup .rgCell.trActionSell {
  width: auto;
  padding: 0 5px;
  right: 0px; }

/*.rgGrid.kontoTable .transactionGroup .rgCell.trActionCashOut {
			width: auto;
			padding: 0 5px;
		}*/
.rgGrid.kontoTable .transactionGroup .rgCell.trActionDuplicate {
  width: auto;
  padding: 0 5px;
  right: 36px; }

.rgGrid.kontoTable .transactionGroup .rgCell.trActionBonusGame {
  width: auto;
  padding: 0 5px;
  right: 72px; }

.rgGrid.kontoTable .rgCell.transactionCashOut {
  min-width: 60px;
  width: 15%; }

.rgGrid.kontoTable .transactionGroup .rgCell.transactionMinusFunds {
  padding: 0px;
  min-width: 60px;
  width: 50%;
  text-align: right; }

.rgGrid.kontoTable .transactionGroup .rgCell.transactionMinusFunds > div.minusFundsTxt {
  font-size: 13px;
  font-weight: bold;
  text-align: right;
  padding: 5px; }

.rgGrid.kontoTable .transactionGroup .rgCell.transactionPlusFunds {
  padding: 0px;
  min-width: 90px;
  width: 50%;
  text-align: right; }

.rgGrid.kontoTable .transactionGroup .rgCell.transactionPlusFunds > div.plusFundsTxt {
  font-size: 13px;
  font-weight: bold;
  text-align: right;
  padding: 5px; }

.rgGrid.kontoTable.showFundsFlow .transactionGroup .rgCell.transactionMinusFunds,
.rgGrid.kontoTable.showFundsFlow .transactionGroup .rgCell.transactionPlusFunds {
  width: 33.3333335%;
  min-width: 60px; }

.rgGrid.kontoTable.showFundsFlow .transactionGroup .rgCell.transactionTotalFunds {
  padding: 0px;
  min-width: 60px;
  width: 33.3333335%;
  text-align: right; }

.rgGrid.kontoTable.showFundsFlow .transactionGroup .rgCell.transactionTotalFunds > div.totalFundsTxt {
  font-size: 13px;
  font-weight: bold;
  text-align: right;
  padding: 5px;
  color: #424242; }

/* STATUSI VRSTIC*/
/* DOBITNA */
.rgGrid.kontoTable .rgGroup.transactionGroup.trStatusLost {
  /*background-color: #ff0000;*/
  color: #ED1C24; }

.rgGrid.kontoTable .rgGroup.transactionGroup.trStatusLost .rgCell.transactionDateTime > div.timeTxt > div.timeIcn {
  background: url("/_assets/css/iconsSVG/konto/konto-icons-time-lost.svg") no-repeat;
  display: inline-block;
  width: 11px;
  height: 11px; }

.rgGrid.kontoTable .rgGroup.transactionGroup.trStatusLost .rgCell.recordType a.transactionDetailsLink {
  color: #ED1C24; }

/* NEDOBITNA */
.rgGrid.kontoTable .rgGroup.transactionGroup.trStatusWon {
  color: #1B5E20; }

.rgGrid.kontoTable .rgGroup.transactionGroup.trStatusWon .rgCell.transactionData > .rgGrid .rgCell.recordStatus {
  background: url("/_assets/css/iconsSVG/konto/konto-icons-status-won.svg") 50% 50% no-repeat;
  display: inline-block;
  width: 24px;
  height: 24px; }

.rgGrid.kontoTable .rgGroup.transactionGroup.trStatusLost .rgCell.transactionData > .rgGrid .rgCell.recordStatus {
  background: url("/_assets/css/iconsSVG/konto/konto-icons-status-lost.svg") 50% 50% no-repeat;
  display: inline-block;
  width: 24px;
  height: 24px; }

.rgGrid.kontoTable .rgGroup.transactionGroup.trStatusInPlay .rgCell.transactionData > .rgGrid .rgCell.recordStatus {
  background: url("/_assets/css/iconsSVG/konto/konto-icons-status-inPlay.svg") 50% 50% no-repeat;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-animation: pending 1s ease-in alternate infinite;
  -moz-animation: pending 1s ease-in alternate infinite;
  animation: pending 1s ease-in alternate infinite; }

.rgGrid.kontoTable .rgGroup.transactionGroup.trStatusCashOut .rgCell.transactionData > .rgGrid .rgCell.recordStatus {
  background: url("/_assets/css/iconsSVG/konto/konto-icons-status-cashOut.svg") 50% 50% no-repeat;
  display: inline-block;
  width: 24px;
  height: 24px; }

.rgGrid.kontoTable .rgGroup.transactionGroup.trStatusSold .rgCell.transactionData > .rgGrid .rgCell.recordStatus {
  background: url("/_assets/css/iconsSVG/konto/konto-icons-status-sold.svg") 50% 50% no-repeat;
  display: inline-block;
  width: 24px;
  height: 24px; }

@-webkit-keyframes pending {
  0% {
    opacity: 0.2; }
  100% {
    opacity: 1; } }

@-moz-keyframes pending {
  0% {
    opacity: 0.2; }
  100% {
    opacity: 1; } }

@keyframes pending {
  0% {
    opacity: 0.2; }
  100% {
    opacity: 1; } }

.rgGrid.kontoTable .rgGroup.transactionGroup.trStatusWon .rgCell.recordType a.transactionDetailsLink {
  color: #1B5E20; }

.rgGrid.kontoTable > .rgGroup.transactionGroup:hover {
  background-color: #cecece; }

.rgGrid.kontoTable > .rgGroup.transactionGroup:hover .rgCell.recordType a.transactionDetailsLink {
  text-decoration: underline; }

.rgButton.actionDuplicate {
  padding: 0;
  border: none;
  background: transparent; }

.rgButton span.iconDuplicate {
  background: url("/_assets/css/iconsSVG/konto/konto-icons-duplicate.svg") 50% 50% no-repeat;
  display: inline-block;
  width: 24px;
  height: 24px;
  padding: 0; }

.rgButton.actionBonusGame {
  padding: 0;
  border: none;
  background: transparent; }

.rgButton span.iconBonusGame {
  background: url("/_assets/css/iconsSVG/konto/konto-icons-bonus-game.svg") 50% 50% no-repeat;
  display: inline-block;
  width: 24px;
  height: 24px;
  padding: 0; }

.rgButton.actionSell {
  padding: 0; }

.rgButton span.iconSell {
  background: url("/_assets/css/iconsSVG/konto/konto-icons-sell.svg") 50% 50% no-repeat;
  display: inline-block;
  width: 24px;
  height: 24px;
  padding: 0; }

.rgButton.action.actionCashOut {
  background-color: #1B5E20;
  border: 1px solid #1B5E20;
  /*float: right;*/ }

.rgButton.action.actionCashOut div.rgButtonContent {
  height: 16px;
  margin-bottom: 3px; }

.rgButton.action.actionCashOut span.cashoutLabel {
  font-size: 8px;
  line-height: 8px; }

.rgButton.action.actionCashOut span.cashoutLabel::before {
  content: 'IZPLAČILO:'; }

.rgButton.action.actionCashOut span.cashoutValue {
  margin-left: 5px;
  font-weight: bold;
  font-size: 13px;
  line-height: 14px;
  min-width: 50px; }

.rgButton.action.actionCashOut div.progressContainer {
  background-color: #acacac;
  width: 100%;
  height: 3px; }

.rgButton.action.actionCashOut div.progressContainer div.progressBar {
  background-color: #ffffff;
  height: 3px; }

/* SUMARNI PREGLED */
div.rgContainer.kontoSummary {
  box-sizing: border-box;
  float: left;
  width: 100%;
  background: #cecece;
  padding-top: 30px;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px; }

div.rgContainer.kontoSummary:after {
  content: ' ';
  display: inline-block;
  clear: both; }

.rgGrid.kontoSummary {
  width: 50%;
  float: right; }

.rgGrid.kontoSummary > .rgGroup.summaryGroup {
  width: 100%;
  padding: 5px;
  /*background: #FFEB71;*/
  /*border-bottom: #9E9E9E 1px solid;*/ }

.rgGrid.kontoSummary > .rgGroup.summaryGroup.sumFundsTotal {
  width: 100%;
  border-top: #9E9E9E 1px solid; }

.rgGrid.kontoSummary > .rgGroup.summaryGroup.sumFundsForPayout {
  width: 100%;
  border-bottom: #9E9E9E 1px solid; }

.rgGrid.kontoSummary > .rgGroup.summaryGroup.sumFundsUnused {
  width: 100%;
  color: #9E9E9E; }

.rgGrid.kontoSummary > .rgGroup.summaryGroup.sumFundsReserved {
  width: 100%;
  color: #9E9E9E; }

.rgGrid.kontoSummary > .rgGroup.summaryGroup:after {
  content: ' ';
  display: inline-block;
  clear: both; }

.rgGrid.kontoSummary > .rgGroup.summaryGroup > .rgCell.summaryLabel {
  width: 70%;
  font-size: 14px; }

.rgGrid.kontoSummary > .rgGroup.summaryGroup > .rgCell.summaryData {
  width: 30%;
  text-align: right;
  font-size: 14px; }

/**********************************************/
/************** TICKET DETAILS ****************/
/**********************************************/
div.rgContainer.transactionDetails {
  box-sizing: border-box;
  float: left;
  width: 100%;
  background: #cecece;
  display: block;
  /*padding-top: 30px;
	padding-bottom: 20px;
	padding-left: 20px;
	padding-right: 20px;*/ }

div.rgContainer.transactionDetails:after {
  content: ' ';
  display: block;
  clear: both; }

.rgGrid.transactionDetails {
  width: 100%;
  height: 100%;
  position: relative; }

.rgGrid.transactionDetails .rgCell {
  width: 33.333335%;
  padding: 5px;
  display: inline-block; }

.rgGrid.transactionDetails .rgGroup {
  content: ' ';
  display: inline-block;
  clear: both; }

.rgGrid.transactionDetails .rgGroup.transactionDetailsGroup {
  height: 100%; }

.rgGrid.transactionDetails .rgGroup.transactionDetailsGroup > .rgCell > .rgCell {
  height: 23px; }

.rgGrid.transactionDetails .rgGroup.transactionData {
  border-bottom: 1px solid #9E9E9E;
  width: 100%; }

/*************************************************************************************************************/
/* STAVE
	/*************************************************************************************************************/
.rgGrid.transactionDetails.trStava .rgCell.transactionType {
  padding: 5px;
  height: 46px; }

.rgGrid.transactionDetails.trStava .rgCell.transactionType div.ticketLogo {
  background: url("/_assets/css/iconsSVG/ident/ticket-logos-stave.svg") no-repeat;
  height: 32px;
  width: 120px; }

.rgGrid.transactionDetails.trStava .rgCell.transactionType > div.labelTxt {
  display: none; }

.rgGrid.transactionDetails.trStava .rgCell.transactionType > div.valueTxt {
  display: none; }

/*************************************************************************************************************/
/* NAPOVED 12
	/*************************************************************************************************************/
.rgGrid.transactionDetails.trNapoved12 .rgCell.transactionType {
  padding: 5px;
  height: 46px; }

.rgGrid.transactionDetails.trNapoved12 .rgCell.transactionType div.ticketLogo {
  background: url("/_assets/css/iconsSVG/ident/ticket-logos-napoved12.svg") no-repeat;
  height: 32px;
  width: 120px; }

.rgGrid.transactionDetails.trNapoved12 .rgCell.transactionType > div.labelTxt {
  display: none; }

.rgGrid.transactionDetails.trNapoved12 .rgCell.transactionType > div.valueTxt {
  display: none; }

/*************************************************************************************************************/
/* TOTO GOL
	/*************************************************************************************************************/
.rgGrid.transactionDetails.trTotoGol .rgCell.transactionType {
  padding: 5px;
  height: 46px; }

.rgGrid.transactionDetails.trTotoGol .rgCell.transactionType div.ticketLogo {
  background: url("/_assets/css/iconsSVG/ident/ticket-logos-toto-gol.svg") no-repeat;
  height: 32px;
  width: 120px; }

.rgGrid.transactionDetails.trTotoGol .rgCell.transactionType > div.labelTxt {
  display: none; }

.rgGrid.transactionDetails.trTotoGol .rgCell.transactionType > div.valueTxt {
  display: none; }

/*************************************************************************************************************/
/* KOŠ NAPOVED
	/*************************************************************************************************************/
.rgGrid.transactionDetails.trKosNapoved .rgCell.transactionType {
  padding: 5px;
  height: 46px; }

.rgGrid.transactionDetails.trKosNapoved .rgCell.transactionType div.ticketLogo {
  background: url("/_assets/css/iconsSVG/ident/ticket-logos-kos-napoved.svg") no-repeat;
  height: 32px;
  width: 120px; }

.rgGrid.transactionDetails.trKosNapoved .rgCell.transactionType > div.labelTxt {
  display: none; }

.rgGrid.transactionDetails.trKosNapoved .rgCell.transactionType > div.valueTxt {
  display: none; }

/*************************************************************************************************************/
/* GOL NAPOVED
	/*************************************************************************************************************/
.rgGrid.transactionDetails.trGolNapoved .rgCell.transactionType {
  padding: 5px;
  height: 46px; }

.rgGrid.transactionDetails.trGolNapoved .rgCell.transactionType div.ticketLogo {
  background: url("/_assets/css/iconsSVG/ident/ticket-logos-gol-napoved.svg") no-repeat;
  height: 32px;
  width: 120px; }

.rgGrid.transactionDetails.trGolNapoved .rgCell.transactionType > div.labelTxt {
  display: none; }

.rgGrid.transactionDetails.trGolNapoved .rgCell.transactionType > div.valueTxt {
  display: none; }

/*************************************************************************************************************/
/* CIFRA PLUS
	/*************************************************************************************************************/
.rgGrid.transactionDetails.trCifraPlus .rgCell.transactionType {
  padding: 5px;
  height: 46px; }

.rgGrid.transactionDetails.trCifraPlus .rgCell.transactionType div.ticketLogo {
  background: url("/_assets/css/iconsSVG/ident/ticket-logos-cifra-plus.svg") no-repeat;
  height: 32px;
  width: 120px; }

.rgGrid.transactionDetails.trCifraPlus .rgCell.transactionType > div.labelTxt {
  display: none; }

.rgGrid.transactionDetails.trCifraPlus .rgCell.transactionType > div.valueTxt {
  display: none; }

/*************************************************************************************************************/
/* VIRTUALNI ŠPORTI
	/*************************************************************************************************************/
.rgGrid.transactionDetails.trVirtualSports .rgCell.transactionType {
  padding: 5px;
  height: 46px; }

.rgGrid.transactionDetails.trVirtualSports .rgCell.transactionType div.ticketLogo {
  background: url("/_assets/css/iconsSVG/ident/ticket-logos-virtualni-sporti.svg") no-repeat;
  height: 32px;
  width: 120px; }

.rgGrid.transactionDetails.trVirtualSports .rgCell.transactionType > div.labelTxt {
  display: none; }

.rgGrid.transactionDetails.trVirtualSports .rgCell.transactionType > div.valueTxt {
  display: none; }

/*************************************************************************************************************/
/* E-IGRE
	/*************************************************************************************************************/
.rgGrid.transactionDetails.trEgame .rgCell.transactionType {
  padding: 5px;
  height: 46px; }

.rgGrid.transactionDetails.trEgame .rgCell.transactionType div.ticketLogo {
  background: url("/_assets/css/iconsSVG/ident/ticket-logos-e-igre.svg") no-repeat;
  height: 32px;
  width: 120px; }

.rgGrid.transactionDetails.trEgame .rgCell.transactionType > div.labelTxt {
  display: none; }

.rgGrid.transactionDetails.trEgame .rgCell.transactionType > div.valueTxt {
  display: none; }

.rgGrid.transactionDetails .rgGroup.ticketData {
  /*border-bottom: 1px solid #ffffff;*/
  width: 100%; }

.rgGrid.transactionDetails .rgGroup.winningsData {
  width: 100%; }

/*
	.rgGrid.transactionDetails.trStatusLost .rgGroup.winningsData {
		background: #FFA58C;
	}

	.rgGrid.transactionDetails.trStatusWon .rgGroup.winningsData {
		background: #A5D6A7;
	}

	*/
.rgGrid.transactionDetails.trStatusLost .rgGroup.winningsSummary {
  background: #FFA58C; }

.rgGrid.transactionDetails.trStatusWon .rgGroup.winningsSummary {
  background: #A5D6A7; }

.rgGrid.transactionDetails.trStatusInPlay .rgGroup.winningsSummary {
  background: #FFCE96; }

.rgGrid.transactionDetails.trStatusWon .rgGroup.winningsData .rgCell.transactionWinningsPayoutDate {
  text-align: center; }

.rgGrid.transactionDetails.trStatusWon .rgGroup.winningsData .rgCell.transactionWinningsPayoutStatus div.ticketStatus div.labelTxt {
  text-align: center;
  /*padding: 3px 5px;
		background: #ffffff;
		color: #1B5E20;*/
  color: #1B5E20;
  font-size: 14px;
  font-weight: bold;
  width: 50%;
  margin-right: auto;
  margin-left: auto;
  /*border-radius: 3px;*/ }

.rgGrid.transactionDetails .rgGroup.winningsData {
  content: ' ';
  display: inline-block;
  float: left; }

/*
	.rgGrid.transactionDetails.trStatusInPlay .rgGroup.winningsData {
		background: #FFCC80;
	}
	*/
.rgGrid.transactionDetails .rgGroup.ticketSummary {
  width: 100%;
  float: left; }

.rgGrid.transactionDetails .rgGroup.winningsSummary {
  width: 100%;
  float: left; }

.rgGrid.transactionDetails .rgCell > .labelTxt {
  width: auto;
  float: left;
  display: inline-block;
  font-size: 13px;
  color: #757575; }

.rgGrid.transactionDetails .rgCell > .valueTxt {
  width: auto;
  float: right;
  display: inline-block;
  font-size: 13px; }

.rgGrid.transactionDetails .rgCell.transactionWinningsStatus {
  width: 100%;
  text-align: center;
  height: 23px; }

.rgGrid.transactionDetails.trStatusLost .rgCell.transactionWinningsStatus {
  background: #ED1C24;
  color: #fff; }

.rgGrid.transactionDetails.trStatusWon .rgCell.transactionWinningsStatus {
  background: #1B5E20;
  color: #fff; }

.rgGrid.transactionDetails.trStatusInPlay .rgCell.transactionWinningsStatus {
  background: #f7941d;
  color: #fff; }

.rgGrid.transactionDetails .rgCell.transactionWinningsStatus > .labelTxt {
  width: 100%;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  color: #fff; }

/*
.rgGrid.transactionDetails .rgCell.transactionWinningsVIP > .labelTxt,
.rgGrid.transactionDetails .rgCell.transactionWinningsVIP > .valueTxt {
	font-weight: bold;
}
*/
.rgGrid.transactionDetails .rgCell > .valueTxt > .timeIcn {
  background: url("/_assets/css/iconsSVG/ident/ticket-icons-time.svg") no-repeat;
  display: inline-block;
  width: 13px;
  height: 13px; }

.rgGrid.transactionDetails .rgCell.transactionWinningsPayoutDate > .valueTxt > .timeIcn {
  background: url("/_assets/css/iconsSVG/ident/ticket-icons-time.svg") no-repeat;
  display: inline-block;
  width: 13px;
  height: 13px; }

.labelTxt {
  color: #555555; }

.rgGrid.transactionDetails.trStatusLost .rgGroup.winningsSummary div.ticketStatus div.labelTxt {
  width: 100%;
  text-align: center;
  color: #ED1C24;
  font-size: 13px;
  font-weight: bold; }

.rgGrid.transactionDetails.trStatusWon .rgGroup.winningsSummary div.ticketStatus div.labelTxt {
  width: 100%;
  text-align: center;
  color: #1B5E20;
  font-size: 13px;
  font-weight: bold; }

@media only screen and (max-width: 1080px) {
  /********************************************************************
	PREGLED KONTA - ZA MANJŠI EKRAN
	********************************************************************/
  .rgGrid.kontoTable .headerRow > .rgCell.transactionDateTime {
    min-width: 48px;
    width: auto; }
  .rgGrid.kontoTable .headerRow > .rgCell.transactionData {
    width: auto; }
  .rgGrid.kontoTable .rgGroup.transactionGroup .rgGroup.transactionFunds {
    width: auto;
    min-width: 120px; }
  .rgGrid.kontoTable .headerRow > .rgGroup.transactionFunds {
    width: auto;
    min-width: 120px; }
  .rgGrid.kontoTable .headerRow > .rgGroup.transactionFunds > .rgCell.transactionMinusFunds {
    width: 15%;
    min-width: 60px; }
  .rgGrid.kontoTable .headerRow > .rgGroup.transactionFunds > .rgCell.transactionPlusFunds {
    width: 15%;
    min-width: 60px; }
  .rgGrid.kontoTable .transactionGroup .rgCell.transactionDateTime {
    width: auto;
    min-width: 48px;
    padding: 2px 5px; }
  .rgGrid.kontoTable .transactionGroup .rgCell.transactionData {
    width: 40%;
    padding: 0; }
  .rgGrid.kontoTable .transactionGroup .rgCell.transactionData .rgGroup.recordOptions {
    width: 100% !important;
    float: left !important;
    margin-left: 24px !important; }
  .rgGrid.kontoTable .rgGroup.transactionGroup .rgGroup.transactionFunds {
    width: auto;
    float: right; }
  .rgGrid.kontoTable .transactionGroup .rgGroup.transactionFunds .rgCell.transactionMinusFunds {
    padding: 0px;
    min-width: 60px;
    width: 15%;
    text-align: right; }
  .rgGrid.kontoTable .transactionGroup .rgGroup.transactionFunds .rgCell.transactionPlusFunds {
    padding: 0px;
    min-width: 60px;
    width: 15%;
    text-align: right; }
  .rgButton.action.actionCashOut span.cashoutLabel::before {
    content: ''; }
  .rgGrid.kontoTable .transactionGroup .rgCell.transactionData > .rgGrid .rgGroup.recordOptions {
    float: left;
    width: 100%;
    display: inline-block; }
  .rgGrid.kontoTable .transactionGroup .rgCell.trActionSell {
    position: relative;
    width: auto;
    padding: 0 5px;
    float: left; }
  .rgGrid.kontoTable .transactionGroup .rgCell.trActionDuplicate {
    position: relative;
    width: auto;
    padding: 0 5px;
    float: left; }
  .rgGrid.kontoTable .transactionGroup .rgCell.trActionBonusGame {
    position: relative;
    width: auto;
    padding: 0 5px;
    float: left; }
  /********************************************************************
	PODROBNOSTI LISTKA - ZA MANJŠI EKRAN
	********************************************************************/
  .rgGrid.transactionDetails .rgCell {
    width: 50%;
    padding: 5px;
    display: inline-block; }
  .rgGrid.transactionDetails .rgCell.transactionType {
    width: 50%; }
  .rgGrid.transactionDetails .rgCell.transactionData {
    width: 50%; }
  .rgGrid.transactionDetails .rgCell.ticketData {
    width: 50%; }
  .rgGrid.transactionDetails .rgGroup.winningsData {
    width: 100%; }
  .rgGrid.transactionDetails .rgGroup.winningsData .rgGroup.winningsData1 {
    width: 50%;
    float: left; }
  .rgGrid.transactionDetails .rgGroup.winningsData .rgGroup.winningsData2 {
    width: 50%;
    float: right; } }

/***************************************************************/
/************ OPTION CASHOUT ***********************************
/***************************************************************/
div.optionCashout {
  float: left;
  width: 100%;
  padding: 5px 0px;
  text-align: center; }

div.optionCashout:after {
  content: ' ';
  display: block;
  clear: both; }

div.optionCashout .rgButton.action.actionCashOut {
  background-color: #1B5E20;
  border: 1px solid #1B5E20;
  display: inline-block;
  margin: 0 auto; }

div.optionCashout .rgButton.action.actionCashOut > div.rgButtonContent {
  margin-bottom: 3px; }

div.optionCashout .rgButton.action.actionCashOut span.cashoutLabel {
  font-size: 11px;
  line-height: 11px; }

div.optionCashout .rgButton.action.actionCashOut span.cashoutLabel::before {
  content: 'PREDČASNO IZPLAČILO:'; }

div.optionCashout .rgButton.action.actionCashOut span.cashoutValue {
  margin-left: 5px;
  font-weight: bold;
  font-size: 15px;
  line-height: 15px; }

div.optionCashout .rgButton.action.actionCashOut div.progressContainer {
  background-color: #acacac;
  width: 100%;
  height: 3px;
  margin-bottom: 3px; }

div.optionCashout .rgButton.action.actionCashOut div.progressContainer div.progressBar {
  background-color: #ffffff;
  height: 3px; }
/* ---sys-action-bar-themed--- */
app-action-bar {
  position: absolute;
  z-index: 2;
  left: 0;
  right: 0;
  bottom: 0; }

.action-bar {
  position: fixed;
  z-index: 4;
  left: 0;
  right: 0;
  bottom: 0;
  max-width: calc(var(--page-max-width) - var(--side-width) * 2);
  margin: 0 auto; }
  @media screen and (min-width: 1024px) {
    .action-bar {
      right: var(--side-width); } }
  @media screen and (min-width: 1281px) {
    .action-bar {
      left: var(--side-width); } }

app-action-bar > .action-badges,
.action-bar > .action-badges {
  display: none;
  align-items: center;
  margin: 0.5rem; }
  @media screen and (min-width: 513px) and (max-width: 1280px) {
    app-action-bar > .action-badges,
    .action-bar > .action-badges {
      display: flex; } }
  app-action-bar > .action-badges > .list-badge,
  .action-bar > .action-badges > .list-badge {
    display: none;
    color: var(--badge-list-color);
    background: var(--badge-list-bg);
    width: 3rem;
    height: 3rem;
    line-height: 3rem;
    font-size: 1.25rem;
    border: 1px solid var(--badge-list-border-color);
    border-radius: 50%;
    text-align: center;
    cursor: pointer;
    box-shadow: 0 6px 6px var(--shadow-color-trans-500); }
    @media screen and (max-width: 1280px) {
      app-action-bar > .action-badges > .list-badge,
      .action-bar > .action-badges > .list-badge {
        display: block; } }
  app-action-bar > .action-badges > .ticket-badge,
  .action-bar > .action-badges > .ticket-badge {
    display: none;
    align-items: center;
    justify-content: flex-end;
    margin-left: auto; }
    @media screen and (max-width: 1024px) {
      app-action-bar > .action-badges > .ticket-badge.showTicketBadge,
      .action-bar > .action-badges > .ticket-badge.showTicketBadge {
        display: flex; } }
    app-action-bar > .action-badges > .ticket-badge .badge-floating-data,
    .action-bar > .action-badges > .ticket-badge .badge-floating-data {
      display: none;
      flex-direction: column;
      justify-content: center;
      text-align: left;
      right: 1.25rem;
      min-height: 2.5rem;
      background: var(--badge-ticket-data-bg);
      color: var(--badge-ticket-data-color);
      font-size: 0.72rem;
      padding: 0.1rem;
      padding-right: 1.5rem;
      padding-left: 0.5rem;
      border-radius: var(--border-radius);
      border: 1px solid var(--badge-ticket-data-border-color);
      margin-right: -1rem;
      box-shadow: 0 6px 6px var(--shadow-color-trans-500); }
      app-action-bar > .action-badges > .ticket-badge .badge-floating-data > div span:first-child,
      .action-bar > .action-badges > .ticket-badge .badge-floating-data > div span:first-child {
        flex: 1;
        padding-right: 1rem; }
      app-action-bar > .action-badges > .ticket-badge .badge-floating-data > div span:last-child,
      .action-bar > .action-badges > .ticket-badge .badge-floating-data > div span:last-child {
        font-weight: bold; }
      app-action-bar > .action-badges > .ticket-badge .badge-floating-data.showTicketData,
      .action-bar > .action-badges > .ticket-badge .badge-floating-data.showTicketData {
        display: flex; }
    app-action-bar > .action-badges > .ticket-badge .badge-floating-data div,
    .action-bar > .action-badges > .ticket-badge .badge-floating-data div {
      display: flex;
      white-space: nowrap;
      padding: 0.1rem; }
    app-action-bar > .action-badges > .ticket-badge .badge-floating-icon,
    .action-bar > .action-badges > .ticket-badge .badge-floating-icon {
      position: relative;
      background: var(--badge-list-bg);
      color: var(--badge-list-color);
      height: 3rem;
      width: 3rem;
      line-height: 3rem;
      border: 1px solid var(--badge-list-border-color);
      border-radius: 50%;
      font-size: 1.25rem;
      right: 0;
      text-align: center;
      box-shadow: 0 6px 6px var(--shadow-color-trans-500); }
    app-action-bar > .action-badges > .ticket-badge .badge-icon,
    .action-bar > .action-badges > .ticket-badge .badge-icon {
      position: absolute;
      right: 0;
      top: 0;
      background-color: var(--badge-ticket-bg);
      color: var(--badge-ticket-color);
      border-radius: 50%;
      font-size: 0.5rem;
      width: 1rem;
      height: 1rem;
      display: flex;
      align-items: center;
      justify-content: center; }

app-action-bar > .action-toolbar,
.action-bar > .action-toolbar {
  background: var(--toolbar-bg);
  color: var(--toolbar-color);
  display: flex;
  justify-content: center;
  height: var(--toolbar-height);
  box-shadow: 0 -7px 7px var(--shadow-color-trans-500);
  /*box-shadow: 0 -3px 3px var(--shadow-color-trans-500);*/ }
  app-action-bar > .action-toolbar > .toolbar-button,
  .action-bar > .action-toolbar > .toolbar-button {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0.25rem;
    cursor: pointer;
    flex: 1 1 0;
    width: 0; }
    app-action-bar > .action-toolbar > .toolbar-button > *,
    .action-bar > .action-toolbar > .toolbar-button > * {
      flex: 1; }
    app-action-bar > .action-toolbar > .toolbar-button.hidden,
    .action-bar > .action-toolbar > .toolbar-button.hidden {
      display: none; }
    app-action-bar > .action-toolbar > .toolbar-button i,
    .action-bar > .action-toolbar > .toolbar-button i {
      padding-top: 0.25rem;
      font-size: 1.25rem;
      padding-bottom: 0.25rem; }
    app-action-bar > .action-toolbar > .toolbar-button > div,
    .action-bar > .action-toolbar > .toolbar-button > div {
      padding-bottom: 0.25rem; }
    app-action-bar > .action-toolbar > .toolbar-button > span,
    .action-bar > .action-toolbar > .toolbar-button > span {
      text-align: center;
      font-size: 0.725rem; }
    app-action-bar > .action-toolbar > .toolbar-button.default-button > i:before,
    .action-bar > .action-toolbar > .toolbar-button.default-button > i:before {
      flex: 1;
      font-family: "FontAwesome";
      content: "\f0c9";
      font-weight: bold;
      font-style: normal; }
    app-action-bar > .action-toolbar > .toolbar-button.listek-button > .ticket-badge,
    .action-bar > .action-toolbar > .toolbar-button.listek-button > .ticket-badge {
      position: relative;
      padding-top: 0.25rem; }
      app-action-bar > .action-toolbar > .toolbar-button.listek-button > .ticket-badge > i:before,
      .action-bar > .action-toolbar > .toolbar-button.listek-button > .ticket-badge > i:before {
        flex: 1;
        font-family: "FontAwesome";
        content: "\f15c";
        font-weight: bold;
        font-style: normal; }
      app-action-bar > .action-toolbar > .toolbar-button.listek-button > .ticket-badge .badge-icon,
      .action-bar > .action-toolbar > .toolbar-button.listek-button > .ticket-badge .badge-icon {
        position: absolute;
        top: 0;
        background-color: var(--badge-ticket-bg);
        color: var(--badge-ticket-color);
        border-radius: 50%;
        font-size: 0.85rem;
        width: 1.5rem;
        height: 1.5rem;
        display: none;
        align-items: center;
        justify-content: center;
        margin-left: 0.5rem;
        margin-top: -0.25rem; }
      app-action-bar > .action-toolbar > .toolbar-button.listek-button > .ticket-badge.showTicketBadge .badge-icon,
      .action-bar > .action-toolbar > .toolbar-button.listek-button > .ticket-badge.showTicketBadge .badge-icon {
        display: flex; }

.action-bar {
  pointer-events: none; }
  .action-bar > .action-ticket {
    pointer-events: all; }
    .action-bar > .action-ticket > .wrap {
      background: #ff0000; }

.lista-cover {
  display: none; }

#divScrollTop {
  position: absolute;
  top: -3.5rem;
  right: 0.5rem;
  width: 3rem;
  height: 3rem;
  background-color: var(--cgp-yellow);
  color: var(--text-color);
  border-radius: 50%;
  line-height: 3rem;
  text-align: center;
  font-size: 1.25rem;
  display: none;
  cursor: pointer; }
  @media screen and (max-width: 512px) {
    #divScrollTop.visible {
      display: block; } }

@media screen and (max-width: 512px) {
  .lista-visible-mobile .lista-povezav {
    position: fixed;
    left: 0rem;
    right: 0rem;
    bottom: var(--toolbar-height);
    margin-bottom: 0;
    background: var(--toolbar-bg) !important;
    z-index: 10;
    box-shadow: 0 -5px 5px var(--shadow-color-trans-200);
    font-size: 1rem;
    padding: 1rem; }
    .lista-visible-mobile .lista-povezav .li {
      padding: 0.5rem 0; }
      .lista-visible-mobile .lista-povezav .li 2
.ul .li {
        padding: 0.5rem 0; }
  .lista-visible-mobile .category {
    position: fixed;
    left: 0;
    right: 0;
    bottom: var(--toolbar-height);
    margin-bottom: 0;
    background: var(--toolbar-bg);
    z-index: 10; }
  .lista-cover.active {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: var(--toolbar-height);
    z-index: 9;
    background: var(--text-color-trans-800); }
  app-action-bar > .action-toolbar,
  .action-bar > .action-toolbar {
    box-shadow: 0 -3px 3px var(--shadow-color-trans-500); } }
/* ---stave-header-images--- */
.header-sport-001 {
    background-image: url(/_assets/images/sports/trans/small/WEBP/header-bg-001.webp) !important;
    background-repeat: no-repeat;
    background-size: contain;
  }
  
  .header-sport-002 {
    background-image: url(/_assets/images/sports/trans/small/WEBP/header-bg-002.webp) !important;
    background-repeat: no-repeat;
    background-size: contain;
  }
  
  .header-sport-003 {
    background-image: url(/_assets/images/sports/trans/small/WEBP/header-bg-003.webp) !important;
    background-repeat: no-repeat;
    background-size: contain;
  }
  
  .header-sport-004 {
    background-image: url(/_assets/images/sports/trans/small/WEBP/header-bg-004.webp) !important;
    background-repeat: no-repeat;
    background-size: contain;
  }
  
  .header-sport-005 {
    background-image: url(/_assets/images/sports/trans/small/WEBP/header-bg-005.webp) !important;
    background-repeat: no-repeat;
    background-size: contain;
  }
  
  .header-sport-006 {
    background-image: url(/_assets/images/sports/trans/small/WEBP/header-bg-006.webp) !important;
    background-repeat: no-repeat;
    background-size: contain;
  }
  
  .header-sport-007 {
    background-image: url(/_assets/images/sports/trans/small/WEBP/header-bg-007.webp) !important;
    background-repeat: no-repeat;
    background-size: contain;
  }
  
  .header-sport-008 {
    background-image: url(/_assets/images/sports/trans/small/WEBP/header-bg-008.webp) !important;
    background-repeat: no-repeat;
    background-size: contain;
  }
  
  .header-sport-009 {
    background-image: url(/_assets/images/sports/trans/small/WEBP/header-bg-009.webp) !important;
    background-repeat: no-repeat;
    background-size: contain;
  }
  
  .header-sport-010 {
    background-image: url(/_assets/images/sports/trans/small/WEBP/header-bg-010.webp) !important;
    background-repeat: no-repeat;
    background-size: contain;
  }
  
  .header-sport-011 {
    background-image: url(/_assets/images/sports/trans/small/WEBP/header-bg-011.webp) !important;
    background-repeat: no-repeat;
    background-size: contain;
  }
  
  .header-sport-012 {
    background-image: url(/_assets/images/sports/trans/small/WEBP/header-bg-012.webp) !important;
    background-repeat: no-repeat;
    background-size: contain;
  }
  
  .header-sport-013 {
    background-image: url(/_assets/images/sports/trans/small/WEBP/header-bg-013.webp) !important;
    background-repeat: no-repeat;
    background-size: contain;
  }
  
  .header-sport-014 {
    background-image: url(/_assets/images/sports/trans/small/WEBP/header-bg-014.webp) !important;
    background-repeat: no-repeat;
    background-size: contain;
  }
  
  .header-sport-015 {
    background-image: url(/_assets/images/sports/trans/small/WEBP/header-bg-015.webp) !important;
    background-repeat: no-repeat;
    background-size: contain;
  }
  
  .header-sport-016 {
    background-image: url(/_assets/images/sports/trans/small/WEBP/header-bg-016.webp) !important;
    background-repeat: no-repeat;
    background-size: contain;
  }
  
  .header-sport-017 {
    background-image: url(/_assets/images/sports/trans/small/WEBP/header-bg-017.webp) !important;
    background-repeat: no-repeat;
    background-size: contain;
  }
  
  .header-sport-018 {
    background-image: url(/_assets/images/sports/trans/small/WEBP/header-bg-018.webp) !important;
    background-repeat: no-repeat;
    background-size: contain;
  }
  
  .header-sport-019 {
    background-image: url(/_assets/images/sports/trans/small/WEBP/header-bg-019.webp) !important;
    background-repeat: no-repeat;
    background-size: contain;
  }
  
  .header-sport-020 {
    background-image: url(/_assets/images/sports/trans/small/WEBP/header-bg-020.webp) !important;
    background-repeat: no-repeat;
    background-size: contain;
  }
  
  .header-sport-021 {
    background-image: url(/_assets/images/sports/trans/small/WEBP/header-bg-021.webp) !important;
    background-repeat: no-repeat;
    background-size: contain;
  }
  
  .header-sport-022 {
    background-image: url(/_assets/images/sports/trans/small/WEBP/header-bg-022.webp) !important;
    background-repeat: no-repeat;
    background-size: contain;
  }
  
  .header-sport-023 {
    background-image: url(/_assets/images/sports/trans/small/WEBP/header-bg-023.webp) !important;
    background-repeat: no-repeat;
    background-size: contain;
  }
  
  .header-sport-024 {
    background-image: url(/_assets/images/sports/trans/small/WEBP/header-bg-024.webp) !important;
    background-repeat: no-repeat;
    background-size: contain;
  }
  
  .header-sport-025 {
    background-image: url(/_assets/images/sports/trans/small/WEBP/header-bg-025.webp) !important;
    background-repeat: no-repeat;
    background-size: contain;
  }
  
  .header-sport-026 {
    background-image: url(/_assets/images/sports/trans/small/WEBP/header-bg-026.webp) !important;
    background-repeat: no-repeat;
    background-size: contain;
  }
  
  .header-sport-027 {
    background-image: url(/_assets/images/sports/trans/small/WEBP/header-bg-027.webp) !important;
    background-repeat: no-repeat;
    background-size: contain;
  }
  
  .header-sport-028 {
    background-image: url(/_assets/images/sports/trans/small/WEBP/header-bg-028.webp) !important;
    background-repeat: no-repeat;
    background-size: contain;
  }
  
  .header-sport-029 {
    background-image: url(/_assets/images/sports/trans/small/WEBP/header-bg-029.webp) !important;
    background-repeat: no-repeat;
    background-size: contain;
  }
  
  .header-sport-030 {
    background-image: url(/_assets/images/sports/trans/small/WEBP/header-bg-030.webp) !important;
    background-repeat: no-repeat;
    background-size: contain;
  }
  
  .header-sport-031 {
    background-image: url(/_assets/images/sports/trans/small/WEBP/header-bg-031.webp) !important;
    background-repeat: no-repeat;
    background-size: contain;
  }
  
  .header-sport-032 {
    background-image: url(/_assets/images/sports/trans/small/WEBP/header-bg-032.webp) !important;
    background-repeat: no-repeat;
    background-size: contain;
  }
  
  .header-sport-033 {
    background-image: url(/_assets/images/sports/trans/small/WEBP/header-bg-033.webp) !important;
    background-repeat: no-repeat;
    background-size: contain;
  }
  
  .header-sport-034 {
    background-image: url(/_assets/images/sports/trans/small/WEBP/header-bg-034.webp) !important;
    background-repeat: no-repeat;
    background-size: contain;
  }
  
  .header-sport-035 {
    background-image: url(/_assets/images/sports/trans/small/WEBP/header-bg-035.webp) !important;
    background-repeat: no-repeat;
    background-size: contain;
  }
  
  .header-sport-036 {
    background-image: url(/_assets/images/sports/trans/small/WEBP/header-bg-036.webp) !important;
    background-repeat: no-repeat;
    background-size: contain;
  }
  
  .header-sport-037 {
    background-image: url(/_assets/images/sports/trans/small/WEBP/header-bg-037.webp) !important;
    background-repeat: no-repeat;
    background-size: contain;
  }
  
  .header-sport-038 {
    background-image: url(/_assets/images/sports/trans/small/WEBP/header-bg-038.webp) !important;
    background-repeat: no-repeat;
    background-size: contain;
  }
  
  .header-sport-039 {
    background-image: url(/_assets/images/sports/trans/small/WEBP/header-bg-039.webp) !important;
    background-repeat: no-repeat;
    background-size: contain;
  }
  
  .header-sport-040 {
    background-image: url(/_assets/images/sports/trans/small/WEBP/header-bg-040.webp) !important;
    background-repeat: no-repeat;
    background-size: contain;
  }
  
  .header-sport-041 {
    background-image: url(/_assets/images/sports/trans/small/WEBP/header-bg-041.webp) !important;
    background-repeat: no-repeat;
    background-size: contain;
  }
  
  .header-sport-042 {
    background-image: url(/_assets/images/sports/trans/small/WEBP/header-bg-042.webp) !important;
    background-repeat: no-repeat;
    background-size: contain;
  }
  
  .header-sport-043 {
    background-image: url(/_assets/images/sports/trans/small/WEBP/header-bg-043.webp) !important;
    background-repeat: no-repeat;
    background-size: contain;
  }
  
  .header-sport-044 {
    background-image: url(/_assets/images/sports/trans/small/WEBP/header-bg-044.webp) !important;
    background-repeat: no-repeat;
    background-size: contain;
  }
  
  .header-sport-045 {
    background-image: url(/_assets/images/sports/trans/small/WEBP/header-bg-045.webp) !important;
    background-repeat: no-repeat;
    background-size: contain;
  }
  
  .header-sport-046 {
    background-image: url(/_assets/images/sports/trans/small/WEBP/header-bg-046.webp) !important;
    background-repeat: no-repeat;
    background-size: contain;
  }
  
  .header-sport-047 {
    background-image: url(/_assets/images/sports/trans/small/WEBP/header-bg-047.webp) !important;
    background-repeat: no-repeat;
    background-size: contain;
  }
  
  .header-sport-048 {
    background-image: url(/_assets/images/sports/trans/small/WEBP/header-bg-048.webp) !important;
    background-repeat: no-repeat;
    background-size: contain;
  }
  
  .header-sport-049 {
    background-image: url(/_assets/images/sports/trans/small/WEBP/header-bg-049.webp) !important;
    background-repeat: no-repeat;
    background-size: contain;
  }
  
  .header-sport-050 {
    background-image: url(/_assets/images/sports/trans/small/WEBP/header-bg-050.webp) !important;
    background-repeat: no-repeat;
    background-size: contain;
  }
  
  .header-sport-051 {
      background-image: url(/_assets/images/sports/trans/small/WEBP/header-bg-051.webp) !important;
      background-repeat: no-repeat;
      background-size: contain;
  }
  
  .header-sport-052 {
      background-image: url(/_assets/images/sports/trans/small/WEBP/header-bg-052.webp) !important;
      background-repeat: no-repeat;
      background-size: contain;
  }

  .header-sport-053 {
    background-image: url(/_assets/images/sports/trans/small/WEBP/header-bg-053.webp) !important;
    background-repeat: no-repeat;
    background-size: contain;
  }
  
  .header-sport-055 {
      background-image: url(/_assets/images/sports/trans/small/WEBP/header-bg-055.webp) !important;
      background-repeat: no-repeat;
      background-size: contain;
  }
  
  
  
  
  /* BET DETAILS - LARGE IMAGE*/
  
  app-stave-detail>.inner>.bars.bg001 {
    background-image: url(/_assets/images/sports/trans/large/WEBP/header-bg-001.webp) !important;
    background-repeat: no-repeat;
    background-size: contain;
  }
  
  app-stave-detail>.inner>.bars.bg002 {
    background-image: url(/_assets/images/sports/trans/large/WEBP/header-bg-002.webp) !important;
    background-repeat: no-repeat;
    background-size: contain;
  }
  
  app-stave-detail>.inner>.bars.bg003 {
    background-image: url(/_assets/images/sports/trans/large/WEBP/header-bg-003.webp) !important;
    background-repeat: no-repeat;
    background-size: contain;
  }
  
  app-stave-detail>.inner>.bars.bg004 {
    background-image: url(/_assets/images/sports/trans/large/WEBP/header-bg-004.webp) !important;
    background-repeat: no-repeat;
    background-size: contain;
  }
  
  app-stave-detail>.inner>.bars.bg005 {
    background-image: url(/_assets/images/sports/trans/large/WEBP/header-bg-005.webp) !important;
    background-repeat: no-repeat;
    background-size: contain;
  }
  
  app-stave-detail>.inner>.bars.bg006 {
    background-image: url(/_assets/images/sports/trans/large/WEBP/header-bg-006.webp) !important;
    background-repeat: no-repeat;
    background-size: contain;
  }
  
  app-stave-detail>.inner>.bars.bg007 {
    background-image: url(/_assets/images/sports/trans/large/WEBP/header-bg-007.webp) !important;
    background-repeat: no-repeat;
    background-size: contain;
  }
  
  app-stave-detail>.inner>.bars.bg008 {
    background-image: url(/_assets/images/sports/trans/large/WEBP/header-bg-008.webp) !important;
    background-repeat: no-repeat;
    background-size: contain;
  }
  
  app-stave-detail>.inner>.bars.bg009 {
    background-image: url(/_assets/images/sports/trans/large/WEBP/header-bg-009.webp) !important;
    background-repeat: no-repeat;
    background-size: contain;
  }
  
  app-stave-detail>.inner>.bars.bg010 {
    background-image: url(/_assets/images/sports/trans/large/WEBP/header-bg-010.webp) !important;
    background-repeat: no-repeat;
    background-size: contain;
  }
  
  app-stave-detail>.inner>.bars.bg011 {
    background-image: url(/_assets/images/sports/trans/large/WEBP/header-bg-011.webp) !important;
    background-repeat: no-repeat;
    background-size: contain;
  }
  
  app-stave-detail>.inner>.bars.bg012 {
    background-image: url(/_assets/images/sports/trans/large/WEBP/header-bg-012.webp) !important;
    background-repeat: no-repeat;
    background-size: contain;
  }
  
  app-stave-detail>.inner>.bars.bg013 {
    background-image: url(/_assets/images/sports/trans/large/WEBP/header-bg-013.webp) !important;
    background-repeat: no-repeat;
    background-size: contain;
  }
  
  app-stave-detail>.inner>.bars.bg014 {
    background-image: url(/_assets/images/sports/trans/large/WEBP/header-bg-014.webp) !important;
    background-repeat: no-repeat;
    background-size: contain;
  }
  
  app-stave-detail>.inner>.bars.bg015 {
    background-image: url(/_assets/images/sports/trans/large/WEBP/header-bg-015.webp) !important;
    background-repeat: no-repeat;
    background-size: contain;
  }
  
  app-stave-detail>.inner>.bars.bg016 {
    background-image: url(/_assets/images/sports/trans/large/WEBP/header-bg-016.webp) !important;
    background-repeat: no-repeat;
    background-size: contain;
  }
  
  app-stave-detail>.inner>.bars.bg017 {
    background-image: url(/_assets/images/sports/trans/large/WEBP/header-bg-017.webp) !important;
    background-repeat: no-repeat;
    background-size: contain;
  }
  
  app-stave-detail>.inner>.bars.bg018 {
    background-image: url(/_assets/images/sports/trans/large/WEBP/header-bg-018.webp) !important;
    background-repeat: no-repeat;
    background-size: contain;
  }
  
  app-stave-detail>.inner>.bars.bg019 {
    background-image: url(/_assets/images/sports/trans/large/WEBP/header-bg-019.webp) !important;
    background-repeat: no-repeat;
    background-size: contain;
  }
  
  app-stave-detail>.inner>.bars.bg020 {
    background-image: url(/_assets/images/sports/trans/large/WEBP/header-bg-020.webp) !important;
    background-repeat: no-repeat;
    background-size: contain;
  }
  
  app-stave-detail>.inner>.bars.bg021 {
    background-image: url(/_assets/images/sports/trans/large/WEBP/header-bg-021.webp) !important;
    background-repeat: no-repeat;
    background-size: contain;
  }
  
  app-stave-detail>.inner>.bars.bg022 {
    background-image: url(/_assets/images/sports/trans/large/WEBP/header-bg-022.webp) !important;
    background-repeat: no-repeat;
    background-size: contain;
  }
  
  app-stave-detail>.inner>.bars.bg023 {
    background-image: url(/_assets/images/sports/trans/large/WEBP/header-bg-023.webp) !important;
    background-repeat: no-repeat;
    background-size: contain;
  }
  
  app-stave-detail>.inner>.bars.bg024 {
    background-image: url(/_assets/images/sports/trans/large/WEBP/header-bg-024.webp) !important;
    background-repeat: no-repeat;
    background-size: contain;
  }
  
  app-stave-detail>.inner>.bars.bg025 {
    background-image: url(/_assets/images/sports/trans/large/WEBP/header-bg-025.webp) !important;
    background-repeat: no-repeat;
    background-size: contain;
  }
  
  app-stave-detail>.inner>.bars.bg026 {
    background-image: url(/_assets/images/sports/trans/large/WEBP/header-bg-026.webp) !important;
    background-repeat: no-repeat;
    background-size: contain;
  }
  
  app-stave-detail>.inner>.bars.bg027 {
    background-image: url(/_assets/images/sports/trans/large/WEBP/header-bg-027.webp) !important;
    background-repeat: no-repeat;
    background-size: contain;
  }
  
  app-stave-detail>.inner>.bars.bg028 {
    background-image: url(/_assets/images/sports/trans/large/WEBP/header-bg-028.webp) !important;
    background-repeat: no-repeat;
    background-size: contain;
  }
  
  app-stave-detail>.inner>.bars.bg029 {
    background-image: url(/_assets/images/sports/trans/large/WEBP/header-bg-029.webp) !important;
    background-repeat: no-repeat;
    background-size: contain;
  }
  
  app-stave-detail>.inner>.bars.bg030 {
    background-image: url(/_assets/images/sports/trans/large/WEBP/header-bg-030.webp) !important;
    background-repeat: no-repeat;
    background-size: contain;
  }
  
  app-stave-detail>.inner>.bars.bg031 {
    background-image: url(/_assets/images/sports/trans/large/WEBP/header-bg-031.webp) !important;
    background-repeat: no-repeat;
    background-size: contain;
  }
  
  app-stave-detail>.inner>.bars.bg032 {
    background-image: url(/_assets/images/sports/trans/large/WEBP/header-bg-032.webp) !important;
    background-repeat: no-repeat;
    background-size: contain;
  }
  
  app-stave-detail>.inner>.bars.bg033 {
    background-image: url(/_assets/images/sports/trans/large/WEBP/header-bg-033.webp) !important;
    background-repeat: no-repeat;
    background-size: contain;
  }
  
  app-stave-detail>.inner>.bars.bg034 {
    background-image: url(/_assets/images/sports/trans/large/WEBP/header-bg-034.webp) !important;
    background-repeat: no-repeat;
    background-size: contain;
  }
  
  app-stave-detail>.inner>.bars.bg035 {
    background-image: url(/_assets/images/sports/trans/large/WEBP/header-bg-035.webp) !important;
    background-repeat: no-repeat;
    background-size: contain;
  }
  
  app-stave-detail>.inner>.bars.bg036 {
    background-image: url(/_assets/images/sports/trans/large/WEBP/header-bg-036.webp) !important;
    background-repeat: no-repeat;
    background-size: contain;
  }
  
  app-stave-detail>.inner>.bars.bg037 {
    background-image: url(/_assets/images/sports/trans/large/WEBP/header-bg-037.webp) !important;
    background-repeat: no-repeat;
    background-size: contain;
  }
  
  app-stave-detail>.inner>.bars.bg038 {
    background-image: url(/_assets/images/sports/trans/large/WEBP/header-bg-038.webp) !important;
    background-repeat: no-repeat;
    background-size: contain;
  }
  
  app-stave-detail>.inner>.bars.bg039 {
    background-image: url(/_assets/images/sports/trans/large/WEBP/header-bg-039.webp) !important;
    background-repeat: no-repeat;
    background-size: contain;
  }
  
  app-stave-detail>.inner>.bars.bg040 {
    background-image: url(/_assets/images/sports/trans/large/WEBP/header-bg-040.webp) !important;
    background-repeat: no-repeat;
    background-size: contain;
  }
  
  app-stave-detail>.inner>.bars.bg041 {
    background-image: url(/_assets/images/sports/trans/large/WEBP/header-bg-041.webp) !important;
    background-repeat: no-repeat;
    background-size: contain;
  }
  
  app-stave-detail>.inner>.bars.bg042 {
    background-image: url(/_assets/images/sports/trans/large/WEBP/header-bg-042.webp) !important;
    background-repeat: no-repeat;
    background-size: contain;
  }
  
  app-stave-detail>.inner>.bars.bg043 {
    background-image: url(/_assets/images/sports/trans/large/WEBP/header-bg-043.webp) !important;
    background-repeat: no-repeat;
    background-size: contain;
  }
  
  app-stave-detail>.inner>.bars.bg043 {
    background-image: url(/_assets/images/sports/trans/large/WEBP/header-bg-043.webp) !important;
    background-repeat: no-repeat;
    background-size: contain;
  }
  
  app-stave-detail>.inner>.bars.bg044 {
    background-image: url(/_assets/images/sports/trans/large/WEBP/header-bg-044.webp) !important;
    background-repeat: no-repeat;
    background-size: contain;
  }
  
  app-stave-detail>.inner>.bars.bg045 {
    background-image: url(/_assets/images/sports/trans/large/WEBP/header-bg-045.webp) !important;
    background-repeat: no-repeat;
    background-size: contain;
  }
  
  app-stave-detail>.inner>.bars.bg046 {
    background-image: url(/_assets/images/sports/trans/large/WEBP/header-bg-046.webp) !important;
    background-repeat: no-repeat;
    background-size: contain;
  }
  
  app-stave-detail>.inner>.bars.bg047 {
    background-image: url(/_assets/images/sports/trans/large/WEBP/header-bg-047.webp) !important;
    background-repeat: no-repeat;
    background-size: contain;
  }
  
  app-stave-detail>.inner>.bars.bg048 {
    background-image: url(/_assets/images/sports/trans/large/WEBP/header-bg-048.webp) !important;
    background-repeat: no-repeat;
    background-size: contain;
  }
  
  app-stave-detail>.inner>.bars.bg049 {
    background-image: url(/_assets/images/sports/trans/large/WEBP/header-bg-049.webp) !important;
    background-repeat: no-repeat;
    background-size: contain;
  }
  
  app-stave-detail>.inner>.bars.bg050 {
    background-image: url(/_assets/images/sports/trans/large/WEBP/header-bg-050.webp) !important;
    background-repeat: no-repeat;
    background-size: contain;
  }
  
  app-stave-detail>.inner>.bars.bg051 {
      background-image: url(/_assets/images/sports/trans/large/WEBP/header-bg-051.webp) !important;
      background-repeat: no-repeat;
      background-size: contain;
  }
  
  app-stave-detail>.inner>.bars.bg052 {
      background-image: url(/_assets/images/sports/trans/large/WEBP/header-bg-052.webp) !important;
      background-repeat: no-repeat;
      background-size: contain;
  }

  app-stave-detail>.inner>.bars.bg053 {
    background-image: url(/_assets/images/sports/trans/large/WEBP/header-bg-053.webp) !important;
    background-repeat: no-repeat;
    background-size: contain;
  }
  
  app-stave-detail>.inner>.bars.bg055 {
      background-image: url(/_assets/images/sports/trans/large/WEBP/header-bg-055.webp) !important;
      background-repeat: no-repeat;
      background-size: contain;
  }
/* ---game-top6-draw-animation--- */
/***********************************************************/
/* LUCKY SIX - PRIKAZ IGRA */
/***********************************************************/

.alignRight {
    text-align: right;
}

.alignLeft {
    text-align: left;
   
}

.inline {
    display: inline-block;
}

.width50{
    width: 50%;
}

.width70{
    width: 70%;
}

.fullWidth{
    width: 100%;
}

.floatLeft{
    float: left;
}

.floatRight{
    float: right;
}


table.L6_infoTable{
    width:100%;
    margin-bottom:10px;
}

.gameColor {
  background: #E0F2F1 !important; 
  margin: 0 auto;
  
}

div#L6_akcije > div:last-child {
    width: 15%;
}

a.L6_LinkButton {
    color: #00796b;
    text-decoration: none;
    font-weight: bold;
    font-size: 0.8em;
    text-transform: uppercase;
    cursor: pointer;
    width: 15%;
}

.CP_smallText {
    vertical-align: middle;
    color: #000000;
    line-height: 0.7em;
    font-size: 0.7em;
    margin: 5px 0;
}


    .CP_smallText.center {
        display: block;
        width: 100%;
        text-align: center;
    }


.menuItemBoxDataName {
    background-color: #009688;
    width: 100%;
    color: #ffffff;
}

    .menuItemBoxDataName h2 {
        padding: 5px 15px;
        font-size: 15px;
        font-weight: bold;
        text-align: center;
    }

.menuItemBox .small {
    font-size: 15px;
    padding-top: 10px;
    text-align: right;
}

.menuItemBox h3 {
    width: 100%;
    font-weight: bold;
    font-size: 25px;
    padding-top: 10px;
    text-align: center;
}


.menuItemBoxData h2 {
    font-weight: bold;
}



div.CP_cPanel {
    width: 100%;
    padding: 0;
    margin: 0;
    background: #E0F2F1;
    display: block;
    /*float: left;*/
    line-height: 1em;
    margin-bottom: 15px;
    padding-bottom: 5px;
    
}

    div.CP_cPanel span.gameSeriesData  {
        float: right;
        background: #ff0000;
    }

    div.CP_cPanel.betTicket  {
        background: #E0E0E0;
        border-bottom: 2px solid #009688;
    }

    div.CP_cPanel.connectTop {
        margin-top: 0px !important;
    }

    div.CP_cPanel.connectBottom{
        margin-bottom: 0px !important;
    }

    div.CP_cPanel div.CP_cPanelHeader {
        /*float: left;*/
        margin: 0 0 0 0;
        padding: 0 0 0 0;
        position: relative;
        width: 100%;
        background: #009688;
        color: #ffffff;
        width: 100%;
    }

    /*
div.CP_cPanel div.CP_cPanelHeader div.cPanelHeaderTXT {
  font-size: 1.125em;
  font-weight: normal;
  padding: 0.425em 0.5em;
  float: left;
}
*/

    div.CP_cPanel div.cPanelHeaderTXT {
        padding: 0;
        width: 100%;
    }

    div.CP_cPanel div.CP_cPanelHeader h1, 
    div.CP_cPanel div.CP_cPanelHeader div.cPanelHeaderTXT h1{
        background: #009688;
        font-size: 16px;
        font-weight: normal;
        padding: 8px 8px;
        /*float: left;*/
        /*width: 100%;*/
    }

    div.CP_cPanel div.CP_cPanelContent {
        display: block;
        /*float: left;*/
        /*background: #FFF;*/
        margin: 8px;
        width: auto;
        /*-webkit-border-radius: 0.25em;
    -moz-border-radius: 0.25em;
    border-radius: 0.25em;*/
    }

/*
div.CP_cPanel div.CP_cPanelHeader h1, div.CP_cPanel div.CP_cPanelHeader div.cPanelHeaderTXT h1 {
  color: #ffffff;
  font-size: 0.875em;
}
*/

hr.CP_splitline {
    border: 1px solid #009688;
}

div.formContent {
    border-bottom: 2px solid #009688;
    padding-bottom: 0.5em;
    margin-bottom: 0.5em;
}

ul.CP_sideMenuList {
    /*float: left;*/
    margin: 0;
    padding: 0;
    border-top: 2px solid #ffffff;
    /*
  -webkit-border-radius: 0 0 0.25em 0.25em;
  -moz-border-radius: 0 0 0.25em 0.25em;
  border-radius: 0 0 0.25em 0.25em;
  */
}

    ul.CP_sideMenuList li {
        width: 100%;
        margin: 0;
        padding: 0;
        /*float: left;*/
        border-bottom: 1px solid #ffffff;
        background: #E0E0E0;
    }

        ul.CP_sideMenuList li.selected a {
            color: #009688;
            background: #E0F2F1;
        }

        ul.CP_sideMenuList li a {
            font-size: 0.875em;
            padding: 0.5em;
            display: block;
            color: #757575;
            text-decoration: none;
        }

        ul.CP_sideMenuList li.selected div.menuItemBoxDataName {
            background: #009688;
        }

        ul.CP_sideMenuList li div.menuItemBoxDataName {
            background: #757575;
        }

.CP_Stat {
    position: absolute;
    top: -0.6em;
    left: -0.6em;
    width: 1.8em;
    height: 1.1em;
    background-color: #B4B4B4;
    text-align: center;
    vertical-align: middle;
    line-height: 1.1em;
    font-size: 12px;
    /*margin: 0.24em;*/
    margin: 0.5em;
    color: #ffffff;
    -webkit-user-select: none; /* Chrome/Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+ */
    /* Rules below not implemented in browsers yet */
    -o-user-select: none;
    user-select: none;
}

    .CP_Stat.min {
        background-color: #B35048;
    }

    .CP_Stat.max {
        background-color: #89B336;
    }

.CP_Cifra {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    border-radius: 50%;
    line-height: 2em;
    margin: 0.26em 0.26em;
    font-size: 21px;
    background-color: #EEEEEE;
    text-align: center;
    vertical-align: middle;
    /*font-weight: bold;*/
    cursor: pointer;
    color: #666666;
    -webkit-user-select: none; /* Chrome/Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+ */
    /* Rules below not implemented in browsers yet */
    -o-user-select: none;
    user-select: none;
}

    .CP_Cifra.min {
        background-color: #F2BBB6;
    }

    .CP_Cifra.max {
        background-color: #D2F291;
    }

    .CP_Cifra:hover {
        background-color: rgb(131, 160, 169);
    }

    .CP_Cifra.selected {
        background-color: #009688;
        color: #ffffff;
    }

.CP_Cifre {
    -webkit-user-select: none; /* Chrome/Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+ */
    /* Rules below not implemented in browsers yet */
    -o-user-select: none;
    user-select: none;
    background-color: #fff;
    /* border-radius: 0.25em; */
    width: 100%;
    display: inline-block;
}

    .CP_Akcije.transparent {
        background: transparent !important;
    }

.CP_buttons {
    display: inline-block;
}

.CP_buttons .CP_button {
    width: 15%;
    
}

.CP_button.small {
    font-size: 9pt !important;
    vertical-align: middle;
    height: auto;
}

.CP_button.small i {
    font-size: 10pt !important;
    vertical-align: middle;
}

/*
.CP_button.fullWidth {
    padding: 0.5em 0em;
    width: 95%;
    text-align: center;
    line-height: 2em;
}
*/

.CP_button.wideBtn {
    padding-left: 2em;
    padding-right: 2em;
}

a.CP_button.transparent {
    background: none;
    /*border: 1px solid #00796B;*/
    color: #00796B;
}

.CP_button {
    background: none;
    border: none;
    text-align: center;
    /*margin: 4px;
    padding: 5px;*/
    font-size: 16px;
    height: 32px;
    text-decoration: none;
    display: inline-block;
    color: #FFFFFF;
    background-color: #00796B;
    border: 1px solid #00796B;
    border-radius: 3px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    box-shadow: 2px 2px 2px #555555;
    line-height: 2em;
}
    
    .CP_button:active {
        box-shadow: none;
    }

div#L6_akcije {
    box-sizing: border-box;
    display: inline-block;
    width: 100%;
    text-align: center;
    padding: 2%;
}

div#L6_akcije .CP_Akcije {
    box-sizing: border-box;
    text-align: center;
    float: right;
    width: 85%;
}

div#L6_akcije .CP_button_div {
    -ms-word-break: break-all;
    word-break: break-all;
    /* Non standard for WebKit */
    word-break: break-word;

    display: block;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    font-size: 0.8em;
}

div#L6_akcije a.CP_button {
    cursor: pointer;
    border: 1px solid #00796B;
    float: right;
    box-sizing: border-box;
    display: block;
    padding: 0;
    margin: 0;
    border: none;
    line-height: 1em;
    vertical-align: middle;
    width: 17%;
    margin-left: 2%;
}

div#L6_akcije .CP_button.transparent {
    border: 1px solid #00796B;
    background: none;
}

.CP_CifraListek, .L6_CifraListek {
    display: inline-block;
    width: 32px;
    height: 32px;
    color: #fff;
    background-color: #BDBDBD;
    /*background-color: #00897B;*/
    border-radius: 16px;
    text-align: center;
    vertical-align: middle;
    line-height: 32px;
    font-size: 16px;
    /*font-weight: bold;*/
    margin: 5px 6px;
    -webkit-user-select: none; /* Chrome/Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+ */
    /* Rules below not implemented in browsers yet */
    -o-user-select: none;
    user-select: none;
}

.CP_CifraListek.win, .L6_CifraListek.win {
    /*background-color: #D2F291 !important;
    color: rgb(74, 69, 69) !important;*/
    background-color: #00897B !important;
    color: #fff !important;
}

.CP_CifraListek.pending, .L6_CifraListek.pending {
    /*background-color: #D2F291 !important;
    color: rgb(74, 69, 69) !important;*/
    background-color: #ffd600 !important;
    color: #000 !important;
}

.CP_CifraListek.komb, .L6_CifraListek.komb {
    background-color: #BDBDBD !important;   
}

.CP_CifraListek.komb.win, .L6_CifraListek.komb.win {
    background-color: #00897B !important; 
    color: #fff !important;      
}

/*rezultati*/
.CP_rezultati > .CP_CifraListek {
    width: 27px;
    height: 27px;
    font-size: 1em;
    line-height: 27px;
}  


.CP_Cifra:hover {
    background-color: #80cbc4;
}



.CP_header {
    font-size: 13px;
    font-weight: bold;
    color: #009688;
}

.CP_table {
    width: 100%;
    background-color: white;
    /*border-radius: 0.5em;*/
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    margin-top: 7px;
}

.CP_table th {
    padding: 5px;
    background-color: #009688;
    font-weight: bold;
    color: #ffffff;
    font-size: 14px;
    font-weight: normal;
}

.CP_table td {
    padding: 5px;
    border-left: 1px solid lightgray;
    /*border-bottom: 1px solid lightgray;*/
    border-bottom: 0px;
    border-top:  1px solid lightgray;
    /* border-radius: 0.25em;*/
    vertical-align: middle;
}
    .CP_table tr:last-child td {
        border-bottom: 1px solid lightgray;
    }

    .CP_table td.left, .CP_table th.left{
        text-align: left;
    }

    .CP_table td.right, .CP_table th.right {
        text-align: right;
    }

    .CP_table td.center, .CP_table th.center{
        text-align: center;
    }

/*detail tabele*/
.CP_table td .CP_table {
    margin-top: 0px;
}

.CP_table td.detailTable {
    padding: 0px;
}

.CP_table tr.subheader th{
    background-color: #757575;
}


.CP_listek_label {
    font-size: 14px;
}

.CP_sis_table {
    width: 100%;
}

    .CP_sis_table td {
        font-size: 14px;
        font-weight: bold;
        padding: 5px;
        vertical-align: middle;
    }

    .CP_sis_table img {
        vertical-align: middle;
    }

.CP_vpl_table {
    width: 100%;
    margin-bottom: 10px;
}

#info_stKomb{
    margin-right: 15px;
}

.CP_vpl_table .vpl_label {
    font-size: 14px;
    text-align: left;
    height: 24px;
    line-height: 14px;
    width: 70%;
}

.CP_vpl_table .vpl_input {
    font-size: 18px;
    text-align: right;
    height: 24px;
    line-height: 24px;
    padding-top: 3px;
}

.CP_vpl_table .vpl_input > input {
    /*width: 50px;
margin-right: 2px;
text-align: right;
padding-right: 2em;
*/
    padding-right: 3px;
    text-align: right;
    font-weight: bold;
    width: 50px;
    border: 0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.CP_vpl_table .vpl_input > select {
    width: 55px;
    margin-right: 10px;
    text-align: right;
    border: 0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.CP_mozniDobitki {
    width: 98%;
    font-size: 14px;
    /*display: block;*/
    margin: 5px;
}

img.CP_help {
    height: 18px;
    vertical-align: middle;
}

.AlRight {
    text-align: right;
}

/***********************************************************/
/* LUCKY SIX HEADER
/***********************************************************/

div.cPanel div.cPanelHeader {
    /*float: left;*/
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    position: relative;
    width: 100%;
    background: #757575;
    color: #ffffff;
    width: 100%;
}

div.cPanel div.cPanelHeaderTXT {
    padding: 0;
    width: 100%;
}

div.cPanel div.cPanelHeader h1,
div.cPanel div.cPanelHeader div.cPanelHeaderTXT h1 {
    /*background: #757575;*/
    font-size: 18px;
    font-weight: normal;
    padding: 8px 8px;
    /*float: left;*/
    width: 100%;
}

#CP_header {
    background: #009688;
}
/**********************************/
/*            LUCKY6              */
/**********************************/
/*
div.formContent {
    border-bottom: 1px solid #009688;
}

.CP_sideMenuList {
    width: 100%;
}

ul.CP_sideMenuList li.selected a {
    background: #B2DFDB;
    color: #009688;
}

ul.CP_sideMenuList li.selected div.menuItemBoxDataName {
    background: #009688;
}

#CP_header {
    background: #009688;
}

.CP_header {
    color: #009688;
}

.CP_Cifra.selected {
    background: #009688;
}

.CP_button, .CP_CifraListek {
    background: #009688;
}

    .CP_button:hover {
        background: #E0F2F1 !important;
    }

.CP_CifraListek {
    width: 24px;
    height: 24px;
    line-height: 24px;
    margin: 2px;
    font-size: 0.85em;
}
    */
.L6_Anim_Sporocilo {
    text-align: center;
    padding: 50px 0 50px 0;
    font-size: 2em;
}

.L6_Anim {
    color: #ffffff;
    background: #ffffff;
    margin-top: 112px;
}

.L6_Glava_Wrap {
    padding: 12px 10px;
    background: #009688;
}

.L6_Glava {
    display: table;
    width: 100%;
}

.L6_Glava_Levo {
    display: none;
    text-align: left;
}

.L6_Glava_Desno {
    display: table-cell;
    width: 100%;
    text-align: center;
    vertical-align: middle;
    font-size: 2em;
}

.L6_Vsebina {
    padding: 0;
    position: relative;
    width: 100%;
    height: auto;
    margin: 0 auto;
}

.L6_LoadingOverlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #FBC02D;
    text-align: center;
    padding-top: 100px;
    color: #000000;
}

.L6_Vsebina_Okvir {
    display: table;
    width: 100%;
}

.L6_Okvir_Levo {
    display: table-cell;
    width: 50%;
    background: #FBC02D;
}

.L6_Okvir_Levo_Zgoraj {
    padding-top: 5px;
    display: table;
    width: 100%;
}

.L6_Izzrebana_Wrap {
    display: table-cell;
    width: 20%;
    text-align: center;
    vertical-align: middle;
    padding: 2px;
}

.L6_Izzrebana {
    border: 6px solid #BDBDBD;
    background: #BDBDBD;
    -webkit-border-radius: 100% 100%;
    -moz-border-radius: 100% 100%;
    border-radius: 100% 100%;
    border: 6px solid #BDBDBD;
}

.L6_Izzrebano {
    border-color: #4DB6AC;
    background: #ffffff;
}

.L6_Izzrebana_Inner_Wrap {
    display: table;
    width: 100%;
    height: 100%;
}

.L6_Izzrebana_Inner {
    display: table-cell;
    vertical-align: middle;
    color: #004D40;
    font-weight: bold;
    font-size: 1.1em;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}

.L6_Okvir_Desno {
    display: table-cell;
    background: #FFFFFF;
}

.L6_Okvir_Desno_Vrstica {
    display: table;
    width: 100%;
}



.L6_Kvota {
    font-size: 0.75em;
    color: #757575;
    padding: 3px 0 5px 0;
}

.L6_Okvir_Levo_Spodaj canvas {
    width: 100%;
    margin: 0;
    padding: 0;
}

.L6_Kvota_Senca {
    background: #DCA928;
    border: 1px solid #DCA928;
    height: 100%;
    border-bottom-left-radius: 100% 100%;
    border-bottom-right-radius: 100% 100%;
    border-top-left-radius: 100% 100%;
    border-top-right-radius: 100% 100%;
}

#L6_akcije .L6_akcije_top a {
    display: block;
    white-space: nowrap;
    padding: 7px;
    text-decoration: none;
    font-weight: bold;
    color: #00695C;
}

    #L6_akcije .L6_akcije_top a:hover {
        color: #ffffff;
        background: #00796B;
    }

#L6_akcije .L6_akcije_middle hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #009688;
    margin: 0.25em 0;
    padding: 0.25em 0;
}

#L6_akcije .L6_akcije_bottom {
    text-align: right;
}

    #L6_akcije .L6_akcije_bottom a {
        background: #00796B;
        color: #ffffff;
        padding: 7px;
        border: 1px solid #00796B;
        border-radius: 2px;
        text-decoration: none;
    }

.L6_Listek_Vrstica {
    display: table;
    width: 100%;
    border-bottom: 1px solid #9E9E9E;
    padding-top: 2px;
    padding-bottom: 2px;
}

    .L6_VplacaneKombinacijeKrog > .L6_Listek_Vrstica:nth-last-child(2){
        padding-bottom: 0;
        border-bottom: none;
    }

    #CP_Listek_cifre > .L6_Listek_Vrstica:last-child{
        padding-bottom: 0;
        border-bottom: none;
    }

.L6_Listek_Vrstica_Index {
    display: table-cell;
    vertical-align: middle;
    text-align: right;
    color: #9E9E9E;
    padding: 0 5px;
    width: 10%;

}

.L6_Listek_Vrstica_Cifre {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

    .L6_Listek_Vrstica_Cifre .CP_CifraListek {
        width: 21px;
        height: 21px;
        line-height: 21px;
        margin: 2px;
        font-size: 16px;
    }

.L6_Listek_Vrstica_Remove {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding: 0 5px;
    color: #9E9E9E;
}

    .L6_Listek_Vrstica_Remove i {
        padding: 3px;
    }

        .L6_Listek_Vrstica_Remove i:hover {
            cursor: pointer;
        }

.CP_CifraListek.small{
    width: 20px;
    height: 20px;
    line-height: 20px;
    border-radius: 10px;
    font-size: 0.8em;
    margin: 1px;
}

.L6_Vpl .CP_CifraListek {
    width: 30px;
    height: 30px;
    line-height: 30px;
    /*margin: 2px 1px;
    font-size: 0.7em;*/
}

.L6_VplNaslov {
    font-size: 0.7em;
    /* padding-bottom: 10px; */
    margin-left: 1em;
}

.L6_VplNaslov span:first-child {
    color: #00796B;
    font-weight: bold;
}

.L6_Listek_Vrstica_Dobitek {    
    text-align: center;
    font-size: 0.7em;
    width: 50px;
    float: right;
}

.L6_kombSum{
    font-size: 0.7em;
    padding-left: 1em;
    margin-top: 4px;
}

.L6_kombSum .label {
    color: #00796B;
    font-weight: bold;
}

.L6_kombSumLeft {
    display: inline;
}

.L6_kombSumRight {
    float: right;
    display: inline;
    margin-right: 15px;
}

.CP_Statistika i {
    color: #009688;
}

.CP_Statistika span {
    font-size: 0.8em;
}



/*FUNCTIONS*/
/*MIXINS*/
div.messagePanel {
  display: block;
  border: 1px solid #000000;
  background: #ff0000;
  vertical-align: text-top;
  margin: 0.5em;
}

div.messagePanel div.messagePanelIcon {
  /*float: left;*/
  width: 1em;
  height: 1em;
  text-align: center;
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  font-size: 2em;
  line-height: 1.25em;
  padding: 0.125em;
}

div.messagePanel div.messagePanelContent {
  padding: 1em;
  font-size: 0.925em;
}

div.messagePanel div.messagePanelContent span.messageType {
  font-weight: bold;
}

/* INFO */
div.messagePanel.info {
  color: black;
  border: 3px solid #0063e4;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-color: #7eb6ff;
  /*
  background-image: -webkit-gradient(linear, left top, left bottom, from(#b1d3ff), to(#7eb6ff));
  background-image: -webkit-linear-gradient(top, #b1d3ff, #7eb6ff);
  background-image: -moz-linear-gradient(top, #b1d3ff, #7eb6ff);
  background-image: -ms-linear-gradient(top, #b1d3ff, #7eb6ff);
  background-image: -o-linear-gradient(top, #b1d3ff, #7eb6ff);
  background-image: linear-gradient(to bottom, #b1d3ff, #7eb6ff);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFB1D3FF', endColorstr='#FF7EB6FF', GradientType=0);
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFB1D3FF', endColorstr='#FF7EB6FF', GradientType=0);
  */
}

div.messagePanel.info div.messagePanelIcon:before {
  content: "\f05a";
  color: #0063e4;
}

div.messagePanel.info div.messagePanelContent {
  color: black;
}

div.messagePanel.info.solidWhite {
  background: #ffffff;
  color: #0063e4;
}

div.messagePanel.info.solidWhite span {
  color: #0063e4;
}

/* WARNING */
div.messagePanel.warning {
  color: black;
  border: 3px solid #ff9900;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-color: #ffd699;
  /*
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffebcc), to(#ffd699));
  background-image: -webkit-linear-gradient(top, #ffebcc, #ffd699);
  background-image: -moz-linear-gradient(top, #ffebcc, #ffd699);
  background-image: -ms-linear-gradient(top, #ffebcc, #ffd699);
  background-image: -o-linear-gradient(top, #ffebcc, #ffd699);
  background-image: linear-gradient(to bottom, #ffebcc, #ffd699);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFEBCC', endColorstr='#FFFFD699', GradientType=0);
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFEBCC', endColorstr='#FFFFD699', GradientType=0);
  */
}

div.messagePanel.warning div.messagePanelIcon:before {
  content: "\f06a";
  color: #ff9900;
}

div.messagePanel.warning div.messagePanelContent {
  color: black;
}

div.messagePanel.warning.solidWhite {
  background: #ffffff;
  color: #ff9900;
}

div.messagePanel.warning.solidWhite span {
  color: #ff9900;
}

/* ERROR */
div.messagePanel.error {
  color: black;
  border: 3px solid red;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-color: #ff9999;
  /*
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffcccc), to(#ff9999));
  background-image: -webkit-linear-gradient(top, #ffcccc, #ff9999);
  background-image: -moz-linear-gradient(top, #ffcccc, #ff9999);
  background-image: -ms-linear-gradient(top, #ffcccc, #ff9999);
  background-image: -o-linear-gradient(top, #ffcccc, #ff9999);
  background-image: linear-gradient(to bottom, #ffcccc, #ff9999);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFCCCC', endColorstr='#FFFF9999', GradientType=0);
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFCCCC', endColorstr='#FFFF9999', GradientType=0);
  */
}

div.messagePanel.error div.messagePanelIcon:before {
  content: "\f057";
  color: red;
}

div.messagePanel.error div.messagePanelContent {
  color: black;
}

div.messagePanel.error.solidWhite {
  background: #ffffff;
  color: red;
}

div.messagePanel.error.solidWhite span {
  color: red;
}

/* SUCCESS */
div.messagePanel.success {
  color: black;
  border: 3px solid #80d400;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-color: #c6ff6e;
  /*
  background-image: -webkit-gradient(linear, left top, left bottom, from(#daffa1), to(#c6ff6e));
  background-image: -webkit-linear-gradient(top, #daffa1, #c6ff6e);
  background-image: -moz-linear-gradient(top, #daffa1, #c6ff6e);
  background-image: -ms-linear-gradient(top, #daffa1, #c6ff6e);
  background-image: -o-linear-gradient(top, #daffa1, #c6ff6e);
  background-image: linear-gradient(to bottom, #daffa1, #c6ff6e);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFDAFFA1', endColorstr='#FFC6FF6E', GradientType=0);
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFDAFFA1', endColorstr='#FFC6FF6E', GradientType=0);
  */
}

div.messagePanel.success div.messagePanelIcon:before {
  content: "\f058";
  color: #80d400;
}

div.messagePanel.success div.messagePanelContent {
  color: black;
}

div.messagePanel.success.solidWhite {
  background: #ffffff;
  color: #80d400;
}

div.messagePanel.success.solidWhite span {
  color: #80d400;
}


/* HIDE UNUSED ELEMENTS*/
.maincontainer div.column01 {
    display: none;
}

.maincontainer div.column03 {
    display: none;
}

#izborCifer {
    display: none;
}
/* ---prvak-dneva--- */
.prvak-dneva .header {
  font-size: 1.25rem;
  color: var(--color-text);
  margin-bottom: 0.5rem;
  padding-left: 1rem; }

.prvak-dneva .content {
  display: flex;
  flex-wrap: wrap; }
  .prvak-dneva .content .row {
    display: flex;
    flex-direction: row;
    flex: 0 0 50%;
    padding: 0 0.5rem 0.5rem 0.5rem;
    background: var(--table-row-bg-even); }
    .prvak-dneva .content .row .column .col-nikneme-header {
      font-size: 0.85rem;
      color: var(--table-header-color);
      padding: 0.5rem 0; }
    .prvak-dneva .content .row .column .col-nikneme {
      color: var(--table-text-color); }
      .prvak-dneva .content .row .column .col-nikneme.won {
        font-weight: bold;
        color: var(--positive); }
    .prvak-dneva .content .row .column .col-status-header {
      text-align: right;
      font-size: 0.85rem;
      color: var(--table-text-color);
      padding: 0.5rem 0; }
    .prvak-dneva .content .row .column .col-status {
      text-align: right;
      color: var(--neutral); }
    .prvak-dneva .content .row.betWin {
      background: var(--positive-trans-500); }
  @media screen and (max-width: 512px) {
    .prvak-dneva .content {
      flex-direction: column; } }

.status-ikona {
  display: flex;
  width: 2rem;
  height: 2rem;
  border-radius: .25rem;
  justify-content: center;
  align-items: center;
  color: var(--secondary-darker); }

.status-ikona > i {
  width: 2rem;
  height: 2rem;
  display: flex;
  justify-content: center;
  align-items: center; }

.col-status-1 {
  background: var(--primary); }

.col-status-1 > i:before {
  font-style: normal;
  font-size: 1rem;
  font-family: FontAwesome;
  font-weight: 900;
  content: "\f04b"; }

.col-status-6 {
  background: var(--positive); }

.col-status-6 > i:before {
  font-style: normal;
  font-size: 1.3rem;
  font-family: FontAwesome;
  font-weight: 900;
  content: "\f00c"; }

.col-status-9 {
  background: var(--negative-dark); }

.col-status-9 > i:before {
  font-style: normal;
  font-size: 1.3rem;
  font-family: FontAwesome;
  font-weight: 900;
  content: "\f00d"; }

.prvak-dneva-topmsg p {
  color: var(--color-text); }

.prvak-dneva-bottommsg p {
  color: var(--color-text); }
/* ---toolbar--- */
.action-bar > .action-toolbar > .toolbar-button.toolbar-pomoc-button > i {
    flex: 1;
}

.action-bar > .action-toolbar > .toolbar-button.toolbar-pomoc-button> i:before {
    flex: 1;
    font-family: 'FontAwesome';
    content: '\f128';
    font-weight: bold;
    font-style: normal;
}

.action-bar > .action-toolbar > .toolbar-button.toolbar-rezultati-button > i {
    flex: 1;
}

.action-bar > .action-toolbar > .toolbar-button.toolbar-rezultati-button> i:before {
    flex: 1;
    font-family: 'FontAwesome';
    content: '\f091';
    font-weight: bold;
    font-style: normal;
}

.action-bar > .action-toolbar > .toolbar-button.toolbar-magic-button > i {
    flex: 1;
}

.action-bar > .action-toolbar > .toolbar-button.toolbar-magic-button> i:before {
    flex: 1;
    font-family: 'FontAwesome';
    content: '\f0d0';
    font-weight: bold;
    font-style: normal;
}

.action-bar > .action-toolbar > .toolbar-button.toolbar-filter-button > i {
    flex: 1;
}

.action-bar > .action-toolbar > .toolbar-button.toolbar-filter-button> i:before {
    flex: 1;
    font-family: 'FontAwesome';
    content: '\f0b0';
    font-weight: bold;
    font-style: normal;
}

.action-bar > .action-toolbar > .toolbar-button.toolbar-ball-draw-button > i {
    flex: 1;
}

.action-bar > .action-toolbar > .toolbar-button.toolbar-ball-draw-button> i:before {
    flex: 1;
    font-family: 'FontAwesome';
    content: '\f144';
    font-weight: bold;
    font-style: normal;
}
/* ---action-bar-icons--- */
app-action-bar > .action-toolbar > .toolbar-button.default > i:before, app-action-bar > .action-toolbar > .toolbar-button.default-button > i:before,
.action-bar > .action-toolbar > .toolbar-button.default > i:before,
.action-bar > .action-toolbar > .toolbar-button.default-button > i:before {
  flex: 1;
  font-family: "FontAwesome";
  content: "\f0c9";
  font-weight: bold;
  font-style: normal; }

app-action-bar > .action-toolbar > .toolbar-button.help-button > i:before,
.action-bar > .action-toolbar > .toolbar-button.help-button > i:before {
  flex: 1;
  font-family: "FontAwesome";
  content: "\f128";
  font-weight: bold;
  font-style: normal; }

app-action-bar > .action-toolbar > .toolbar-button.play-button > i:before,
.action-bar > .action-toolbar > .toolbar-button.play-button > i:before {
  flex: 1;
  font-family: "FontAwesome";
  content: "\f15c";
  font-weight: bold;
  font-style: normal; }

app-action-bar > .action-toolbar > .toolbar-button.listek-button > .ticket-badge,
.action-bar > .action-toolbar > .toolbar-button.listek-button > .ticket-badge {
  position: relative;
  padding-top: 0.25rem; }
  app-action-bar > .action-toolbar > .toolbar-button.listek-button > .ticket-badge > i:before,
  .action-bar > .action-toolbar > .toolbar-button.listek-button > .ticket-badge > i:before {
    flex: 1;
    font-family: "FontAwesome";
    content: "\f15c";
    font-weight: bold;
    font-style: normal; }
  app-action-bar > .action-toolbar > .toolbar-button.listek-button > .ticket-badge .badge-icon,
  .action-bar > .action-toolbar > .toolbar-button.listek-button > .ticket-badge .badge-icon {
    position: absolute;
    top: 0;
    background-color: var(--negative);
    color: var(--neutral);
    border-radius: 50%;
    font-size: 0.85rem;
    width: 1.5rem;
    height: 1.5rem;
    display: none;
    align-items: center;
    justify-content: center;
    margin-left: 0.5rem;
    margin-top: -0.25rem; }
  app-action-bar > .action-toolbar > .toolbar-button.listek-button > .ticket-badge.showTicketBadge .badge-icon,
  .action-bar > .action-toolbar > .toolbar-button.listek-button > .ticket-badge.showTicketBadge .badge-icon {
    display: flex; }
/* ---survey--- */
div.anketaDialog {
    background: none repeat scroll 0 0 #FFFFFF !important;
    border: 2px solid var(--cgp-blue-dark) !important;
}
/*
.anketa-btns {

}
*/
#anketa_vabilo .anketa-btns .cbtn.black {
    background: var(--cgp-blue-dark);
    border: none;
    border-radius: 0.25rem;
    padding: 0.75rem;
}

div.cPanelContent.noBorder {
    background-color: var(--body-bg);
}

div.cPanel div.cPanelHeader {
        margin: 0 0 0 0;
        padding: 0 0 0 0;
        position: relative;
        width: 100%;
        background: var(--color-dark);
        color: #ffffff;
        width: 100%;
}

div.cPanel div.cPanelHeader h1, div.cPanel div.cPanelHeader div.cPanelHeaderTXT h1 {
    /* background: #757575; */
    font-size: 1.5rem;
    font-weight: normal;
    padding: 1.5rem 1.5rem 1rem 1.5rem;
    /* float: left; */
    width: 100%;
}


.surveyInfo {
    padding: 1rem 2rem 0 2rem;
    font-size: 1.125rem;
    color: var(--color-text);
}

.surveyQuestion {
    color: var(--color-dark);
}

.surveyWrapper {
    background: #fff;
    border-top: 5px solid var(--cgp-yellow);
    padding: 1rem;
    margin: 1rem;
    font-size: 1.125rem;
    line-height: 1.5rem;
}

.surveyWrapper label {
    color: var(--color-dark-trans-800);
    font-size: 1.125rem;
    line-height: 1.5rem;
}

.surveyWrapper button,
.surveyWrapper input,
.surveyWrapper select,
.surveyWrapper textarea {
    font-family: "Roboto", sans-serif !important;
    
}

.surveyWrapper p.titleText {
    font-size: 1.25rem;
    font-weight: bold;
    color: #0F406A;
    margin-bottom: 0.5rem;
}

.surveyWrapper select {
    width: 100%;
    border-bottom: 1px solid #0F406A;
    line-height: 2rem;
    height: auto;
    font-size: 1.25rem;
    padding: 0.5rem;
    margin-top: 0.5rem;
    color: #0F406A;
}

input::selection { background:rgba(231,105,105,0.7) }

.surveyWrapper textarea {
    width: 100%;
    border-bottom: 1px solid #0F406A;
    line-height: 2rem;
    height: auto;
    font-size: 1.25rem;
    padding: 0.5rem;
    margin-top: 0.5rem;
    color: #0F406A;
}


.surveyWrapper [type="text"] {
    width: 100%;
    border-bottom: 1px solid #0F406A;
    line-height: 2rem;
    height: auto;
    padding: 0.5rem;
    font-size: 1.25rem;
    margin-top: 0.5rem;
    color: var(--cgp-blue-dark);
    background-image: linear-gradient(to bottom, rgba(0, 164, 214, 0), rgba(0, 164, 214, 0.2));
}

.surveyWrapper [type="checkbox"] {
    /*
    padding: 0.5rem 0;
    border-color: var(--cgp-blue-dark);
    color: var(--cgp-blue-dark);
    opacity:0;
    font-size: 1.25rem;
    width: 2rem;
    height: 2rem;
    */

    appearance: none;
    background-color: #fff;
    /* border-color: #0f0; */
    margin: 0;
    color: #0F406A;
    width: 1.5em;
    height: 1.5em;
    border: 2px solid #0F406A;
    border-radius: 0.15em;
    transform: translateY(0.125em);
    margin-right: 0.5rem;
    display: inline;
    cursor: pointer;
    flex-shrink: 0;
}

  /*
.surveyWrapper [type="checkbox"]::before {
    content: "";
    width: 0.65em;
    height: 0.65em;
    transform: scale(0);
    transition: 120ms transform ease-in-out;
    box-shadow: inset 1em 1em var(--form-control-color);
}
*/
.surveyWrapper [type="checkbox"]:checked {
    background-color: var(--cgp-blue-dark);
}

.surveyWrapper [type="checkbox"]:checked:hover {
    background-color: var(--cgp-blue-dark);
}

.surveyWrapper [type="checkbox"]:hover {
    background: var(--cgp-yellow-trans-500);
    outline: max(2px, 0.15em) solid currentColor;
}

/*
.surveyWrapper [type="checkbox"]::before {
    transform-origin: bottom left;
    clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
}
*/

/*
.surveyWrapper [type="checkbox"]:focus {
    outline: max(2px, 0.15em) solid currentColor;
    outline-offset: max(2px, 0.15em);
}
*/

/*
.surveyWrapper [type="checkbox"]:checked::before {
    transform: scale(1);
}
*/

/*
.surveyWrapper input {
    font-size: 2rem;
    padding: 0.5rem;
    font-weight: bold;
}
*/

.surveyWrapper ul {
    margin-top: 0.5rem;
}

.surveyWrapper ul li {
    padding: 0.5rem 0;
    display: flex;
}


.surveyWrapper [type="radio"] {
    border-color: var(--cgp-blue-dark);
    color: var(--cgp-blue-dark);
    opacity:0;
}

.surveyWrapper [type="radio"] + label{
    position:relative;
    padding-left:30px;
    cursor:pointer;
    display:inline-block;
    color: var(--cgp-blue-dark);
    line-height: 2rem;
}

.surveyWrapper [type="radio"] + label::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:18px;
    height:18px;
    border-radius: 100%;
    border:2px solid var(--cgp-blue-dark);;
    background:#fff;

}

.surveyWrapper [type="radio"]:hover + label::before{
    background: var(--cgp-yellow-trans-500);
}

.surveyWrapper input[type="radio"] {
	appearance: none;
	/*
    width: 20px;
	height: 20px;
    */
	border: 2px solid var(--cgp-blue-dark);
	border-radius: 50%;
	background-clip: content-box;
	/*padding: 3px;*/
}

.surveyWrapper input[type="radio"]:checked {
	background-color: var(--cgp-blue-dark);
}

.surveyWrapper [type="radio"]:checked + label::after{
    content:"";
    position:absolute;
    left:4px;
    top:4px;
    width:14px;
    height:14px;
    border-radius:100%;
    background:var(--cgp-blue-dark);
    transform:scale(1);
    opacity:1;
    transition:all .3s ease;
}

.surveyWrapper [type="radio"]:not(:checked) + label::after{
    content:"";
    position:absolute;
    left:4px;
    top:4px;
    width:14px;
    height:14px;
    border-radius:100%;
    background:#fff;
    transform:scale(0);
    opacity:0;
}


div.cEmptyPanel {
    padding: 2rem;
    margin-bottom: 2rem;
}

a.cbtn.black:link, a.cbtn.black:visited {
   /*padding: 1rem 2rem;*/
   background-color: var(--positive);
   color: var(--color-bright);
   border-radius: var(--border-radius);
   font-size: 1.25rem;
   padding: 0.75rem;
}
/*
.takojBtn {
    background-color: var(--positive) !important;
}

.kasnejeBtn {
    background-color: var(--warning-darker) !important;
}

.cancelBtn {
    background-color: var(--negative) !important;
}
*/


a.cbtn.black:link:hover, 
a.cbtn.black:visited:hover {
    background-color: var(--cgp-blue-dark-500);
}

/*

.takojBtn:link:hover, 
.takojBtn:visited:hover {
    background-color: var(--positive-light) !important;
}

.kasnejeBtn:link:hover, 
.kasnejeBtn:visited:hover {
    background-color: var(--warning) !important;
}

.cancelBtn:link:hover, 
.cancelBtn:visited:hover {
    background-color: var(--negative-dark) !important;
}

*/

[controltype="Anketa_prikaz"] {
    padding: 2rem;
    font-size: 1.5rem;
    color: var(--color-text);
}
/* ---sys-footer--- */
/***********************************************************/
/* FOOTER *****************************************/
/***********************************************************/
/* Footer styles */
div#footer_push {
  height: 0;
  /*height: 32em;*/
  /*float: left;*/ }

#footer_container {
  width: 100%;
  color: var(--color-bright);
  font-size: 8px;
  margin-top: auto;
  /*padding-bottom: 5rem;*/ }
  #footer_container #footer-content {
    max-width: 1920px;
    padding: 0 1rem 1rem 1rem;
    display: flex;
    flex-direction: column;
    margin: auto; }
    #footer_container #footer-content .footer-company-data {
      width: 100%;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      align-items: flex-start;
      justify-content: center;
      border-bottom: 1px solid #fff;
      border-top: 1px solid #fff;
      padding-top: 3rem;
      padding-bottom: 1rem;
      padding-left: 10%;
      padding-right: 10%; }
      @media only screen and (max-width: 600px) {
        #footer_container #footer-content .footer-company-data {
          padding-left: 0;
          padding-right: 0; } }
      #footer_container #footer-content .footer-company-data .col {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        /*max-width: 280px;*/
        min-width: 20%;
        text-align: center;
        /*width: 10vw;*/
        padding: 1rem; }
        @media only screen and (max-width: 600px) {
          #footer_container #footer-content .footer-company-data .col {
            margin-top: 2rem;
            min-width: 50%; } }
        #footer_container #footer-content .footer-company-data .col .title {
          font-size: .875rem;
          font-weight: bold;
          text-align: center;
          width: 100%; }
        #footer_container #footer-content .footer-company-data .col .title img {
          max-height: 3rem;
          width: 100%;
          margin-top: -2.1rem;
          margin-bottom: 1rem;
          text-align: center; }
        #footer_container #footer-content .footer-company-data .col .subtitle {
          line-height: .875rem;
          font-size: .65rem;
          font-weight: normal;
          margin-bottom: .875rem;
          text-align: center;
          width: 100%; }
        #footer_container #footer-content .footer-company-data .col .line {
          font-size: .875rem;
          line-height: 1.25rem;
          text-align: center;
          width: 100%;
          /*
                    &.twitter {
                            &:before {
                                font-family: "FontAwesome";
                                content: "\f081";
                                display: inline-block;
                            }
                        }

                    &.facebook {
                        &:before {
                            font-family: "FontAwesome";
                            content: "\f081";
                            display: inline-block;
                        }
                    }
                    */ }
          #footer_container #footer-content .footer-company-data .col .line.company-statement {
            text-align: center;
            margin-top: 2rem; }
            @media only screen and (max-width: 600px) {
              #footer_container #footer-content .footer-company-data .col .line.company-statement {
                margin-top: 0rem; } }
        #footer_container #footer-content .footer-company-data .col.mobileapp .download-app {
          text-decoration: none;
          margin: 0 auto; }
          #footer_container #footer-content .footer-company-data .col.mobileapp .download-app.android {
            background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 26.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 107 35' style='enable-background:new 0 0 107 35;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%2379C257;%7D .st1%7Bfill-rule:evenodd;clip-rule:evenodd;fill:%23FFFFFF;%7D%0A%3C/style%3E%3Cg%3E%3Cpath d='M98,0.9H9.3h-1c-0.3,0-0.5,0-0.8,0C7,0.9,6.4,0.9,5.8,1C5.2,1.1,4.6,1.3,4.1,1.5c-0.5,0.3-1,0.6-1.4,1 c-0.4,0.4-0.8,0.9-1,1.4C1.4,4.4,1.2,5,1.1,5.5C1,6.1,0.9,6.7,0.9,7.2c0,0.3,0,0.5,0,0.8v19.6c0,0.3,0,0.5,0,0.8 c0,0.6,0.1,1.1,0.2,1.7c0.1,0.6,0.3,1.1,0.6,1.6s0.6,1,1,1.4c0.4,0.4,0.9,0.7,1.4,1c0.5,0.3,1.1,0.4,1.7,0.5 c0.6,0.1,1.2,0.1,1.8,0.2c0.3,0,0.5,0,0.8,0l1,0H98c0.3,0,0.6,0,1,0c0.3,0,0.5,0,0.8,0c0.6,0,1.2-0.1,1.8-0.2 c0.6-0.1,1.2-0.3,1.7-0.5c0.5-0.3,1-0.6,1.4-1c0.4-0.4,0.8-0.9,1-1.4c0.3-0.5,0.4-1.1,0.5-1.6c0.1-0.6,0.2-1.1,0.2-1.7 c0-0.3,0-0.5,0-0.8c0-0.3,0-0.6,0-0.9V9c0-0.3,0-0.6,0-0.9c0-0.3,0-0.5,0-0.8c0-0.6-0.1-1.1-0.2-1.7c-0.1-0.6-0.3-1.1-0.5-1.6 c-0.6-1-1.4-1.9-2.5-2.4c-0.5-0.3-1.1-0.4-1.7-0.5c-0.6-0.1-1.2-0.1-1.8-0.1c-0.3,0-0.5,0-0.8,0C98.7,0.8,98.3,0.8,98,0.9L98,0.9z' /%3E%3Cpath class='st0' d='M28.3,15.1c0-0.8-0.6-1.4-1.4-1.4s-1.4,0.6-1.4,1.4v5.8c0,0.8,0.6,1.4,1.4,1.4s1.4-0.6,1.4-1.4 C28.3,20.9,28.3,15.1,28.3,15.1z M11.5,15.1c0-0.8-0.6-1.4-1.4-1.4c-0.8,0-1.4,0.6-1.4,1.4v5.8c0,0.8,0.6,1.4,1.4,1.4 c0.8,0,1.4-0.6,1.4-1.4C11.5,20.9,11.5,15.1,11.5,15.1z M21.6,8.5l1-1.8c0.1-0.1,0-0.2-0.1-0.3c0,0,0,0,0,0c0,0-0.1,0-0.1,0 c-0.1,0-0.1,0-0.2,0.1l-1,1.8c-0.9-0.4-1.8-0.6-2.8-0.6c-1,0-1.9,0.2-2.8,0.6l-1-1.8c-0.1-0.1-0.2-0.1-0.3-0.1 c-0.1,0-0.1,0.2-0.1,0.3c0,0,0,0,0,0l1,1.8c-2,1-3.3,2.8-3.3,5h12.8C24.9,11.3,23.5,9.4,21.6,8.5z M15.5,11.2 c-0.3,0-0.5-0.2-0.5-0.5c0-0.3,0.2-0.5,0.5-0.5c0.3,0,0.5,0.2,0.5,0.5C16,10.9,15.8,11.2,15.5,11.2z M21.4,11.2 c-0.3,0-0.5-0.2-0.5-0.5c0,0,0,0,0,0c0-0.3,0.2-0.5,0.5-0.5c0.3,0,0.5,0.2,0.5,0.5C21.9,10.9,21.7,11.2,21.4,11.2z M12,13.9v9 c0,0.8,0.7,1.5,1.6,1.5h1v3.1c0,0.8,0.6,1.4,1.4,1.4c0.8,0,1.4-0.6,1.4-1.4v-3.1h1.9v3.1c0,0.8,0.6,1.4,1.4,1.4 c0.8,0,1.4-0.6,1.4-1.4v-3.1h1c0.9,0,1.6-0.7,1.6-1.5v-9L12,13.9L12,13.9z'/%3E%3Cpath class='st1' d='M35.9,13.3h-0.8l-2-3v3h-0.8V9.1h0.8l2,3v-3h0.8C35.9,9.1,35.9,13.3,35.9,13.3z M39.6,12.3h-1.7l-0.4,1h-0.8 l1.7-4.2h0.7l1.7,4.2h-0.8C39.9,13.3,39.6,12.3,39.6,12.3z M38.1,11.7h1.3L38.7,10C38.7,10,38.1,11.7,38.1,11.7z M42.8,12.4L44,9.1 h0.8l-1.6,4.2h-0.7l-1.6-4.2h0.8L42.8,12.4L42.8,12.4z M49.1,11.3c0,0.4-0.1,0.8-0.2,1.1c-0.1,0.3-0.4,0.5-0.6,0.7 c-0.3,0.2-0.6,0.3-1,0.3c-0.4,0-0.7-0.1-1-0.3c-0.3-0.2-0.5-0.4-0.6-0.7c-0.2-0.3-0.2-0.7-0.2-1.1v-0.2c0-0.4,0.1-0.8,0.2-1.1 c0.2-0.3,0.4-0.6,0.6-0.7c0.3-0.2,0.6-0.3,1-0.3c0.4,0,0.7,0.1,1,0.2c0.3,0.2,0.5,0.4,0.6,0.7c0.2,0.3,0.2,0.7,0.2,1.1 C49.1,11,49.1,11.3,49.1,11.3z M48.3,11.1c0-0.5-0.1-0.8-0.3-1.1c-0.2-0.2-0.4-0.4-0.8-0.4c-0.3,0-0.6,0.1-0.8,0.4 c-0.2,0.2-0.3,0.6-0.3,1.1v0.2c0,0.5,0.1,0.8,0.3,1.1c0.2,0.3,0.4,0.4,0.8,0.4c0.3,0,0.6-0.1,0.8-0.4c0.2-0.2,0.3-0.6,0.3-1.1 C48.3,11.3,48.3,11.1,48.3,11.1z M50.1,13.3V9.1h1.3c0.4,0,0.7,0.1,1,0.2c0.3,0.2,0.5,0.4,0.7,0.7s0.2,0.7,0.2,1.1v0.2 c0,0.4-0.1,0.8-0.2,1.1c-0.2,0.3-0.4,0.5-0.7,0.7c-0.3,0.2-0.7,0.3-1.1,0.2H50.1L50.1,13.3z M50.9,9.6v3.1h0.5 c0.4,0,0.7-0.1,0.9-0.4c0.2-0.2,0.3-0.6,0.3-1v-0.2c0-0.5-0.1-0.8-0.3-1.1c-0.2-0.2-0.5-0.4-0.9-0.4C51.4,9.6,50.9,9.6,50.9,9.6z M55.3,13.3h-0.8V9.1h0.8L55.3,13.3L55.3,13.3z M57.3,12.7h2v0.6h-2.8V9.1h0.8V12.7z M62.7,12.3H61l-0.4,1h-0.8l1.7-4.2h0.7 l1.7,4.2H63C63,13.3,62.7,12.3,62.7,12.3z M61.2,11.7h1.3L61.8,10L61.2,11.7z M67.2,12.7h2.3v0.6h-3.3v-0.5l2.3-3.2h-2.3V9.1h3.2 v0.5C69.5,9.5,67.2,12.7,67.2,12.7z M73,12.3h-1.7l-0.4,1h-0.8l1.7-4.2h0.7l1.7,4.2h-0.8C73.4,13.3,73,12.3,73,12.3z M71.5,11.7 h1.3L72.2,10L71.5,11.7z M36.7,19.1c1.2,0,2.2,0.3,2.8,0.9c0.7,0.6,1,1.4,1,2.6v5.2H39v-1.1c-0.3,0.4-0.7,0.7-1.1,0.9 c-0.5,0.2-1.1,0.3-1.8,0.3c-1,0-1.8-0.2-2.4-0.7c-0.6-0.5-0.9-1.1-0.9-1.8c0-0.8,0.3-1.4,0.9-1.8c0.6-0.5,1.5-0.7,2.7-0.7h2.5v-0.3 c0-0.7-0.2-1.2-0.6-1.5c-0.4-0.4-1-0.5-1.8-0.5c-0.5,0-1,0.1-1.5,0.2c-0.5,0.2-0.9,0.4-1.3,0.7L33,20.2c0.5-0.4,1-0.6,1.6-0.8 C35.3,19.2,36,19.1,36.7,19.1z M36.3,26.6c0.6,0,1.1-0.1,1.6-0.4c0.4-0.3,0.8-0.6,1-1.1v-1.2h-2.5c-1.4,0-2,0.4-2,1.3 c0,0.4,0.2,0.8,0.5,1C35.2,26.5,35.7,26.6,36.3,26.6L36.3,26.6z M47.8,19.1c1.1,0,2,0.3,2.7,0.9c0.7,0.6,1,1.6,1,2.8v4.9h-1.6V23 c0-0.8-0.2-1.5-0.6-1.9c-0.4-0.4-1-0.6-1.8-0.6c-0.9,0-1.6,0.2-2.1,0.7c-0.5,0.5-0.8,1.2-0.8,2.1v4.4H43v-8.6h1.5v1.3 c0.3-0.4,0.8-0.8,1.3-1C46.4,19.2,47.1,19.1,47.8,19.1L47.8,19.1z M62.4,15.8v12h-1.5v-1.4c-0.4,0.5-0.8,0.8-1.4,1.1 c-0.6,0.3-1.2,0.4-1.8,0.4c-0.9,0-1.6-0.2-2.3-0.5c-0.7-0.4-1.2-0.9-1.6-1.5c-0.4-0.7-0.6-1.4-0.6-2.3c0-0.9,0.2-1.6,0.6-2.3 c0.4-0.7,0.9-1.2,1.6-1.5c0.7-0.4,1.5-0.5,2.3-0.5c0.6,0,1.2,0.1,1.8,0.3c0.5,0.2,1,0.6,1.3,1v-4.7C60.8,15.8,62.4,15.8,62.4,15.8z M57.8,26.5c0.5,0,1.1-0.1,1.5-0.4c0.5-0.2,0.8-0.6,1.1-1.1c0.3-0.5,0.4-1,0.4-1.6s-0.1-1.1-0.4-1.6c-0.2-0.4-0.6-0.8-1.1-1.1 c-0.5-0.3-1-0.4-1.5-0.4c-0.6,0-1.1,0.1-1.5,0.4c-0.5,0.2-0.8,0.6-1.1,1.1c-0.3,0.5-0.4,1-0.4,1.6s0.1,1.1,0.4,1.6 c0.3,0.5,0.6,0.8,1.1,1.1C56.8,26.3,57.3,26.5,57.8,26.5z M66.6,20.6c0.3-0.5,0.7-0.9,1.2-1.1c0.5-0.3,1.2-0.4,2-0.4v1.5 c-0.1,0-0.2,0-0.4,0c-0.9,0-1.6,0.2-2.1,0.8c-0.5,0.5-0.7,1.2-0.7,2.1v4.3H65v-8.6h1.5C66.6,19.2,66.6,20.6,66.6,20.6z M75.1,27.8 c-0.9,0-1.7-0.2-2.4-0.6c-0.7-0.4-1.3-0.9-1.7-1.6c-0.4-0.7-0.6-1.4-0.6-2.3s0.2-1.6,0.6-2.3c0.4-0.7,1-1.2,1.7-1.5 c0.7-0.4,1.5-0.6,2.4-0.6c0.9,0,1.7,0.2,2.4,0.6c0.7,0.4,1.2,0.9,1.6,1.5c0.4,0.7,0.6,1.4,0.6,2.3c0,0.8-0.2,1.6-0.6,2.3 c-0.4,0.7-1,1.2-1.6,1.6C76.7,27.6,75.9,27.8,75.1,27.8z M75.1,26.5c0.6,0,1.1-0.1,1.5-0.4c0.4-0.2,0.8-0.6,1.1-1.1 c0.3-0.5,0.4-1,0.4-1.6c0-0.6-0.1-1.1-0.4-1.6c-0.2-0.4-0.6-0.8-1.1-1.1c-0.5-0.3-1-0.4-1.5-0.4c-0.6,0-1.1,0.1-1.5,0.4 c-0.5,0.2-0.8,0.6-1.1,1.1c-0.3,0.5-0.4,1-0.4,1.6c0,0.6,0.1,1.1,0.4,1.6c0.3,0.5,0.6,0.8,1.1,1.1C74,26.3,74.5,26.5,75.1,26.5z M81.4,19.2h1.6v8.6h-1.6V19.2z M82.3,17.5c-0.3,0-0.6-0.1-0.8-0.3c-0.2-0.2-0.3-0.4-0.3-0.7c0-0.3,0.1-0.5,0.3-0.7 c0.2-0.2,0.5-0.3,0.8-0.3c0.3,0,0.6,0.1,0.8,0.3c0.2,0.2,0.3,0.4,0.3,0.7c0,0.3-0.1,0.5-0.3,0.7C82.8,17.4,82.6,17.5,82.3,17.5z M94.1,15.8v12h-1.5v-1.4c-0.4,0.5-0.8,0.8-1.4,1.1c-0.6,0.3-1.2,0.4-1.8,0.4c-0.9,0-1.6-0.2-2.3-0.5c-0.7-0.4-1.2-0.9-1.6-1.5 c-0.4-0.7-0.6-1.4-0.6-2.3c0-0.9,0.2-1.6,0.6-2.3c0.4-0.7,0.9-1.2,1.6-1.5c0.7-0.4,1.5-0.5,2.3-0.5c0.6,0,1.2,0.1,1.8,0.3 c0.5,0.2,1,0.6,1.3,1v-4.7C92.4,15.8,94.1,15.8,94.1,15.8z M89.5,26.5c0.5,0,1.1-0.1,1.5-0.4c0.5-0.2,0.8-0.6,1.1-1.1 c0.3-0.5,0.4-1,0.4-1.6s-0.1-1.1-0.4-1.6c-0.2-0.4-0.6-0.8-1.1-1.1c-0.5-0.3-1-0.4-1.5-0.4c-0.6,0-1.1,0.1-1.5,0.4 c-0.5,0.2-0.8,0.6-1.1,1.1c-0.3,0.5-0.4,1-0.4,1.6s0.1,1.1,0.4,1.6c0.3,0.5,0.6,0.8,1.1,1.1C88.4,26.3,88.9,26.5,89.5,26.5z'/%3E%3C/g%3E%3C/svg%3E%0A");
            min-height: 2.25rem;
            background-repeat: no-repeat;
            background-position: center center;
            margin: 0.25rem;
            width: 100%; }
          #footer_container #footer-content .footer-company-data .col.mobileapp .download-app.ios {
            background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 26.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 107 35' style='enable-background:new 0 0 107 35;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cg%3E%3Cg%3E%3Cpath d='M97.7,0.7H9c-0.3,0-0.6,0-1,0c-0.3,0-0.5,0-0.8,0c-0.6,0-1.2,0.1-1.8,0.1C4.9,1,4.4,1.2,3.8,1.4c-0.5,0.3-1,0.6-1.4,1 C2,2.8,1.6,3.3,1.4,3.8C1.1,4.3,0.9,4.9,0.8,5.4C0.7,6,0.7,6.6,0.7,7.1c0,0.3,0,0.5,0,0.8v19.6c0,0.3,0,0.5,0,0.8 c0,0.6,0.1,1.1,0.2,1.7c0.1,0.6,0.3,1.1,0.6,1.6c0.3,0.5,0.6,1,1,1.4c0.4,0.4,0.9,0.7,1.4,1s1.1,0.4,1.7,0.5 c0.6,0.1,1.2,0.1,1.8,0.2c0.3,0,0.5,0,0.8,0c0.3,0,0.6,0,1,0h88.7c0.3,0,0.6,0,1,0c0.3,0,0.5,0,0.8,0c0.6,0,1.2-0.1,1.8-0.2 c0.6-0.1,1.2-0.3,1.7-0.5c0.5-0.3,1-0.6,1.4-1c0.4-0.4,0.8-0.9,1-1.4c0.3-0.5,0.4-1.1,0.5-1.6c0.1-0.6,0.2-1.1,0.2-1.7 c0-0.3,0-0.5,0-0.8c0-0.3,0-0.6,0-0.9V8.9c0-0.3,0-0.6,0-0.9c0-0.3,0-0.5,0-0.8c0-0.6-0.1-1.1-0.2-1.7c-0.1-0.6-0.3-1.1-0.5-1.6 c-0.6-1-1.4-1.9-2.5-2.4c-0.5-0.3-1.1-0.4-1.7-0.5c-0.6-0.1-1.2-0.1-1.8-0.2c-0.3,0-0.5,0-0.8,0C98.4,0.7,98,0.7,97.7,0.7z'/%3E%3Cpath d='M8.1,34c-0.3,0-0.5,0-0.8,0c-0.6,0-1.1-0.1-1.6-0.1c-0.5-0.1-1-0.2-1.5-0.5c-0.5-0.2-0.9-0.5-1.2-0.9 c-0.4-0.3-0.7-0.7-0.9-1.2c-0.2-0.4-0.4-0.9-0.5-1.4c-0.1-0.5-0.1-1.1-0.1-1.6c0-0.2,0-0.8,0-0.8V7.9c0,0,0-0.6,0-0.8 c0-0.5,0.1-1.1,0.1-1.6c0.1-0.5,0.2-1,0.5-1.4C2.3,3.7,2.6,3.3,2.9,3c0.4-0.3,0.8-0.6,1.2-0.9c0.5-0.2,0.9-0.4,1.5-0.5 c0.5-0.1,1.1-0.1,1.7-0.1l0.8,0h90.6l0.8,0c0.5,0,1.1,0.1,1.6,0.1c0.5,0.1,1,0.2,1.5,0.5c0.9,0.4,1.7,1.2,2.1,2.1 c0.2,0.4,0.4,0.9,0.5,1.4c0.1,0.5,0.1,1.1,0.2,1.6c0,0.2,0,0.5,0,0.8c0,0.3,0,0.6,0,0.9v17.8c0,0.3,0,0.6,0,0.9c0,0.3,0,0.5,0,0.8 c0,0.5-0.1,1.1-0.2,1.6c-0.1,0.5-0.2,1-0.5,1.4c-0.2,0.4-0.5,0.8-0.9,1.2c-0.4,0.4-0.8,0.6-1.2,0.9c-0.5,0.2-1,0.4-1.5,0.5 c-0.5,0.1-1.1,0.1-1.6,0.1c-0.3,0-0.5,0-0.8,0L8.1,34L8.1,34z'/%3E%3C/g%3E%3Cg%3E%3Cpath class='st0' d='M22.5,18c0-1.4,0.8-2.8,2.1-3.5c-0.8-1.1-2.1-1.8-3.5-1.8c-1.5-0.1-2.9,0.9-3.7,0.9c-0.8,0-1.9-0.8-3.2-0.8 c-1.6,0.1-3.1,0.9-3.9,2.3c-1.7,2.8-0.4,7,1.2,9.3c0.8,1.1,1.8,2.4,3,2.3c1.2,0,1.7-0.8,3.2-0.8c1.5,0,1.9,0.8,3.2,0.7 c1.3,0,2.1-1.1,2.9-2.3c0.6-0.8,1-1.7,1.3-2.6C23.5,21.1,22.5,19.6,22.5,18z M20.1,11.1c0.7-0.8,1.1-1.9,1-3 C20,8.3,19,8.8,18.2,9.6c-0.7,0.8-1.1,1.8-1,2.9C18.3,12.4,19.4,12,20.1,11.1L20.1,11.1z'/%3E%3Cg%3E%3Cpath class='st0' d='M37.9,23.8h-4.2l-1,2.9H31l4-10.6h1.8l4,10.5h-1.8L37.9,23.8L37.9,23.8z M34.2,22.5h3.3l-1.6-4.6h0 C35.8,17.9,34.2,22.5,34.2,22.5z M49.3,22.8c0,2.4-1.3,3.9-3.3,3.9c-1,0.1-2-0.5-2.5-1.3h0v3.8h-1.6V19h1.6v1.3h0 c0.5-0.9,1.5-1.4,2.5-1.4C47.9,18.9,49.3,20.4,49.3,22.8L49.3,22.8z M47.6,22.8c0-1.6-0.8-2.6-2.1-2.6c-1.3,0-2.1,1-2.1,2.6 c0,1.5,0.8,2.6,2.1,2.6C46.7,25.4,47.6,24.4,47.6,22.8L47.6,22.8z M58.1,22.8c0,2.4-1.3,3.9-3.3,3.9c-1,0.1-2-0.5-2.5-1.3h0v3.8 h-1.6V19h1.6v1.3h0c0.5-0.9,1.5-1.4,2.5-1.4C56.7,18.9,58.1,20.4,58.1,22.8L58.1,22.8z M56.4,22.8c0-1.6-0.8-2.6-2.1-2.6 c-1.3,0-2.1,1-2.1,2.6c0,1.5,0.8,2.6,2.1,2.6C55.5,25.4,56.4,24.4,56.4,22.8L56.4,22.8z M63.9,23.7c0.1,1,1.2,1.7,2.6,1.7 c1.4,0,2.4-0.7,2.4-1.6c0-0.8-0.6-1.3-2-1.6l-1.4-0.3c-2-0.5-2.9-1.4-2.9-2.8c0-1.8,1.6-3.1,4-3.1c2.3,0,3.9,1.2,4,3.1h-1.7 c-0.1-1.1-1-1.7-2.3-1.7s-2.2,0.6-2.2,1.6c0,0.7,0.6,1.2,2,1.5l1.2,0.3c2.2,0.5,3.2,1.4,3.2,2.9c0,2-1.6,3.2-4.2,3.2 c-2.4,0-4.1-1.2-4.2-3.1L63.9,23.7L63.9,23.7z M74.1,17.1V19h1.5v1.2h-1.5v4.2c0,0.7,0.3,1,1,1c0.2,0,0.4,0,0.5,0v1.2 c-0.3,0.1-0.6,0.1-0.9,0.1c-1.6,0-2.2-0.6-2.2-2.1v-4.4h-1.2V19h1.2v-1.8C72.5,17.1,74.1,17.1,74.1,17.1z M76.5,22.8 c0-2.4,1.5-3.9,3.8-3.9c2.3,0,3.8,1.5,3.8,3.9c0,2.4-1.5,3.9-3.8,3.9C78,26.8,76.5,25.2,76.5,22.8L76.5,22.8z M82.4,22.8 c0-1.7-0.8-2.6-2.1-2.6c-1.3,0-2.1,1-2.1,2.6c0,1.7,0.8,2.6,2.1,2.6C81.6,25.4,82.4,24.5,82.4,22.8z M85.4,19H87v1.3h0 c0.2-0.8,1-1.4,1.9-1.4c0.2,0,0.4,0,0.6,0.1v1.5c-0.2-0.1-0.5-0.1-0.7-0.1c-0.5,0-0.9,0.2-1.3,0.5c-0.3,0.3-0.5,0.8-0.4,1.3v4.6 h-1.6L85.4,19L85.4,19z M97.1,24.4c-0.2,1.4-1.6,2.4-3.4,2.4c-2.3,0-3.8-1.5-3.8-3.9c0-2.4,1.4-4,3.7-4c2.2,0,3.6,1.5,3.6,3.8 v0.5h-5.6v0.1c-0.1,0.6,0.2,1.1,0.6,1.6c0.4,0.4,1,0.6,1.6,0.6c0.8,0.1,1.5-0.4,1.8-1.1C95.5,24.4,97.1,24.4,97.1,24.4z M91.5,22.1h4c0-0.5-0.2-1-0.5-1.4c-0.4-0.4-0.9-0.6-1.4-0.6c-0.5,0-1.1,0.2-1.4,0.6C91.7,21.1,91.5,21.6,91.5,22.1z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cpath class='st0' d='M34.1,8.2c0.5,0,0.9,0.1,1.3,0.5c0.3,0.3,0.5,0.8,0.5,1.2c0,0.5-0.2,0.9-0.5,1.2c-0.3,0.3-0.8,0.5-1.3,0.5 h-1.2v1.7h-0.8V8.2L34.1,8.2L34.1,8.2z M32.9,10.8h1c0.7,0,1.1-0.4,1.1-1c0-0.6-0.4-1-1.1-1h-1V10.8z M37,9.4h0.8V10h0.1 c0.2-0.4,0.6-0.7,1.1-0.6c0.1,0,0.2,0,0.3,0v0.7c-0.1,0-0.3,0-0.4,0c-0.3,0-0.5,0.1-0.7,0.2c-0.2,0.2-0.3,0.4-0.3,0.7v2.3h-0.8 L37,9.4L37,9.4z M43.3,12.2c-0.2,0.7-0.9,1.2-1.7,1.1c-0.5,0-1-0.2-1.4-0.6c-0.4-0.4-0.5-0.9-0.4-1.4c-0.1-0.5,0.1-1,0.4-1.4 c0.4-0.4,0.9-0.6,1.4-0.6c1.1,0,1.8,0.7,1.8,1.9v0.3h-2.8v0c0,0.3,0.1,0.6,0.3,0.8c0.2,0.2,0.5,0.3,0.8,0.3c0.4,0,0.8-0.1,0.9-0.5 H43.3L43.3,12.2z M40.5,11h2c0-0.3-0.1-0.5-0.3-0.7c-0.2-0.2-0.4-0.3-0.7-0.3c-0.3,0-0.5,0.1-0.7,0.3C40.7,10.4,40.5,10.7,40.5,11 z M44.4,9.4h0.8V10h0.1c0.2-0.4,0.7-0.7,1.2-0.7c0.4,0,0.8,0.1,1,0.4c0.3,0.3,0.4,0.7,0.3,1v2.5H47v-2.3c0-0.6-0.3-0.9-0.9-0.9 c-0.3,0-0.5,0.1-0.7,0.3c-0.2,0.2-0.3,0.4-0.2,0.7v2.2h-0.8V9.4L44.4,9.4z M48.8,11.3c-0.1-0.7,0.3-1.4,0.9-1.7 c0.6-0.4,1.4-0.4,2,0c0.6,0.4,0.9,1,0.9,1.7c0.1,0.7-0.3,1.4-0.9,1.7c-0.6,0.4-1.4,0.4-2,0C49.1,12.7,48.7,12,48.8,11.3z M51.7,11.3c0-0.8-0.4-1.3-1.1-1.3c-0.7,0-1.1,0.5-1.1,1.3c0,0.8,0.4,1.3,1.1,1.3C51.3,12.6,51.7,12.2,51.7,11.3L51.7,11.3z M55,9.3c0.9,0,1.5,0.4,1.6,1.1h-0.8c-0.1-0.3-0.4-0.5-0.8-0.5c-0.4,0-0.8,0.2-0.8,0.5c0,0.2,0.2,0.4,0.6,0.5l0.7,0.1 c0.8,0.2,1.1,0.5,1.1,1c0,0.7-0.7,1.2-1.6,1.2c-0.9,0-1.6-0.4-1.6-1.1h0.8c0.1,0.3,0.5,0.5,0.9,0.5c0.5,0,0.8-0.2,0.8-0.5 c0-0.2-0.2-0.4-0.6-0.5l-0.7-0.2c-0.8-0.2-1.1-0.5-1.1-1.1C53.5,9.8,54.1,9.3,55,9.3z M59.8,8.3c0-0.2,0.1-0.4,0.3-0.5 c0.2-0.1,0.4-0.1,0.6,0.1c0.2,0.1,0.2,0.3,0.1,0.5c-0.1,0.2-0.3,0.3-0.5,0.3c-0.1,0-0.3,0-0.4-0.1C59.8,8.5,59.8,8.4,59.8,8.3z M59.9,9.4h0.8v3.8h-0.8V9.4L59.9,9.4z M61.8,12.7l2.2-2.6V10h-2.2V9.4H65V10l-2.1,2.6v0.1H65v0.6h-3.1L61.8,12.7z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
            min-height: 2.25rem;
            background-repeat: no-repeat;
            background-position: center center;
            margin: 0.25rem;
            width: 100%; }
          #footer_container #footer-content .footer-company-data .col.mobileapp .download-app.other {
            min-height: 2.25rem;
            margin: 0.5rem 0.25rem;
            width: 100%;
            color: #ffffff;
            text-decoration: underline; }
    #footer_container #footer-content .footer-logo img {
      height: 3rem;
      padding-bottom: 16px; }
    #footer_container #footer-content .footer-links-list {
      flex: 1;
      text-align: center; }
      #footer_container #footer-content .footer-links-list a {
        color: #fff;
        text-decoration: none; }
      #footer_container #footer-content .footer-links-list li {
        display: inline-block;
        margin: 2rem 1rem; }
        @media only screen and (max-width: 600px) {
          #footer_container #footer-content .footer-links-list li {
            display: block;
            margin: 0.5 1rem; } }
  #footer_container #footer-18plus {
    text-align: center; }
    #footer_container #footer-18plus img {
      max-height: 2rem;
      margin: 1rem; }
  #footer_container #footer-copyright {
    margin-top: 2rem;
    text-align: center;
    margin-bottom: 4rem; }

/*
  @media screen and (max-width: 512px) {
    div#footer {
      flex-direction: column;
    }
  
    div#footer > div {
      padding-bottom: 1.25rem;
      text-align: center;
    }
  }
  
  @media screen and (min-width: 512px) {
    div#footer .footerOdgovorno {
      text-align: end;
      width: 30%;
    }
  }
  
  div#footer .footerOdgovorno img {
    height: 3rem;
    padding-bottom: 16px;
  }
  
  @media screen and (min-width: 512px) {
    div#footer .footerSlLogo {
      text-align: start;
      width: 30%;
    }
  }
  
  */
/*FOOTER LOGOS*/
div#footer-logos-container {
  width: 100%;
  text-align: center;
  box-sizing: border-box;
  /*background-color: var(--color-dark-trans-800);*/ }

div#footer-logos {
  width: 100%;
  padding: 1rem; }

div#footer-logos-content {
  width: 100%;
  padding: 1rem;
  border-bottom: 1px solid #fff; }

div#footer-logos img {
  height: 80px; }
  @media only screen and (max-width: 600px) {
    div#footer-logos img {
      height: 40px; } }

div#footer-logos-content-middle {
  width: 100%; }

ul#footer-logos-content-middle-list {
  list-style-type: none; }

ul#footer-logos-content-middle-list li {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  padding: 0px 16px; }

div#footer-geotrust-certificate {
  height: 80px;
  width: 180px;
  display: inline-block; }

div#footer-geotrust-certificate img {
  margin-top: 8px;
  margin-left: 20px; }

/* FOOTER WARNINGS */
div#footer-warnings-container {
  width: 100%;
  margin: 1em;
  float: left;
  text-align: center; }

div#footer-warnings {
  width: 100%;
  text-align: center; }

div#footer-warnings-content-middle {
  margin: 0 auto; }

ul#footer-warnings-content-middle-list ul {
  list-style-type: none; }

ul#footer-warnings-content-middle-list li {
  display: inline-block;
  vertical-align: middle;
  padding: 0 1em; }

ul#footer-warnings-content-middle-list li div#footer-warning {
  margin: 0;
  padding: 0;
  width: 24em;
  text-align: left; }

div#footer-warning p.footer-warning-text {
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  color: var(--secondary);
  overflow: hidden;
  padding: 0;
  margin: 0; }

/* COMAPNY INFO */
div#footer-SL {
  width: 100%;
  float: left;
  text-align: center;
  border-top: 1px solid var(--secondary);
  border-bottom: 1px solid var(--secondary); }

div#footer-SL-content {
  height: auto;
  margin: 1em auto; }

ul#footer-SL-content-list {
  list-style-type: none; }

ul#footer-SL-content-list li {
  display: inline-block;
  vertical-align: middle;
  padding: 0 2em; }

ul#footer-SL-content-list li.SL-content-leftmost {
  border-right: 1px solid var(--secondary); }

ul#footer-SL-content-list li.SL-content-middle {
  border-right: 1px solid var(--secondary); }

ul#footer-SL-content-list li.SL-content-rightmost {
  border: none; }

div#footer-SL-content div#footer-SL-logo {
  width: 200px;
  height: 64px;
  vertical-align: middle; }

div#footer-SL-content div#footer-SL-slogan {
  width: 200px;
  height: 64px;
  vertical-align: middle; }

div#footer-SL-content div#footer-SL-text {
  width: 400px;
  height: 64px;
  position: relative; }

div#footer-SL-content div#footer-SL-text p {
  text-align: left;
  color: var(--secondary);
  font-size: 16px;
  position: absolute;
  bottom: 3px; }

div#footer-SL-company-text {
  width: 100%;
  float: left;
  text-align: center;
  border-bottom: 1px solid var(--secondary);
  padding-bottom: 1em;
  margin-bottom: 1em; }

div#footer-SL-company-text p.SL-company-text {
  text-align: center;
  font-size: 14px; }

div#footer-copyright {
  height: 4em;
  width: 100%;
  /*background-color: var(--color-dark-trans-800);*/ }

div#footer-copyright p.CopyrightText {
  font-size: 0.75em;
  padding-top: 2rem;
  color: #ffffff;
  text-align: center;
  height: 4em;
  width: 100%; }

div#footer_container {
  padding-top: 3rem !important; }

div#footer {
  padding-top: 5rem !important;
  background: linear-gradient(to bottom, var(--color-dark-trans-200), var(--color-dark-trans-800)); }

/* MENU */
.footer-navbar {
  height: 70px;
  width: 100%;
  background: black;
  color: white; }

.footer-navbar-nav {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  height: 100%; }
  .footer-navbar-nav li {
    display: flex;
    flex-direction: row; }

.footer-navbar .dropdown {
  opacity: 0;
  position: absolute;
  width: 500px;
  z-index: 2;
  background: black;
  display: flex;
  align-items: center;
  justify-content: space-around;
  height: 3rem;
  margin-top: 2rem;
  padding: 0.5rem;
  transform: translateX(-40%);
  transition: opacity .15s ease-out; }

.footer-navbar .dropdown-item a {
  width: 100%;
  height: 100%; }

.footer-navbar .has-dropdown:focus-within .dropdown {
  opacity: 1;
  pointer-events: auto; }

/*FOOTER EXPAND MENU*/
.wrap-collabsible {
  margin-bottom: 1.2rem 0; }

input[type='checkbox'] {
  display: none; }

.lbl-toggle {
  display: block;
  font-weight: bold;
  font-family: monospace;
  font-size: 1.2rem;
  text-transform: uppercase;
  text-align: center;
  padding: 1rem;
  color: #A77B0E;
  background: #FAE042;
  cursor: pointer;
  border-radius: 7px;
  transition: all 0.25s ease-out; }

.lbl-toggle:hover {
  color: #7C5A0B; }

.lbl-toggle::before {
  content: ' ';
  display: inline-block;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid currentColor;
  vertical-align: middle;
  margin-right: .7rem;
  transform: translateY(-2px);
  transition: transform .2s ease-out; }

.toggle:checked + .lbl-toggle::before {
  transform: rotate(90deg) translateX(-3px); }

.collapsible-content {
  max-height: 0px;
  overflow: hidden;
  transition: max-height .25s ease-in-out; }

.toggle:checked + .lbl-toggle + .collapsible-content {
  max-height: 100vh; }

.toggle:checked + .lbl-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

.collapsible-content .content-inner {
  background: rgba(250, 224, 66, 0.2);
  border-bottom: 1px solid rgba(250, 224, 66, 0.45);
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
  padding: .5rem 1rem; }
/* ---sys-alerts--- */
div.textAlert {
    background: #b80000;
    padding: 15px 15px;
    margin: 15px 0px;
  }
  
  div.textAlertContent {
    color: #fff;
    font-weight: bold;
    font-size: 18px;
  }
  
  div.textAlertContent h2{
    margin-bottom: 1rem;
  }
/* ---sys-konto-aktualne-promocije--- */
div.MsgDialog {
  background: none repeat scroll 0 0 #FFFFFF;
  border: 2px solid #FFCC00;
  display: none;
  left: -50%;
  min-height: 100px;
  padding: 20px;
  position: relative;
  z-index: 997;
  max-width: 600px;
  max-height: 90vh; }

#anketa_vabilo {
  margin-top: 0px !important;
  display: block;
  overflow: auto; }

.obvestilo {
  display: flex;
  width: 100%;
  justify-content: right; }

.obvestilo__content {
  display: flex;
  align-items: center;
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  font-size: 1.25em;
  line-height: 1.25em;
  background: linear-gradient(to right, #084e90, #092943); }

.obvestilo__slo-sport {
  background-image: url(/content/img/frontpage/fpmini/fpmini-dajmo-nasi.jpg);
  background-size: cover; }

.obvestilo__item {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: center;
  padding: 1rem;
  text-align: center;
  color: var(--color-text);
  line-height: normal; }

.obvestilo__header {
  color: var(--igra-banner-logo-color);
  font-weight: bold;
  width: 100%;
  align-items: center;
  font-size: 1.5rem; }

.obvestilo__header-dark {
  text-transform: uppercase;
  text-shadow: #084e90 2px 1px 3px; }

.obvestilo__header-start {
  align-items: self-start;
  text-transform: uppercase;
  text-shadow: #000000 2px 1px 3px; }

.obvestilo__body-short {
  width: 60%;
  text-align: left;
  align-self: baseline;
  text-shadow: #000000 2px 1px 3px; }

.obvestilo__body ul {
  padding: 0 0 0 2rem; }

.obvestilo__body ul > li {
  margin: 0;
  padding: 0 0 0 2rem;
  text-indent: 2;
  list-style-type: disc; }

.obvestilo__body ul > li > ul {
  padding: 0 0 0 2rem; }

.obvestilo__body ul > li > ul > li {
  margin: 0;
  padding: 0 0 0 2rem;
  text-indent: 2;
  list-style-type: circle; }

.obvestilo__footer {
  font-size: 0.9rem;
  color: var(--igra-banner-logo-color); }

.highlight_vrednost {
  color: var(--igra-banner-logo-color);
  font-weight: bold; }

.obvestilo_item-short {
  width: 50%;
  text-align: left;
  align-self: baseline; }

.header__light {
  color: var(--color-text);
  text-shadow: #000000 2px 1px 3px; }

.obvestilo__info {
  box-shadow: 1px 0px 18px 27px #092943;
  background-color: #092943; }

.obvestilo__text {
  padding: 0rem 2rem; }

.obvestilo__image {
  background-image: url(/content/img/frontpage/largepics/egames-new/bg.jpg);
  background-size: cover;
  height: 10rem;
  width: 100%; }

.obvestilo_item-short-centered {
  width: 60%;
  align-self: baseline; }

.obvestilo__content-bonus {
  background-image: url(/content/img/frontpage/midpics/bonus2021/fpad-bonus-1600x640.jpg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #052742; }

.obvestilo__content-bonus-eigra {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: right;
  background-color: #052742; }

.header-highlight {
  text-transform: uppercase;
  text-shadow: #000000 2px 1px 3px; }

.obvestilo__label-colored {
  color: var(--igra-banner-logo-color);
  text-shadow: #000000 2px 1px 3px; }

@media screen and (max-width: 512px) {
  .obvestilo__item {
    font-size: 1rem;
    padding: 0.5rem; }
  .obvestilo__header {
    font-size: 1.25rem; }
  .obvestilo__text {
    padding: 0; }
  .obvestilo__footer {
    font-size: 0.75rem; } }
/* ---chatbot--- */
.chatbox_btn {
   position: fixed;
   width: 40px;
   height: 40px;
   left: 16px;
   bottom: 8px;
   border: none;
   color: white;
   text-align: center;
   text-decoration: none;
   display: inline-block;
   font-size: 16px;
   margin: 4px 2px;
   transition-duration: 0.4s;
   cursor: pointer;
   border-radius: 50px;
   background: var(--primary);
   z-index: 99;
   line-height: 52px;
}
.chatbox_wrapper {
   position: fixed;
   bottom: 70px;
   left: 16PX;
   visibility: hidden;
   width: 90vw;
   max-width: 500px;
}
.chatbox_wrapper.showing {
   z-index: 99;
   visibility: visible;
   background: white;
   border-radius: 1rem;
}

.chatbox_btn > img {
  width: 24px;
  height: 24px;

}