/* Official branding colors */
:root {
    --primary: #FFDF35;
    --primary-lighter-1: #FFE452;
    --primary-lighter-2: #FFE96F;
    --primary-lighter-3: #FFEE8C;
	--secondary: #222222;
	--secondary-lighter-1: #333333;
	--secondary-lighter-2: #3d3d3d;
	--secondary-lighter-3: #474747;
	--secondary-lighter-4: #00000059;
    --accent-red: #E63605;
    --accent-green: #B0D342;
    --accent-blue: #14809C;
    --accent-grey: #e1e1e1;
    --accent-grey-lighter: #f3f3f3;
	--cta-button-dark-inky-blue: #002035;
	--primray-text: #3F3B3A;
	--headerHeight: 56px;
	--paymentAmountNeutral: #A5A19D;
	--paymentAmountSuccess: var(--primary);
	--paymentAmountError: #E63605;
	--v2primary: #2E303B;
    --v2secondary: #41434D;
    --v2red: #F74835;
    --v2grey: #9B9B9B;
    --v2lightgrey: #BABABA;
    --v2lightergrey: #f7f7f7;
    --v2darkgrey: #DBDDE0;
    --v2green: #60b802;
    --v2filterWhite: invert(100%) sepia(6%) saturate(25%) hue-rotate(247deg) brightness(106%) contrast(107%);
    --v2white: #fff;
    --cashierCaretColor: #c0c0c0;
	--paymentAmountNeutral: #A9A9A9;
	--paymentAmountError: #F74835;
    --footer-box-hover: var(--secondary-lighter-2);
    --footer-text-hover: var(--primary);
    --header-background-color: var(--secondary);
    --header-box-shadow: 0px 0px 1px -1px rgba(0, 0, 0, 0.6);
    --header-button-padding: 5px;
    --header-countIndicator-background: var(--primary);
    --header-countIndicator-background-hover: #002035;
    --header-countIndicator-text: #002035;
    --header-button-focused-border-width: 0px;
    --header-logo-image-width: 120px;
    --header-nav-font-color: white;
    --header-nav-hover: white;
    --header-nav-hover-light: #4a4c58;
    --header-payment-icon-filter: none;
    --header-rightIcon-img-filter: none;
    --header-rightIconActive-background: var(--primary);
    --header-rightIconActive-img-filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%);
    --header-rightIconActive-text-hover: #012035;
    --home-icon-margin: 0px 0px 0px 5px;
    --breaker-color: white;
    --casino-background: #3F3B3A;
    --filter-icon-black: invert(17%) sepia(6%) saturate(0%) hue-rotate(141deg) brightness(95%) contrast(89%);
    --filter-icon-yellow: invert(94%) sepia(40%) saturate(5566%) hue-rotate(324deg) brightness(104%) contrast(106%);
    --filter-icon-white: invert(100%) sepia(0%) saturate(0%) hue-rotate(104deg) brightness(104%) contrast(104%);
    --product-scroller-background: var(--accent-grey-lighter);
    --product-scroller-background-hover: #E5E7EB;
}

body {
	margin: 0px;
	font-weight: normal;
	color: var(--primray-text);
	user-select: none;
	-o-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	text-size-adjust: none;
	-o-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-khtml-text-size-adjust: none;
	-webkit-text-size-adjust: none;
	overflow-x: hidden;
}

body.noScroll {
    overflow: hidden
}

@media (display-mode: standalone) {
	body {
		/* iPhone Homescreen Fix */
		height: 100vh; /* otherwise white margin is below the footer */
	}
 }
 
@font-face {
  font-family: 'ProzaDisplay';
  src: url('../fonts/ProzaDisplay/prozadisplay-light-webfont.woff2') format('woff2'),
       url('../fonts/ProzaDisplay/prozadisplay-light-webfont.woff') format('woff');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'ProzaDisplay';
  src: url('../fonts/ProzaDisplay/prozadisplay-lightitalic-webfont.woff2') format('woff2'),
       url('../fonts/ProzaDisplay/prozadisplay-lightitalic-webfont.woff') format('woff');
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: 'ProzaDisplay';
  src: url('../fonts/ProzaDisplay/prozadisplay-regular-webfont.woff2') format('woff2'),
       url('../fonts/ProzaDisplay/prozadisplay-regular-webfont.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'ProzaDisplay';
  src: url('../fonts/ProzaDisplay/prozadisplay-regularitalic-webfont.woff2') format('woff2'),
       url('../fonts/ProzaDisplay/prozadisplay-regularitalic-webfont.woff') format('woff');
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: 'ProzaDisplay';
  src: url('../fonts/ProzaDisplay/prozadisplay-semibold-webfont.woff2') format('woff2'),
       url('../fonts/ProzaDisplay/prozadisplay-semibold-webfont.woff') format('woff');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'ProzaDisplay';
  src: url('../fonts/ProzaDisplay/prozadisplay-semibolditalic-webfont.woff2') format('woff2'),
       url('../fonts/ProzaDisplay/prozadisplay-semibolditalic-webfont.woff') format('woff');
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: 'ProzaDisplay';
  src: url('../fonts/ProzaDisplay/prozadisplay-bold-webfont.woff2') format('woff2'),
       url('../fonts/ProzaDisplay/prozadisplay-bold-webfont.woff') format('woff');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'ProzaDisplay';
  src: url('../fonts/ProzaDisplay/prozadisplay-bolditalic-webfont.woff2') format('woff2'),
       url('../fonts/ProzaDisplay/prozadisplay-bolditalic-webfont.woff') format('woff');
  font-weight: 700;
  font-style: italic;
}

@font-face {
  font-family: 'ProzaDisplay';
  src: url('../fonts/ProzaDisplay/prozadisplay-extrabold-webfont.woff2') format('woff2'),
       url('../fonts/ProzaDisplay/prozadisplay-extrabold-webfont.woff') format('woff');
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: 'ProzaDisplay';
  src: url('../fonts/ProzaDisplay/prozadisplay-extrabolditalic-webfont.woff2') format('woff2'),
       url('../fonts/ProzaDisplay/prozadisplay-extrabolditalic-webfont.woff') format('woff');
  font-weight: 800;
  font-style: italic;
}

@font-face {
  font-family: 'ProzaDisplay';
  src: url('../fonts/ProzaDisplay/prozadisplay-black-webfont.woff2') format('woff2'),
       url('../fonts/ProzaDisplay/prozadisplay-black-webfont.woff') format('woff');
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: 'ProzaDisplay';
  src: url('../fonts/ProzaDisplay/prozadisplay-blackitalic-webfont.woff2') format('woff2'),
       url('../fonts/ProzaDisplay/prozadisplay-blackitalic-webfont.woff') format('woff');
  font-weight: 900;
  font-style: italic;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

body,
input,
textarea,
keygen,
select,
button,
#registrationPage .bonusSlogan, .bonusSloganBox {
	font-family: "Titillium Web", sans-serif;
}

#themeBackground {
	position: fixed;
	width: 100%;
	height: 100%;
    background-color: #fff;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    z-index: -1;
	transition: 1s opacity;
}

.notheme #themeBackground {
    opacity: 0;
}

.themeBackground .topEventsBox,
.themeBackground .bar,
.themeBackground .barmiddleleft,
.themeBackground .barmiddleright,
.themeBackground .barbottomleft,
.themeBackground .barbottomright,
.themeBackground .barbottom,
.themeBackground .bonusSloganBox,
.themeBackground .filterbar,
.themeBackground .link,
.themeBackground .spacer {
	background: #fff;
}

.themeBackground .topEventsBox .even,
.themeBackground .topEventsBox .odd,
 .themeBackground .footNote .link {
	background-color: transparent;
}

.themeBackground .link {
	margin-top: 0;
	padding-top: 15px;
}

.themeBackground .bartitle {
	background-color: var(--secondary-lighter-1);
}

.themeBackground .qbutton {
	background-color: rgba(255,255,255,0.8);
}

.themeBackground .qbutton.stopped {
	opacity: 0.9;
}

.selectable {
	user-select: initial;
	-o-user-select: initial;
	-moz-user-select: initial;
	-khtml-user-select: initial;
	-webkit-user-select: initial;
	text-size-adjust: initial;
	-o-text-size-adjust: initial;
	-moz-text-size-adjust: initial;
	-khtml-text-size-adjust: initial;
	-webkit-text-size-adjust: initial;
}

@media screen and (max-width: 300px) {
	body, button, #bonus h2, .form .submit, .form .textfield, .form .select {
		font-size: 14px;
	}
}
.clear {
	clear: both;
}
.page {
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: 0;
}

ul {
	margin-top: -10px;
}

form .barmiddle ul {
	margin: 0;
	padding: 0 20px;
}

.cms_richtext {
	padding-bottom: 10px;
}

.msgtext .cms_richtext {
	padding-bottom: 0;
}

.cms_richtext ul {
	margin-top: 0;
}

#install .icons.event_close,
#installAndroid .icons.event_close {
	width: 20px;
	height: 19px;
}

.icons.msg_error,
.icons.msg_warning,
.icons.msg_info,
.icons.msg_cashout {
	float: left;
	margin-left: -28px;
	margin-top: 9px;
	margin-right: 5px;
}

.icons.event_close{
	width: 19px;
	height: 19px;
	background: url("../img/event_close.png");
	background-size:  19px 19px;
}

.icons.msg_exclamationmark_yellow{
	width:29px;
	height:29px;
	background: url("../img/msg_exclamationmark_yellow.png");
	background-size:  29px 29px;
}
.icons.msg_checkmark_green{
	width:29px;
	height:29px;
	background: url("../img/msg_checkmark_green.png");
	background-size:  29px 29px;
}
.icons.msg_error{
	width:28px;
	height:28px;
	background: url("../img/msg_error.png");
	background-size:  28px 28px;
}
.icons.msg_info{
	width:28px;
	height:28px;
	background: url("../img/msg_info.png");
	background-size:  28px 28px;
}
.icons.msg_info_big{
	width:64px;
	height:56px;
	background: url("../img/msg_info_big.png");
	background-size:  64px 56px;
}
.icons.msg_warning{
	width:28px;
	height:28px;
	background: url("../img/msg_warning.png");
	background-size:  28px 28px;
}

.icons.information{
	width:20px;
	height:20px;
	background: url("../img/information.png");
	background-size:  20px 20px;
}

.icons.caution{
	width:31px;
	height:28px;
	background: url("../img/caution.png");
	background-size:  31px 28px;
}

.msg_groupError {
	background: var(--primary);
	border-radius: 5px;
}

.msg_groupError .msgtext {
	padding: 5px 0 5px 2px;
	margin-left: 30px;
}

.msgtext .icons.msg_success {
    float: left;
    margin-top: 6px;
    background: url("../img/msg_checkmark_green.png");
    background-position: 0;
    background-size: 29px;
    height: 29px;
    width: 29px;
}

#noscript {
	background-color: #f00;
    font-size: 20px;
    color: #fff;
    text-align: center;
    padding: 20px 0px;
    z-index: 10000;
    position: absolute;
    width: 100%;
}

/* Helper Classes */

/* Truncate-1 does not work, use overflow-ellipsis */
.overflow-ellipsis {
	overflow: hidden;
	text-overflow: ellipsis;
}

.truncate-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    white-space: normal;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
}

.truncate-3 {
	overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    white-space: normal;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
}

.truncate-4 {
	overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    white-space: normal;
    text-overflow: ellipsis;
    -webkit-line-clamp: 4;
}

/* 404 Page */

#pageNotFound .warning_1 {
	width: 95%;
	background-color: white;
	border: 1px solid var(--primary);
	margin-top: 10px;
	margin-left: 2.5%;
	padding-top: 10px;
}

#pageNotFound .wrap {
	position: relative;
}

#pageNotFound .wrap .oops {
	position: absolute;
	background: url("../img/404-oops.png") left bottom no-repeat;
	background-size: 94px;
	height: 144px;
	width: 99px;
	left: 2%;
	bottom: 0;
}

#pageNotFound .macro {
	padding: 11px 30px 11px 30px;
	margin-left: 80px;
	color: #666666;
}

#pageNotFound h1 {
	font-size: 16px
}

#pageNotFound .barmiddle .text {
	padding-top: 5px;
}

#pageNotFound .barbottom .text {
	font-weight: bold;
}

@media screen and (max-height: 278px) and (orientation : portrait) {
	/*Hide footer when keyboard is shown (webkit).*/
	.appfooter {
		display: none;
	}
	#body {
		-webkit-transform: translate3d(0px,0px,0px);
	}
	#page1,
	#page2 {
		height: 278px !important;
		-webkit-backface-visibility: hidden;
	}
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	/*Show footer on windows phones.*/
	.appfooter {
		display: block !important;
	}
}

.iosAppModeInputFocused .appheader,
.iosAppModeInputFocused .appfooter {
	position: static !important;
}

.iosAppModeInputFocused .scroll_wrapper {
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}
/* END ios7(gm) bugfixes */

/*
	Ausschliesslich Styles fuer css.html in dieser Datei!
*/

.db {			/* debug border */
	border: 1px solid black;
}
.rb {			/* debug border */
	border: 1px solid red;
}
.yb {			/* debug border */
	border: 1px solid yellow;
}
.small {
	font-size: 12px;
}
.standard {
	font-size: 16px;
}
.normal{
	font-weight: normal;
}
.bold {
	font-weight: bold;
}
.spacer {
	height: 10px;
}

body,.page {
	background: rgba(0, 0, 0, 0);
	transition: 0;
}

.notheme, .notheme .page {
	background: #fff;
	opacity: 1;
}

.notheme {
	color: var(--primray-text);
}

.noapp body {
	overflow-x: hidden;
	overflow-y: scroll;
}

.arrow_blue_up {
	background: url('../img/arrow_blue_up.png') right center no-repeat transparent;
	background-size: 20px 20px;
}
.arrow_blue_down {
	background: url('../img/arrow_blue_down.png') right center no-repeat transparent;
	background-size: 20px 20px;
}
.selected.arrow_blue_up {
	background: url('../img/arrow_blue_up.png') right center no-repeat var(--primary);
	background-size: 20px 20px;
}
.selected.arrow_blue_down {
	background: url('../img/arrow_blue_down.png') right center no-repeat var(--primary);
	background-size: 20px 20px;
}
.event .selected.arrow_blue_down {
	background: url('../img/arrow_blue_down.png') right center no-repeat transparent;
	background-size: 20px 20px;
}
.event .selected.arrow_blue_up {
	background: url('../img/arrow_blue_up.png') right center no-repeat transparent;
	background-size: 20px 20px;
}
.event .arrow_blue_down,
.event .arrow_blue_up {
	padding-left: 30px;
}

.arrow_grey_up, .arrow_blk_down {
	background-position: center;
	background-repeat: no-repeat;
	background-color: transparent;
	background-size: 11.5px 6px;
}

.arrow_grey_up {
	background-image: url('../img/arrow_grey_up.png');
}

.arrow_blk_down {
	background-image: url('../img/arrow_blk_down.png');
}

.selected.arrow_grey_up,
.selected.arrow_blk_down {
	background-color:  var(--primary);
}

.event .selected.arrow_blk_down ,
.event .selected.arrow_grey_up {
	background-color: transparent;
}

.event .arrow_blk_down,
.event .arrow_grey_up {
	padding-left: 30px;
}

.arrow {
	background: url('../img/arrow-slim.png') 97.5% center no-repeat transparent;
	background-size: 8.5px 15px;
}

.arrowdown {
	background: url('../img/arrowB.png') right center no-repeat #FFFFFF;
	background-size: 25px 20px;
}

.selected, .selected .cell .value, .selected .value {
	color: #FFFFFF;
}

.selected .label{
	color: #000000;
}

.statsIcon {
	background: url('../img/stats.png') right center no-repeat transparent;
}
.helpIcon {
	background: url('../img/help.png') center center no-repeat transparent;
	background-size: 70%;
}

.active:active,
.selected,
.selected.submit,
.msgtextbg[onclick^="go('"]:active .text {
	color: #FFFFFF;
	background: var(--primary);
}

input.active:active {
    color: var(--secondary-lighter-1);
    background-color: #fff;
}

.selected.arrow,
.selected .arrow,
.arrow:active {
	background-color: var(--primary);
	background-repeat: no-repeat;
}

.selected.navup {
	background:url('../img/arrowUSel.png') var(--primary) center center no-repeat;
	background-size: 25px 20px, auto;
}

.selected.navdown {
	background:url('../img/arrowBSel.png') var(--primary) center center no-repeat;
	background-size: 25px 20px, auto;
}

*::-webkit-input-placeholder {
  color: var(--secondary-lighter-3);
}
*::-moz-placeholder {
  color: var(--secondary-lighter-3);
}
*:-ms-input-placeholder {
    color: var(--secondary-lighter-3);
}
*:-moz-placeholder {
    color: var(--secondary-lighter-3);
}

/* --- bar --- */
.bartitle .text,.bar .cell,
.barmiddleleft .text,
.barmiddleright .text,
.barbottomleft .text,
.barbottomright .text,
.barmiddle .text,
.bartop .text,
.barbottom .text {
	font-weight: normal;
	background-image: none;
}

.iconbar .text {
	box-sizing: border-box;
	padding: 0;
	overflow: hidden;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.bar,
.bartop,
.bartitle,
.barmiddle,
.barmiddleleft,
.barmiddleright,
.barbottomleft,
.barbottomright,
.barfinish,
.barbottom,
.navitem,
.navup,
.navdown,
.edtitle {
	width: 100%;
	background-color: white;
	padding-left: 2.5%;
	padding-right: 2.5%;
	box-sizing: border-box;
	overflow: hidden;
}

.singlebar,
.barmiddle.singlebar,
.barbottom.singlebar {
	padding-left: 0;
	padding-right: 0;
	table-layout: fixed;
}

.barmiddle.full {
	padding-right: 0;
}

.bartitle {
	border-bottom: 1px solid var(--secondary-lighter-4);
	background-color: var(--secondary-lighter-1);
}

.bartitle .text {
	font-weight: bold;
	text-transform: uppercase;
}

.blank {
	width: 100%;
}

.navitem.w100 {
	padding-bottom: 1.3%;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.bar, .bartop,
.bartitle,
.barmiddle,
.barbottom {
	display: table;
}

form .barmiddle,
form .barbottom {
	table-layout: fixed;
}

.text .normal,
.text.normal {
	font-weight: normal;
}

.text.amount {
    white-space: nowrap;
}

.center {
	text-align: center;
}

.space_2 {
	height: 2px;
}

.space_10 {
	height:10px;
}

.bar {
	margin-top: 10px;
}

.bartop {
	margin-top: 10px;
}

.betmatrix .head,
.betmatrix .foot {
	background: #fff;
	background-image: none !important;
	color: var(--secondary-lighter-1);
	font-weight: bold;
}

.bartitle.bartitlebutton > .text {
	width: 100%;
	padding-top: 3px;
	padding-left: 0;
}

.cashoutButton_wrapper {
	width: 100%;
	text-align: center;
	margin-top: 10px;
	height: 42px;
	position: relative;
	margin-bottom: 10px;
}

.cashoutButton_wrapper .button.cashout {
	min-width: 180px;
	position: relative;
}

.button.cashout {
	position: relative;
	width: 40%;
	min-width: 148px;
	height: 100%;
	display: inline-block;
}

.tlitem .button.cashout {
	position: absolute;
	z-index: 3;
}

.button.cashout button {
	width: 100%;
	height: 100%;
	background-color: var(--primary);
	background-image: none;
	color: var(--accent-grey-lighter);
	margin: 0;
	padding: 0;
}

.button.cashout .text {
	position: absolute;
    display: flex;
	width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: white;
	line-height: 35px;
	font-size: 15px;
	font-weight: bold;
}

.button.cashout .text span {
	font-size: 14px;
	text-transform: uppercase;
	padding-right: 2px;
}

.button.cashout .inner {
	position: relative;
    width: 100%;
    height: 100%;
}

.button.cashout .filling {
	width: 0%;
    height: 100%;
    transition-timing-function: ease-in-out;
    transition-duration: 2s;
	background-color: var(--secondary);
	color: var(--accent-grey-lighter);
}

.bartitle.bartitlebutton .button button .text.bb_green,
.button.cashout .filling.bb_green {
	background: var(--primary);
}

.button.cashout .bb_green {
	background: var(--primary-lighter-1);
	border-color: var(--primary-lighter-1);
}

.bartitle.bartitlebutton .button button .text.bb_red,
.button.cashout .filling.bb_red {
	background: var(--primary);
}

.button.cashout .bb_red {
	background: var(--accent-red);
	border-color: var(--accent-red);
}

.button.cashout button:focus {
	background: var(--primary);
	border-color: var(--primary);
}

.bartitle.bartitlebutton .button button:focus {
	background: inherit;
	border-color: inherit;
	outline: none;
}

.bartitle.bartitlebutton .button button:focus .text {
	background: var(--primary);
	border-color: var(--primary);
}

.betmatrix {
	background-color: #ffffff;
	border-spacing: 0;
	overflow: hidden;
	margin-top: 10px;
	margin-left: 2.5%;
}

.betmatrix .head td,
.betmatrix .foot td {
	font-weight: bold;
}

.betmatrix td {
	border-top: 1px solid var(--secondary-lighter-3);
	height: 44px;
	min-width: 35px;
}

.betmatrix .left {
	text-align: left;
	padding-left: 7px;
}

.betmatrix .right {
	text-align: right;
	padding-right: 7px;
}

.betmatrix .value {
	padding-right: 7px;
}

.barmiddle {
	border-top: 1px solid var(--secondary-lighter-4);
}
.barmiddle.noborder,
.barbottom.noborder,
.navitem.noborder,
.ticketitem.noborder,
.event.noborder {
	border-top: none;
}

.navitem + .navtitle {
	border-top: 2px solid var(--secondary-lighter-4);
}

.barbottom,
.barbottom .event.selected {
	border-top: 1px solid var(--secondary-lighter-4);
}

.barfinish {
	height: 10px;
}

.barfinish.half {
	height: 1px;
	margin-top: 4px;
    background-color: rgba(0, 0, 0, 0.1);
}

.barmiddleleft,
.barbottomleft,
.barmiddleright,
.barbottomright {
	border-top: 1px solid var(--secondary-lighter-4);
}

.barbottomright.last {
	border-bottom: 1px solid var(--secondary-lighter-4);
}

.barbottom.center .text {
	padding-right: initial;
}

.separator {
	margin-top: 5px;
}

.link {
	width:100%;
	margin-top:10px;
	text-align:center;
}

.link a {
	text-decoration:none;
	color: var(--secondary-lighter-1);
}

.noapp .cell,
.noapp .icon,
.noapp .text,
.noapp .value,
.noapp .label {
	overflow-x: hidden;
}

.noapp .cell {
	overflow-x: visible;
}

.cell,
.icon,
.text,
.value,
.label {
	display: table-cell;
	vertical-align: middle;
}

.wrap > .text {
    display: block;
}

.cell,
.text,
.value,
.label:not(div.embeddedServiceSidebar .label)  {
	height: 44px;
}

.bartitle .text,
.bartitle .value {
	height: 35px;
	padding-left: 2px;
	padding-bottom: 4px;
	color: white;
}

.bartitle .text {
	padding-top: 2px;
	color: white;
}

.halfsize .cell,
.halfsize .text,
.halfsize .value,
.halfsize .label {
	height: 22;
}

.halfsize .value {
	padding-right: 0;
}

.icon,
.icon + .text,
div.hidden + .text,
.date + .text,
form .barmiddle .value,
.value,
.label {
	padding-left: 7px;
}

.icon {
	width: 24px;
}

.icon.right {
	padding-right:7px;
	padding-left:5px;
}

.value {
	text-align: right;
	padding-right: 5%;
}

.value2 {
	padding-right: 10px;
}

.pr_7,
#personalDetails.form .value.pr_7 {
	padding-right: 0;
	text-overflow: ellipsis;
	overflow: hidden;
}

#personalDetails.form .value.pr_7 {
	white-space: nowrap;
}

.pr_7.value.bankName {
    max-width: calc(100vw - 50px);
}

.barmiddle.arrow .value.pr_7 {
	padding-right: 10%;
}

.accountOverview .barmiddle.account {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: 25px;
    min-height: 44px;
}

.accountOverview .barmiddle.account .text {
    height: auto;
}

.accountOverview .balanceBar .value.pr_7.casino,
.accountOverview .balanceBar .value.pr_7.sport,
.accountOverview .balanceBar .value.pr_7.balance {
    float: left;
    line-height: initial;
    height: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 5px;
    position: relative;
    display: inline-block;
    text-align: right;
    font-size: 14px;
}

.accountOverview .balanceBar .value.pr_7.casino span,
.accountOverview .balanceBar .value.pr_7.sport span,
.accountOverview .balanceBar .value.pr_7.balance span {
    padding-left: 22px;
    position: relative;
    background-image: none;
    display: inline-block;
    text-align: left;
}

.accountOverview .balanceBar .value.pr_7.casino span:before,
.accountOverview .balanceBar .value.pr_7.sport span:before,
.accountOverview .balanceBar .value.pr_7.balance span:before {
    position: absolute;
    height: 100%;
    width: 21px;
    left: 0;
    top: 0;
    overflow: hidden;
    content: '';
    background-size: auto 15px;
    background-position: left center;
    background-repeat: no-repeat;
}

.accountOverview .balanceBar .value.pr_7.sport span:before {
    background-image: url('../img/sprites_sources/sports/soccer.png');
    background-position: center;
}

.accountOverview .balanceBar .value.pr_7.casino span:before {
    background-image: url('../img/sprites_sources/categories/casino.png');
    background-position: center;
    background-size: auto 21px;
}

.toPlayInfo {
	padding: 5px 2.5% 10px 2.5%;
	font-size: 12px;
	border-top: 1px solid var(--secondary-lighter-4);
}

.toPlayProduct {
	border-top: 1px dashed var(--secondary-lighter-4);
}

.promotionTilesContainer {
	display:flex;
	overflow: auto;
	padding: 0 calc(2.5% - 6px) 5px 10%;
	-webkit-overflow-scrolling: touch;
	scroll-snap-type: x mandatory;
	scroll-padding: 2%;
}

.promotionTilesContainer::-webkit-scrollbar {
	background: transparent;
	height: 0
}

.promotionTilesContainer:after {
	content: ".";
	color: #fff;
}

.bonusRowTitle{
	display: flex;
	justify-content: center;
	padding: 0px 45px 0px 45px;
}

.bonusTile{
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 10px;
    width: 288px;
    min-width: 288px;
	box-sizing: border-box;
    margin: 5px 20px 5px 0px;
    border: 1px solid var(--secondary-lighter-4);
    scroll-snap-align: center;
    font-size: 13px;
}

.bonusTile .name{
	font-weight: 900;
	font-size: 14px;
	margin-top: 10px;
	text-transform: uppercase;
	text-align: center;
}

.cmsPromotion .bonusTile{
	height: 420px;
}

.bonusTile .description{
	margin-top: 10px;
	font-size: 14px;
	font-weight: 900;
	line-height: 1.14;
	text-align: center;
	color: var(--primray-text);
}

.bonusTile .awardedAmount{
	margin-top: 5px;
	font-size: 13px;
	font-weight: 600;
	text-align: center;
	color: var(--primary);
}

.bonusTile .expiresOn{
	font-size: 13px;
	font-weight: 600;
	text-align: center;
	color: var(--primary);
}

.cmsPromotion .bonusTile .description{
	margin-top: 10px;
	font-size: 13px;
    text-align: center;
    font-weight: normal;
    font-family: inherit;
}

.bonusTile .headerImages{
	display: flex;
}

.bonusTile .progressCircleContainer{
	display: flex;
	width: 135px;
	height: 62px;
}

.bonusTile .thumbnail{
	width: 268px;
    height: 123px;
	background-size: 100%;
}

.activeBonus .bonusTile  .thumbnail{
	width: 135px;
	height: 62px;
}

.activeBonus .bonusProduct .selected .sportsBookIcon,
.activeBonus .bonusProduct .selected .casinoIcon{
	background-color: white;
    -webkit-mask-image: url(../img/bonus_sports.svg);
    mask-image: url(../img/bonus_sports.svg);
	background-image: none;
}

.activeBonus .bonusProduct .selected .casinoIcon{
	-webkit-mask-image: url("../img/bonus_casino.svg");
	mask-image: url("../img/bonus_casino.svg");
}

.bonusTile .properties {
	width: 100%;
	margin-top: 5px;
}

.bonusTile .bonusProduct {
	display: flex;
	font-size: 14px;
	font-weight: bold;
	min-height: 35px;
}

.bonusTile .properties .bonusProduct>div{
	flex: 1 1 1px;
	border: solid 1px var(--secondary);
	display: flex;
	justify-content: center;
	align-items: center;
}

.bonusTile .bonusProduct .casino.SPORTSBOOK,
.bonusTile .bonusProduct .sportsBook.CASINO{
	color: var(--secondary-lighter-3);
	background-color: var(--accent-grey-lighter);
}

.bonusTile .sportsBookIcon {
	width: 20px;
	height: 20px;
	background-size: contain;
	background-image: url("../img/bonus_sports.svg");
	margin-right: 10px;
}

.bonusTile .casinoIcon {
	width: 20px;
	height: 20px;
	background-size: contain;
	margin-right: 10px;
	background-image: url("../img/bonus_casino.svg");
}

.bonusTile .values{
	background-color: var(--accent-grey-lighter);
}

.bonusTile .values span{
    max-width: 160px;
}

.bonusTile .values>div{
	padding: 10px 10px 10px 10px;
	display: flex;
	justify-content: space-between;
	border-bottom: dashed 1px white;
}

.bonusTile .values .SPORTSBOOK.last,
.bonusTile .values>div:last-child{
	border-bottom: initial
}

.bonusTile .turnoverHistory,
.bonusTile .bonusConditions{
	display:flex;
	justify-content: center;
	align-items: center;
	margin: 10px 0 10px 0;
	text-decoration: underline;
}

.bonusTile .bonusConditionsIcon,
.bonusTile .turnoverHistoryIcon{
	width: 16px;
	height: 16px;
	margin-right: 7px;
	margin-top: 1px;
	filter: brightness(0.3);
	background-image: url(../img/icon_info.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.bonusTile .turnoverHistoryIcon{
	background-image: url(../img/bonus_history.png);
}

.bonusTile .casinoGamesThumbnailsWrapper{
	display: flex;
	justify-content: center;
	margin-top: 10px;
}

.bonusTile .casinoGamesThumbnails{
	display: flex;
    overflow: auto;
}

.bonusTile .casinoGameThumbnail{
    width: 100px;
    height: 100px;
    object-fit: cover;
    object-position: center;
	margin-right: 10px;
}

.bonusTile .casinoGameThumbnail:last-child{
	margin-right: 0px;
}

.bonusTile .ctasContainer,
.distributedBonusLayer .ctasContainer,
.distributedBonusLayer .ctasContainer{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	width: 100%;
	height: 100px;
}

.welcomeOfferTile .ctaWrapper,
.bonusTile .ctaWrapper,
.distributedBonusLayer .ctaWrapper,
.distributedBonusLayer .ctaWrapper{
	width: 90%;
	height: 40px;
	margin: 15px 0px 5px 0;
	position: relative;
	display: flex;
    justify-content: center;
    align-items: center;
	color: white;
	font-weight: 800;
	font-size: 16px;
	background-color: var(--primary);
}

.ctaWrapper span{
	max-width: 220px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 2;
}

.welcomeOfferTile .ctaArrow,
.bonusTile .ctaArrow,
.distributedBonusLayer .ctaArrow,
.distributedBonusLayer .ctaArrow{
	width: 35px;
    height: 45px;
    position: absolute;
    right: 0px;
}

.distributedBonusLayer .bonusConditions .container{
	height: 70vh;
	overflow: auto;
}

.bonusTile .secondCtaWrapper{
	margin: 0 0 0 0;
}

.bonusTile .progressCircleContainer{
	background: var(--accent-grey-lighter);
}

.bonusTile .circle-wrap {
  margin: 10px 0 0 10px;
  width: 44px;
  height: 44px;
  background: var(--secondary);
  border-radius: 50%;
  position:relative;
}

.bonusTile .circle-wrap .circle .mask,
.bonusTile .circle-wrap .circle .fill {
  width: 44px;
  height: 44px;
  position: absolute;
  border-radius: 50%;
}

.bonusTile .mask .fill {
  clip: rect(0px, 22px, 44px, 0px);
  background-color: var(--primary);
}

.bonusTile .circle-wrap .circle .mask {
  clip: rect(0px, 44px, 44px, 22px);
}

.bonusTile .circle-wrap .inside-circle {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background:var(--accent-grey-lighter);
  line-height: 38px;
  text-align: center;
  margin-top: 8px;
  margin-left: 8px;
  position: absolute;
  z-index: 100;
  font-weight: 700;
}

.bonusTile .turnoverContainer{
	width: 100%;
    text-align: center;
	font-weight: 500;
}

.bonusTile .percentageTurnover{
	margin-top: 10px;
	color: var(--primary);
	font-size: 13px;
}

.bonusTile .completedLabel{
	font-size: 8px;
}


.paginationDots{
	display: flex;
	justify-content: center;
	padding-bottom: 15px
}

.paginationDot {
	width: 7px;
    height: 7px;
    border: var(--secondary-lighter-4) 1px solid;
    border-radius: 15px;
    background: var(--secondary-lighter-4);
	margin: 10px 7px 0px 0px;
}

.paginationDot.active{
	border-color: black;
	background: black;
}

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

.welcomeOfferTile {
	position:relative;
	width: 266px;
	min-width: 266px;
	height: 331px;
	margin-right: 20px;
	background: white;
	padding: 10px;
	scroll-snap-align: center;
	border: solid 1px var(--secondary-lighter-4);
}

#welcomeOffers div:last-child{
	margin-right: initial;
}

.welcomeOfferTile .name,
#dialogByFunModeLayer .imageContainer .name,
.casinoWelcomeContainer .casinoWelcomeBonusLayer .imageContainer .name{
	position: absolute;
    top: 20px;
	left: 25px;
	color: white;
    font-size: 21px;
	line-height: 20px;
    font-weight: 600;
    text-align: center;
	width: 250px;
}

#dialogByFunModeLayer .imageContainer .name,
.casinoWelcomeContainer .casinoWelcomeBonusLayer .imageContainer .name{
    left: 50%;
    transform: translateX(-50%);
}

.welcomeOfferTile .thumbnail {
	position:relative;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	background-size: cover;
    background-position: center;
}

.welcomeOfferTile .ctaWrapper {
	width: 250px;
	position: absolute;
    bottom: 32px;
	left: 20px;
	text-align: center;
	color:white
}

.bonusTilesContainer {
	display:flex;
	overflow: auto;
	border-top: 1px solid var(--secondary-lighter-4);
	padding: 0 calc(2.5% - 6px);
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
    scroll-padding: 2%;
}

.bonusTilesContainer::-webkit-scrollbar {
    background: transparent;
    height: 0
}

.bonusTilesContainer:after {
    content: ".";
    color: #fff;
}

.tileContainer,
.emptyBonusBalance {
    display: flex;
    flex-direction: column;
    width: 70vw;
    min-width: 70vw;
    margin: 12px 7px 7px 7px;
    box-shadow: 0 1px 2px 2px rgba(000,000,000,0.15);
    border-radius: 5px;
    scroll-snap-align: start;
}

.emptyBonusBalance {
    padding: 10px;
    text-align: center;
    justify-content: center;
    width: auto;
    min-height: 50px;
    box-shadow: 0 1px 2px 2px rgba(000,000,000,0.05);
}

.tileContainer:only-child  {
    width: 100%;
    margin-left: 11px;
}

.tileContainer .headerTabs {
	display: flex;
	justify-content: space-around;
	font-size: 13px;
}

.tileContainer .headerTabs > div {
	background-color: var(--secondary-lighter-4);
}

.tileContainer .headerTabs .PLATFORM.selected,
.tileContainer .headerTabs .sportsBook.SPORTSBOOK,
.tileContainer .headerTabs .casino.CASINO {
	border-bottom: none;
	background: none;
	color:initial;
}

.tileContainer .headerTabs .casino.SPORTSBOOK,
.tileContainer .headerTabs .sportsBook.CASINO {
	opacity: 0.5;
}

.tileContainer .headerTabs > div {
	flex: 1 1 1px;
	display: flex;
	justify-content: center;
    padding: 5px 10px;
}

.tileContainer .tileBody {
    padding: 10px 12px 5px 12px;
    font-size: 12px;
    flex: 1;
    display: flex;
    flex-direction: column;
}

.tileContainer .description {
	padding-left: 28px;
	margin-bottom: 6px;
}

.tileContainer .description .name {
	font-weight: bold;
    font-size: 15px;
    line-height: 17px;
}

.tileContainer .description .date {
	font-size: 10px;
	font-weight: bold;
	margin-top: 2px;
}

.tileContainer .playableBalance {
    font-weight: bold;
    padding: 3px 0 6px 0;
    margin-top: auto;
}

.tileContainer .balanceValue {
    margin-left: 5px;
}

.tileContainer .blockedAmount .balanceValue {
    color: var(--primary);
}

.tileContainer .bonusAmount .balanceValue {
    color: var(--primary);
}

.tileContainer .tileBody > .footnote {
    justify-content: flex-end;
    padding: 5px 0;
    font-size: 10px;
}

.tileBody > div:not(.nameContainer) {
	display: flex;
	justify-content: space-between;
	overflow: hidden;
}

.tileContainer .progressBar {
    border: 2px solid var(--primary);
    border-radius: 3px;
    height: 18px;
    box-sizing: border-box;
    margin-top: 5px;
}

.tileContainer .progressBar span {
    background: var(--primary);
    display: block;
    margin: 1px;
    height: 12px;
    border-radius: 3px 0 0 3px;
}

.tileBody > div.label {
    justify-content: center;
    text-align: center;
    display: block;
    font-size: 10px;
    font-weight: 600;
    margin: 2px 0 1px 0;
    height: initial;
}

/* --- Special Login Bonus Layer BEGIN --- */

.distributedBonusLayer{
	background-color: var(--secondary);
	color: white;
	text-align: center;
	height: calc(100vh - 80px)
}

.distributedBonusLayer .promo .info{
	height: 70vh;
}

.distributedBonusLayer .startGif,
.distributedBonusLayer .confirmedGif {
	display: flex;
    justify-content: center;
	margin-bottom: 50px;
}

.distributedBonusLayer img {
	width: 264px;
	height: 264px;
}

.distributedBonusLayer .title{
	text-transform: uppercase;
	font-size: 24px;
	font-weight: 900;
	color: white;
	text-align: center;
	padding-top: 15px;
}

.distributedBonusLayer .ctasContainer{
	height: 40px;
}

.distributedBonusLayer .ctaWrapper{
	width: 264px;
}

.distributedBonusLayer .cancel .ctaWrapper{
	background-color: transparent;
	padding-top: 0px;
	border: 1px solid white;
}

.distributedBonusLayer .cancel.ctasContainer{
	padding-top: 0px;
	margin-top: 0px;
}

.distributedBonusLayer .reward{
	height: 50px;
	margin-bottom: 30px;
	font-size: 20px;
	font-weight: 800;
	border-left: 6px solid var(--primary);
	border-right: 6px solid var(--primary);
}

.distributedBonusLayer .rewardIntroduction {
	text-transform: uppercase;
	color: var(--primary);
}

.distributedBonusLayer .infoIcon {
	background-image: url("../img/icon_info.png");
	display: inline-block;
    filter: brightness(10);
    min-width: 15px;
    height: 15px;
	margin-right: 10px;
	background-size: cover;
}

.distributedBonusLayer .bonusDetailsLink {
	display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
	text-decoration: underline;
	margin-top: 30px;
}

.distributedBonusLayer .arrowDown {
	height:14px;
	display: flex;
	justify-content: center;
	margin:10px 0 10px 0;
}

.distributedBonusLayer .arrowDown div{
	width:23px;
	background-image: url("../img/distributedBonus/arrowDown.png");
	background-size: cover;
}

/* --- Special Login Bonus Layer END --- */

/* --- Special Login Bonus Layer BEGIN --- */

.distributedBonusLayer{
	background-color: var(--secondary);
	color: white;
	text-align: center;
	height: calc(100vh - 80px);
	background-size: cover;
}

.distributedBonusLayer .startGif,
.distributedBonusLayer .confirmedGif {
	display: flex;
    justify-content: center;
}

.distributedBonusLayer img {
	width: 264px;
	height: 264px;
}

.distributedBonusLayer .title{
	text-transform: uppercase;
	font-size: 24px;
	font-weight: 900;
	color: white;
	text-align: center;
	padding-top: 15px;
}

.distributedBonusLayer .ctasContainer{
	height: 40px;
}

.distributedBonusLayer .ctaWrapper{
	width: 264px;
}

.distributedBonusLayer .cancel .ctaWrapper{
	background-color: transparent;
	padding-top: 0px;
	border: 1px solid white;
}

.distributedBonusLayer .cancel.ctasContainer{
	padding-top: 0px;
	margin-top: 0px;
}

.distributedBonusLayer .reward{
	margin-bottom: 10px;
	font-size: 20px;
	font-weight: 800;
	border-left: 6px solid var(--primary);
	border-right: 6px solid var(--primary);
}

.distributedBonusLayer .rewardIntroduction {
	text-transform: uppercase;
	color: var(--primary);
}

.distributedBonusLayer .infoIcon {
	background-image: url("../img/icon_info.png");
	display: inline-block;
    filter: brightness(10);
    min-width: 15px;
    height: 15px;
	margin-right: 10px;
	background-size: cover;
}

.distributedBonusLayer .bonusDetailsLink {
	display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
	text-decoration: underline;
	margin-top: 30px;
}

.distributedBonusLayer .arrowDown {
	height:14px;
	display: flex;
	justify-content: center;
	margin:10px 0 10px 0;
}

.distributedBonusLayer .arrowDown div{
	width:23px;
	background-image: url("../img/distributedBonus/arrowDown.png");
	background-size: cover;
}

/* --- Special Login Bonus Layer END --- */

.cell.bold {
	font-weight:bold;
}

/* --- nav --- */

.navtitle {
	background: var(--accent-grey-lighter);
}

.navtitle.navsub {
	color: var(--accent-grey-lighter);
    position: sticky;
    position: -webkit-sticky;
    top: var(--headerHeight);
    z-index: 100;
}

.navtitle.borderBot {
	border-bottom:1px solid var(--accent-grey-lighter);
}

.navtitle.navsub.delete .text {
	color: var(--secondary-lighter-2);
}

.navtitle .text {
	padding-left: 0;
 }

.navtitle .tlsubitem > .text {
	padding-left: 7px;
}

.navtitle .tlsubitem .icon + .text {
	overflow: hidden;
	text-overflow: ellipsis;
	padding-left: 5px;
	max-height: 25px;
	height: auto;
    line-height: 12px;
    max-width: initial;
}

.navtitle .icon,
.navtitle .text {
	display: flex;
	align-items: center;
	height: 26px;
}

.navtitle .deleteOldTickets,
.navtitle .downloadPage {
	text-align: center;
	padding-left: 30px;
	padding-right: 18px;
	margin-right: 8px;
	cursor: pointer;
	float: right;
}

.navtitle .downloadPage {
	text-align: center;
	padding-left: 30px;
	padding-right: 18px;
	padding-right: calc(20px + 15%);
	margin-right: 0;
	cursor: pointer;
	float: right;
}

.navtitle .deleteOldTickets {
	background: url('../img/trash.png') center right no-repeat;
	background-size: 10.5px 13px;
}

.navtitle .downloadPage {
	background: url('../img/downloadPage.png') 90% center no-repeat;
	background-size: 16px 16px;
	min-height: 40px;
	line-height: 40px;
}

.navtitle .downloadPage.selected {
    color: var(--primary);
}

.navtitle .depositWithdrawalFilter {
	display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 5px 10px;
    border: 1px solid var(--secondary-lighter-4);
    border-top: none;
    border-bottom: none;
    background: #fff;
    color: var(--secondary-lighter-2);
    text-align: center;
    min-height: 36px;
    margin: 0;
    box-sizing: border-box;
    font-size: 12px;
    min-height: 40px;
    font-weight: 100;
    position: relative
}

.navtitle .depositWithdrawalFilter.active {
    background: var(--accent-grey-lighter);
}

.navtitle .depositWithdrawalFilter.active:after {
	content: '';
	position: absolute;
	z-index: 2;
	bottom: 1px;
	left: 48%;
	left: calc(50% - 4px);
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 4px 5px 4px;
	border-color: transparent transparent var(--secondary-lighter-2) transparent;
}

.navtitle .icon {
    text-align: center;
    width: 48px;
    padding-left: 0;
}

.navtitle .icon .sports_small {
    margin: 0 auto;
    max-height: 15px;
}

.navitem {
    border-top: 1px solid var(--secondary-lighter-4);
    display: table;
}

.navtitle .tlsubitem {
    display: flex;
    height: auto;
    height: 28px;
    align-items: center;
}

.navtitle .tlsubitem.filter {
    display: table;
}

.navtitle .tlsubitem .icon {
    height: initial;
    justify-content: center;
    align-items: center;
    display: flex;
    flex: 0 0 48px;
}

.navtitle .tlsubitem .sports {
    margin: 0;
    transform: scale(0.5);
}

.navtitle .icon .country {
    width: 15px;
    height: 15px;
    margin: -1px 0 0 0;
    border: 1px solid var(--secondary-lighter-4);
    max-height: 11px;
    object-fit: cover;
}

.navtitle .icon.CHE .country {
    width: 10px;
    height: 10px;
    object-fit: none;
}

.navitem {
	border-top: 1px solid var(--secondary-lighter-4);
	display: table;
}

.navitem .account {
    display: table;
    width: 100%
}

.navitem .twoline {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
	justify-content: space-between;
	width: 100%;
    padding: 8px 0 1px 0;
    font-size: 14px;
}

.navitem .twoline.second {
    padding: 1px 0 8px 0;
}

.navitem .text.normal,
.navitem .label.normal,
.navitem .cell .normal {
	font-weight: normal;
}

.navitem .twoline .text.normal {
    overflow: hidden;
}

.navitem .twoline .text.normal span {
    overflow: hidden;
    text-overflow: ellipsis;
}

.navitem .twoline .text.normal,
.navitem .twoline .value {
    height: initial;
    color: black;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
	-webkit-align-items: center;
	-ms-flex-align: center;
    align-items: flex-start;
    box-sizing: border-box;
    font-weight: bold;
    text-transform: uppercase;
}

.navitem .twoline .value {
    font-weight: 100;
    text-transform: initial;
}

.navitem .twoline.second .text.normal,
.navitem .twoline.second .value {
    color: var(--secondary-lighter-2);
    font-weight: 100;
    text-transform: initial;
}

.navitem .label {
	width: 50px;
}

.barmiddle .count,
.barbottom .count,
.navitem .count,
.dialog .count {
	background-color: var(--secondary-lighter-3);
	color: var(--accent-grey-lighter);
	font-size: 14px;
	height: 18px;
	line-height: 18px;
	margin-right: 0px;
	min-width: 18px;
	padding-left: 3px;
	padding-right: 3px;
	text-align: center;
	display: inline-block;
	box-sizing: border-box;
}

.navitem .iconWrapper {
    width: 18px;
    height: 18px;
    border-radius: 20px;
    border: 1px solid var(--secondary-lighter-4);
    overflow: hidden;
}

.navitem .iconWrapper img {
    width: 28px;
    height: 28px;
    margin-left: -5px;
    margin-top: -5px;
}

.navup {
	height: 32px;
	background: url('../img/arrowU.png') center center no-repeat #FFFFFF;
	background-size: 25px 20px;
}

.navdown {
	height: 32px;
	border-top: 1px solid var(--secondary-lighter-4);
	background: url('../img/arrowB.png') center center no-repeat #FFFFFF;
	background-size: 25px 20px;
}

.captionWrapper,
.matchWrapper {
    overflow: hidden;
    width: 100%;
}

.captionInnerWrapper,
.matchInnerWrapper {
    display: flex;
    flex-direction: row;
    height: 100%;
}

.captionInnerWrapper.animated,
.matchInnerWrapper.animated,
.captionInnerWrapper.tutorial,
.matchInnerWrapper.tutorial {
    transition: 300ms;
}

.myEventsHeader‚
.upcomingEventsHeader {
    position: relative;
}

.value.blocked {
    color: var(--primary);
}

.value.withdrawable {
  color: var(--primary);
}

.page.top .scroll_container,
.page.top .scroll_container .appcontent {
    position: initial;
}

.scroll_container .appcontent .upcomingEventsHeader,
.scroll_container .appcontent .topeventsOnHome {
    clear: both;
}

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

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

.topeventsOnHome.swipeHeader{
	display:flex;
	position: relative;
}

.topeventsOnHome .swipeLabel {
    padding-top:2px;
    color: white;
}

@media screen and (min-width: 1460px) {
    #dialog #cancelAllWithdrawalWindow {
        width: 400px !important;
    }

    #dialog #accountVerifyWindow,
    #dialog #moveLicenseWindow {
        width: 60% !important;
        height: 60vh !important;
    }
}

.swipeArrowsForBetmarket,
.swipeNaviWrapper{
    display: flex;
    width: calc(100% - 314px);
    justify-content: space-between;
    align-items: center;
    position: absolute;
    right: 0;
    height: 100%;
}

.scrollBack,
.scrollForward {
	background: url('../img/arrowRSel.png') center center no-repeat;
	background-size: 20px;
    width: 40px;
    flex: 0 1 40px;
	height: 100%;
	cursor: pointer;
}

.scrollBack {
    background-image: url('../img/arrowLSel.png');
}

.swipeLabelWrapper {
    flex: 1 1 47px;
	display: flex;
    justify-content: center;
    align-items: center;
}

.swipeLabel {
    position: absolute;
    max-width: 70px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	color: white;
	z-index: 2;
	font-size: 11px;
	font-weight: 100;
}

.tlsubitem,
.matchContainer {
    display: flex;
}

.tlsubitem{
    border-top: 1px solid var(--secondary-lighter-4);
}


.matchContainer .cell.rsDesc {
    display: none;
}

.matchContainer .match,
.tlsubitem .eventInfo {
    flex: 0 0 314px;
    position: relative;
}

.tlsubitem .eventInfo .text {
	overflow: hidden;
	text-overflow: ellipsis;
}

.tlsubitem .eventInfo {
    background-color: var(--accent-grey-lighter);
    height: 28px;
    overflow: hidden;
    display: flex;
    align-items: center;
}

.delete .tlsubitem .eventInfo {
    background-color: inherit;
}

.matchContainer .match.event .event_wrapper {
    flex: 0 0 314px;
    height: 100%;
}

.matchContainer .match.event.with_comment  .event_wrapper {
  height: initial;
  padding-bottom: 5px;
}

.matchContainer .event_wrapper .iconPlaceholder{
	background-image: url("../img/icon_blank.png");
	width: 24px;
	height: 12px;
}

.matchContainer .event .teamrows {
    max-width: calc(314px - 48px - 8px);
    font-size: 13px;
}

.matchContainer .event .teamrows.loggedinLive {
	max-width: calc(314px - 48px - 24px - 8px);
}

.matchContainer .navitem {
    padding: 0;
}

.matchContainer .navitem,
.tlsubitem .caption {
    flex: 0 0 140px;
    display: table-cell;
    vertical-align: top;
}

.tlsubitem .caption.wide {
    display: none;
}



.topeventsOnHome + .tlsubitem .caption.wide {
    display: table-cell;
}

.matchContainer .navitem .cellWrapper {
    display: flex;
    justify-content: center;
    padding: 0 10px;
}

.matchContainer .navitem .cellWrapper.hidden {
    display: flex !important;
    opacity: 0;
}

.matchContainer .navitem .cell.rsBut,
.matchContainer .fixedParam,
.matchContainer .invisible {
    width: 33.34%;
    box-sizing: border-box;
    min-height: 100%;
    text-align: center;
    margin: 2px 0;
}

.fixedParam{
    display:flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    padding-left: 1px;
}

.matchContainer .navitem .qbutton {
    line-height: initial;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 11px;
    min-width: 24px;
}

.matchContainer .navitem .qbutton .caption,
.matchContainer .navitem .qbutton .quote {
    padding: 0;
    float: none;
    text-align: center;
}

.matchContainer .navitem .qbutton .quote {
    padding: 0 1px;
}

.navitem .rsBut.stopped {
    border: none;
}

.navitem .resultSelection {
    border: none;
    pointer-events: none;
}

.tlsubitem .caption {
    text-align: center;
    vertical-align: middle;
}

.navtitle .tlsubitem .icon {
    display: flex;
	width: 48px;
	min-width: 48px;
    justify-content: space-around;
}

.navtitle .tlsubitem .icon .sports {
    display: inline-block;
}

.navtitle .tlsubitem .icon .country {
    display: inline-block;
    margin: 0 0 0 -8px;
}

.matchContainer .match.event {
    flex: 0 0 314px;
    height: 100%;
}

.topEventsBox .matchContainer {
    flex: 0 0 600px;
    margin: 0 auto;
    height: 100%;
}

.topEventsBox .matchContainer .match,
.topEventsBox .matchContainer .navitem {
    vertical-align: middle;
}

.topEventsBox .matchContainer .match,
.topEventsBox .matchContainer .match .event,
.matchContainer .match.event .event_wrapper {
    flex: 0 0 auto;
}

.topEventsBox .matchContainer .match .event .teamrows {
    max-width: auto;
}

.slideshowEvent > .match,
.slideshowEvent .navitem {
    position: absolute;
    width: 66%;
    right: 3%;
    padding: 0;
    flex: 0 0 280px;
    bottom: 0;
    padding-bottom: 3%;
    max-width: 282px;
}

.slideshowEvent > .match,
.slideshowEvent > .match.even,
.slideshowEvent > .match.odd,
.themeBackground .slideshowEvent > .match.even,
.themeBackground .slideshowEvent > .match.odd {
    bottom: 0;
    padding-bottom: calc(3% + 41px);
}

    body .slideshowEvent > .match,
    body .slideshowEvent .navitem {
        right: calc(50% - 199px);
        padding-bottom: 15px;
    }

    body .slideshowEvent > .match,
    body .slideshowEvent > .match.even,
    body .slideshowEvent > .match.odd,
    body .themeBackground .slideshowEvent > .match.even,
    body .themeBackground .slideshowEvent > .match.odd {
        padding-bottom: 56px;
    }

.slideshowEvent > .match .match,
.slideshowEvent > .match.even .match,
.slideshowEvent > .match.odd .match,
.themeBackground .slideshowEvent > .match.even .match,
.themeBackground .slideshowEvent > .match.odd .match {
    background-color: var(--primary);
}

.slideshowEvent > .match .event_wrapper,
.slideshowEvent .noResultTypes .event.match .event_wrapper {
    padding: 0 4px;
}

.slideshowEvent .event.match .datetime,
.slideshowEvent .event.match .score,
.slideshowEvent .noResultTypes .event.match .datetime,
.slideshowEvent .noResultTypes .event.match .score,
.slideshowEvent .event.match .arrow,
.slideshowEvent .cell.rsDesc {
    display: none;
}

.slideshowEvent .event,
.slideshowEvent .match.event .event_wrapper {
    min-height: initial;
}

.slideshowEvent .event .teamrows {
    max-width: 100%;
    flex-direction: row;
    justify-content: space-between;
}

.slideshowEvent .event .teamrow {
    max-width: 48%;
}

.slideshowEvent .event .team {
    font-weight: normal;
    font-size: 13px;
    padding: 2px 0;
    color: #fff;
}

.slideshowEvent .cell.w25 {
    width: 33.33%;
    background-color: #fff;
}

.rsGroup .cellWrapper {
	display: flex;
	align-items: center;
}

.matchContainer .count {
    display: none;
}

.promoPics img {
    max-width: 95%;
    height: auto;
    margin: 10px 2.5% 0 2.5%;
}

.openedMatchEvent .navitem.hidden {
    display: table-cell !important;
    opacity: 0;
    pointer-events: none;
}

#endlessLoading {
    background: url("../img/endlessLoading.gif") center no-repeat;
    background-size: 32px;
    height: 32px;
    margin: 10px;
}

.showLessOfEvent {
	position: absolute;
	width: calc(100vw - 314px);
	z-index: 10;
	display: flex;
	padding-left: 12px;
	top: 0;
	right: calc(314px - 100vw);
	height: 100%;
	box-sizing: border-box;
	max-width: 100px;
}

.showLessOfEvent.selected {
    position: absolute;
}

.badge {
    float: left;
    width: 14px;
    flex: 0 0 14px;
    margin-right: 5px;
    position: relative;
    z-index: 2;
    margin-top: 1px;
    display: none;
}

.badge img,
.swipe-wrap .data .badge img:not(.redCards) {
    max-width: 14px;
    max-height: 14px;
    height: auto;
    position: relative;
    z-index: 3;
    background: #fff;
    width: auto;
    position: absolute;
}

.swipe-wrap .data .badge {
    margin-top: 3px;
}

.badge:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 14px;
    height: 14px;
    background: url(../img/badge.png) center no-repeat;
    background-size: 14px;
    filter: var(--filter-icon-yellow);
}

.badge.aussie-rules,
.badge.bandy,
.badge.baseball,
.badge.basketball,
.badge.beach-soccer,
.badge.cricket,
.badge.curling,
.badge.field-hockey,
.badge.floorball,
.badge.football,
.badge.futsal,
.badge.handball,
.badge.ice-hockey,
.badge.indoorsoccer,
.badge.pesapallo,
.badge.rugby,
.badge.soccer,
.badge.volleyball,
.badge.waterball {
    display: inline;
}

.swipe-wrap .slideshowEvent .badge img {
    background: var(--primary);
}

.swipe-wrap .slideshowEvent .teamrow + .teamrow .team {
     flex-direction: row-reverse;
}

.swipe-wrap .slideshowEvent .teamrow + .teamrow {
    margin-top: 0;
}

.minimizeEventText {
	display: flex;
	justify-content: center;
	flex: 1 1 100%;
	height: 100%;
	line-height: 59px;
	font-size: 10px;
    background: url(../img/arrow_blk_up.png) center 12px no-repeat;
    background-size: 17px 9px;
    overflow: hidden;
}

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

    .matchContainer .match.event {
        flex: 0 0 200px;
    }

    .matchContainer .match,
    .tlsubitem .eventInfo {
        flex: 0 0 calc(100vw - 130px);
    }

    .matchContainer.openedMatchEvent .match {
        flex: 0 0 calc(100vw - 70px);
    }

    .matchContainer .navitem,
    .tlsubitem .caption {
        flex: 0 0 130px;
    }

    .matchContainer .event .teamrows {
        max-width: calc(100vw - 130px - 48px - 8px); /* Viewport - Odds - Date - Padding */
    }

    .matchContainer.openedMatchEvent .event .teamrows {
        max-width: calc(100vw - 70px - 48px - 8px); /* Viewport - Minimize Button - Date - Padding */
    }

    .matchContainer .event .teamrows.loggedinLive {
        max-width: calc(100vw - 130px - 48px - 24px - 8px); /* Viewport - Odds - Date - Favorites - Padding */
    }

    .matchContainer.openedMatchEvent .event .teamrows.loggedinLive {
        max-width: calc(100vw - 70px - 48px - 24px - 8px); /* Viewport - Minimize Button - Date - Favorites - Padding */
    }

    .myEventsHeader .title.text,
    .upcomingEventsHeader .title.text {
        font-size: 14px;
    }

    .showLessOfEvent {
        width: 70px;
        right: -70px;
    }

    .swipeArrowsForBetmarket,
    .swipeNaviWrapper{
        width: 130px;
    }
}

@media screen and (min-width: 1460px) {
    .matchAndBetmarketsRow .navitem,
    .matchAndBetmarketsRow .tlsubitem .caption,
    .tlsubitem .caption {
        flex: 0 0 25%;
    }
}

/* --- header --- */
.header, .footer {
	-webkit-tap-highlight-color: rgba(0,0,0,0);	/* disable grey rectangle for clicks */
	overflow: hidden;
}

.appheader > div {
	background-color: var(--secondary);
	color: var(--accent-grey-lighter);
    box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.6);
}

.header,
.upcomingEventsHeader,
.myEventsHeader {
	background: var(--secondary);
	max-height: var(--headerHeight);
	padding: 0px 2.5%;
	box-sizing: border-box;
}

.header {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	position: relative;
	width: 100%;
    background-color: var(--secondary);
    color: var(--accent-grey-lighter);
    justify-content: space-between;
    padding: 0;
    box-sizing: content-box;

}

.myEventsHeader,
.upcomingEventsHeader {
	background-image: url("../img/tabbar/liveHeadline.png");
    color: #fff;
	padding-left: 48px;
	height: 30px;
	position: relative;
	background-position: 15px center;
	background-repeat: no-repeat;
	background-size: 17px 17px;
}
.upcomingEventsHeader.swipeHeader {
	padding-left: 0px;
}

.myEventsHeader {
    background-image: url("../img/tabbar/favoritesHeadline.png");
}

.myEventsHeader .title.text,
.upcomingEventsHeader .title.text {
	text-align: left;
	height: 30px;
	line-height: 30px;
}

.header .logo {
	display: inherit;
	vertical-align: top;
	-webkit-flex: 0 0 180px;
    -ms-flex: 0 0 180px;
    flex: 0 0 180px;
	background: transparent;
	align-self: center;
	padding-top: 2px;
}

.icon.logo img {
    align-self: center;
    max-width: 120px;
    height: auto;
}

.header .title,
.upcomingEventsHeader .title,
.myEventsHeader .title {
	color: white;
	text-align: left;
	font-weight: bold;
    padding: 0;
    text-transform: uppercase;
}

.header .title {
	display: none;
	text-align: center;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 12px;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	align-items: center;
	overflow: hidden;
}

.header .title span {
	display: block;
	height: 16px;
	line-height: 16px;
	align-items: center;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 0 2px;
}

.header .title span span {
	display: inline;
}

.header .icon.back {
    display: flex;
    flex: 0 0 20%;
    padding-left: 2.5%;
}

.header .tbicon {
    display: flex;
    background: var(--primary) url("../img/tabbar/payin.png") center 19% no-repeat;
    background-size: 26px 26px;
    height: 100%;
    flex: 0 0 20%;
    text-align: center;
    font-weight: bold;
}

.header .tbicon .text {
    padding-top: 26px;
    padding-bottom: 2px;
}

.header .tbicon.selected,
.header .tbicon:active {
    background-color: var(--primary);
}

.header .newButton {
   border-color: var(--primary-lighter-1);
   background-color: var(--primary-lighter-1);
   color: var(--cta-button-dark-inky-blue);
   text-transform: uppercase;
   outline: none;
   text-transform: uppercase;
}

.header .newButton .text {
    padding-top: 26px;
    padding-bottom: 2px;
}

.header .newButton.selected,
.header .newButton:active {
   color: var(--cta-button-dark-inky-blue);
   background-color: transparent;
}

.upcomingEventsHeader .title,
.myEventsHeader .title {
	display: block;
	line-height: 26px;
	vertical-align: middle;
	text-align: center;
	color: #fff;
}

.upcomingEventsHeader.empty,
.myEventsHeader:not(.open) {
	background-color: var(--secondary-lighter-3);
}

.upcomingEventsHeader {
	display:flex
}

.matchesStatusHeader {
	padding: 0px;
	margin-left: 48px;
	width: calc(100vw - 130px)
}

.myEventsHeader .minify_icon {
	position: absolute;
	width: 11px;
	height: 100%;
    right: calc(2.5% + 4px);
    background: url(../img/arrow_blk_down.png) center no-repeat;
    background-size: 11.5px 6px;
    -webkit-filter: invert(100) brightness(1.3);
    filter: invert(100) brightness(1.3);
}

.myEventsHeader.open .minify_icon {
    background: url(../img/arrow_blk_up.png) center no-repeat;
    background-size: 11.5px 6px;
}

.header.compact {
	max-height: 54px;
	height: 54px;
	width: 100%;
	text-align: center;
}

.header.compact .item,
.header.compact .clicklayer {
	max-height: 54px;
	height: 54px;
	display: table-cell;
	width: 25%;
	position: absolute;
}

.header.compact .item {
	font-weight: bold;
	font-size: 10px;
	text-decoration: underline;
	color: white;
}

/* --- start page --- */

.iconbar,
.imagebar,
.navitem.arrow,
.barmiddle.arrow,
.barbottom.arrow,
.accountEntry {
	padding-right: 20px;
	position: relative;
	background-image: none;
}

.accountEntry {
    table-layout: fixed;
}

.barmiddle.withlabel,
.barbottom.withlabel {
	padding-right: 20px;
}

.iconbar,
.imagebar {
	padding-left: 48px;
}

.imagebar {
	color: var(--primray-text);
}

.imagebar .icon,
.imagebar .icon + .text  {
	padding-left: 0;
}

.imagebar .icon div  {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
}

.bartitle.iconbar {
	background-position: 14px center;
	margin-top: 0;
    background-color: var(--secondary-lighter-1);
	color: var(--secondary);
}

.iconbar.arrow:after,
.navitem.arrow:after,
.barmiddle.arrow:after,
.barbottom.arrow:after {
	content: '';
	position: absolute;
	height: 100%;
	width: 20px;
	right: 0;
	top: 0;
	background: url(../img/arrow-slim.png) left center no-repeat transparent;
	background-size: 8.5px 15px;
}

.navitem.arrow:after {
	background-image: url("../img/arrow-slim.png");
}

.bartitle .categories {
	filter: var(--filter-icon-white) !important;
}

.categories,
.imagebar .icon {
	height: 100%;
	width: 20px;
	overflow:hidden;
}

.iconbar .categories,
.imagebar .icon {
	position: absolute;
	left: 14px;
	top: 0;
	bottom: 0;
	margin: auto;
	filter: var(--filter-icon-black);
}

.betpanel:not(#navtree),
.accountpanel,
.informationpanel,
.externalLinks,
.licenseFooter,
.contentbottom,
.lastLoginContainer,
.iconbar.virtualsports,
.iconbar.virtualsports,
.iconbar.supertipp,
.iconbar.wintercampaign,
.iconbar.arena,
.iconbar.casino,
.iconbar.mobilecasino,
.iconbar.livecasino,
.iconbar.casinogame,
.bar.magnoliaBanner,
.bartitle.iconbar.more  {
   z-index: 101;
   position: relative;
}

.betpanel:not(#navtree) .iconbar:not(.bartitle),
.accountpanel .iconbar:not(.bartitle),
.informationpanel .iconbar:not(.bartitle),
.iconbar.virtualsports,
.iconbar.supertipp,
.iconbar.wintercampaign,
.iconbar.arena,
.iconbar.casino,
.iconbar.mobilecasino,
.iconbar.livecasino,
.iconbar.casinogame {
    width: 50%;
    float: left;
}

.betpanel:not(#navtree),
.accountpanel,
.informationpanel {
   clear: both;
}

.lastLoginContainer{
    background-color: white;
}

.betpanel:not(#navtree) .iconbar.barmiddleleft,
.betpanel:not(#navtree) .iconbar.barbottomleft,
.accountpanel .iconbar.barbottomleft,
.informationpanel .iconbar.barmiddleleft,
.informationpanel .iconbar.barbottomleft,
.iconbar.casino,
.iconbar.casinogame,
.iconbar.supertipp,
.iconbar.wintercampaign {
    border-right: 1px solid var(--secondary-lighter-4);
}

#navtree .iconbar {
    padding-right: 0;
}

.informationpanel .barbottomleft {
    border-bottom: 1px solid var(--secondary-lighter-4);
}

.text.new {
	position: relative;
	display: inline-block;
	line-height: 44px;
}
.text.new:after {
	position: absolute;
	top: 0;
	right: -40px;
	content: "";
	display: block;
	width: 40px;
	height: 44px;
	background: url("../img/new-badge.png") center no-repeat;
	background-size: 26px;
}

/* --- formulare --- */
select {
	font-size: 12px;
}

.form {
	margin: 0px;
}

.form .submit,
.submitCancelWrap .submit,
#suggestions .button,
#uploadForm .fileUploadButton .text,
.goButton {
	font-size: 16px;
}

.form .select.selectdate {
	max-width: 70px;
}

.select.bonusActions {
    font-size: 15px;
    width: 100%;
    height: 30px;
}

.form .barmiddle .text,
.form .barmiddle .value {	/* rechte Spalte in Formularen normal */
	font-weight: normal;
}

#newPassword.form .barmiddle .text {
    border-left: 1px solid var(--secondary-lighter-4);
}

.mydetails + div .barmiddle,
#personalDetails .barmiddle {
    table-layout: fixed;
}

.form .textfield {		/* text field */
	min-height: 44px;
	border: none;
	width: 100%;
	-webkit-appearance: none;	/* removes iphone border */
	box-sizing: border-box;
}

.form .textfield[type="file"] {
	min-height: inherit;
	border-left: none;
}

.form .label {
	width: 100px;
	min-width: 100px;
	background-color: #fff;
	overflow: hidden;
	text-overflow: ellipsis;
}

.form #newsletter .label,
#acceptLiveOddsChanges.form .label {
	width: 60%;
	background: white;
	font-weight: normal;
	padding-left: 0;
}

.form .label2 {
	min-width: 40px;
    padding-right: 5px;
    text-align: right;
    width: 50px;
	background-color: #fff;
}

.form:not(#filterList) .value {			/* IPhone-Darstellungsfehler korrigieren (ragt nach rechts raus) */
	padding: 0px;
}

.form .value.amount {
	padding-right: 30px;
}

#filterList .label {
    padding-left: 0px;
}

#filterList .navitem .text:first-letter {
    text-transform: capitalize;
}

.form .submit,
#suggestions .button,
.submitCancelWrap .submit,
#uploadForm .fileUploadButton .text,
.goButton {			/* submit button */
	font-weight: bold;
	-webkit-appearance: none;
	white-space: pre-wrap;
	word-wrap: break-word;
	min-height: 34px;
	max-height: 42px;
}

.form .text .submit, .form .text .takePicture, .goButton {
	margin: 0 auto;
	display: block;
}

 .form .text .takePicture {
    margin-top: 8px;
 }

.form .text .submit + .submit {
	margin-top: 5px;
	margin-bottom: 5px;
}

.barbottom.payoutBank {
	text-align: center;
}

.barbottom.payoutBank .text {
	height: 34px;
	padding-top: 5px;
}

.form .fileUploadBtn, .takePicture {
	 display: inline-block;
	 line-height: 33px;
}

.form .msg {
	color: red;
	padding-right: 7px;
}

.form .radio,
.form .checkbox,
.form .select {
	margin-top: 7px;
	margin-bottom: 7px;
}

.submitCancelWrap {
	background: transparent;
	display:block;
	text-align: center;
	width: 95%;
	margin-top: 5px;
	margin-left: 2.5%;
	transition: 500ms;
}

.submitCancelWrap.hidden {
    display: block !important;
    opacity: 0;
    pointer-events: none;
}

.submitCancelWrap .submit {
	display: inline-block;
	width: 49.75%;
}

#newsletter button,
#newsletter input.submit {
	margin-left: 0;
}

#newsletter .select {
	float: right;
	margin-right: 30px;
}

#newsletter .checkbox,
.checkboxBig,
.form .checkbox,
.verification .checkbox {
	width: 20px;
	height: 20px;
	float: right;
}

#newsletter .submitCancelWrap .submit,
#personalDetails .submitCancelWrap .submit {
	width: 46%;
    width: calc(47.5% - 4px);
    padding: 0 5px;
}

.form .select,
.form input,
.form .label {
	height: 30px;
	font-size: 15px;
	color: var(--primray-text);
}

.form .label.checkboxLabel {
    width: auto;
}

.form input[type = "text"],
.form input[type = "tel"],
.form .textfield {
	font-size: 16px;
	border-radius: 0;
    padding: 0 5px;
	float: left;
}

form:not(#newsletter) .label:not(.checkboxLabel, .no-border) + .text:not(.no-border) {
    border-left: 1px solid var(--secondary-lighter-4);
}

form:not(#newsletter) .label:not(.checkboxLabel) + .text input:focus {
    outline: none;
}


.form input.readOnly {
    pointer-events: none;
}

#newPassword.form .textfield {
    border: none;
}

@media screen and (max-width: 479px) {
	.form .select {
		max-width: 170px;
	}
}

@media screen and (min-width: 480px) {
	.form .select {
		max-width: 230px;
	}
}

.form .barmiddle .radio.text {
	font-size: 14px;
}

/* --- button --- */
.bartop button,
.barmiddle button,
.barbottom button{
	margin: 5px;
}

button {
	font-size: 16px;
	font-weight: bold;
	margin-left: 3px;
	margin-right: 3px;
	padding-left: 0px;
	padding-right: 0px;
}

button:not(.embeddedMessagingConversationButton),
form .submit,
#suggestions .button,
#suggestions  input[type=button].button,
.favbutton,
.fileUploadButton .text,
.takePicture,
.submitCancelWrap .submit,
.goButton,
.blockingAccount .submitButton,
.productBlocking .submitButton,
.productBlockSuccess .successCTA
{
	background-color: var(--primary);
	border: 1px solid var(--primary);
	color: #fff;
}

button.simple,
button.simple.link,
form .submit.simple,
#suggestions .button.simple,
#suggestions  input[type=button].button.simple,
.favbutton.simple,
.fileUploadButton .text.simple,
.submitCancelWrap .submit.simple {
	background-color: var(--accent-grey-lighter);
	border: 1px solid var(--secondary-lighter-4);
	color: #000;
}

button:not(.edit):not(.rgfWrapper button):not(.bigbutton):active,
form .submit:active,
#suggestions .button:active,
#suggestions  input[type=button].button:active,
.favbutton:active,
.fileUploadButton .text:active,
.submitCancelWrap .submit:active,
.goButton:active,
.blockingAccount .submitButton:active,
.productBlocking .submitButton:active,
.productBlockSuccess .successCTA
{
	background-color: var(--primary);
	color: #fff;
	-webkit-appearance: none;
}

button:focus,
form .submit:focus,
#suggestions .button:focus,
#suggestions  input[type=button].button:focus,
.favbutton:focus,
.fileUploadButton .text:focus,
.submitCancelWrap .submit:focus,
.goButton:focus {
	-webkit-appearance: none;
	outline: none;
}

.stakeButtons {
	padding-bottom: 4px;
	padding-left: 0;
	margin: 0;
	width: 100%;
}

.stakeButtons button {
	background: #fff;
	border: 1px solid var(--secondary-lighter-4);
	color: var(--primray-text);
	margin-bottom: -2px;
    margin-top: 8px;
	margin-left: 0;
	margin-right: 0;
	font-size: 14px;
}

.stakeButtons.center.bartop,
.stakeButtons.center.barmiddle {
	padding: 0 2.5% 1.5% 2.5%;
}

.bartitle.small .text,
.barmiddle.small .text,
.barmiddle.small .value,
.barbottom.small .text,
.barbottom.small .value {
	height: 40px;
	font-size: 13px;
	text-transform: none;
}

.barmiddle.small .text,
.barbottom.small .text {
	text-transform: none;
	font-weight: bold;
}

.barmiddle.small.withlabel .text,
.barbottom.small.withlabel .text,
.barmiddle.small.withlabel .value,
.barbottom.small.withlabel .value {
	font-size: 16px;
}

.favbutton {
	display: table;
	width: 100%;
	margin-top: 5px;
	height: 32px;
	margin-left: -11px;
}

.favbutton .table {
	display: table;
	text-align: center;
}

.favbutton .m {
	border-left: 1px solid var(--accent-grey-lighter);
	border-right: 1px solid var(--accent-grey-lighter);
}

button .text {
	text-align: center;
	padding-left: 0px;
	height: 34px;
	min-height: 34px;
	width: 1000px;
}

.qbutton {
	width: 100%;
	border: 1px solid var(--secondary-lighter-4);
	border-left-style: none;
	height: 100%;
	line-height: 36px;
	font-size: 14px;
	box-sizing: border-box;
    display: flex;
    overflow: hidden;
    justify-content: space-between;
    align-items: center;
}

.qbutton .caption {
	float: left;
	padding-left: 10px;
	padding-right: 5px;
 	white-space: nowrap;
    font-weight: bold;
	color: var(--primray-text);
    white-space: initial;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: initial;
}

.qbutton .quote {
	float: right;
	text-align: right;
	padding-right: 14px;
	white-space: nowrap;
}

.qbutton.selected,
button.selected,
.selected {
	background-color: var(--primary);
	color: var(--secondary);
	position: relative;
	border-left: none;
	border-right: none;
}

.qbutton.selected:after,
.stakeButtons button.selected:after {
	position: absolute;
	content: '';
	top: 0;
	right: 0;
	z-index: 2;
	height: 22px;
	width: 22px;
	background: url("../img/checked_corner.png") center no-repeat;
	background-size: 22px 22px;
}

.betfilterbar.qbutton.selected:after {
	background: none;
}

.betfilterbar.qbutton {
	background: var(--secondary-lighter-3);
	display: block;
	height: 30px;
	line-height: 30px;
	border-top: 1px solid var(--secondary-lighter-4);
}

.betfilterbar.qbutton > div {
	width: 32%;
	text-align: center;
	height: 30px;
	padding: 0;
	display: inline-block;
	font-weight: bold;
}

.betfilterbar.qbutton > div img,
.betfilterbar.qbutton > div .image {
	float: left;
	margin-top: 4px;
}

.betfilterbar.qbutton > div:first-child img,
.betfilterbar.qbutton > div:first-child .image {
	float: right;
}

.betfilterbar.qbutton .icon .arrowBSel,
.betfilterbar.qbutton .icon > div:not(.hidden) .arrowUSel {
    background: url("../img/arrowBSel.png") center no-repeat;
    background-size: 24px;
    width: 24px;
    height: 24px;
}

.betfilterbar.qbutton .icon > div:not(.hidden) .arrowUSel {
    background: url("../img/arrowUSel.png") center no-repeat;
    background-size: 24px;
    width: 24px;
    height: 24px;
}

.filterbar_scroll {
    width: 100%;
    display: block;
    overflow-x: scroll;
}

.filterbar_scroll .betfilterbar {
    table-layout: fixed;
}

body .filterbar_scroll .betfilterbar .cell {
     width: calc(25vw - 8px);
 }

.filterbar_scroll::-webkit-scrollbar {
    display: none;
}

.navitem + .navitem .cell.rsDesc {
	border-top: none;
}

.navitem.w100 .cell.rsBut {
	padding: 0;
}

.navitem.w100 .cell.rsBut,
.navitem.w100 .cell.w50 {
	height: 40px;
	box-sizing: border-box;
}

.navitem.w100 .cell.rsDesc.w50 {
	height: 36px;
}

.navitem.w100 .cell.w50:first-child .qbutton.rsMultBut {
	border-left: 1px solid var(--secondary-lighter-4)
}

.navitem .rsBut .qbutton {
	border: none;
}

.navitem .rsBut {
	border: 1px solid var(--secondary-lighter-4);
}

.navitem .rsBut + .rsBut {
	border-left: none;
}

.qbutton .caption.small {
	white-space: normal;
}

.rsMultBut.qbutton {
    display: flex;
    justify-content: space-between;
}

.rsMultBut.qbutton .caption.small {
    max-width: initial;
    padding-right: 5px;
 	overflow: hidden;
 	text-overflow: ellipsis;
 	white-space: nowrap;
 	max-width: calc(100% - 68px);
}

.qbutton.wait {
    pointer-events: none;
}

.bigbutton_wrapper {
	width: 100%;
	text-align: center;
	overflow: hidden;
}

.bigbutton_wrapper.overlay {
	width: 100%;
	margin-left: 0;
	background: var(--secondary-lighter-4);
}

.bigbutton, .bigbutton.simple {
	max-width: 95%;
	width: 100%;
	margin-top: 10px;
	margin-left: 0;
	background: transparent;
	border: none;
}

.bigbutton_wrapper .bigbutton {
    width: initial;
}

.bigbutton .text {
	display: inline-block;
	width: auto;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 4px 33px;
	line-height: 35px;
	background: var(--primary-lighter-1);
	border: 1px solid var(--primary-lighter-1);
	color: var(--cta-button-dark-inky-blue);
	max-width: initial;
	margin: 0 auto 2px auto;
	text-transform: uppercase;
}

.bigbutton.selected, .bigbutton:focus {
	outline: none;
}

.bigbutton.simple .text {
	background: var(--accent-grey-lighter);
	border-color: var(--secondary-lighter-4);
	color: #000;
}

.bigbutton.orange .text,
.bigbutton.selected .text,
.bigbutton:active .text,
.bigbutton.simple.selected .text,
.bigbutton.simple:active .text {
	background: var(--primary);
	border-color: var(--primary);
	color: var(--cta-button-dark-inky-blue);
}

.w5 {
	width: 5%;
}

.w20 {
	width: 20%;
}

.w25 {
	width: 25%;
}

.w50 {
	width: 50%;
}

.w65 {
	width: 65%;
}

.w75 {
	width: 75%;
}

.w95{
	width: 95%;
}

.w100 {
	width: 100%;
}

.documentEntry .dateAndFile {
	display: table;
}

.documentEntry .dateAndFile div{
	display: table-cell;
	font-weight: bold;
	padding: 0;
}

.documentEntry .dateAndFile div:first-child {
	white-space: nowrap;
}

.documentEntry .dateAndFile div:last-child {
	text-align: right;
	width: 100%;
	word-break: break-all;
}

.documentEntry div {
	padding: 5px 7px;
}

.documentEntry div:last-child{
	text-align: right;
}

.documentTilesRow {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	max-width: 500px;
}

.documentDetail .documentTilesRow{
    justify-content: center;
    max-width: initial;
}

.documentTile,
.documentUploadTile
{
	border: 1px dashed black;
	border-radius: 12px;
	width: calc(50% - 22px);
    max-width: 230px;
}

.twoColumns .tileWrapper{
	width: 100%;
    max-width: 480px;
	border: 1px dashed black;
    border-radius: 12px;
}

.documentTile .topArea{
	position: relative;
	flex: 1 1 100px;
	max-height: 100px;
}

.documentUploadTile .topArea{
	position: relative;
}

.documentTile.twoColumns{
	flex: 1 1 100%;
	max-width: initial;
	margin: 10px;
	border: initial;
    border-radius: initial;
}

.documentTile,
.documentUploadTile {
	display: flex;
    flex-direction: column;
	margin: 10px;
}

.documentUploadTile .iconWrapper,
.documentTile .iconWrapper{
	display: flex;
	padding: 10px 0;
	justify-content: center;
	border-radius: 12px 12px 0 0;
	width: 100%;
	background-color: #F5F5F5;
}

.documentUploadTile .iconWrapper{
	background-color: initial;
}

.documentUploadTile .icon,
.documentTile .icon{
	width:fit-content;
	height:fit-content;
}

.documentUploadTile .infoWrapper,
.documentTile .infoWrapper{
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0px;
    right: 0px;
}

.documentUploadTile .info,
.documentTile .info{
	position: absolute;
	top: 7px;
	right: 7px;
}

.documentTile .status{
	position: absolute;
	top: 10px;
	left: 0px;
	font-size: 10px;
	color: white;
	text-transform: uppercase;
	height: 15px;
	padding: 0 5px;
	line-height: 15px;
	max-width: 75%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.documentOverviewIntro{
	margin: 10px;
    font-size: 13px;
}

.documentFooter{
	font-size: 11px;
    text-align: center;
	background-color: #F5F5F5;
	padding: 10px;
	border-top: 1px dashed;
}

.mitekIntro{
	font-size: 13px;
    text-align: center;
	margin: 10px 10px 20px 10px;
}

.documentFooter .innerLink{
	text-decoration: underline;
}

.mitekIntro .innerLink{
	color: #06F;
	text-decoration: underline;
}

.documentOverviewIntro .cms_richtext{
	padding-bottom: 0px;
}

.documentDetail .intro{
	padding: 10px 10px 0;
}

.documentDetail .barbottom{
	display: none;
}

.documentDetail .barbottom.shown{
	display: table;
	padding-top: 10px;
}

.documentDetail .selectedFile.shown{
    text-align: center;
    width: 100%;
    padding: 10px;
    border-top: 1px solid #dcdbdb;
}

.documentDetailButtonWrap{
    display: flex;
    justify-content: center;
    width: 100%;
    box-sizing: border-box;
    padding-left: 2.5%;
    padding-right: 2.5%;
}

.documentDetailBackButton{
    width: 100%;
    height: 25px;
    line-height: 22px;
    margin: 10px 0px 10px 0px;
    text-align: center;
}

#dialog .window#userDocumentInfo{
	width: 290px;
	max-width: 290px;
}

#dialog .window#userDocumentInfo h2{
	font-size: 13px;
}

#dialog .window#userDocumentInfo .cms_richtext{
	font-size: 13px;
}

#dialog .window#userDocumentInfo li{
	text-align: left;
}

.hiddenFormElements{
	visibility: hidden;
	height: 0;
}

.documentTile .status.APPROVED{
	background-color: #60B802;
}

.documentTile .status.AVAILABLE{
	background-color: #60B802;
}

.documentTile .status.REJECTED{
	background-color: #F74835;
}

.documentTile .status.REQUESTED{
	background-color: #F74835;
}

.documentTile .status.UPLOADED{
	background-color: #00a9ef;
}

.documentTile .status.expired{
	background-color: #F74835;
}

.documentTile .bottomArea{
	flex: 1 1 42px;
	position: relative;
	padding: 5px;
	text-align: center;
	border-radius: 0px 0px 12px 12px;
	word-wrap: break-word;
}

.documentUploadTile .bottomArea{
	background-color: #F5F5F5;
	border-radius: 0px 0px 12px 12px;
	padding: 5px;
	text-align: center;
	border-radius: 0px 0px 12px 12px;
	word-wrap: break-word;
}

#uploadForm .label {
	width: initial;
	min-width: initial;
	background: initial;
	height: initial;
	display: block;
	padding-top: 5px;
}

#uploadForm .barmiddle .text {
	display: block;
}

#uploadForm .textfield {
	width: 0;
	opacity: 0;
}

#uploadForm .fileUploadButton {
	overflow: visible;
}

#uploadForm .fileUploadButton div {
	padding: 0 7px;
}

button.simple:not(.payinAmountButton):not(.edit):not(.bigbutton) .text {
    padding-left: 10px;
    padding-right: 10px;
}

#uploadForm .fileUploadButton div,
#editorStakeInput button.simple:not(.payinAmountButton):not(.edit):not(.bigbutton) {
    padding: 0;
}

#uploadForm .fileUploadButton .text {
	line-height: 40px;
	text-align: center;
	margin-top: -37px;
	overflow: hidden;
	height: 40px;
	padding-right: 33px;
}

#uploadForm .barbottom .label {
	display: none;
}

#uploadForm .barbottom .text,  #uploadForm .barmiddle .text {
	text-align: center;
}

#uploadForm .selectedFile {
	margin: 5px 0;
}

/* --- Suche---*/
.filterbar {
	background: rgba(0,0,0,0);
	padding-top: 3px;
    padding-bottom: 0;
	white-space: nowrap;
    display: flex;
    align-items: center;
}

notheme .filterbar {
	background: var(--accent-grey-lighter);
}

.filterbar .text {
	width: 100px;
	font-weight: bold;
}

.filterbar .value {
	width:100%;
}

.filterbar .form {
    display: inline-block;
    width: calc(100% - 2px);
    transition: 0.3s ease-in-out;
    padding: 0px 7px 0px 9px;
    position: relative;
    box-sizing: border-box;
}

.filterbar.showQuickFilter .form {
    width: 38px;
    box-sizing: content-box;
    padding-right: 0;
    margin-right: 0px;
    float: left;
}

.filterbar:not(.showQuickFilter) .quickFilter,
.filterbar:not(.showQuickFilter) #casinoQuickFilterIcon {
    width: 0;
    min-width: 0;
    overflow: hidden;
    margin-left: -1px
}

.filterbar.showQuickFilter .form input.searchfield {
    border: 0 solid #fff;
    background-size: 34px;
    width: 34px;
    padding-left: 34px;
    outline-color: white;
    background-position: center;
    margin-top: 0;
    margin-bottom: 3px;
    height: 36px;
    float: none;
}

.filterbar .form:after {
	content: "";
	display: block;
	width: 25px;
	height: 31px;
	position: absolute;
	z-index: 6;
	top: 0;
	left: 0;
}

.filterbar .quickFilter, .filterbar .quickFilter.casinoIcon {
    display: flex;
    width: calc(100% - 55px);
    padding: 2px 0px;
    vertical-align: middle;
    overflow-x: scroll;
}

.filterbar .quickFilter {
    margin-right: 7px;
}

.filterbar .quickFilter::-webkit-scrollbar {
    display: none;
}

.casino .filterbar .quickFilter {
    display: inline-block;
}

.filterbar .quickFilter.casinoIcon {
    width: calc(100% - 103px);
    margin-right: 8px;
}

.filterbar .quickFilter::-webkit-scrollbar {
    background: transparent;
    height: 0px;
}

.filterbar div.quickFilter .icon {
    width: auto;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-top: 2px;
}

body:not(.casino) .filterbar div.quickFilter .icon {
    flex: 0 0 40px;
    max-width: 40px;
    position: relative;
    z-index: 2;
    padding-left: 0;
}

.filterbar div.quickFilter .icon div {
    height: 24px;
    width: 24px;
    filter: var(--filter-icon-black);
}

.filterbar div.quickFilter .icon.selected {
    background-color: transparent;
    outline-color: transparent;
}

body:not(.casino) .filterbar div.quickFilter .icon.selected:after {
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
    border-color: rgba(0, 0, 0, 0.3);
}

.searchfield + span {
    display: none;
}

.filterbar div.quickFilter span,
.showQuickFilter .searchfield + span {
    font-size: 8px;
    text-align: center;
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal;
    color: var(--secondary-lighter-2);
    display: block;
    margin-top: 3px;
}

.showQuickFilter .searchfield + span {
    margin-top: 0;
}

.filterbar div.quickFilter .icon.selected div.sports {
    -webkit-filter: drop-shadow(0px 0px 3px rgba(42, 115, 148, 0.8));
    filter: drop-shadow(0px 0px 3px rgba(42, 115, 148, 0.8));
}

.quickFilter .stakeRaceQuickFilterIcon {
    background-image: url(../img/stake_race/bonusclub_small.png);
    background-size: 24px auto;
    background-position: center;
    background-color: transparent;
    background-repeat: no-repeat;
}

.quickFilter .supertippQuickFilterIcon {
    background-image: url(../img/supertipp/supertipp_small.png);
    background-size: 24px auto;
    background-position: center;
    background-color: transparent;
    background-repeat: no-repeat;
}

.quickFilter .valentineBahibiQuickFilterIcon {
    background-image: url(../img/supertipp/valentine.png);
    background-size: 24px auto;
    background-position: center;
    background-color: transparent;
    background-repeat: no-repeat;
}

.quickFilter .quizAppQuickFilterIcon {
    background-image: url(../img/supertipp/quizApp.png);
    background-size: 24px auto;
    background-position: center;
    background-color: transparent;
    background-repeat: no-repeat;
}

.quickFilter .wintercampaignQuickFilterIcon {
    background-image: url(../img/wintercampaign/wintercoming.png);
    background-size: 24px auto;
    background-position: center;
    background-color: transparent;
    background-repeat: no-repeat;
}

.betfilterbar, .eventfilterbar,
.searchsectionbar, .mybetsbar {
	background: var(--secondary-lighter-4);
	width: 100%;
	display: table;
	color: var(--primray-text);
}

.betfilterbar .text {
	text-transform: capitalize;
}

.searchsectionbar .cell,
.betfilterbar .cell,
.eventfilterbar .cell,
.mybetsbar .cell {
	text-align: center;
	color: var(--secondary-lighter-2);
	background: #fff;
	font-size: 12px;
	border: 1px solid var(--secondary-lighter-4);
	border-right: 0;
	padding: 8px 4px 4px 4px;
	position: relative;
}

.searchsectionbar .cell:first-child,
.betfilterbar .cell:first-child,
.eventfilterbar .cell:first-child,
.mybetsbar .cell:first-child{
	border-left: none;
}

.betfilterbar .cell:last-child {
	text-transform: capitalize;
}

.searchsectionbar .selected:not(.msgtext),
.betfilterbar .cell.selected:not(.msgtext),
.eventfilterbar .selected:not(.msgtext),
.mybetsbar .selected {
	background: var(--accent-grey-lighter);
	pointer-events: none;
}

.betfilterbar .cell.filter.selected {
    pointer-events: initial;
}

.searchsectionbar .cell.selected:after,
.betfilterbar .cell.selected:after,
.eventfilterbar .selected:after,
.mybetsbar .selected:after {
	content: '';
	position: absolute;
	z-index: 2;
	bottom: 0;
	left: 48%;
	left: calc(50% - 4px);
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 4px 5px 4px;
	border-color: transparent transparent var(--secondary-lighter-2) transparent;
}

.searchsectionbar .count,
.betfilterbar .count,
.mybetsbar .count{
	background-color: var(--secondary-lighter-3);
	color: white;
	padding: 1px 2px;
	position: absolute;
	top: 0;
	right: 0;
}

.searchsectionbar .cell div,
.betfilterbar .cell div,
.eventfilterbar .cell div,
.mybetsbar .cell div{
	display: inline;
	height: inherit;
	width: inherit;
	padding: 0;
}

.eventfilterbar .top {
	padding-top: 2px;
	padding-left: 7px;
	height: 22px;
    overflow: hidden;
}

.eventfilterbar .value {
	vertical-align: bottom;
	overflow: hidden;
	height: 22px;
	padding-right: 7px;
	float: right;
}

.form.quickSearch {
    display: none;
}

.form input.quickSearchInput,
.form.quickSearch.active {
    display: block;
}

.form input.quickSearchInput {
    position: fixed;
    top: 50px;
    left: 2.5%;
    z-index: 999999;
}

.form input.quickSearchInput,
.searchfield, .form input.searchfield {
	background: url('../img/magnify.png') 7px center no-repeat;
	background-size: 13px 13px;
	font-size: 13px;
	padding-left: 25px;
	height: 31px;
	width: 100%;
	box-sizing: border-box;
	float: none;
	border: 1px solid var(--secondary-lighter-4);
}

.suggestion {
	position: absolute;
	width: 95%;
	margin-top: -1px;
	margin-left : 2.5%;
	margin-right: 2.5%;
	display: none;
	border-top: 1px solid var(--secondary-lighter-2);
	margin-left: 2.5%;
}

.suggestion ul {
	margin: 0;
	padding: 0;
	list-style: none;
	white-space: nowrap;
	overflow: hidden;
}

.suggestion li.header {
	background: var(--accent-grey-lighter);
	height: 20px;
	line-height: 20px;
	border-left: 1px solid var(--secondary-lighter-1);
	border-right: 1px solid var(--secondary-lighter-1);
	padding: 0 5px 0 5px;
	font-weight: bold;
	border-bottom: 1px solid var(--secondary-lighter-1);
}

.suggestion ul.section li {
	height: 30px;
	line-height: 30px;
	padding: 0 5px 0 5px;
	background-color: white;
	border-bottom: 1px solid var(--secondary-lighter-1);
	border-left: 1px solid var(--secondary-lighter-1);
	border-right: 1px solid var(--secondary-lighter-1);
}

#suggestions {
    position: absolute;
    z-index: 102;
    width: calc(100% + 2px);
    top: 37px;
    left: 0;
    background: #fff;
    border-bottom: 1px solid var(--primary);
    -webkit-box-shadow: 0 3px 3px 0 rgba(0,0,0,0.2);
    box-shadow: 0 3px 3px 0 rgba(0,0,0,0.2);
}

#suggestions:before {
    content: "";
    display: block;
    position: absolute;
    z-index: 6;
    width: 100%;
    height: 5px;
    top: 0;
    left: 0;
}

#suggestions .bartitle,
#suggestions Casino .bartitle {
    margin-top: 0;
}

#suggestions .barbottom .text{
    font-weight: normal;
}

#suggestions .button {
    margin: 5px auto;
    display: block;
}

#suggestions .barbottomleft,
#suggestions .barbottomright {
    border-left: none;
    border-right: none;
}

#suggestions .barbottom{
    position: relative;
    display: block;
}

#suggestions .barbottom input {
    position: absolute;
    z-index: 2;
    border: none;
    width: 100%;
    height: 100%;
    opacity: 0;
}

#searchDeleteIcon {
    position: absolute;
    z-index: 2;
    right: 3%;
    margin-right: 4px;
    top: -5px;
    height: 22px;
    color: var(--secondary-lighter-3);
    padding: 10px 0 10px 20px;
}

/* ---  Favoriten / Alarm --- */
.favbutton .cell {
	height: 32px;
}

.favoriteKey {
	margin: 10px 0 0 7px;
	color: #ffffff;
}

.favoriteKey div {
	height: 20px;
	min-height: 20px;
	display: table;
}

.favoriteKey div div,
.favoriteKey img {
	display: table-cell;
	vertical-align: middle;
}

.favoriteKey img {
	padding-right: 3px;
}

.addToFav .info {
	margin: 10px auto;
	display: table;
}

.addToFav .info div {
	text-align: center;
}

.addToFav .info ul {
	margin-top: 5px;
}

/* ---  Ticketliste / Ticketdetail --- */
.tlsubitem {
	display: table;
	border: none;
	width: 100%;
	height: 22px;
	font-size: 12px;
	background-color: var(--accent-grey-lighter);
	color: var(--primray-text);
}

.delete .tlsubitem {
	background-color: #fff;
}

.tlsubitem .text {
	font-size: 12px;
	height: auto;
}

.selected .tlsubitem .value,
.selected.ticketitem .value,
.selected.ticketitem .label {
	color: #FFFFFF;
}

.tlsubitem .text, .tlsubitem .value {
	height: 18px;
}

.bank {
	float: left;
	border: 1px solid var(--secondary);
	border-top: 1px solid var(--secondary);
	background-color: var(--secondary);
	color: var(--accent-grey-lighter);
	font-size: 14px;
	line-height: 10px;
	margin-right: 7px;
	padding: 2px 2px;
    max-width: 50px;
    min-width: 42px;
    white-space: nowrap;
    text-align: center;
    overflow-y: hidden;
}

.not.bank {
	border: 1px solid var(--secondary-lighter-2);
	border-top: 1px solid var(--secondary-lighter-2);
	background: var(--secondary-lighter-2);
}

.editem .bank {
	float: none;
	display: inline-block;
}

.editem .matchname {
    height: 100%;
	overflow: hidden;
}

.bigbutton.edit {
	margin-top: 0;
	padding: 2px 2.5% 5px 2.5%;
	max-width: 100%;
	width: 100%;
}

.bigbutton.edit div {
	background: var(--primary);
	border-color: var(--primary);
	box-sizing: border-box;
	width: 100%;
	min-height: 35px;
	text-transform: uppercase;
	padding-top: 0;
	padding-bottom: 0;
}

.bigbutton.header.deposit {
    background-size: 18px auto;
	background-image: url(../img/buttonDeposit.png);
	padding-right: 24px;
	background-position: right 3px center;
	text-transform: uppercase;
}

.bigbutton.header.deposit.selected,
.bigbutton.header.deposit:active,
.bigbutton.header.deposit:focus {
    background-color: var(--primary-lighter-2);
    color: var(--cta-button-dark-inky-blue);
    background-image: url(../img/buttonDeposit.png);
	text-transform: uppercase;
}

.bigbutton.header {
	margin-top: 0;
	border: initial;
	color: var(--cta-button-dark-inky-blue);
    height: 27px;
    margin-top: 14px;
    background-color: var(--primary);
	text-transform: uppercase;
}

.bigbutton.header.selected,
.bigbutton.header:active,
.bigbutton.header:focus {
    border: 2px solid var(--primary-lighter-2);
    background-color: var(--primary-lighter-2);
    color: var(--cta-button-dark-inky-blue);
	text-transform: uppercase;
}

.bigbutton.header:active div {
    color: white;
}

.headerbutton_wrapper {
	text-align: center;
	overflow: hidden;
	margin-right: 5px;
}

.headerbutton_wrapper .bigbutton {
    width: initial;
}

.bigbutton .headertext {
	display: inline-block;
	width: auto;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 27px;
	color: var(--primray-text);
	max-width: initial;
	margin: 0 auto 2px auto;
	text-transform: uppercase;
}

.bigbutton .headertext.deposit {
	margin-right: 5px;
}

.greyButtonWrapper{
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 2px 2.5% 5px 2.5%;
	margin-bottom: 20px;
}

.bigbuttonGrey {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	background-color:var(--accent-grey-lighter);
	border-color: var(--secondary-lighter-4);
	color: black;
	min-height: 35px;
	max-width: calc(100% - 66px);
}

.customCombinebutton {
	position: relative;
    right: 10px;
    width: 15px;
    height: 15px;
	background-image: url('../img/combine_button.png');
}

.customCombineRowIcon {
	background-image: url("../img/combine_iconbar.png");
	width: 20px;
    height: 20px;
}

.customCombineRowWrapper{
	border: 1px solid var(--secondary-lighter-4)
}

.customCombineRowIconWrapper{
	height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.emptyCustomCombiBets{
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 5px;
}


.error{
	background-image: url('../img/warning_inline.png');
	background-color: transparent;
	background-repeat: no-repeat;
	float: left;
	width: 22px;
	height: 22px;
	margin-right: 7px;
}

.ticketstatus {
	float: left;
	width: 10px;
	height: 10px;
	margin: 6px 7px 0px 2px;
	background: darkgrey;
}

.ticketstatus.DELIVERED      { background:#00a9ef; }
.ticketstatus.PAYOUT         { background:#00cc00; }
.ticketstatus.LOST           { background:#ff0000; }
.ticketstatus.PAID_OUT       { background:#00cc00; }
.ticketstatus.BOUGHT_BACK    { background:#0000cc; }
.ticketstatus.REJECTED    	 { background:black; }

.ticketsubitem .INVALID      	{ color:#ffa900 !important; }
.ticketsubitem .PAYBACK      	{ color:grey !important; }
.ticketsubitem .CANCELED, body:not(.casino) .grey { color:grey    !important; }
.ticketsubitem .OPEN, body:not(.casino) .black 	{ color:black   !important; }
.ticketsubitem .WON, body:not(.casino) .green    	{ color:green   !important; }
.ticketsubitem .LOST, body:not(.casino) .red     	{ color:red     !important; }
.ticketsubitem .BUYBACK      	{ color:var(--primary) !important; }

.skyblue {
	color: #29739e !important;
}

.ticketstatusWrapper {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	overflow: hidden;
	position: relative;
	padding: 5px 1.5% 5px 30px;
}

.ticketstatusWrapper .ticketstatus {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 10px;
	margin: auto;
}

.ticketstatusWrapper .tlsubitemColumn {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	font-size: 14px;
	line-height: 18px;
}

.ticketstatusWrapper .ticketstatus + .tlsubitemColumn .text:first-child {
	font-size: 14px;
	text-transform: uppercase;
	font-weight: bold;
}

.ticketstatusWrapper .tlsubitemColumn .text,
.ticketListBetDetails .ticketitem .text {
	font-size: 14px;
	height: auto;
}

.ticketstatusWrapper .value {
	color: #000;
	padding-right: 30px;
	height: auto;
}

.ticketstatusWrapper .tlsubitemColumn .value + .value {
	font-weight: bold;
}

.ticketitem {
	padding-top: 10px;
}

.ticketitem,
.ticketsubitem {
	width: 95%;
	margin-left: 2.5%;
	display: table;
	font-size: 14px;
}

.ticketitem .label.date {
	min-width: 42px;
	width: 42px;
}

.ticketitem.arrow .label.date + .text + .value {
	padding: 5px 30px 12px 0;
}

.ticketListBetDetails {
	background-color: #fff;
}

.ticketListBetDetails.arrow {
	background-image: url(../img/arrow_blk.png);
	background-size: 6px 11.5px;
}

.ticketListBetDetails .ticketitem,
.ticketListBetDetails .ticketsubitem {
	margin-left: 0%;
	padding-right: 30px;
	width: 95%;
	width: calc(98.5% - 30px);
}

.ticketListBetDetails .ticketitem {
	border-top: 0;
	padding-top: 5px;
}

.ticketListBetDetails .ticketitem .text,
.ticketListBetDetails .ticketitem .value,
.ticketListBetDetails .ticketsubitem .text,
.ticketListBetDetails .ticketsubitem .value {
	vertical-align: text-top;
	padding-right: 0;
}

.ticketListBetDetails .ticketsubitem {
	font-weight: bold;
}

.ticketitem .text,
.ticketsubitem .text {
	padding: 0;
}

.ticketitem.w100,
.ticketsubitem.w100{
	width:100%;
	margin-left:0;
}

.ticketitem .label,
.ticketitem .text,
.ticketitem .value,
.ticketsubitem .label,
.ticketsubitem .text,
.ticketsubitem .value {
	height: 22px;
}

.ticketListBetDetails .barfinish {
	height: 0;
}

.ticketitem, .tlitem {
	border-top: 1px solid var(--secondary-lighter-4);
	background-position: 97.5% center;
	position: relative;
}

.ticketitem, .tlitem .tlsubitem {
	background-color: transparent;
}

.even_yellow {
	background-color: var(--primary-lighter-3);
}

.odd_yellow {
	background-color: var(--primary-lighter-3);
}

.ticketitem .label,
.ticketitem .text {
	font-weight: bold;
}

.ticketListBetDetails .ticketitem .label,
.ticketListBetDetails .ticketitem .text,
.ticketListBetDetails .ticketitem .text span.normal,
.ticketListBetDetails .ticketitem .value {
	font-weight: normal;
}

.ticketListBetDetails .ticketitem .text span {
	font-weight: bold;
}

.editem .comment,
.ticketitem .text span.comment {
    display: block;
    font-weight: 100;
    margin-bottom: -10px;
    color: var(--secondary-lighter-2);
}

.editem .bank + .comment {
    margin-bottom: 0;
}

.ticketitem .label,
.ticketsubitem .label,
.ticketListBetDetails .label.date {
	overflow: hidden;
	min-width: 39px;
	width: 39px;
	font-size: 12px;
}

.ticketitem .value {
	padding-right: 7px;
	color: black;
	font-weight: bold;
	min-width: 70px;
	white-space: normal;
}

.ticketsubitem .value {
	padding-right: 7px;
	color: black;
}

.ticketitem.arrow .value {
	padding-right: 22px;
	min-width: 55px;
}

/* --- Ticketeditor --- */
.edtitle .text,
.edsubitem .text,
.edsubitem .value {
	height: 22px;
}

.editem,
.edsubitem,
.edtitle {
	padding-left: 2.5%;
	padding-right: 2.5%;
}

.edtitle {
	display: table;
}

.edtitle button .text {
	width: 100px;
	text-align: center;
}

.edtitle button .text.go {
	width: 120px;
}

.editem .text {
	display: inline-block;
	width: 70%;
	width: calc(100% - 85px);
	padding-right: 0px;
	font-weight: 600;
}

.editem.removeWrapper {
    position: relative;
    height: 100%;
	padding-top: 10px;
}

.editem .removeButton {
	position: absolute;
	top: 4px;
	right: -12px;
    display: inline-block;
    font-size: 22px;
	height: 40px;
	width: 40px;
}

.editem .removeButton.selected {
	background: transparent;
}

.edsubitem {
	font-size: 14px;
}

.edsubitem .value {
	color: var(--accent-blue);
	min-width: 50px;
	width: 50px;
	padding-right: 4px;
	font-weight: 600;
}

.edsubitem button .text {
	height: 26px;
}

.edsubitem .stopped {
	background: none;
}

.edtitle {
	margin-top: 10px;
}

.edtitle.bartitle {
	border-bottom: 1px solid var(--secondary-lighter-4);
	margin-top: 0;
	background-color: var(--secondary-lighter-1);
}

.edtitle .text {
	width: 75%;
	font-weight: bold;
}

.edtitle .value {
	padding-right: 7px;
}

.edtitle .clearValue {
	border-left: 1px solid var(--secondary-lighter-4);
	padding-right: 0;
}

.edtitle .clearValue div {
	text-align: left;
	font-size: 12px;
	color: white;
	width: 100%;
	display: block;
	line-height: 26px;
	position: relative;
}

.edtitle .clearValue div:after {
	content: '';
	display: block;
	width: 20px;
	width: calc(20px - 2.5%);
	height: 22px;
	background: url('../img/trash.png') center left no-repeat;
	background-size: 10.5px 13px;
	position: absolute;
	right: 0;
	top: 15%;
	filter: var(--filter-icon-white);
}

.ticketRequestDialog {
    margin: -20px -20px 0 -20px;
}

.ticketRequestDialog .layerSlogan {
    font-size: 18px;
    color: #000;
    padding: 0 6px;
}

.ticketRequestDialog .layerSlogan span{
	color: var(--primary);
}

#dialog .ticketRequestDialog .title {
    font-size: 14px;
    font-weight: normal;
    text-transform: initial;
    margin-bottom: 12px;
    color: #000;
    padding: 0 6px;
}

.ticketRequestDialog .betsWrapper {
	overflow: auto;
    max-height: 200px;
    position: relative;
    text-align: left;
    margin: 0 6px;
    margin-bottom: 14px;
    font-size: 14px;
}

.ticketRequestDialog .betsWrapper:after {
    content: "";
    display: block;
    height: 1px;
    width: 100%;
    position: absolute;
    bottom: 0;
    border-bottom: 1px dashed var(--secondary-lighter-4);
}

.ticketRequestDialog .event_headNew {
    font-weight: bold;
    background: var(--accent-grey-lighter);
    border: 1px solid var(--secondary-lighter-4);
    border-bottom: none;
    padding: 0 6px;
}

.ticketRequestDialog .match_row,
.ticketRequestDialog .resultNew {
    display: flex;
    flex-direction: row;
    align-items: center;
    border: 1px solid var(--secondary-lighter-4);
    padding: 0 6px;
    min-height: 25px;
    font-size: 14px;
}

.ticketRequestDialog .match_row,
.ticketRequestDialog .resultNew + .resultNew {
    border-top: none;
}

.ticketRequestDialog .quote.right,
.ticketRequestDialog .resultNew .right {
    margin-left: auto;
}

.ticketRequestDialog .resultNew .left {
    text-align: left;
}

.ticketRequestDialog .resultNew .right {
    text-align: right;
}

.ticketRequestDialog .thline{
	text-decoration: line-through;
	white-space: nowrap;
}

.ticketRequestDialog .resultNew {
    min-height: 35px;
    padding: 0 10px;
}

.ticketRequestDialog .resultNew.inactive {
    opacity: 0.7;
}


/* --- SoccerScores  ---  */
.matchscores .icon,
.matchscores .cell,
.matchscores .text {
	height: 22px;
}

.matchscores .text {
	padding-left: 3px;
	padding-right: 5px;
}

.navitem .headln {
	font-weight: normal;
	padding: 0;
}

.odd + .even .match.event,
.even + .odd .match.event {
	padding: 4px 0 2px 0;
	border-top: 1px dotted var(--secondary-lighter-4);
	margin-top: 2px;
}

.match.event .event_wrapper {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	box-sizing: border-box;
	min-height: 40px;
	padding: 0 2.5%;
}

.match.event .sportsIcon {
	display: none;
}

.swipe-wrap .match.event .sportsIcon {
	display: block;
	padding: 0;
}

.swipe-wrap .match.event .sportsIcon .icon {
	width: 17px;
	height: 17px;
	padding: 8px 0 5px 15px;
}

.match.event .event_wrapper.favoritesShown {
    padding: 0 2.5% 0 0;
}

.event .favoritesShown.datetime:not(.loggedinLive) {
	-webkit-flex: 0 0 25%;
	-ms-flex: 0 0 25%;
	flex: 0 0 25%;
	-webkit-align-content: center;
	-ms-flex-line-pack: center;
	align-content: center;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

.event .datetime .favorites {
	display: flex;
	justify-content: center;
	align-items: center;
}

.event .datetime.loggedinLive {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

.event .datetime .favoriteIcon {
    display: inline-block;
    background: url("../img/favorite0.png") center no-repeat;
    background-size: 17px;
    width: 17px;
    height: 17px;
    margin-left: 7px;
}

.event .datetime .favoriteIcon.favorite1 {
    background-image: url("../img/favorite1.png");
}

.event .datetime.loggedinLive .favorites.hidden {
	display: block !important;
	opacity: 0;
}

.event .datetime .date {
	width: 46px;
	height: 100%;
	font-weight: bold;
	text-align: center;
	padding: 0;
	overflow: hidden;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.event .datetime .date > div {
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 4%;
    box-sizing: border-box;
}

.event .datetime .date.small {
    height: 100%;
	font-size: 10px;
	word-spacing: 400px;
}

.event .datetime .date > img,
.event .datetime .date > .image {
	margin: 0 auto;
}

.image.rainIcon,
.image.darknessIcon,
.image.penaltyIcon,
.image.playIcon {
    background: url("../img/live_rain.png") center no-repeat;
    background-size: 23px;
    width: 23px;
    height: 23px;
}

.image.darknessIcon {
    background-image: url("../img/live_darkness.png");
}

.image.penaltyIcon {
    background-image: url("../img/live_penalty.png");
}

.image.playIcon {
    background-image: url("../img/live_play.png");
}

.topEventsBox .event .datetime .date{
    padding-left: 5px;
}

.topEventsBox .event .datetime {
    display: flex;
}

.competition .event .teamrows{
    max-width: initial;
}

.competition{
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    z-index: 10;
}

.event .teamrows {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding-left: 5px;
	max-width: calc(75% - 30px);
}

.event .teamrows.single {
    flex-direction: row;
    align-items: center;
    max-width: 80%;
}

.noResultTypes.competition .event .teamrows.single {
  max-width: 75%;
}

.event .teamrows.single .count {
    margin-top: 0;
    margin-right: 2px;
}

.event .teamrow {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.event .teamrow .score {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
}

.event .teamrow .score > div {
	padding: 0 0 0 4px;
    min-width: 21px;
    box-sizing: border-box;
    text-align: right;
}

.event .teamrow .team {
	display: flex;
}

.event .teamrow .teamName {
	width: auto;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: block;
}

.event .teamrow .team.inactive {
    font-weight: normal;
}

.cell.rsDesc {
	text-align: center;
	font-weight: bold;
	height: inherit;
	min-height: 32px;
	font-size: 13px;
	border-right: none;
	border-left: none;
	padding: 0 2% 0 0;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	box-sizing: border-box;
	flex-grow: 1;
}

.truncate-1 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    white-space: normal;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
}

.truncate-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    white-space: normal;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
}

.truncate-3 {
	overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    white-space: normal;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
}

.truncate-4 {
	overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    white-space: normal;
    text-overflow: ellipsis;
    -webkit-line-clamp: 4;
}

.event {
	width: auto;
	border-collapse: separate;
	border-spacing: 1px 0;
	min-height: 44px;
}

.navitem .date.small {
	display: table-cell;
	vertical-align: middle;
	font-weight: bold;
	width: 46px;
	min-width: 46px;
	text-align: center;
	padding: 0;
}

.redCards {
	height: 15px;
	width: 12px;
	position: relative;
	float: right;
}

.event .team {
	width: 100%;
	padding-left: 0;
	padding-right: 2px;
	text-align: left;
	font-weight: 400;
	overflow: hidden;
}

.event .left {
	border-left: 1px solid var(--secondary-lighter-4);
}

.event .arrow,
.event .placeholder,
.event .statsIcon {
	width: 12px;
	padding-left: 0;
	margin-left: auto;
	background-position: center left;
	background-repeat: no-repeat;
}

.event .arrow.onlive {
	flex: 1 1 34%;
	background-image: url(../img/arrow_blk.png);
	background-size: 6px 11.5px;
}

.topEvent .date,
.topEvent .team {
	padding-left:7px;
	text-align:left !important;
}

.topEvent {
	overflow-x: hidden;
	border-collapse: separate;
	border-spacing: 2px 0;
}

.topEvent .date {
	font-weight: bold;
}

.topEvent tr td {
	text-align: center;
}

.topEvent .top {
	border-top: 1px solid var(--secondary-lighter-4);
}

.topEvent .left {
	border-left: 1px solid var(--secondary-lighter-4);
}

.topEventsBox.swipe .c_comment {
    display: none;
}

div:not(.c_comment) > .c_comment {
    background: var(--primary);
    color: #fff;
    text-align: left!important;
    padding: 3px 0 4px 0;
    font-size: 14px;
    height: 23px;
    position: relative;
    box-sizing: border-box;
    margin-bottom: 3px;
}

div:not(.c_comment) > .c_comment:before {
    content: "";
    display: block;
    background: url('../img/warning_2.png') center no-repeat;
    position: absolute;
    height: 16px;
    width: 16px;
    left: 16px;
    opacity: 0.8;
}

div.c_comment .c_comment {
	padding-left: 38px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.c_pointer {
    position: absolute;
    z-index: 10;
    margin-left: calc(13.75% - 12px);
    width: 0;
    height: 0;
    top: 19px;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-top: 9px solid var(--primary);
}

.c_pointer.favoritesPointer {
    margin-left: 14%;
}

.matchAndBetmarketsRow .c_pointer {
    margin-left: 19px;
}

.matchAndBetmarketsRow .c_pointer.favoritesPointer {
    margin-left: 35px;
}

.matchContainer.withComment .navitem {
    position: relative;
}

.matchContainer.withComment .navitem:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    background: var(--primary);
    height: 23px;
    width: 100%;
}

.matchContainer.withComment .navitem .cellWrapper {
    transform: translateY(22px);
}

.topEventsBox {
    height: 0;
    padding-bottom: 29%;
}

.topEventsBox .swipe-wrap {
    position: absolute;
    top: 0;
    bottom: 0;
}

@media only screen and (min-width: 420px) {
	.RGFCasinoSlider .swipe-wrap .data img:not(.redCards) {
		height: 100%;
		width: 100%;
	}

    .topEventsBox {
         height: 122px;
         padding-bottom: 0;
    }
}

.topEventsBox + .filterbar {
    border-top: 1px solid var(--secondary-lighter-4);
}

/*-- EventNavigation --*/
.navigation {
    list-style: none;
    height: 30px;
    background-color: #373737;
    padding: 0;
    margin: 0;
}

.navigation li {
    float: left;
    display: block;
    height: 30px;
    width: 25%;
}

.navigation li span {
	color: var(--secondary-lighter-2);
	font-weight: bold;
	margin: 8px 0 0 23px;
	display: inline-block;
	font-size: 12px;
}

.navigation li.current span {
	color: #ffffff;
}

.navigation li.fav {
    background: url('../img/favorites.png') 5px center no-repeat;
    background-size: 15px 15px;
}

.navigation li.alarm {
    background: url('../img/alarmclock.png') 5px center no-repeat;
    background-size: 15px 15px;
}

.navigation li.statistic {
    background: url('../img/stats_1.png') 5px center no-repeat, #464646;
    background-size: 15px 15px, 0 0;
}

.navigation li.info {
    background: url('../img/tv-show.png') 5px center no-repeat;
    background-size: 15px 15px;
}

.sportsIcon {
	padding: 0 7px 0 0;
}

.sportsIcon .icon {
	padding: 0;
}

/* --- Quoten-Stati: Tendenzen / PAUSED --- */
.edsubitem .value.tendup {				/* Ticketeditor: Tendenz steigend */
	background-image: url(../img/button_tendup.png);
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 16px 16px;
}

.edsubitem .value.tendown {				/* Ticketeditor: Tendenz fallend */
	background-image: url(../img/button_tendown.png);
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 16px 16px;
}

.edsubitem .value.paused {
	background: url(../img/warning_shut.png) left center no-repeat;
	background-size: 16px 16px;
}

.stopped {
	background: url(../img/shade-pattern.png) left top repeat;
	background-size: 8.5px 8.5px;
	pointer-events: none;
	height: 100%;
	display: block;
}

.stopped div, .stopped:after {
  	display: none;
}

.paused{
	color: var(--secondary-lighter-3);
}

.navitem .tendup {				/* Quoten-Button: Tendenz steigend */
	background-image: url(../img/quote_tendup.png);
	background-position: 0 0;
	background-repeat: repeat-x;
}

.navitem .tendup.selected {		/* Quoten-Button: Tendenz steigend */
	background-image: url(../img/quote_tendup.png);
	background-position: 0 0;
	background-repeat: repeat-x;
}

.navitem .tendown {				/* Quoten-Button: Tendenz fallend */
	background-image: url(../img/quote_tendown2.png);
	background-position: 0 bottom;
	background-repeat: repeat-x;
}

.navitem .tendown.selected {	/* Quoten-Button: Tendenz fallend */
	background-image: url(../img/quote_tendown2.png);
	background-position: 0 bottom;
	background-repeat: repeat-x;
}

/* --- neu ---*/
.scorebox {
	background-color: var(--secondary);
	color: #fff;
}

.scorebox * {
    box-sizing: border-box;
}

.scorebox.headline, .headline .noBG {
	background: #fff;
	color: var(--primray-text);
	font-weight: bold;
}

.scorebox.headline .eventpointDG {
	height: 47px;
}

.scorebox.headline .eventpointDG .center {
	background: #fff;
	font-size: 18px;
	padding: 0;
	color: var(--primray-text);
	border-bottom: none;
}

.scorebox div > div {
    display: table-cell;
	table-layout: fixed;
}

.scorebox div.eventpointDG > div,
.scorebox div.eventpointLG > div {
	padding: 5px;
	vertical-align: middle;
}

.scorebox div.eventpointDG > div.center {
	padding: 0 4px;
	box-sizing: border-box;
	border-bottom: 1px solid #000;
}

.scorebox.headline div div {
	padding: 2px 5px;
	vertical-align: middle;
	height: 29px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.scorebox.headline .top.time {
	text-align: center;
	word-spacing: 100px;
	padding: 2px;
	text-overflow: initial;
}

.scorebox.headline .top.time span {
	display: block;
}

.scorebox.headline .top.time span:first-child {
	padding-left: 0.5px;
}

.scorebox.headline .left,
.scorebox.headline .right {
	font-size: 13px;
}

.scorebox.eventpoint.statsbox, .statsbox .eventpointDG, .biglink div, .biglink span{
	height: 33px;
}

.scorebox.eventpoint.statsbox .right.biglink div {
	display: none;
}

.scorebox + div .scorebox.eventpoint.statsbox,
.scorebox + div .scorebox.eventpoint.statsbox .right.biglink div {
	display: block;
}

.biglink span {
	padding-top: 10px;
}

.top.left.biglink, .top.right.biglink {
	padding: 0px;
	box-sizing: border-box;
	width: 45% !important;
}

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

.scIcon.corner-kick {
    filter: var(--filter-icon-white);
}

.scorebox div.eventpointDG > div.center .scIcon.yellow-card {
	background-position: -201px 2px;
}

.headline .right,
.eventpointDG .right,
.eventpointLG .right {
	text-align: center;
}

.headline .left,
.eventpointDG .left,
.eventpointLG .left {
	text-align: center;
}

.eventpointLG,
.eventpointDG {
    display: table;
    table-layout: fixed;
    width: 100%;
}

.eventpointDG .center,
.eventpointLG .center {
	text-align: center;
	font-weight: bold;
	color: #fff;
	background-color: #232323;
}

.eventpointLG .center {
	background-color: #000;
}

.eventpointDG .time, .eventpointLG .time {
	width: 13%;
}

.eventpointDG .center, .eventpointLG .center {
	width: 10%;
}

.eventpointDG .right, .eventpointLG .right {
	width: 32%;
	overflow: hidden;
}

.eventpointDG .left, .eventpointLG .left,
.scorebox.eventpoint.statsbox .right {
	width: 45%;
	overflow: hidden;
}

.scorebox.eventpoint.statsbox .time {
	display: none;
}

.eventpoint {
	border-top: 1px solid #000;
	font-size: 12px;
}

.eventpoint .posMid  {
	text-align: center;
}

.headline .center {
	text-align: center;
}

.top.time, .top.center {
	font-weight: bold;
}

.headline .top.center {
	color: #ffffff;
}

.eventpointLG .center.score {
	background-color: #000;
	color: #ffffff;
}

.eventPointInfo {
	background-color: #000;
    border-top: 1px solid #373737;
    border-bottom: #2b2b2b;
	display: table;
	text-align: center;
	width: 100%;
}

.eventPointInfo .eventInfo {
	display: inline-block;
    margin-left: 5px;
    color: #ffffff;
    font-weight: bold;
    height: 20px;
    margin: 4px 0 0 4px;
	font-size: 12px;
}

.eventPointInfo .eventInfo .icon {
	padding: 0;
	width: auto;
	height: auto;
}

.eventPointInfo .score {
	line-height: 20px;
    max-height: 20px;
    float: left;
	padding-left: 3px;
}

.eventpoint .hide {
	width: 100%;
	display: block;
	text-align: center;
}

.eventpoint .arrow {
	width: 100%;
	background: url(../img/arrowRSel.png) 97.5% center no-repeat;
	background-size: 10px 15.5px;
	display: block;
	text-align: center;
}

.eventpoint .arrow span {
	width: 100%;
	display: block;
}

.showEventPointsArrowUp, .showEventPointsArrowDown {
	background-size: 15px 12px; /* Image aspect ratio is 5 : 4 */ 
    background-position: 56% center; /* 60% because the icon in the image itself is not centered */
	background-repeat: no-repeat;
    width: 100%;
    height: 24px;
    display: block;
    margin: 0 auto;
}

.showEventPointsArrowUp {
	background-image: url(../img/arrowUSel.png);
}

.showEventPointsArrowDown {
	background-image: url(../img/arrowBSel.png);
}

.teaser {
	width: 100%;
	text-align: center;
	background-color: #293014;
}

.teaser .link {
	background: url('../img/arrowRSel.png'), -webkit-gradient(linear, left top, left bottom, color-stop(1%,#D50032), color-stop(49%,#D3003A), color-stop(50%,#D10039), color-stop(100%,#AB042D));
	max-height: 43px;
	background-position: right center, left center;
	background-repeat: no-repeat, repeat-x;
	background-size: 20px 20px;
}

.teaser .title {
	text-align: center;
	font-weight: bold;
	color: #ffffff;
	width: 100%;
	height: 43px;
	padding: 12px 0;
}

/* -- Statistiken --- */
.stats {
	background-color: #464646;
}

.stats table {
	padding: 0 4px;
	width: 100%;
	font-size: 12px;
	color: #ffffff;
	text-align: center;
	border-spacing: 0;
	table-layout: fixed;
}

.stats .left {
	text-align: left;
}

.stats .right {
	text-align: right;
}

.stats .table {
	color: #8e8e8e;
	display: table-row;
}

.stats .form div {
	width: 16px;
	height: 16px;
	text-align: center;
	vertical-align: middle;
	background: #d7d7d7;
	display: inline-block;
	color: #484848;
	margin-right: 2px;
}

.stats div {
    display: table-cell;
    width: 100%;
}

.stats div.notable {
    display: block;
}

.stats div tbody, .stats div tr {
    width: 100%;
}

.stats .dotted td {
	border-top: 1px dotted #ffffff;
	padding: 2px 0;
}

.stats #matchFacts .information {
    float: left;
    display: block;
}

.stats #matchFacts tr span {
    line-height: 15px;
    padding-top: 1px;
    display: block;
    overflow: hidden;
}

.stats .dark {
	background: #adadad;
}

.stats .light {
	background: #dbdbdb;
	color: #000000;
}

.stats .borderL td {
	border-left: 1px dotted #191919;
}

.stats td.noBorder {
	border-left: none;
}

.stats .headln td {
	height: 27px;
}

.odd, .even {
	background-color: #FFFFFF;
}

.ticketListBetDetails .odd,
.ticketListBetDetails .even {
	background: none;
}

/* --- messages --- */
.inlineerror {
	color: red;
	font-weight: normal;
	padding-left: 7px;
}

.msg .inlineerror {
	text-align: left;
}

.edsubitem .inlineerror {
	padding-left: 0;
}

.msgtext.optionList {
	padding: 0 0 0 18px;
}

.msgtext.optionList .text {
	height: auto;
}

.msgtext.optionList .text.normal {
	overflow: visible;
}

.msgtext {
	background: none;
	color: var(--primray-text);
	padding: 5px;
	margin-left: 2.5%;
	margin-right: 2.5%;
}

#page1 .msgtext {
	background: none;
}

.msgtext .text {
	overflow: hidden;
	font-weight: bold;
}

.msgtext .text.normal {
	font-weight: normal;
}

.msgtext .text {
	overflow: hidden;
	font-weight: bold;
}

.msgtextbg {
	padding-left: 40px;
}

.msgtext + .space_2 {
	margin-bottom: -10px;
}

#registrationWrap .msgtext + .space_2 {
	margin-bottom: 2px;
}

.msgtext .icons.msg_optionlist {
	background-image: none;
	height: initial;
}

/*--- Messages ---*/
.messages .text {
	font-weight: normal;
	padding-left: 0;
	padding-right: 25px;
}

.messages .text.bold {
	font-weight: bold;
}

 .messageContent {
	padding: 10px 15px;
}

#newsletter .msgtext, #personalDetails .msgtext {
	background: white;
	color: black;
	margin-top: 3px;
}

#newsletter .icons, #personalDetails .icons {
	background-image: url("../img/msg_checkmark_green.png");
	background-position: 0 0;
	background-size: 100%;
	margin-top: 8px;
}

/* --- footer --- */
.footer,
.footerbutton {
	color: var(--secondary-lighter-3);
	background: var(--secondary-lighter-4);
}

.footer {
	display: table;
	table-layout: fixed;
	width: 100%;
	background-color: var(--secondary);
	color: var(--accent-grey-lighter);
}

#oneColumnFooter {
    box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.6);
}

#footerLeft,
#footerRight {
    position: fixed;
    width: 50.3%;
    bottom: 0;
    left: 0;
    display: table;
}

#footerRight {
    left: 50%;
    margin-left: 4px;
}

.footerbutton {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	margin-top: 15px;
	height: 59px;
	margin-bottom: 15px;
}

.footerbutton .tbicon {
	min-width: 59px;
	height: 59px;
}

.footerbutton .tbicon .text {
	width: 59px;
	line-height: 10px;
	overflow: hidden;
	padding-top: 35px;
	display: block;
}

.footerbutton .tbicon .count {
	margin: -79px 5px 0px -10px;
}

.footer .cell, .footer iframe {
	display: none;
}

.footer.tabbar1 .tbicon.editor.orange {
    background-color: var(--primary);
}

.footer .tbicon {
	display: table-cell;
	min-width: 20%;
	height: 47px;
	text-align: center;
	position: relative;
}

.footer .tbicon:active{
    background-color: var(--primary);
    background-position: center 22%;
}

.footer.tabbar1 .tbicon {
	background-size: 26px 26px !important;
	height: 47px !important;
}

.footer.tabbar1 .tbicon.home {
	background: url("../img/tabbar/home.png") center 22% no-repeat;
}

.footer.tabbar1 .tbicon.live {
	background: url("../img/tabbar/live.png") center 22% no-repeat;
}

.footer.tabbar1 .tbicon.discovery {
	background: url("../img/tabbar/discovery.png") center 22% no-repeat;
	background-color: var(--primary);
}

.footer.tabbar1 .tbicon.discovery .text {
    color: var(--secondary);
}

.footer.tabbar1 .tbicon.casino {
	background: url("../img/tabbar/casino.png") center 22% no-repeat;
}

.footer.tabbar1 .tbicon.sportsbet {
    background: url("../img/tabbar/sportbets.png") center 22% no-repeat;
}

.footer.tabbar1 .tbicon.livecasino {
	background: url("../img/tabbar/liveCasino.png") center 22% no-repeat;
}

.footer.tabbar1 .tbicon.random {
	background: url("../img/tabbar/random.png") center 22% no-repeat;
}

.footer.tabbar1 .tbicon.tickets {
	background: url("../img/tabbar/tickets.png") center 22% no-repeat;
}

.footer.tabbar1 .tbicon.account {
	background: url("../img/tabbar/account.png") center 22% no-repeat;
}

.footer.tabbar1 .tbicon.bonus {
    background: url("../img/tabbar/bonus.png") center 22% no-repeat;
}

.footer.tabbar1 .tbicon.editor {
	background: url("../img/tabbar/editor.png") center 22% no-repeat;
}

.footer.tabbar1 .tbicon.login {
	background: url("../img/tabbar/login.png") center 22% no-repeat;
}

.footer.tabbar1 .tbicon.logout {
	background: url("../img/tabbar/logout.png") center 22% no-repeat;
}

.footer.tabbar1 .tbicon.favorites {
	background: url("../img/tabbar/favorites.png") center 22% no-repeat;
}

.footer.tabbar1 .tbicon.valve {
	background: url("../img/tabbar/valve.png") center 22% no-repeat;
}

.footer.tabbar1 .tbicon.information {
	background: url("../img/tabbar/information.png") center 22% no-repeat;
}

.footer.tabbar1 .tbicon.virtualsports {
	background: url("../img/tabbar/virtualsports.png") center 22% no-repeat;
}

.footer.tabbar1 .tbicon.search {
	background: url("../img/tabbar/search.png") center 22% no-repeat;
}

.footer.tabbar1 .tbicon.sportsbet {
	background: url("../img/tabbar/sportbet.png") center 22% no-repeat;
}

.footer.tabbar1 .tbicon.selected:not(:active):not(.discovery) {
	background-color: var(--secondary-lighter-3) !important;
	background-position: center 22%;
}

.appfooter iframe {
    height: 0;
    border: none;
    display: block;
}

.infoFooter .barbottomright {
    border-top: none;
}

.infoFooter .footerRow {
    width: 47.5%;
    float: left;
    border-left: 1px solid var(--secondary-lighter-3);
    padding-left: 5px;
    margin: 10px 0;
    text-align: left;
}

.infoFooter .footerTime {
    text-align: center;
    margin: 10px 0 7px 0;
    font-weight: bold;
}

.infoFooter .footerRow > div {
	padding-top: 7px;
	padding-bottom: 7px;
}

.infoFooter .footerRow > div a {
    color: inherit;
    text-decoration: none;
}

.infoFooter .footerRow > div:first-child {
	padding-top: 0;
}

.infoFooter .footerRow > div:last-child {
	padding-bottom: 0;
}

.infoFooter .eighteenPlus {
	background: url("../img/eighteenPlus.png") left 5px no-repeat;
	background-size: 20px;
	padding-left: 28px;
	line-height: 20px;
}

 .socialFooter {
     text-align: center;
     margin-top: 10px;
 }

 .socialFooter .text {
     display: block;
     line-height: 44px;
 }

 .socialFooter ul {
     list-style: none;
     display: inline-block;
     margin: 0 auto;
     padding-left: 0;
 }

 .socialFooter ul:after {
     content: "";
     display: block;
     clear: both;
 }

 .socialFooter li {
     float: left;
     margin-right: 14px;
     width: 36px;
     border-left: 0;
     padding-left: 0;
 }

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

 .socialFooter a {
     width: 36px;
     height: 36px;
     display: block;
     color: transparent;
     overflow: hidden;
 }

 .socialFooter .facebook a {
     background: url(../img/share/facebook.png) center no-repeat;
     background-size: 36px;
 }

 .socialFooter .twitter a {
     background: url(../img/share/twitter.png) center no-repeat;
     background-size: 36px;
 }

 .socialFooter .instagram a {
     background: url(../img/share/instagram.png) center no-repeat;
     background-size: 36px;
 }

.licenseLogo div {
    display: table;
    margin: 0 auto;
    width: 80px;
    margin-top: 20px;
    table-layout: fixed;
}

#licenseText {
    text-align: center;
    font-size: 12px;
    margin-top: 5px;
	padding: 5px 2.5% 7.5%;
	color: white;
}

#licenseText .eighteenPlus {
    width: 20px;
    height: 20px;
    margin-bottom: -5px;
}

.tbicon .text,
.tbicon div.hidden +.text {
	font-size: 8px;
	padding-left: 0px;
	padding-top: 31px;
	width: 100%;
	color: var(--accent-grey);
	display: block;
	height: 16px;
	text-transform: uppercase;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.tbicon .count,
.editorCount,
.tbicon .messageCount {
	position: absolute;
	z-index: 1;
	bottom: 28px;
	left: 50%;
	margin-left: 6px;
	text-align: center;
	font-size: 9px;
	float: right;
	color: #FFFFFF;
	background: #000;
	border-radius: 5px;
	min-width:8px;
	padding: 2px 2px 1px 2px;
	height: 10px;
	line-height: 10px
}

.editorCombiLength.barmiddle .text {
	padding-right:25px;
}

#overlay .editorCombiLength.barmiddle .text,
#overlay .editorCombiLength.barbottom .text {
	width: auto;
	padding-right: 0;
}

.tbicon.selected .count,
.tbicon.selected .editorCount {
	background-color: var(--secondary);
	color: var(--accent-grey-lighter);
}

.tbicon .count.buyback,
.tbicon .messageCount {
    background: #fff !important;
    color: #000 !important;
    left: initial;
    right: 50%;
    margin-left:0;
    margin-right: 6px;
}

.hidden {
	display: none !important;
}

.invisible {
	opacity: 0;
	pointer-events: none;
}

.affiliate {
	background-image: url('/../img/affiliate/bgAffiliate.png');
}

.affiliate .title {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#949191),color-stop(3%, #f4f2f2),color-stop(4%, #ffffff), color-stop(100%,var(--secondary-lighter-4)));
	height: 49px;
	width: 100%;
}

.affiliate .label {
	vertical-align: top;
	padding-left: 12px;
	padding-top: 5px;
	font-weight: bold;
	font-size: 12px;
}

.affiliate .value {
	padding-left: 10px;
	text-align: center;
	color: #000000;
}

.affiliate .bonus {
	width: 95%;
	margin-left: 2.5%;
	padding-top: 9px;
}

.affiliate .bonus .value {
	width: 50%;
	font-size: 58px;
	color: #ffffff;
	padding-right: 0;
	text-align: right;
}

.affiliate .bonus .text {
	padding-left: 12px;
	text-align: left;
	color: #ffffff;
}

.affiliate .bar {
	background: #f7f7f7;
	border-top: 1px solid #d2d2d2;
	border-right: 1px solid #c4c8c5;
	border-bottom: 1px solid #cdcdcd;
	border-left: 1px solid #acacac;
	margin-top: 3px;
}

.affiliate .bar .item {
	padding-top: 9px;
	padding-right: 14px;
}

.affiliate .bar .text {
	padding-left: 10px;
}

.affiliate .bar .text .headln {
	color: #DB0036;
	font-size: 18px;
	font-weight: bold;
}

.affiliate .bigbutton {
	background: var(--primary);
	border: none;
	margin-top: 12px;
	color: #ffffff;
	font-size: 18px;
}

/* --- ajax --- */
#dialog,
.dialog,
#install,
#installAndroid,
#ajax {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 10000;
	top: 0px;
	left: 0px;
	bottom: 0px;
	right: 0px;
}

#dialog .block,
.dialog .block,
#install .block,
#installAndroid .block,
#ajax .block {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	bottom: 0px;
	right: 0px;
	background-color: #000000;
	opacity: 0.5;
}

#dialog .window,
.dialog .window,
#ajax .window {
	position: relative;
	opacity: 1;
	z-index: 10001;
	width: 110px;
	min-width:  110px;
	max-width: 210px;
	min-height: 80px;
	background: #ffffff;
	border: 1px solid var(--secondary-lighter-3);
	padding: 20px;
	text-align: center;
	color: #000000;
	-webkit-box-shadow: #333 5px 5px 5px;
	box-shadow: #333 5px 5px 5px;
}

#turnoverHistoryDialog,
#bonusConditionsDialog{
    position: fixed;
	width: 100vw;
    height: 100%;
	background: rgba(0, 0, 0, 0.6);
    z-index: 100;
	pointer-events: all;
}

#turnoverHistoryDialog .container,
#bonusConditionsDialog .container{
	width: 90vw;
	max-height: 84vh;
	top: 10vh;
	left: 5vw;
	z-index: 11;
	position: fixed;
	border-radius: 6px;
	border: solid 1px var(--secondary-lighter-4);
	background-color: #fff;
	font-size: 13px;
}

body.bonusDialogVisible{
	overflow: hidden;
	pointer-events: none;
}

#turnoverHistoryDialog .title,
#bonusConditionsDialog .title{
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	padding: 20px 0 20px;
}

#turnoverHistoryDialog .entries,
#bonusConditionsDialog .conditions{
	padding: 0 7px 10px 7px;
	overflow-y: auto;
	max-height: 68vh;
}

#turnoverHistoryDialog .buttonWrapper,
#bonusConditionsDialog .buttonWrapper{
	display: flex;
	justify-content: center;
	margin: 5px 0 5px 0
}

#turnoverHistoryDialog .button,
#bonusConditionsDialog .button{
	position: relative;
	width: 120px;
	height: 25px;
	border-radius: 2px;
	background-color: var(--primary-lighter-1);
	color: var(--cta-button-dark-inky-blue);
	text-transform: uppercase;
}

#turnoverHistoryDialog .button .barrow,
#bonusConditionsDialog .button .barrow{
	position: absolute;
    right: 0px;
    top: 8px;
    width: 9px;
    height: 10px;
}

#turnoverHistoryDialog .buttonLabel,
#bonusConditionsDialog .buttonLabel{
	text-align: center;
	line-height: 24px
}

#turnoverHistoryDialog .loader,
#bonusConditionsDialog .loader{
	width: 100%;
    height: 20px;
    display: grid;
    place-items: center;
}

#turnoverHistoryDialog .loaderImage,
#bonusConditionsDialog .loaderImage{
	width: 100px;
	height: 20px;
	background-image: url(../img/ajax.gif);
}

#turnoverHistoryDialog,
#bonusConditionsDialog ul{
	margin-top: 0;
}

#turnoverHistoryDialog .entries {
	max-height: 62vh;
    overflow: auto;
	text-align: center;
}

#turnoverHistoryDialog table{
	border-collapse: collapse;
}

#turnoverHistoryDialog .entries th{
	background: var(--accent-grey-lighter);
}

#turnoverHistoryDialog .entries td,
#turnoverHistoryDialog .entries th{
	padding: 5px;
	min-width: 60px;
	inline-size: fit-content;
}


#turnoverHistoryDialog .entries tr{
	border-bottom: 1px solid var(--accent-grey-lighter);
}

#turnoverHistoryDialog .entries tr:last-child {
	border-bottom: initial;
	padding-bottom: 20px;
}

#turnoverHistoryDialog .entries .total td {
    font-weight: bold;
}

#turnoverHistoryDialog .entries .total td:first-child {
    padding-left: 5px;
    text-align: left;
}

#turnoverHistoryDialog .restriction{
	padding: 0px 8px 20px 8px;
	font-weight: 600;
	font-size: 12px;
}

#turnoverHistoryDialog .description {
	min-width: 100px;
}

#turnoverHistoryDialog .description.SPORTSBOOK {
	text-decoration: underline;
}

#turnoverHistoryDialog .stake {
	min-width: 60px;
}

#pinDialog .window {
    max-width: 250px;
    width: 250px;
}

#pinDialog .text {
     text-align: center;
}

#pinDialog .bartitle .text {
     text-align: left;
}

#pinDialog button.w95 {
     margin: 5px;
}

#install .window,
#install .window .rotate1,
#installAndroid .window,
#installAndroid .window .rotate1 {
	position: fixed;
	z-index: 10001;
	background: #ffffff;
	border: 1px solid grey;
	text-align :center;
	color: #000000;
	-webkit-box-shadow: #333 5px 5px 5px;
	box-shadow: #333 5px 5px 5px;
}

#install .window {
	padding: 3px;
	min-height:80px;
	bottom: 20px;
	left: 20px;
	right: 20px;
}

#installAndroid .window {
	top: 20px;
	left: 38px;
	right: 2px;
	padding: 10px 3px;
	display: flex;
	justify-content: center;
	flex-direction: column;
}

#install .window .close,
#installAndroid .window .close {
	float: right;
}

#install .window .msg,
#installAndroid .window .msg {
	float: right;
	font-size: 15px;
	vertical-align: top;
	z-index: 10004;
	position: relative;
	width: 100%;
}

#install .window img,
#install .window .image {
	float: left;
	padding: 2px 5px 5px 2px;
}

#installAndroid .window img {
	float: left;
	padding: 5px;
}

#install .window .msg2 {
	float: left;
	min-width: 50%;
	max-width: 60%;
	min-width: calc(100% - 120px);
	max-width: calc(100% - 100px);
}

#installAndroid .window .msg2 {
	float: center;
	margin-left: 64px;
}

#install .window .rotate1 {
	left: 50%;
	margin-left: -10px;
	bottom: 10px;
	width: 30px;
	height: 30px;
	-webkit-transform: rotate(45deg);
}

#installAndroid .window .rotate1 {
	right: 10px;
	margin-left: -10px;
	top: 7px;
	width: 25px;
	height: 30px;
	-webkit-transform: rotate(50deg);
}

#install .window .rotate2 {
	position: fixed;
	z-index: 10002;
	left: 50%;
	margin-left: -30px;
	bottom: 21px;
	width: 60px;
	height: 30px;
	background-color: #ffffff;
}

#installAndroid .window .rotate2 {
	position: fixed;
	z-index: 10002;
	right: 3px;
	margin-left: -30px;
	top: 21px;
	width: 60px;
	height: 40px;
	background-color: #ffffff;
}

#install:not(.hidden) .touch-pic {
    background: url("../img/touch-pic.png") center no-repeat;
    background-size: 57px;
    width: 57px;
    height: 57px;
}

#installAndroid:not(.hidden) .touch-pic {
    background: url("../img/touch-pic.png") center no-repeat;
    width: 57px;
    height: 57px;
}

#ajax .image {
	display: inline-block;
	background: url("../img/ajax.gif") center no-repeat;
	width: 100px;
	height:20px;
	padding-bottom: 30px;
}

#ajax .image.check {
	width: 64px;
    height: 56px;
    background: url(../img/msg_info_big.png);
    background-size: 64px 56px;
    padding: 0;
    margin: 10px 0;
}

#dialog .options {
	margin-top: 20px;
}

.dialog .options {
	margin-top: 0;
}

#dialog .options img {
	float: left;
	margin: 1px 2px;
	height: 36px;
}

#dialog .options button.w100 {
	margin-bottom: 5px;
    padding-left: 0;
}

#dialog .options button.w100.link {
    margin-top: 0;
    padding-top: 1px;
}

#dialog .window,
.dialog .window {
	width: 210px;
}

.dialog .window {
	padding: 0;
}

.dialog .bartop,
.dialog .barmiddle,.dialog .barbottom {
	margin: 0;
}

.dialog .text {
	text-align: left;
}

#overlay {
	position: fixed;
    display: flex;
    width: 100%;
    height: 100%;
    z-index: 1000;
    top: 0;
    left: 0;
    align-items: center;
    justify-content: center;
    background: rgba(0,0,0,0.5);
    transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
}

#overlay.hidden {
	visibility: hidden;
	display: flex !important;
	pointer-events: none;
	opacity: 0;
}

#overlay #overlayContent {
	width: 95%;
	background: #fff;
    box-shadow: #333 5px 5px 5px;
	-webkit-box-shadow: #333 5px 5px 5px;
	transition: .3s ease-in-out;
	-webkit-transition: .3s ease-in-out;
}

#overlay.hidden #overlayContent {
	pointer-events: none;
	transform: scale(0);
	-webkit-transform: scale(0);
}

#headerMenu.headerOverlay {
	position: fixed;
    display: flex;
    width: 100%;
    height: 100%;
    z-index: 1000;
    top: var(--headerHeight);
    left: 0;
    align-items: center;
    justify-content: center;
    background: rgba(0,0,0,0.5);
    transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
}

#headerMenu.headerOverlay.hidden {
	visibility: hidden;
	display: flex !important;
	pointer-events: none;
	opacity: 0;
}

.productMenu {
	position: fixed;
    width: 200px;
    z-index: 1001;
    top: var(--headerHeight);
    left: 0;
    justify-content: left;
    background-color: var(--secondary-lighter-1);
    transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
    -webkit-box-shadow: 5px 5px 5px 5px rgb(0 0 0 / 60%);
   	-moz-box-shadow: 5px 5px 5px 5px rgb(0 0 0 / 60%);
    box-shadow: 5px 5px 5px 5px rgb(0 0 0 / 60%);
    padding-top: 5px;
}

.productRow {
    display: flex;
    align-items: center;
    width: 100%;
    height: 35px;
    color: white;
    box-sizing: border-box;
    overflow: hidden;
    background-color: var(--secondary-lighter-1);
    transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
}

.productRow.space {
    height: 10px;
}


.productRowIconHome {
    background: url('../img/favicon_white.png') no-repeat;
}

.productRowIconBetting {
    background: url('../img/header/betting.png') no-repeat;
    background-size: 29px 29px;
}

.productRowIconLiveBetting {
    background: url('../img/header/liveBetting.png') no-repeat;
}

.productRowIconCasino {
    background: url('../img/header/casino.png') no-repeat;
}

.productRowIconLiveCasino {
    background: url('../img/header/liveCasino.png') no-repeat;
}

.productRowIconVirtualSports {
    background: url('../img/header/virtualSports.png') no-repeat;
}

.productRowIconPromo {
    background: url('../img/header/promo.png') no-repeat;
}

.productRowIconChat {
    background: url('../img/header/chat.png') no-repeat;
}

.productRowIconHelp {
    background: url('../img/header/help.png') no-repeat;
}

.productRowIconHome,
.productRowIconBetting,
.productRowIconLiveBetting,
.productRowIconCasino,
.productRowIconLiveCasino,
.productRowIconVirtualSports,
.productRowIconPromo,
.productRowIconChat,
.productRowIconHelp {
    display: inline;
    width: 25px;
    height: 25px;
    margin-left: 7px;
    background-size: 29px 29px;
    padding-right: 6px;
    filter: var(--filter-icon-yellow);
}

.productRowIconHome {
    background-size: 14px auto;
    margin: 4px -8px 0px 15px;
    filter: none;
}

.productRow .rowText {
    margin-top: 0px;
}

.serviceRow {
    display: flex;
    align-items: center;
    width: 100%;
    height: 35px;
    color: white;
    box-sizing: border-box;
    overflow: hidden;
    background-color: var(--secondary-lighter-2);
    transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
}

.serviceRow.last {
    padding-bottom: 10px;
}

#passwordExpiredDialog .title span:first-child,
#acceptPrivacyPolicyDialog .title span:first-child {
	color: var(--primray-text);
	display: block
}

#passwordExpiredDialog,
#acceptPrivacyPolicyDialog,
#confirmFutureLimitUpdate {
	color: var(--primray-text);
}

#passwordExpiredDialog .content {
	padding: 20px 0 10px 0;
}

#confirmFutureLimitUpdate .content div {
    margin: 10px 0px;
}

#dialog .options.passwordExpired button:first-child,
#dialog .options.promptUserToChangeDialog button:first-child {
    margin-bottom: 20px;
}

/* ---agb--- */
#terms .space_20,
#terms .space,
#terms .hr.line_grey,
#terms .clear,
#terms-sh .space_20,
#terms-sh .space,
#terms-sh .hr.line_grey,
#terms-sh .clear {
	display: none;
}

#terms h1 span,
#terms h3 strong,
#terms .macro.main_space,
#terms .macro.bg_grey.main_space li,
#terms-sh h1 span,
#terms-sh h3 strong,
#terms-sh .macro.main_space,
#terms-sh .macro.bg_grey.main_space li  {
	padding-left: 7px;
}

#terms,
#privayPolicy,
#bettingRules,
#howto {
	margin-left: 2.5%;
	width: 95%;
}

#terms h2.h1,
#terms-sh h2.h1 {
	color: var(--primray-text);
}

#terms .macro.bg_grey.main_space,
#terms-sh .macro.bg_grey.main_space {
	padding: 0px;
}

#terms .macro.bg_grey.main_space li,
#terms-sh .macro.bg_grey.main_space li {
	background: url('../img/arrowR.png') right center no-repeat #FFFFFF;
	background-size: 20px 20px;
	border-top: 1px solid var(--secondary-lighter-4);
	list-style: none;
	padding-top: 0px;
	padding-left: 7px;
    display: flex;
    align-items: center;
}

#terms .macro.bg_grey.main_space li a,
#terms-sh .macro.bg_grey.main_space li a {
    padding-right: 7%;
    width: 100%;
}

#terms a,
#terms-sh a,
#betting-glossary a,
#privacy-policy a {
	text-decoration: none;
	color: var(--primray-text);
	display: block;
	padding: 5px 0;
}

#terms h1,
#terms h3,
#terms-sh h1,
#privacy-policy strong {
	background: var(--accent-grey-lighter);
	font-size: 16px;
	line-height: 36px;
	margin-top: 10px;
	margin-bottom: 0px;
}

#privacy-policy strong {
    display: block;
    padding-left: 7px;
}

#privacy-policy b + strong,
#privacy-policy strong + strong,
#privacy-policy div:nth-child(3) strong {
	background: transparent;
	font-size: initial;
	line-height: initial;
	margin-top: 0;
	padding-left: 0;
	display: inline;
}

#terms h3 {
	margin-left: -7px;
}

#terms-sh h3 {
	background-color: white;
	font-size: 16px;
	line-height: 36px;
	margin: 0;
	padding-left: 7px;
	font-weight: normal;
}

#terms ul,
#terms ol,
#terms-sh ul,
#terms-sh ol {
	padding: 0px;
	margin: 0px;
}

#terms li,
#terms-sh li {
	list-style-position: inside;
	min-height: 32px;
	padding-top: 10px;
}

#terms .macro.main_space,
#terms-sh .macro.main_space {
	background-color: #FFFFFF;
}

#terms .macro.main_space:last-child,
#terms-sh .macro.main_space:last-child {
	line-height: 32px;
	padding-left: 7px;
}

#terms .right.main_space,
#terms-sh .right.main_space,
#privacy-policy .right.main_space {
	background: url(../img/arrow_grey_up.png) left center no-repeat #FFFFFF;
	background-size: 11.5px 6px;
	padding-left: 10px;
	font-weight: bold;
	line-height: 32px;
}

#terms .right.main_space img,
#terms-sh .right.main_space img,
#privacy-policy .right.main_space img {
	display: none;
}

#terms .download_button {
    display: block;
    font-size: 14px;
    font-weight: 100;
    margin-top: -35px;
}

#terms .download_button span {
    background: url("../img/icon_download_small.png") 97% center no-repeat;
    background-size: 15px 15px;
    padding-right: 20px;
    cursor: pointer;
    display: inline-block;
}

#imprint {
    padding: 10px;
}

/* --- BonusOverview ---*/
.bonusDetails, .dropBonusHead{
	font-size: 16px;
	background: #fff;
}

.bonusDetails .dropBonusHint {
	padding: 5px;
	text-align: center;
	color: var(--secondary-lighter-2);
	margin: 5px 0;
}

.bonusDetails .messageContainer {
	display: table;
	width: 100%;
}

.bonusDetails .info, .bonusDetails .warning {
	padding-left: 36px;
	display: table-cell;
	vertical-align: middle;
	height: 35px;
}

.bonusDetails .info {
	background: #c3e79d url(../img/msg_checkmark_green.png) no-repeat 12px 50%;
	background-size: 29px;
}

.bonusDetails .warning {
	background: #fef1bc url(../img/msg_exclamationmark_yellow.png) no-repeat 12px 50%;
	background-size: 29px;
}

.bonusDetails .message {
	padding: 5px 12px;
	font-weight: bold;
}
.bonusDetails .tlitem {
	padding: 5px;
}

.bonusDetails .tlitem .value {
	padding-right:7px;
	font-size: 16px;
}

.bonusDetails .tlsubitem .text {
	text-transform: none;
	font-size: 16px;
}

.bonusEntryDropDown {
	padding-top: 5px;
}

.bonusEntryDropDown .label {
	display: none;
}

.bonusEntryDropDown .text,
.selectBoxReg .selectwrap{
	height: 30px;
	border: 1px solid var(--secondary-lighter-4);
	text-decoration: none;
	text-align: center;
	min-height: 1px;
	position: relative;
	margin: 7px;
	overflow: hidden;
}

.selectBoxReg .selectwrap{
    width: 100%;
	margin: 4px;
	height: 34px;
}

.bonusEntryDropDown .select ,
.selectBoxReg select{
	text-decoration: none;
	display: block;
	text-align: center;
	background: url(../img/arrow_grey_d.gif) no-repeat center right;
	border: none;
	outline: none;
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: auto;
	width: 95%;
	max-width: initial;
	font-size: 16px;
}

.selectBoxReg select{
	height: 32px;
}

/* --- Bonusbedingungen Wettscheineditor --- */
#bonusconditions {
	font-weight: normal;
}

#bonusconditions ul {
	margin-top: 0;
}

/* --- Bonusbedingungen --- */
#bonus {
	padding: 10px 2.5%;
	width: 95%;
	background-color: white;

}

#bonus h2 {
	background: #eee;
	font-size: 16px;
	line-height: 36px;
	margin-top: 0px;
	margin-left: -7px;
	padding-left: 7px;
}

#bonus ul {
	padding: 0px 2.5%;
	margin-top: -20px;
}

#bonus li {
	margin-left: 5%;
	min-height: 32px;
	padding-top: 10px;
	padding-left: 7px;
}

#bonus a {
	border-top: 1px solid #B2B2B2;
	color: black;
	padding-top: 10px;
	display: block;
	padding-bottom: 5px;
	padding-left: 7px;
	margin-bottom: -20px;
	margin-left: -7px;
}

.form .paysafePinField {
	text-align: center;
	width: 45px;
	min-height: 30px;
	margin: 0px;
	padding: 0px;
	background-image: #eee;
}

.topEventsBox .even {
	background-color: #fff;
}

.topEventsBox .event {
	border: 0;
}

/* --- Swipe Gestures --- */
.swipe {
  overflow: hidden;
  visibility: hidden;
  position: relative;
}
.swipe-wrap {
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
}
.swipe-wrap .data {
  float:left;
  width:100%;
  position: relative;
  overflow: hidden;
}

.swipe-wrap .data > div:not(.match):not(.navitem) {
    width: 100%;
    height: 0;
    padding-bottom: 29.2%;
    position: relative;
}

.RGFCasinoSlider .swipe-wrap .data > div:not(.match):not(.navitem) {
    padding-bottom: initial;
	height: 100%;
}

.swipe-wrap .data img:not(.redCards) {
    width: 100%;
    height: 100%;
    max-width: 420px;
    object-fit: contain;
    vertical-align: middle;
    padding: 0;
    margin: 0 auto;
    display: flex;
    position: absolute;
    left: 0;
    right: 0;
}

.casinoSlider .swipe-wrap .data img {
    max-width: unset;
}

.RGFCasinoSlider .casinoSlider .swipe-wrap .data img {
	max-width: 520px;
    position: unset;
}

.swipe-wrap .data img.redCards {
    display: inline;
    bottom: 3px;
    width: 20px;
    height: 20px;
}

.topEventsBox .swipe-wrap table {
	padding-bottom: 3px;
	position: relative;
}

.topEventsBox .swipe-wrap table.event .sportsIcon {
	display: table-cell;
	padding: 0;
	width: 12.5%;
}

.topEventsBox .swipe-wrap table.event .sportsIcon .icon {
	width: 48px;
	height: 100%;
	display: block;
	position: relative;
	margin: 0 auto;
}

.topEventsBox .swipe-wrap table.event .sportsIcon .icon div {
	margin: auto;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	position: absolute;
}

.topEventsBox .swipe-wrap .event tr td {
	line-height: 17px;
}

.topEventsBox .swipe-wrap .event tr td.date.small div {
	line-height: 12px;
}

.topEventsBox .event tr td.favorites.hidden {
	display: none !important;
}

#quickBetslip {
	height: 0;
	width: 100%;
	box-sizing: border-box;
	position: fixed;
	z-index: 12;
	bottom: 47px;
	right: 0;
	background: var(--secondary-lighter-1);
	color: #e8e8e8;
}

#quickBetslip.on {
	height: 107px;
	padding-top: 5px;
}

#quickBetslip.on.animated {
	transition: 500ms;
}

#quickBetslip.off {
	width: 0;
	transition: 500ms;
}

#quickBetslip .close {
	width: 44px;
	height: 44px;
	position: absolute;
	top: 0;
	right: 6px;
	border-radius: 50%;
	background: var(--secondary) url(../img/arrow-slim-wht-down.png) center 12px no-repeat;
	background-size: 16px;
	z-index: -1;
}

#quickBetslip.on .close {
	top: -22px;
}

#quickBetslip.off .close {
    width: 4px;
    height: 4px;
	transition: 500ms;
}

#quickBetslip.on.animated .close {
	transition: 500ms;
}

#quickBetslip .editem .text,
#quickBetslip .edsubitem .text.w100 {
	width: auto;
}

#quickBetslip .stake,
#quickBetslip .submit {
	font-size: 13px;
	padding: 10px 2.5%;
	height: 30px;
	line-height: 30px;
}

#quickBetslip .stake {
	display: flex;
    justify-content: space-between;
    font-weight: 700;
    color: #fff;
}

#quickBetslip .selection {
    display: flex;
	margin-right: auto;
	margin-left: 5px;
	font-weight: 100;
	color: #e8e8e8;
}

#quickBetslip .stake .input {
	float: right;
	height: 26px;
	min-width: 74px;
	line-height: 25px;
	text-align: center;
	padding: 0px 5px;
	border: 1px solid var(--secondary);
	border-radius: 3px;
	background: #fff;
	color: var(--primray-text);
	box-sizing: border-box;
	margin-top: 2px;
}

#quickBetslip .stake.off {
	pointer-events: none;
	opacity: 0.80;
}

#quickBetslip .submit {
	border-top: 1px solid #748da7;
	display: flex;
	justify-content: space-between;
}

#quickBetslip .submit span {
    display: flex;
    line-height: 16px;
    align-items: center;
}

#quickBetslip .submit .bigbutton.edit {
	width: auto;
	min-width: auto;
	min-height: 26px;
	padding: 0;
	margin-right: 0;
	margin-left: 10px;
	margin-top: 2px;
    border-color: var(--primary-lighter-1);
    background-color: var(--primary-lighter-1);
    color: var(--cta-button-dark-inky-blue);
    background-size: 10px auto;
    padding-left: 8px;
    padding-right: 12px;
	text-transform: uppercase;
}

#quickBetslip .submit .bigbutton.edit .text {
	font-size: 11px;
	padding: 0px 5px;
	margin-bottom: 0;
    height: 20px;
    min-height: 20px;
    line-height: 18px;
    border-color: var(--primary-lighter-1);
    color: var(--cta-button-dark-inky-blue);
    background: var(--primary-lighter-1);
    border-radius: 4px;
	text-transform: uppercase;
}

#quickBetslip .errorQBMessage {
	font-size: 14px;
	color: var(--primary);
	padding:2.5%;
	text-decoration: underline;
}

#quickBetslip .loading{
	background: url(../img/ajax.gif) no-repeat center;
	background-size: 80px;
	width: 80px;
	height: 100%;
	float: right;
	filter: brightness(10);
}

#quickBetslipMessage {
	height: 0;
	line-height: 44px;
	opacity: 0.94;
	width: 100%;
	box-sizing: border-box;
	position: fixed;
	z-index: 1;
	bottom: 47px;
	background: var(--secondary);
	color: #fff;
	padding: 0 2.5%;
}

#quickBetslipMessage.on {
	height: 44px;
	z-index: 12;
}

#quickBetslipMessage .checkboxBig {
	float: left;
	margin: 12px 12px 0 10px;
}

#quickBetslipMessage .removeButton {
    position: absolute;
    top: 0px;
    right: 0;
    display: inline-block;
    font-size: 22px;
    height: 40px;
    width: 40px;
	filter: invert(1) brightness(2);
}

#quickBetslipMessage .removeButton img {
    margin: 15px 0 0 15px
}

.quickBetslipDeliveryMessage {
	height: 0;
	padding: 0 2.5%;
	overflow: hidden;
	opacity: 0.94;
	width: 100%;
	box-sizing: border-box;
	position: fixed;
	bottom: 47px;
	background: var(--secondary);
	color: #fff;
}

.quickBetslipDeliveryMessage.qBShown{
	height: 44px;
	transition: 300ms;
	z-index: 12;
}

.quickBetslipDeliveryMessage.qBFadeout{
	height: 0px;
	transition: 300ms;
}

.quickBetslipDeliveryMessage .iconMessageContainer{
	height: 100%;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.quickBetslipDeliveryMessage .icons{
	height: 20px;
	width: 20px;
	background-size: 20px;
	margin-left: 0px;
	margin-top: 0px;
}

.quickBetslipDeliveryMessage .text{
	flex: 1 1 1px;
	display: flex;
    align-items: center;
	font-size: 14px;
    padding-left: 10px;
}

.quickBetslipDeliveryMessage .icons.msg_success{
	background-image: url("../img/msg_checkmark_green.png");
	filter: var(--filter-icon-white);
}

.quickBetslipDeliveryMessage  .icons.msg_error{
	background-image: url('../img/icon_message_cross.png');
	filter: brightness(100);
}

/* iphone notch fixes */
@media only screen and (-webkit-device-pixel-ratio: 3),screen and (device-width:414px) and (device-height:896px) and (-webkit-device-pixel-ratio:2) {
	#quickBetslip, #quickBetslipMessage, .quickBetslipDeliveryMessage{
		/* otherwise after scrolling (safari url bar, footer is hidden), the content is hidden */
		bottom: calc(env(safe-area-inset-bottom) + 47px);
	}
}


/* --- Verantwortung --- */
#responsibility,
#help,
#betting-glossary,
#payment-methods,
#privacy-policy {
	margin-left: 2.5%;
	margin-right: 2.5%;
	margin-top: 10px;
	background-color: white;
	padding: 0 2.5% 10px 2.5%;
}

#responsibility h1 {
	background: #eee;
	font-size: 16px;
	line-height: 36px;
	margin-top: 10px;
	margin-bottom: 0px;
	margin-left: -7px;
}

#privacy-policy .cms_richtext > div:first-child > b {
    display: block;
    padding-top: 10px;
    font-size: 1.5em;
}

#responsibility h1 span {
	padding-left: 7px;
}

#responsibility a {
	text-decoration:none;
}

#responsibility-sh #static ul {
	margin-top: 10px;
}

.flag {
	width: 25px;
	float: right;
	line-height: 44px;
	height: 44px;
	display: table;
	padding-left: 35px;
    background-size: 25px;
    background-repeat: no-repeat;
    background-position: left center;
}

.value .flag {
    width: auto;
}

.flag.de {
	background-image: url("../img/sprites_sources/flags/flag_de.gif");
}
.flag.en {
	background-image: url("../img/sprites_sources/flags/flag_en.gif");
}
.flag.it {
	background-image: url("../img/sprites_sources/flags/flag_it.gif");
}
.flag.fr {
	background-image: url("../img/sprites_sources/flags/flag_fr.gif");
}
.flag.tr {
	background-image: url("../img/sprites_sources/flags/flag_tr.gif");
}
.flag.rs {
	background-image: url("../img/sprites_sources/flags/flag_rs.gif");
}
.flag.ru {
	background-image: url("../img/sprites_sources/flags/flag_ru.gif");
}
.flag.pl {
	background-image: url("../img/sprites_sources/flags/flag_pl.gif");
}
.flag.pt {
	background-image: url("../img/sprites_sources/flags/flag_pt.gif");
}
.flag.es {
	background-image: url("../img/sprites_sources/flags/flag_es.gif");
}
.flag.co {
	background-image: url("../img/sprites_sources/flags/flag_co.gif");
}
.flag.cl {
	background-image: url("../img/sprites_sources/flags/flag_cl.gif");
}
.flag.ec {
	background-image: url("../img/sprites_sources/flags/flag_ec.gif");
}
.flag.mx {
	background-image: url("../img/sprites_sources/flags/flag_mx.gif");
}
.flag.my {
	background-image: url("../img/sprites_sources/flags/flag_my.gif");
}
.flag.pe {
	background-image: url("../img/sprites_sources/flags/flag_pe.gif");
}
.flag.ve {
	background-image: url("../img/sprites_sources/flags/flag_ve.gif");
}
.flag.ja {
	background-image: url("../img/sprites_sources/flags/flag_ja.gif");
}

#personalDetails>div>.barmiddle {
	overflow: hidden;
	white-space: nowrap;
	text-indent: 7px;
}

#personalDetails>div>.barmiddle .title {
  	display: table-cell;
  	vertical-align: middle;
  	margin-top: 13px;
  	text-indent: 0px;
  	white-space: normal;
}

#personalDetails>div>.barmiddle .wrap {
	display: table-cell;
	width: 66%;
	padding-right: 2.5%;
}

#personalDetails .wrap input {
	margin: 4px;
}

#personalDetails .formGroup {
	margin: 0 2.5%;
	display: inline-flex;
	vertical-align: top;
	width: 95%;
	background: #fff;
	border-top: 1px solid var(--secondary-lighter-4);
}

#personalDetails .formGroup .col-xs-4 {
	margin-top: 5px;
	display: inline-block;
}

#personalDetails .formGroup .col-xs-8 {
	margin-top: 1px;
	padding-right: 10px !important;
	display: inline-block;
}

#personalDetails .formGroup .col-xs-8 .error {
	margin-left: 4px;
}

#personalDetails .formGroup select {
	width: 100% !important;
}

#personalDetails .error {
	float: inherit;
	margin-top:  4px;
  	margin-left: 4px;
}

#personalDetails .selectwrap + .error,
	.customSelect + .error {
	margin-top: -4px;
}

/* BEGIN News Mobile Registration */

#registrationPage.checkData {
	padding-bottom: 20px;
}

#registrationPage *, #personalDetails * {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

#personalDetails .barmiddle .text {
    text-indent: 0px;
    white-space: initial;
    text-align: left;
    padding-top: 10px;
    padding-bottom: 10px;
}

#registrationPage .bonusSlogan, .bonusSloganBox {
	padding: 10px 0px;
	font-size: 32px;
	line-height: 34px;
	font-weight: bolder;
	text-transform: uppercase;
	text-align: center;
	width: 100%;
	overflow-wrap: break-word;
}

#registrationPage .bonusSlogan {
	font-size: 20px;
	line-height: initial;
	padding: 10px 2.5% 3px 2.5%;
}

#registrationPage .bonusSlogan span:first-child,
.bonusSloganBox span:first-child {
	color: var(--primray-text);
}

#registrationPage .bonusSlogan span:last-child,
.bonusSloganBox span:last-child {
	color: var(--primary);
}

#registrationPage.checkData .bonusSlogan {
	text-transform: none;
	font-size: 24px;
	font-weight: normal;
}

.bonusSloganBox {
	border-top: 1px solid var(--secondary-lighter-4);
    background-color: #fff;
    padding-left: 2.5%;
	padding-right: 2.5%;
    box-sizing: border-box;
}

.bonusSloganButton {
   border-top: 1px solid var(--secondary-lighter-4);
   text-align: center;
   padding: 10px 2.5%;
   font-family: 'ProzaDisplay';
}

.filterbar + .bonusSloganButton {
   margin-top: 0;
}

.bonusSloganButton span {
   display: flex;
   justify-content: center;
   align-items: center;
   min-height: 40px;
   font-size: 26px;
   text-transform: uppercase;
   font-weight: bold;
}

.bonusSloganButton.selected:not(.msgtext) {
   background-color: #fff;
}

#registrationWrap {
	padding: 0 2.5%;
    justify-content: center;
    margin: auto;
    align-items: center;
    max-width: 600px;
}

#registration {
	padding-top: 10px;
}

#registration .space_10 {
	display: none;
}

#registration .formGroup {
	margin-bottom: 10px;
}

#registration .formGroup .error,
#personalDetails .error,
#paymentForm .error,
form .text .msg .inlineerror {
	height: auto;
	min-height: 34px;
	width: 100%;
	padding: 10px;
	text-align: left;
	background: var(--secondary);
	color: var(--accent-grey-lighter);
	background-clip: padding-box;
	border: 1px solid var(--secondary-lighter-4);
	border: 1px solid rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	white-space: normal;
	border-top: 0;
}

#paymentForm .error,
form .text .msg .inlineerror {
	min-height: 0px;
}

#paymentForm .card-input-parent {
    display: flex;
    flex-direction: row;
    row-gap: 5px;
    align-items: center;
}

.loading-iframe {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    z-index: 1;
    margin-top: 150px;
}

.loading-iframe + iframe {
    position: relative;
    z-index: 2;
}

#registration .formGroup:after,
#registration .formGroup:before,
#registration .paymentLogos ul:after,
#registration .paymentLogos ul:before {
    content: " ";
    display: table;
}

#registration .formGroup:after,
#registration .paymentLogos ul:after {
    clear: both;
}

#registration .formGroup .col-xs-12 {
	float: left;
	width: 100%;
	position: relative;
	min-height: 1px;
	padding-left: 5px;
	padding-right: 5px;
}

#registration .formGroup .col-xs-9,
#personalDetails .formGroup .col-xs-9 {
	float: left;
	width: 75%;
	position: relative;
	min-height: 1px;
	padding-left: 5px;
	padding-right: 5px;
}

#registration .formGroup .col-xs-8,
#personalDetails .formGroup .col-xs-8 {
	float: left;
	width: 66.66666666%;
	position: relative;
	min-height: 1px;
	padding-left: 5px;
	padding-right: 5px;
}

#registration .formGroup .col-xs-6,
#personalDetails .formGroup .col-xs-6 {
	float: left;
	width: 50%;
	position: relative;
	min-height: 1px;
	padding-left: 5px;
	padding-right: 5px;
}

#registration .formGroup .col-xs-4,
#personalDetails .formGroup .col-xs-4 {
	float: left;
	width: 33.33333333%;
	position: relative;
	min-height: 1px;
	padding-left: 5px;
	padding-right: 5px;
}

#registration .formGroup .col-xs-3,
#personalDetails .formGroup .col-xs-3 {
	float: left;
	width: 25%;
	position: relative;
	min-height: 1px;
	padding-left: 5px;
	padding-right: 5px;
}

#registration .formGroup .col-xs-2,
#personalDetails .formGroup .col-xs-2 {
	float: left;
	width: 16.66666667%;
	position: relative;
	min-height: 1px;
	padding-left: 5px;
	padding-right: 5px;
}

#registration .salutation {
	padding-left: 5px;
}

#registration .salutation .salutationBtn {
	min-width: 34px;
	padding: 2px 7px;
	background: #eee !important;
	background-color: #eee !important;
	border: 1px solid #d0d0d0;
	float: left;
	margin: 0 10px 0 0;
	cursor: pointer;
}

#registration .salutation .salutationBtn.selected {
	max-width: none;
	background: #fbfbfb !important;
	background-color: #fbfbfb !important;
	-webkit-box-shadow: inset 1px 1px 1px 0px rgba(0, 0, 0, 0.3); /* WebKit */
	-moz-box-shadow: inset 1px 1px 1px 0px rgba(0, 0, 0, 0.3); /* Firefox */
	box-shadow: inset 1px 1px 1px 0px rgba(0, 0, 0, 0.3); /* Standard */
	height: auto;
	margin: 0 5px 0 0;
	color: inherit;
}

#registration .formGroup input, #personalDetails .wrapinput {
	-webkit-appearance: caret; /* delete the inner shadows */
	-moz-appearance: caret;
	appearance: caret;
}

#registration .formGroup select, #personalDetails .formGroup select {
	margin: 0;
	max-width: none;
	height: 34px !important;
	line-height: 34px;
	padding-top: 7px; /* to align the text inside a select, because of stupidity of firefox */
	font-size: 1em !important;
}

#registration .formGroup select.hasCustomSelect + span.customSelect, #newsletter select,
#personalDetails .formGroup select.hasCustomSelect + span.customSelect {
	width: 100%;
	max-width: none;
	height: 34px;
	line-height: 34px;
	border: 1px solid var(--secondary-lighter-4);
	padding-right:25px;
	text-align: center;
	background: white;
	margin: 0;
}

#registration .formGroup.labelGroup {
    color: var(--secondary-lighter-2);
    font-size: 12px;
    margin-top: -5px;
    margin-bottom: 0px;
}

#newsletter .barmiddle .text {
	text-align: center;
}

#acceptLiveOddsChanges .bartop {
	margin-top: 0;
}

#acceptLiveOddsChanges .bartop .text {
	width: 18%;
	text-align: right;
}

#acceptLiveOddsChanges .bartop .text:active,
#acceptLiveOddsChanges .bartop .text:focus,
#acceptLiveOddsChanges .bartop.selected {
	background: #fff !important;
}

#acceptLiveOddsChanges .bartop .label {
	font-size: 16px;
}

#newsletter .selectwrap {
	width: 90%;
    width: calc(100% - 25px);
    display: block;
    overflow: hidden;
    position: relative;
    border: 1px solid var(--secondary-lighter-4);
    -webkit-border-radius: 0;
    border-radius: 0;
    padding: 0;
    height: 34px;
    margin-top: 5px;
	float: right;
}

#newsletter .selectwrap select {
	width: 110%;
    width: calc(100% + 25px);
    float: none;
    border: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-appearance:none;
    text-align: center;
    padding-left: 8px;
}

#newsletter .selectwrap select:focus {
    outline: none;
}

#registration .formGroup select.hasCustomSelect + span.customSelect:after,
#personalDetails .formGroup select.hasCustomSelect + span.customSelect:after,
#newsletter .selectwrap:after {
	content: "";
	display: block;
	position: absolute;
	width: 25px;
	height: 34px;
	border-left: 1px solid var(--secondary-lighter-4);
	top: 0;
	right: 5px;
	background: url("../img/iconSelectArrow.png") no-repeat center center;
	background-size: 10px 7px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	pointer-events: none;
}

#newsletter .selectwrap:after {
    right: 0px;
}

#registration .formGroup select[name="country"].hasCustomSelect + span.customSelect,
#registration .formGroup select[name="currency"].hasCustomSelect + span.customSelect,
#registration .formGroup select[name="phonePrefix"].hasCustomSelect + span.customSelect,
#personalDetails .formGroup select[name="phonePrefix"].hasCustomSelect + span.customSelect {
	background: var(--accent-grey-lighter);
}

#registration .formGroup select[name="country"].hasCustomSelect + span.customSelect:after,
#registration .formGroup select[name="currency"].hasCustomSelect + span.customSelect:after,
#registration .formGroup select[name="phonePrefix"].hasCustomSelect + span.customSelect:after,
#personalDetails .formGroup select[name="phonePrefix"].hasCustomSelect + span.customSelect:after {
	background: url("../img/iconSelectArrow_white.png") no-repeat center center;
	background-size: 10px 7px;
}

#registration .formGroup span.customSelectInner,
#personalDetails .formGroup span.customSelectInner {
	width: 100% !important;
	height: 100%;
	overflow: hidden;
}

#registration .formGroup input, #personalDetails .wrap input {
	width: 100%;
	max-width: none;
	height: 34px;
	border: 1px solid var(--secondary-lighter-4);
	padding: 0 10px;
	-webkit-appearance: none; /* delete the inner shadows */
	-moz-appearance: none;
	appearance: none;
}

#registration .formGroup input[type="checkbox"] {
	opacity: 0;
	float: left;
	width: 28px;
	height: 28px;
	position: absolute;
	cursor: pointer;
	padding: 0;
	margin: 0;
	-webkit-appearance: none; /* delete the inner shadows */
	-moz-appearance: none;
	appearance: none;
}

.loginEmailWrap input[type="checkbox"] {
	opacity: 0;
	float: left;
	width: 28px;
	height: 40px;
	cursor: pointer;
	padding: 0;
	margin: 0;
	-webkit-appearance: none; /* delete the inner shadows */
	-moz-appearance: none;
	appearance: none;
	margin-bottom: -8px;
}

#registration .formGroup .checkboxWrap {
    display: flex;
    flex-wrap: wrap;
}

#registration .formGroup .checkboxWrap .checkboxLabel {
    overflow: hidden;
    flex-basis: 0;
    flex-grow: 1;
    background-position: 99%;
    background-repeat: no-repeat;
    background-color: transparent;
    background-size: 11.5px 6px;
    background-image: url('../img/arrow_blk_down.png');
}

#registration .formGroup .checkboxWrap .checkboxLabel.up {
    background-image: url('../img/arrow_grey_up.png');
}

#registration .formGroup #politicallyExposedPerson.checkboxWrap .checkboxLabel {
    height: auto;
    line-height: inherit;
}

#politicallyExposedPerson .checkboxLabel > span {
    display: inline-block;
    padding: 4px 11.5px 0 0;
    min-height: 28px;
}

#registration .formGroup input[type="checkbox"] + label.customCheckbox,
#registration .formGroup .checkboxWrap input[type="checkbox"] + div.customCheckbox,
.loginEmailWrap input[type="checkbox"] + label.customCheckbox,
.loginEmailWrap input[type="checkbox"] + div.customCheckbox,
#registration .formGroup .checkboxWrap .checkboxLabel,
#registration .formGroup .checkboxWrap .checkboxMultiStepLabel {
	height: 28px;
	line-height: 28px;
	margin: 0;
	clear: none;
	cursor: pointer;
}

#registration .formGroup input[type="checkbox"] + label.customCheckbox,
#registration .formGroup .checkboxWrap input[type="checkbox"] + div.customCheckbox,
.loginEmailWrap input[type="checkbox"] + label.customCheckbox,
.loginEmailWrap input[type="checkbox"] + div.customCheckbox {
	display: block;
	padding: 0 0 0 38px;
}

#registration .formGroup .checkboxWrap .helpText {
    padding-left: 38px;
}

#registration .formGroup input[type="checkbox"] + label.customCheckbox,
#registration .formGroup .checkboxWrap input[type="checkbox"] + div.customCheckbox,
.loginEmailWrap input[type="checkbox"] + label.customCheckbox,
.loginEmailWrap input[type="checkbox"] + div.customCheckbox {
    background: url("../img/customCheckbox.png") no-repeat;
    background-size: 28px 56px;
    background-position: 0px -28px;
}

#registration .formGroup input[type="checkbox"]:checked + label.customCheckbox,
#registration .formGroup .checkboxWrap input[type="checkbox"]:checked + div.customCheckbox,
.loginEmailWrap input[type="checkbox"]:checked + label.customCheckbox,
.loginEmailWrap input[type="checkbox"]:checked + div.customCheckbox {
	background-position: 0px 0px;
}

#registration .formGroup #registerButton {
	width: 100%;
	color: #FFF;
	background: var(--primary);
	min-height: 40px;
	border: 1px dashed #FFF;
	outline: 3px solid var(--primary);
	font-size: 26px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	margin: 3px 0px 0px 0px;
}

#registration .formGroup .buttonIcon.iconReg {
	display: inline-block;
	margin-right: 5px;
	width: 19px;
	height: 21px;
	background: url("../img/iconReg.png") no-repeat;
}

#registration .msgtext {
	border: 1px solid var(--primary);
	background: white;
	margin: 0 5px 12px 5px;
}

.bottomSuccess {
	margin: 0 -8px;
	padding: 10px 12px 0 12px;
}

.bottomSuccess .msgtext, #registration .bottomSuccess .msgtext {
	border:none;
}

.bottomSuccess .icons, .bottomSuccess .icons.msg_info {
	background-image: url("../img/msg_checkmark_green.png");
	background-position: 0 0;
	background-size: 100%;
	margin-top: 8px;
}

#registration .msgtext .icons.msg_error,
.casino .msgtext .icons.msg_error {
	width: 28px;
	height: 28px;
	background: url('../img/icon_message_cross.png') no-repeat;
	background-size: 28px;
}

#registration .msgtext .text,
.casino .msgtext .text {
	color: var(--secondary-lighter-2);
	font-weight: normal;
}

#registration .footNote p {
	margin: 0;
	padding: 0px 0px 10px 0px;
}

#registration .footNote .link {
	cursor: pointer;
	color: var(--primray-text)
}

#registration .footNote .link:hover {
	cursor: pointer;
	color: var(--primary);
}

#registration .footNote img {
    float: left;
    margin-right: 5px;
}

#registration .footNote {
	margin: 0px 5px;
}

#registration .formGroup .checkboxWrap .checkboxLabel,
#registration .formGroup .checkboxWrap .checkboxMultiStepLabel,
#registration .footNote p:first-child span:first-child {
	color: var(--primray-text);
}

.loginEmailWrap .checkboxLabel {
    font-size: 13px;
    line-height: 20px;
    color: #000000;
}

#registration .footNote p:last-child span:nth-child(2) {
	color: var(--primray-text);
}

#registration .footNote .link {
	text-decoration: underline;
}

#registration .formGroup.limits .col-xs-9 {
    width: 33.33%;
}

#registration formGroup.limits .formGroup label {
   margin-bottom: 2px;
   display: block;
}

#registration .formGroup.limits .title {
   font-size: 12px;
}

#registrationPage + .contentbottom.hidden + div:last-child {
	display: none;
}

#registration .paymentLogos h2 {
	color: var(--primray-text);
	padding: 7px 5px 0px;
	border-top: 1px dashed var(--secondary-lighter-2);
	font-size: 16px;
	font-weight: normal;
}

#registration .paymentLogos h2 span:first-of-type{
	float:left
}

#registration .paymentLogos h2 span:nth-of-type(2) {
	float:right
}

#registration .paymentLogos ul {
	margin: 0;
	padding: 0px;
	list-style: none;
	clear:both;
}

#registration .paymentLogos ul li {
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
}

#registration .paymentLogos ul li img {
	display: block;
	height: 24px;
	width: auto;
	margin: 6px 5px;
}

#registration .paymentLogos ul li span.visa {
 	width: 36px;
 	background: url(../img/payment_footer/icon_visa.png);
 }

#registration .paymentLogos ul li span.mastercard {
    width: 41px;
    background: url(../img/payment_footer/icon_mastercard.png);
}

#registration .paymentLogos ul li span.skrill {
    width: 36px;
    background: url(../img/payment_footer/icon_skrill.png);
}

#registration .paymentLogos ul li span.paysafe {
    width: 104px;
    background: url(../img/payment_footer/icon_paysafe.png);
}

#registration .paymentLogos ul li span.pay4fun {
    width: 68px;
    background: url(../img/payment_footer/icon_pay4fun.png);
}

#registration .paymentLogos ul li span.ukash {
    width: 54px;
    background: url(../img/payment_footer/icon_ukash.png);
}

#registration .paymentLogos ul li span.neteller {
    width: 70px;
    background: url(../img/payment_footer/icon_neteller.png);
}

#registration .paymentLogos ul li span.ecocard {
    width: 38px;
    background: url(../img/payment_footer/icon_ecocard.png);
}

#registration .paymentLogos ul li span.ecopayz_ecovoucher {
    width: 145px;
    background: url(../img/payment_footer/icon_ecovoucher.png);
}

#registration .paymentLogos ul li span.boleto {
    width: 44px;
    background: url(../img/payment_footer/icon_boleto.png);
}

#registration .paymentLogos ul li span.cepbank {
    width: 75px;
    background: url(../img/payment_footer/icon_cepbank.png) no-repeat;
}

#registration .paymentLogos ul li span.cep_visa {
    width: 74px;
    background: url(../img/payment_footer/icon_cep_visa.png) no-repeat;
}

#registration .paymentLogos ul li span.evoucher_bank {
    width: 86px;
    background: url(../img/payment_footer/icon_evoucher.png) no-repeat;
}

#registration .paymentLogos ul li span.evoucher_ccard {
    width: 68px;
    background: url(../img/payment_footer/icon_evoucher_ccard.png);
}

#registration .paymentLogos ul li span.sofort {
    width: 74px;
    background: url(../img/payment_footer/icon_sofort.png);
}

#registration .paymentLogos ul li span.skrill_1tap {
    width: 104px;
    background: url(../img/payment_footer/icon_skrill_one.png);
}

#registration .paymentLogos ul li span.visa_bleue {
    width: 40px;
    background: url(../img/payment_footer/icon_bleue-visa.png);
}

#registration .paymentLogos ul li span.visa_postepay {
    width: 54px;
    background: url(../img/payment_footer/icon_postepay.png);
}

#registration .paymentLogos ul li span.visa_speedcard {
    width: 59px;
    background: url(../img/payment_footer/icon_speedcard.png);
}

#registration .paymentLogos ul li span.bitcoin {
    width: 69px;
    background: url(../img/payment_footer/icon_bitcoin.png);
}

#registration .paymentLogos ul li span.tbl {
    width: 93px;
    background: url(../img/payment_footer/icon_tbl.png);
}

/* reset this class here */
#registration .paymentLogos ul li span.bank {
    float: none;
    border: none;
    background: none;
    line-height: normal;
}

#registration .paymentLogos ul li span.bank {
    width: 66px;
    max-width: 66px;
    background: url(../img/payment_footer/icon_banktransfer_all.png) no-repeat;
}

#registration .paymentLogos ul li span.banktransfer_de {
	width: 89px;
	background: url(../img/payment_footer/icon_banktransfer_de.png);
}

#registration .paymentLogos ul li span.banktransfer_en {
	width: 72px;
	background: url(../img/payment_footer/icon_banktransfer_en.png);
}

#registration .paymentLogos ul li span.banktransfer_es {
	width: 87px;
	background: url(../img/payment_footer/icon_banktransfer_es.png);
}

#registration .paymentLogos ul li span.banktransfer_fr {
	width: 68px;
	background: url(../img/payment_footer/icon_banktransfer_fr.png);
}

#registration .paymentLogos ul li span.banktransfer_hr {
	width: 84px;
	background: url(../img/payment_footer/icon_banktransfer_hr.png);
}

#registration .paymentLogos ul li span.banktransfer_it {
	width: 99px;
	background: url(../img/payment_footer/icon_banktransfer_it.png);
}

#registration .paymentLogos ul li span.banktransfer_pt {
	width: 84px;
	background: url(../img/payment_footer/icon_banktransfer_pt.png);
}

#registration .paymentLogos ul li span.banktransfer_tr {
	width: 72px;
	background: url(../img/payment_footer/icon_banktransfer_tr.png);
}

#registration .paymentLogos ul li span.creditcards_en {
	width: 74px;
	background: url(../img/payment_footer/icon_creditcard_en.png);
}

#registration .paymentLogos ul li span.creditcard_es {
	width: 74px;
	background: url(../img/payment_footer/icon_creditcard_es.png);
}

#registration .paymentLogos ul li span.creditcard_pt {
	width: 74px;
	background: url(../img/payment_footer/icon_creditcard_pt.png);
}

#registration .paymentLogos ul li span.aninda_havale {
	width: 84px;
	background: url(../img/payment_footer/icon_aninda_havale.png);
}

.paymentTypes .paymentTypeImage {
    background-color: white;
}

.paymentType {
	width: 50%;
	float: left;
	box-sizing: border-box;
	border-bottom: 1px solid var(--secondary-lighter-4);
	border-right: 1px solid var(--secondary-lighter-4);
	border-top: none;
	display: table;
	table-layout: fixed;
	padding: 0;
}

.paymentTypeButton {
	height: 66px;
	width: 100%;
	padding: 0px;
    line-height: 10px;
	transition: background-color 1000ms;
}

.paymentTypeButton:active {
    background-color: var(--primary);
    transition: background-color 0ms;
}

.paymentType .paymentTypeImage {
    background-color: white;
}

.paymentOverviewWrapper .pageHeadline {
    padding-left: 2.5%;
}

.paymentOverview .label,
.paymentOverview .text {
    height: auto;
	font-size: 13px;
}

.paymentOverview .bartitle {
    background-color: white;
}

.loading-iframe .loading {
    background: url("../img/ajaxLogo.gif") center no-repeat;
    display: inline-block;
    width: 100px;
    height: 20px;
}

.wrap.cancel {
	display: block;
	margin: 0 -8px;
	text-align: center;
	padding: 5px 0;
}

.wrap.cancel .submit {
	display: inline-block;
	width: inherit;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 0 15px;
    max-width: 100%;
    padding-right: 20px;
	max-width: 40%;
	max-width: calc(50% - 30px);
}

.verification.barmiddle input[type="number"] {
	max-width: none;
	height: 34px;
	border: 1px solid var(--secondary-lighter-4);
	padding: 0 10px;
	margin: 10px 0;
	-webkit-appearance: none; /* delete the inner shadows */
	-moz-appearance: none;
	appearance: none;
	font-size: 1em !important;
	width: 100%;
	box-sizing: border-box;
}

.verification.barmiddle {
	display: block;
	padding-top: 7px;
	padding-bottom: 7px;
}

.verification.barmiddle .checkWrapper {
	overflow: hidden;
	line-height: 28px;
}

.verification.barmiddle input[type="checkbox"] {
	margin-right: 5px;
	margin-bottom: 10px;
	float: left;
}

.verification.bigbutton_wrapper {
	width: 50%;
	margin-left: 25%;
}

.verification.bigbutton_wrapper button {
	margin-top: 7%;
}

.verification.barmiddle .text .code {
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	padding-top: 5px;
	user-select: initial;
	-o-user-select: initial;
	-moz-user-select: initial;
	-khtml-user-select: initial;
	-webkit-user-select: initial;
}

.password-text {
	position: relative;
}

.show-password {
	position: absolute;
	z-index: 2;
	top: 0;
	right: 0;
	width: calc(40px + 2.5%);
	height: 100%;
	cursor: pointer;
}

.show-password:after {
	content: '';
	position: absolute;
	z-index: 2;
	left: 20px;
	top: 10px;
	background: url(../img/togglePassword.png) bottom center no-repeat;
	background-size: 24px 37px;
	width: 24px;
	height: 18px;
    overflow: hidden;
}

input.secureNumber + .show-password:after,
input[type="password"] + .show-password:after {
	background-position: top center;
}

form .title + .wrap {
    position: relative;
}

form .title + .wrap input.active,
#registration .formGroup input.active,
#personalDetails .wrap input.active {
    padding-right: 40px;
}

form .title + .wrap input + div + .clear {
    position: absolute;
    z-index: 3;
    right: 0;
    top: 0;
    width: 40px;
    height: 100%;
    min-height: 34px;
    background: url(../img/remove.png) center no-repeat;
    background-size: 12px;
    opacity: 0.6;
}

form .normalRow .title+.wrap input+div+.clear,
form .zipCodeRow .title+.wrap input+div+.clear {
    min-height: 40px;
}

form .threeThirdRow .title+.wrap input+div+.clear,
form .threeFourthRow .title+.wrap input+div+.clear,
form .oneFifthRow .title+.wrap input+div+.clear {
    top: 3px;
}

form .title + .wrap input + .show-password + .clear {
    right: 45px;
}

form#personalDetails .title + .wrap input + div + .clear {
    right: 2.5%;
}

#registrationPage .wrap {
	position: relative;
}

#registrationPage .show-password:after {
	top: 8px;
}

.loginApproval .text {
	display: block;
	line-height: 44px;
	height: auto;
}

.loginApproval button .text {
	display: inline;
}

.loginApproval .barmiddle .text {
	line-height: 26px;
	margin: 5px 0;
}

.loginApproval .text.buttonWrap {
    line-height: inherit;
    justify-content: space-between;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
	padding-left: 0;
}

.loginApproval .text.buttonWrap.single {
	display: block;
}

.loginApproval .text.buttonWrap button {
	border-radius: 0px;
	text-transform: none;
	max-height: none;
	width: 46%;
	align-items: center;
	font-size: 16px;
	border-radius: 0;
}

.loginApproval .text.buttonWrap button span {
	display: -ms-inline-flexbox;
	display: -webkit-inline-flex;
	display: inline-flex;
	display: -webkit-box;
	display: -moz-box;
	-webkit-box-direction: normal;
	-moz-box-direction: normal;
	-webkit-box-orient: horizontal;
	-moz-box-orient: horizontal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-content: stretch;
	-ms-flex-line-pack: stretch;
	align-content: stretch;
	-webkit-box-align: center;
	-moz-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.loginApproval .text.buttonWrap.single button {
    width: 94%;
    margin-bottom: 3%;
    display: inline-block;
	min-height: 44px;
}

.loginApproval .inlineerror {
	padding-bottom: 10px;
}

.loginApproval .barmiddle .buttonWrap {
    background-color: transparent !important;
}

/* END News Mobile Registration */
.imageBox .barmiddle {
	box-sizing: border-box;
}

input[type=number]::-webkit-outer-spin-button {
	 margin: 0;
}

.androidBox a {
	display: block;
}

.androidBox .androidImage,
.androidBox .barmiddle .text {
	padding: 10px;
}

.editorRowsWrapper .editorGlobals .stakeButtons button .text {
    color: var(--secondary);
    font-weight: 700;
}

.editorRowsWrapper .editorGlobals .barmiddle,
.editorRowsWrapper .editorGlobals .bartop {
    background: transparent;
}

.editorRowsWrapper .editorGlobals .barmiddle .text,
.editorRowsWrapper .editorGlobals .barmiddle .value {
    color: var(--secondary);
}

.editorRowsWrapper .editorGlobals .barmiddle:nth-child(2) .text,
.editorRowsWrapper .editorGlobals .barmiddle:nth-child(2) .value,
.editorRowsWrapper .editorGlobals .barmiddle:nth-child(3) .text,
.editorRowsWrapper .editorGlobals .barmiddle:nth-child(3) .value,
.editorRowsWrapper .editorGlobals .barmiddle:nth-child(6) .text,
.editorRowsWrapper .editorGlobals .barmiddle:nth-child(6) .value,
.editorRowsWrapper .editorGlobals .barmiddle:nth-child(7) .text,
.editorRowsWrapper .editorGlobals .barmiddle:nth-child(7) .value {
    color: var(--secondary);
    font-weight: 400;
}

.editorRowsWrapper .editorGlobals .stakeButtons {
    display: flex;
    gap: 10px;
    border-color: transparent;
    padding: 5px 2.5% 1.5% 2.5%;
}

.editorRowsWrapper .editorGlobals ~ div:not([class]) {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 10px;
}

.editorRowsWrapper .editorGlobals ~ div:not([class]) .bigbutton.edit {
    margin-bottom: 0;
}

.editorRowsWrapper .editorGlobals + div .bigbutton {
    margin: 0;
}

.editorRowsWrapper .checkbox {
    accent-color: var(--primary);
}

.editorRowsWrapper #acceptLiveOddsChanges .bartop,
.editorRowsWrapper #acceptLiveOddsChanges .label {
    background: transparent;    
}

.editorRowsWrapper #acceptLiveOddsChanges .bartop .text {
    border-left: none !important;
}

.editorRowsWrapper #acceptLiveOddsChanges .bartop .text:focus,
.editorRowsWrapper #acceptLiveOddsChanges .bartop .text:active {
    background: none !important;
}

.stakeBtn,
.bigbutton {
    cursor: pointer;
    transition: 0.2s;
}

.stakeBtn:hover,
.headerbutton_wrapper .bigbutton.header:hover,
.bigbutton_wrapper .bigbutton.edit:hover {
    background-color: var(--primary-lighter-3);
}

.clipped {
	text-overflow: ellipsis;
    max-width: 0;
}

.ibanValuePart {
	float: left;
	overflow: hidden;
}

.ibanLabelPart {
	float: left;
	line-height: 44px;
	padding-left: 1px;
	padding-right: 1px;
}

.ibanTextfield {
	background-color: #f6f6f6;
}

.infoTicker {
	background-color: var(--secondary-lighter-3);
	color: white;
	padding: 7px 7px 7px 0px;
}

.infoTicker .icon {
	width: 48px;
	padding-left: 0;
}

.infoTicker .icons.msg_exclamationmark_yellow {
	width: 15px;
	height: 15px;
	background-size: auto 15px;
	margin: 0 auto;
}

.appcontent > .infoTicker .icons.msg_exclamationmark_yellow,
.matchscores .infoTicker .icons.msg_exclamationmark_yellow,
.details.infoTicker .icons.msg_exclamationmark_yellow {
    background-position: 0 0;
    width: 29px;
    height: 29px;
    background-size: auto 29px;
    background-image: url("/img/msg_exclamationmark_yellow.png");
}

.details .icons.msg_exclamationmark_yellow {
     background-position: 0 0;
     width: 18px;
     height: 18px;
     margin-left: 3px;
     background-size: auto 18px;
     background-image: url("/img/msg_exclamationmark_yellow.png");
}

.details .icon + .text {
     height: 30px;
}

.table {
	display: table;
}
.column {
	display: table-cell;
}

.row {
	display: table-row;
}

/* Begin StakeRace page */
.stakeRacePage ul {
	margin: 5px 0px;
}
.stakeRacePage .fg_blue {
	color: var(--primray-text);
}
.stakeRacePage .fg_orange {
	color: var(--primary);
}
.stakeRacePage .fg_grey {
	color: var(--secondary-lighter-3);
}
.stakeRacePage .bg_blue {
	background: var(--secondary);
}
.stakeRacePage .bg_orange {
	background: var(--primary);
}
.stakeRacePage .inline_block {
	display: inline-block;
}
.stakeRacePage {
	font-size: 14px;
	line-height: 18px;
	color: var(--primray-text);
}
.stakeRacePage > div {
	width: 95%;
	width: calc(100% - 20px);
	padding: 10px;
}
.stakeRacePage h1 {
	font-size: 22px;
	line-height: 20px;
    text-transform: uppercase;
    margin: 5px 0px;
    padding: 0;
}
.stakeRacePage.main img {
	width: 100%;
	vertical-align: middle;
}
.stakeRacePage.main,
.stakeRacePage.main ul {
	color: white;
}
.stakeRacePage.main .joinNow {
    display: flex;
    justify-content: center;
    align-items: center;
	font-weight: bold;
}
.stakeRacePage.main .doubleArrowIcon {
	display: inline-block;
	width: 26px;
	height: 16px;
	background: url("../img/arrowDoubleRight.png") no-repeat;
	background-size: 26px;
	margin-left: 6px;
}

.stakeRacePage.winnings .column {
	text-align: left;
	padding-right: 10px;
}
.stakeRacePage.winnings > div {
	padding-bottom: 0px;
}
.stakeRacePage.winnings div {
	font-size: 14px;
}
.stakeRacePage.winnings div strong {
	font-size: 15px;
	font-weight: bold;
}
.winnings .column div {
	padding-top: 3px;
}
.stakeRacePage.winnings .cupIcon {
	display: inline-block;
	width: 17px;
	height: 17px;
	background: url("../img/cup.png") no-repeat;
	background-size: 15px;
	margin-right: 2px;
}

.stakeRacePage.ranks {
	background: var(--accent-grey-lighter);
	margin-top: 7px;
}
.stakeRacePage.ranks table {
	width: 100%;
}
.stakeRacePage.ranks th {
	color: var(--primray-text);
	font-weight: bold;
}
.stakeRacePage.ranks td,
.stakeRacePage.ranks th {
	text-align: center;
	line-height: 18px;
}
.stakeRacePage.ranks td.align_l,
.stakeRacePage.ranks th.align_l {
	text-align: left;
}
.stakeRacePage.ranks .userRank {
	padding: 4px 0px;
}
.stakeRacePage.terms {
	text-align: center;
	font-size: 17px;
	text-transform: uppercase;
	padding: 5px;
	margin-bottom: -10px;
}
.stakeRacePage.terms .arrowIcon {
	display: inline-block;
	width: 12px;
	height: 12px;
	background: url("../img/iconSelectArrowRight.png") no-repeat;
	background-size: 8px;
	margin-left: 2px;
}
/* End StakeRace page */

.bonusClub {
    box-sizing: border-box;
    height: 100%;
    width: 100%;
    padding-bottom: 2.5%;
    background-color: #262626;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 5px;
}

.bonusClub > div {
    width: 95%;
    max-width: 500px;
    margin: 0;
}

.bonusClub.notPart {
    background-image: url("../img/stake_race/bg.jpg");
}

.bonusClub {
    text-transform: uppercase;
}

.bonusClub .teaserWrapper + div {
    margin-top: 15px;
}

.bonusClub .score,
.bonusClub .leagues,
.bonusClub .information {
    border-radius: 6px;
}

.bonusClub,
.bonusClub h3 {
    font-family: 'Cooper Hewitt Heavy', 'Poppins', Arial, sans-serif;
    font-size: 10px;
}

.bonusClub * {
    box-sizing: border-box;
}

.bonusClub > div:first-of-type {
    display: flex;
    flex-direction: column;
}

@media screen and (max-width: 500px) {
    .bonusClub > div:first-of-type {
        width: 100%;
    }
    
    .bonusClub > div:first-of-type .score {
        width: 95%;
    }
}

.bonusClub .teaser {
    max-width: 565px;
    margin: 0 auto;
}

.bonusClub .score,
.bonusClub .information {
    font-family: "Proza Libre";
    color: var(--primray-text);
}

.bonusClub .score,
.bonusClub .information {
    min-height: 90px;
    margin: 0 auto;
}

.bonusClub .leagues,
.bonusClub .score {
    border: 1px solid #6C6C6C;
}

.bonusClub .leagues {
    overflow: hidden;
    background: black;
    padding: 8px;
}

.bonusClub .score {
    overflow: hidden;
    background-color: transparent;
}
.bonusClub .score .non-participating {
    font-family: "Titillium Web";
    padding: 3% 5% 19% 21%;
    min-height: 100px;
    background: #000000;
    position: relative;
}
.bonusClub .score .non-participating .optIn {
    background-color: var(--primary);
    font-size: 24px;
    color: #fff;
    display: block;
    text-align: center;
    margin-top: 10px;
    padding: 3px 0;
}
.bonusClub .score .non-participating ul {
    font-family: "Titillium Web";
    font-weight: bold;
    margin: 0;
    padding: 0;
    font-size: 12px;
    font-style: italic;
    list-style-type: none;
}
.bonusClub .score .non-participating li {
    text-transform: initial;
    margin-bottom: 1px;
    padding-top: 4px;
    position: relative;
    color: #FFF;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 13px;
    margin-left: -25px;
    padding-bottom: 10px;
}
.bonusClub .score .non-participating li:before {
    content: '';
    background-image: url(../img/stake_race/arrow.png);
    background-repeat: no-repeat;
    background-size: 25px 22px;
    width: 25px;
    height: 22px;
    display: inline-block;
    text-align: center;
    margin-right: 3px;
    text-indent: initial;
    color: #FFF;
    font-size: 13px;
    font-style: normal;
    line-height: 13px;
    text-transform: uppercase;
    position: absolute;
    left: -35px;
    top: 18%;
}
.bonusClub .score .non-participating .button {
    color: #ffffff;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
    display: block;
    padding: 10px 3px;
    margin-top: 2%;
    width: 89%;
    text-align: center;
    border-radius: 25px;
    background: #B2ED42;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.bonusClub .score .non-participating .button.selected {
    background: var(--secondary);
}

.bonusClub .score img {
    width: 70%;
    max-width: 60px;
}

.bonusClub .imageWrapper {
    display: flex;
    justify-content: center;
    opacity: 0;
}

.bonusClub .imageWrapper img {
	width: 100%;
}

.bonusClub .points {
    font-size: 22px;
    margin-bottom: -5px;
}
.bonusClub .points span {
    margin-right: 5px;
    color: #D0947A;
}
.bonusClub .points.level_1 span {
    color: #B0B0B0;
}
.bonusClub .points.level_2 span {
    color: #E8D0A1;
}
.bonusClub .points.level_3 span {
    color: #A0A0CB;
}
.bonusClub .points.level_4 span {
    color: #8ED3B7;
}
.bonusClub .score .user {
    display: none;
}
.bonusClub .score .progressing {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 50%;
    height: 90px;
    overflow: hidden;
}
.bonusClub .score .progressing > div {
    width: 100%;
    display: flex;
    flex-flow: row;
    color: white;
    border-radius: 12px;
    overflow: hidden;
}
.bonusClub .score .progressing .tip-wrapper {
    justify-content: space-between;
}

.bonusClub .score .progressing .league-level-text {
    display: none;
}

.bonusClub .score .progress {
    background-color: var(--secondary-lighter-3);
    width: 100%;
    height: 10px;
    margin: 5px 0 10px 0;
}
.bonusClub .score .progressbar {
    background-color: #D0947A;
    height: 100%;
    display: block;
}
.bonusClub .score .progressbar.level_1 {
    background-color: #B0B0B0;
}
.bonusClub .score .progressbar.level_2 {
    background-color: #E8D0A1;
}
.bonusClub .score .progressbar.level_3 {
    background-color: #A0A0CB;
}
.bonusClub .score .progressbar.level_4 {
    background-color: #8ED3B7;
}
.bonusClub .progressing .tip {
    color: #000;
    padding: 3px 6px;
    position: relative;
    border-radius: 10px;
}

.bonusClub .progressing .tip.start {
    background-color: #D0947A;
}
.bonusClub .progressing .tip.start.level_1 {
    background-color: #B0B0B0;
}
.bonusClub .progressing .tip.start.level_2 {
    background-color: #E8D0A1;
}
.bonusClub .progressing .tip.start.level_3 {
    background-color: #A0A0CB;
}
.bonusClub .progressing .tip.start.level_4 {
    background-color: #8ED3B7;
}

.bonusClub .progressing .tip.end {
    background-color: #B0B0B0;
}
.bonusClub .progressing .tip.end.level_1 {
    background-color: #E8D0A1;
}
.bonusClub .progressing .tip.end.level_2 {
    background-color: #A0A0CB;
}
.bonusClub .progressing .tip.end.level_3 {
    background-color: #8ED3B7;
}
.bonusClub .progressing .tip.end.level_4 {
    background-color: #D0947A;
}

.bonusClub .progressing .tip:before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    bottom: 100%;
    border-right: 5px solid rgba(0, 0, 0, 0);
    border-top: 5px solid rgba(0, 0, 0, 0);
    border-left: 5px solid rgba(0, 0, 0, 0);
    border-bottom: 5px solid var(--primary);
}
.bonusClub .progressing .tip.start:before {
    border-bottom: 5px solid #D0947A;
}
.bonusClub .progressing .tip.start.level_1:before {
    border-bottom: 5px solid #B0B0B0;
}
.bonusClub .progressing .tip.start.level_2:before {
    border-bottom: 5px solid #E8D0A1;
}
.bonusClub .progressing .tip.start.level_3:before {
    border-bottom: 5px solid #A0A0CB;
}
.bonusClub .progressing .tip.start.level_4:before {
    border-bottom: 5px solid #8ED3B7;
}
.bonusClub .progressing .tip.end:before {
    right: 5px;
    border-bottom: 5px solid #B0B0B0;
}
.bonusClub .progressing .tip.end.level_1:before {
    border-bottom: 5px solid #E8D0A1;
}
.bonusClub .progressing .tip.end.level_2:before {
    border-bottom: 5px solid #A0A0CB;
}
.bonusClub .progressing .tip.end.level_3:before {
    border-bottom: 5px solid #8ED3B7;
}
.bonusClub .progressing .tip.end.level_4:before {
    border-bottom: 5px solid #D0947A;
}
.bonusClub .score .goal-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 25%;
    padding-left: 20px;
}
.bonusClub .score .goal {
    color: var(--secondary-lighter-4);
    padding: 5px;
    margin-top: 1px;
    margin-left: 2px;
    text-align: center;
    position: relative;
    font-size: 12px;
}
.bonusClub .goal-wrapper .goal span {
    max-width: 116px;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 5px;
    display: block;
    color: white;
    white-space: nowrap;
    font-size: clamp(10px, 3vw, 16px);
}
.bonusClub .goal-wrapper .goal span:first-child {
    display: block;
    color: #D0947A;
}
.bonusClub .goal-wrapper .goal.level_1 span:first-child {
    color: #B0B0B0;
}
.bonusClub .goal-wrapper .goal.level_2 span:first-child {
    color: #E8D0A1;
}
.bonusClub .goal-wrapper .goal.level_3 span:first-child {
    color: #A0A0CB;
}
.bonusClub .goal-wrapper .goal.level_4 span:first-child {
    color: #8ED3B7;
}
.bonusClub .goal-wrapper .goal:after {
    background-repeat: no-repeat;
    background-size: 26px 19px;
    bottom: 17px;
    content: "";
    height: 22px;
    position: absolute;
    width: 38px;
    left: 0;
    transform: translateX(-50%);
    top: 32%;
    line-height: 100px;
}

.bonusClub .goal-wrapper .goal.level_0:after {
  background-image: url(../img/stake_race/arrow_0.png);   
}

.bonusClub .goal-wrapper .goal.level_1:after {
  background-image: url(../img/stake_race/arrow_1.png);   
}

.bonusClub .goal-wrapper .goal.level_2:after {
  background-image: url(../img/stake_race/arrow_2.png);   
}

.bonusClub .goal-wrapper .goal.level_3:after {
  background-image: url(../img/stake_race/arrow_3.png);   
}

.bonusClub .goal-wrapper .goal.level_4:after {
  background-image: url(../img/stake_race/arrow_4.png);   
}

.bonusClub .league {
    margin-bottom: 5px;
    text-align: center;
    overflow: hidden;
    height: 68px;
    background: #181818;
}
.bonusClub .league .title {
    float: left;
    width: 27%;
    height: 100%;
    align-items: center;
    justify-content: center;
    display: flex;
    border-right: none;
    border-left: 1px solid #D0947A;
    color: var(--primary-lighter-4);
}
.bonusClub .league .title .number{
    color: #D0947A;
}

.bonusClub .league .title span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    font-size: 12px;
    color: white;
}
.bonusClub .league.finished {
    opacity: 0.5;
}
.bonusClub .league.finished .title {
    opacity: 0.7;
}
.bonusClub .league .progress {
    float: left;
    width: 50%;
    height: 100%;
    font-size: 21px;
    color: #D0947A;
    position: relative;
    overflow: hidden;
    padding-right: 10px;
}
.bonusClub .league .progress span {
    float: left;
    width: 50%;
    height: 100%;
    align-items: center;
    justify-content: center;
    display: flex;
}

.bonusClub .league .progress .firstNumber {
    color: white;
}

.bonusClub .league .progressbar {
   display: none !important;
}
.bonusClub .league .progressbar.active:before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    top: 0;
    right: -3px;
    border-right: 4px solid rgba(0, 0, 0, 0);
    border-bottom: 4px solid rgba(0, 0, 0, 0);
    border-top: 8px solid #9f9685;
    border-left: 4px solid rgba(0, 0, 0, 0);
}
.bonusClub .league .foot {
    font-family: "Titillium Web";
    position: relative;
    float: left;
    width: 23%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 5px;
}
.bonusClub .league .foot h3 {
    color: #ffffff;
    margin: -7px 0 -1px 0;
    font-size: 10px;
}
.bonusClub .league .foot div {
    font-size: 10px;
    margin-top: 5px;
    color: #ffffff;
}
.bonusClub .league .foot img {
    width: 25px;
    height: auto;
    margin: 0 auto;
}
.bonusClub .participating {
    position: relative;
    background: #000000;
    min-height: 90px;
}
.bonusClub .participating > div {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 5px;
}
.bonusClub .participating .current-league {
    width: 20%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.bonusClub .participating .league-level {
    display: none;
}
.bonusClub .participating .league-level.smaller {
    font-size: 16px;
}
.bonusClub .league .foot .league-level {
    display: none;
}

.bonusClub .leagues .league {
    font-family: "Proza Libre";
    border-radius: 6px;
}

.bonusClub .league.level_1 .title {
    border-right: none;
    border-left: 1px solid #B0B0B0;
}

.bonusClub .league.level_1 .title .number{
    color: #B0B0B0;
}

.bonusClub .league.level_1 .foot {
    background-color: transparent;
}
.bonusClub .league.level_1 .progress span {
    color: #B0B0B0;
}
.bonusClub .league.level_1 .progress .firstNumber {
    color: white;
}
.bonusClub .league.level_1 .progressbar.active:before {
    border-top-color: #B0B0B0;
}
.bonusClub .league.level_2 .title {
    border-right: none;
    border-left: 1px solid #E8D0A1;
}

.bonusClub .league.level_2 .title .number{
    color: #E8D0A1;
}

.bonusClub .league.level_2 .foot {
    background-color: transparent;
}
.bonusClub .league.level_2 .progress span {
    color: #E8D0A1;
}
.bonusClub .league.level_2 .progress .firstNumber {
    color: white;
}
.bonusClub .league.level_2 .progressbar.active:before {
    border-top-color: #E8D0A1;
}
.bonusClub .league.level_3 .title {
    border-right: none;
    border-left: 1px solid #A0A0CB;
}

.bonusClub .league.level_3 .title .number{
    color: #A0A0CB;
}

.bonusClub .league.level_3 .foot {
    background-color: transparent;
}
.bonusClub .league.level_3 .progress span {
    color: #A0A0CB;
}
.bonusClub .league.level_3 .progress .firstNumber {
    color: white;
}
.bonusClub .league.level_3 .progressbar.active:before {
    border-top-color: #A0A0CB;
}
.bonusClub .league.level_4 .title {
    border-right: none;
    border-left: 1px solid #8ED3B7;
}

.bonusClub .league.level_4 .title .number{
    color: #8ED3B7;
}

.bonusClub .league.level_4 .foot {
    background-color: transparent;
}
.bonusClub .league.level_4 .progress span {
    color: #8ED3B7;
}
.bonusClub .league.level_4 .progress .firstNumber {
    color: white;
}
.bonusClub .league.level_4 .progressbar.active:before {
    border-top-color: #8ED3B7;
}

.bonusClub .link {
    text-decoration: underline;
    color: #ffffff;
    background: none;
    font-weight: 700;
}

.bonusClub .information {
    height: 65px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    gap: 8px;
    border: 1px solid #6C6C6C;
    background-color: black;
    width: 100%;
}

.bonusClub .information h3 {
    color: white;
    font-size: 13px;
    position: relative;
    padding: 0;
    margin: 0;
}

.bonusClub .information h3:before,
.bonusClub .information h3:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    right: 100%;
    top: 0;
}

.bonusClub .information h3:after {
    left: 100%;
}

.bonusClub .information .content {
    display: block;
    color: white;
    font-weight: 200;
    text-transform: initial;
    font-size: 12px;
}

.rsGroupHeader {
	background: url("../img/arrow_grey_up.png") no-repeat 97.5% center var(--accent-grey-lighter);
    background-size: 23px 12px;
	padding-left: 25px;
    line-height: 40px;
    font-weight: bold;
	height: 40px;
    border-bottom: 1px solid var(--secondary-lighter-4);
}

.rsGroupHeader.closed {
	background: url("../img/arrow_blk_down.png") no-repeat 97.5% center var(--accent-grey-lighter);
	background-size: 11.5px 6px;
}

.rsGroupHeader.mdetails {
	margin-bottom: 5px;
}

.rsGroupHeader.mdetails.closed {
	margin-bottom: 0;
	background: url("../img/arrow_blk_down.png") no-repeat 97.5% center var(--accent-grey-lighter);
    background-size: 11.5px 6px;
    border-bottom: 1px solid var(--accent-grey-lighter);
}

.rsGroup > .customCombis {
    padding-bottom: 5px;
}

.rsGroup > .customCombis:first-child {
    margin-top: -6px;
}

.customCombis .rsGroupHeader {
	background: none;
	line-height: 42px;
	border-top: 1px solid var(--secondary-lighter-4);
    border-bottom: 1px dashed var(--secondary-lighter-4);
}

.customCombis .rsPlayerGroupHeader {
	background: none;
	line-height: 42px;
    font-weight: bold;
   	border-top: 1px solid var(--secondary-lighter-4);
    border-bottom: 1px solid var(--secondary-lighter-4);
}

.rsPlayerGroupHeader {
	display:flex;
    line-height: 40px;
    font-weight: bold;
	height: 40px;
	padding-left: 25px;
}

.rsPlayerGroupTeamHeader .right{
    border-right: 1px solid var(--secondary-lighter-4);
}

.rsPlayerGroupTeamHeader {
	display: flex;
	justify-content: center;
    line-height: 40px;
    font-weight: bold;
  	height: 40px;
    border-bottom: 1px dashed var(--secondary-lighter-4);
}

.rsPlayerResultCellLeft{
    display: flex;
    padding-right: 2.5%;
    border-right: 1px solid var(--secondary-lighter-4);
    padding-bottom: 0.6%;
    padding-top: 0.7%;
}

.rsPlayerResultCellRight{
    display: flex;
    padding-right: 2.5%;
    padding-bottom: 0.6%;
    padding-top: 0.7%;
}

.rsPlayerResultCaption{
	padding: 0 6% 0 6%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    font-size: 14px;
}

.rsPlayerResultCaption p {
	word-wrap: break-word;
	width: 100%;
	height: 100%;
	margin: 0;
}

.betSelector {
	overflow: hidden;
	padding: 5px 0;
}

.betSelector .leftScore,
.betSelector .rightScore {
	width: 30%;
	margin-left: 2%;
}

.betSelector .betResult {
    margin: 0 1%;
    width: 34%;
}

.betSelector .leftScore,
.betSelector .betResult,
.betSelector .leftScore div,
.betSelector .rightScore div {
	float: left;
}

.betSelector .rightScore {
	float: right;
}

.betSelector .adjustSelector,
.betSelector .value {
	width: 30%;
	height: 36px;
	text-align: center;
	line-height: 36px;
	padding: 0;
	font-size: 24px;
	font-weight: bold;

}

.betSelector .adjustSelector {
	border: 1px solid var(--secondary-lighter-4);
	font-size: 30px;
	color: var(--secondary-lighter-2);
	font-weight: normal;
}

.betSelector .betResult .qbutton {
	border: 1px solid var(--secondary-lighter-4);
}

.betSelector .betResult .cell {
	height: 38px;
	width: 1%;
}

.betSelectorToggle {
	text-align: center;
	padding: 8px 0;
}

.betSelectorToggle div {
	display: inline-block;
	font-size: 14px;
}

.betSelectorToggle .showAll:before,
.betSelectorToggle .showAll:after,
.betSelectorToggle .showLess:before,
.betSelectorToggle .showLess:after {
	content: '';
	display: block;
	float: left;
	width: 0;
	height: 0;
	border-style: solid;
	margin: 5px 4px 0 4px;
	border-width: 0 6px 8px 6px;
	border-color: transparent transparent var(--secondary-lighter-4) transparent;
}

.betSelectorToggle .showAll:after,
.betSelectorToggle .showLess:after {
	float: right;
}

.betSelectorToggle .showLess:before,
.betSelectorToggle .showLess:after {
	border-width: 8px 6px 0 6px;
	border-color: var(--secondary-lighter-4) transparent transparent transparent;
}

#dialog .title {
	color: var(--primray-text);
	font-size: 24px;
    font-weight: bold;
    text-transform: uppercase;
    word-wrap: break-word;
}
#dialog .sub,
#dialog .title span {
	color: var(--primary);
	font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: -10px;
}

.centered_dialog {
    font-size: 15px;
    color: var(--secondary-lighter-2);
}

centered_dialog p:first-of-type {
    color: var(--primray-text);
}

.centered_dialog .title {
	font-size: 24px;
}

.centered_dialog .sub,
#dialog .title span {
    margin: 0;
    font-size: 24px;
}

#moveLicenseWindow .options {
    margin-top: 3px;
}

#confirmPayout {
    font-size: 15px;
    color: var(--secondary-lighter-2);
}

#confirmPayout p:first-of-type {
    color: var(--primray-text);
}

#confirmPayout h4:first-of-type {
	color: var(--primray-text);
}

#confirmPayout .title {
	font-size: 23px;
}

#confirmPayout .sub {
    margin: 0;
    font-size: 24px;
}

.magnoliaBanner {
	padding: 0;
	margin-top: 0;
    height: 0;
    padding-bottom: 29.2%;
    display: block;
   position: relative;
}

.magnoliaBanner.hidden {
    padding: 0;
}

.magnoliaBanner img {
    width: 100%;
    height: 100%;
    vertical-align: middle;
    position: absolute;
}

.favorites img {
	width: 17px;
	height: 17px;
	padding-left: 7px;
}

#vsmBetslipButtonContainer {
	bottom: 18px !important;
}

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

.generatePassword{
	display: table;
	height: 20px;
	max-height: 34px;
}

.generatePassword .icon {
	display: table-cell;
    margin-right: 5px;
    height: 100%;
    width: 20px;
    background: url("../img/icon_securePassword.png") no-repeat;
    background-size: contain;
    background-position-y: 50%;
}

.generatePassword .text {
	display: table-cell;
	height: 100%;
	color: var(--primray-text);
}

.changeShopPasswordLink {
    padding-top: 10px;
    padding-left: 4%;
	color: var(--primray-text);
}

.contentbox .text {
	padding-right: 2.5%;
}

#logoutWarning {
    display: none;
    position: absolute;
    top: 10px;
    left: 0px;
    padding: 1%;
    width: 98%;
    text-align: center;
    z-index: 100;
    background: black;
    color: white;
}

#endlessScroll_backToTop {
	display: block;
	position: fixed;
    width: 38px;
	height: 38px;
	bottom: 50px;
	right: 0px;
	margin: 20px;
	z-index: 11;
}

#endlessScroll_backToTop.deactivated {
	display: none;
}

body.casino #endlessScroll_backToTop.deactivated {
	display: block;
}

#endlessScroll_backToTop_image {
	display: block;
	background: url("../img/arrowScrollTop.png") no-repeat;
	width: 100%;
	height: 100%;
	opacity: 0.63;
}

#endlessScroll_backToTop.fadeOut {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s linear 300ms, opacity 300ms;
}

#endlessScroll_backToTop.fadeIn {
  visibility: visible;
  opacity: 0.63;
  transition: visibility 0s linear 0s, opacity 300ms;
}

#betslipImage {
    margin:auto;
    background: #fff;
}

#betslipImage .header.betslipImage .text.title {
    display: none;
}

.lastLoginText {
    width: 100%;
	margin-top: 0;
    padding-top: 10px;
    text-align: center;
    color: var(--primray-text);
}

.accountOverview .bartitle .text {
	height: auto;
	padding-top: 5px;
}

.accountOverview .bartitle .lastLogin {
	height: auto;
    padding-left: 2px;
    padding-bottom: 5px;
    vertical-align: middle;
    color: white;
}

.copyAreaWrap {
    height: 42px;
    margin-bottom: 5px;
}

.copyArea {
    width: 100%;
    height: inherit;
    margin: 0 3px 0 3px;
    background-color: var(--accent-grey-lighter);
    border: 1px solid var(--secondary-lighter-4);
    font-size: 16px;
    font-weight: bold;
    padding: 0 6px;
    text-overflow: ellipsis;
    overflow: auto;
    resize: none;
    box-sizing: border-box;
    cursor: pointer;
}

.mentalassessment {
	color: #b8b8b8;
}

.mentalassessment h1 {
	color: var(--primray-text);
	margin: 0;
}

.mentalassessment h4 {
	font-weight: normal;
	text-align: left;
	font-size: 15px;
	margin: 15px 0;
}

.mentalassessment.button.disabled, .mobileButtonDisabled  {
	opacity: 0.5;
	pointer-events: none;
	cursor: not-allowed;
}

.mentalassessment.button.disabled .text {
	opacity: 0.3;
}

.question_group {
	text-align: left;
	margin-bottom: 20px;
	font-weight: 100;
	font-size: 13px;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.question_group .question {
	max-width: 146px;
}

.question_group .checkbox {
	background: var(--secondary-lighter-4);
	width: 60px;
	height: 34px;
	border-radius: 20px;
}

.question_group .checkbox.checked span {
	float: right;
}

.question_group .checkbox span {
	background: #fff;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	float: left;
	border-radius: 20px;
	margin: 2px;
	font-size: 12px;
	font-weight: normal;
}

.toggleButton {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	flex:1;
	width: 100%;
	height: 45px
}

.toggleButton .toggle  {
	background: lightgrey;
    width: 50px;
    height: 30px;
    border-radius: 20px;
}

.toggleButton .toggle.active  {
    background: var(--primary);
}

.toggleButton .toggle.active span {
	float: right;
}

.toggleButton .toggle span {
	background: #fff;
	width: 26px;
	height: 26px;
	line-height: 30px;
	text-align: center;
	float: left;
	border-radius: 20px;
	margin: 2px;
	font-size: 12px;
	font-weight: bold;
	color: black
}

.toggleButton.selected {
    background: none;
}

#walletAddress {
  border-left: 0;
  text-align: center;
}

#copyAddress {
  border: 0;
  max-width: 45%;
  background-color: var(--primary);
}

#copyAddress.selected {
	background-color: var(--secondary);
	color: var(--accent-grey-lighter);
}

.secureNumber {
    -webkit-text-security: disc;
}

/* iPhone X Full Size Fixes */
@media only screen and (-webkit-device-pixel-ratio: 3),  /* Exclude iPhone 8 */
screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) {  /* Include iPhone 11 */
    body .appheader > div {
        padding-top: env(safe-area-inset-top);
    }

	body .page:not(.fullscreen) {
        padding-top: env(safe-area-inset-top);
    }

	body .page.fullscreen {
		padding: initial;
	}

	body .page:not(.fullscreen):after {
        content: "";
        display: block;
        height: env(safe-area-inset-bottom);
    }

    #oneColumnFooter {
        padding-bottom: env(safe-area-inset-bottom);
    }

    #vsm_app_container div#vsmNavigationBar.vsm-navigation,
    #vsm_app_container div#vsmStickyOverlayContainer.vsm-stickyoverlay-container,
    #vsm_app_container div#vsmMenuContainer.vsm-menu-container.vsm-menu-active,
     #vsm_app_container div#vsm-shell.vsm-shell {
        margin-top: env(safe-area-inset-top);
    }

    #endlessScroll_backToTop {
        padding-bottom: env(safe-area-inset-bottom);
    }

   .navtitle.navsub,
        #headerMenu.headerOverlay,
        .productMenu {
           top: calc(env(safe-area-inset-top) + var(--headerHeight));
   }

    @media (orientation: landscape) {
        .page,
        #oneColumnFooter {
             width: calc(100% - env(safe-area-inset-left) - env(safe-area-inset-right)) !important;
             border-left: solid var(--accent-grey-lighter);
             border-left-width: env(safe-area-inset-left);
             border-right: solid var(--accent-grey-lighter);
             border-right-width: env(safe-area-inset-right);
        }

		.casino .page {
			position: relative;
			border-left: solid #23252C;
			border-left-width: env(safe-area-inset-left);
			border-right: solid #23252C;
			border-right-width: env(safe-area-inset-right);
		}

		.page.fullscreen {
			border-left: solid black;
			border-left-width: env(safe-area-inset-left);
			border-right: solid black;
			border-right-width: env(safe-area-inset-right);
		}

        .page .scroll_container:before,
        body .page .scroll_container:after {
            content: "";
            display: block;
            height: 100%;
            width: 1px;
            background: var(--secondary-lighter-4);
            position: fixed;
            z-index: 2;
            top: 0;
            left: 0;
        }

		.casino .page .scroll_container:before,
        body.casino .page .scroll_container:after {
            content: none;
        }

        body .page .scroll_container:after,
        .pagea .scroll_container:before {
            left: auto;
            right: 0;
        }

        .header,
        #oneColumnFooter {
             border-color: var(--primray-text);
        }
    }
}
/* END iPhone X Full Size Fixes */

/* league/eventCountdown */
.countdownBox {
    display: block;
    border-top: 1px solid var(--secondary-lighter-4);
}
.countdownBox h1 {
    font-size: 13px;
    text-transform: uppercase;
}
.countdownBox .cdbox {
	padding: 10px 2.5%;
	background-color:#fff;
	font-size: 20px;
	text-align: center;
}
.countdownBox .cltext {
    display: block;
	width: 100%;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 12px;
}
.countdownBox .clock {
	width: 100%;
	max-width: 280px;
	margin: 0 auto;
	text-align: center;
	left: 0;
	font-weight: 700;
	display: block;
}
.countdownBox .clock span {
    display: inline-block;
	background: var(--secondary);
	color: #fff;
	border-radius: 3px;
	margin: 0 2%;
	width: 19%;
	height: 36px;
    line-height: 24px;
	padding: 6px 8px;
	box-sizing: border-box;
}
.countdownBox .clock span:first-letter {
    border-right: 2px solid #fff;
    padding-right: 6px;
    margin-right: 6px;
    padding-top: 6px;
    padding-bottom: 6px;
}
.countdownBox .labels {
	display: block;
	font-size: 10px;
    max-width: 280px;
    margin: 2px auto 0 auto;
    text-align: center;
}
.countdownBox .labels span {
	margin: 0 2%;
	padding: 0 8px;
	width: calc(19% - 2px);
	display: inline-block;
	box-sizing: border-box;
	text-align: center;
}
.countdownBox .button {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 40px;
    font-size: 26px;
    text-transform: uppercase;
    font-weight: 700;
	margin: 15px auto 8px auto;
    position: relative;
    border-radius: 4px;
    /* fix for round button edges on iphone */
    -webkit-appearance: none;
    border: 2px solid var(--primary-lighter-1);
    color: var(--cta-button-dark-inky-blue);
    background-color: var(--primary-lighter-1);
    padding-left: 16px;
    padding-right: 20px;
	text-transform: uppercase;
}
.countdownBox .button:active {
    background-repeat: no-repeat;
    background-position: center right;
    background-size: 12px auto;
    background-color: var(--primary-lighter-2);
    color: var(--cta-button-dark-inky-blue);
	text-transform: uppercase;
}
.countdownBox .teamlogos {
    display: flex;
    flex-direction: row;
    align-items: center;
    font-size: 18px;
    font-weight: bold;
    justify-content: space-around;
    margin-bottom: 10px;
}
.countdownBox .teamlogos img {
    max-height: 62px;
    max-width: 80px;
}
.countdownBox .teamnames {
    display: flex;
    flex-direction: column;
}
.countdownBox.eventCountdown .clock span {
	width: 15%;
	height: 30px;
	padding: 3px 5px;
	font-size: 16px;
}
.countdownBox.eventCountdown .clock span:first-letter {
    padding-right: 5px;
    margin-right: 5px;
}
.countdownBox.eventCountdown .labels span {
	margin: 0 2%;
	padding: 0 5px;
	width: calc(15% + 2px);
	display: inline-block;
	box-sizing: border-box;
	text-align: center;
}
.countdownBox.eventCountdown .button {
	font-size: 18px;
	display: inline-flex;
}
/* END league/eventCountdown */

ul.astropaySuccessMessageList {
    margin: 0px;
    padding: 0px;
}

ul.astropaySuccessMessageList li {
    list-style: inside;
}

ul.astropaySuccessMessageList li {
    list-style: inside;
}

ul.astropaySuccessMessageList {
    margin: 0px;
    padding: 0px;
}

ul.astropaySuccessMessageList li {
    list-style: inside;
}

button:not(.edit):not(.bigbutton):not(.rgfWrapper button):not(.bb_green):not(.bb_red):active,
.selected:not(.msgtext, .iconbar),
.tbicon:not(.orange):not(.selected) .count,
.tbicon:not(.orange):not(.selected) .editorCount {
	background-color: var(--primary);
	color: var(--secondary);
	font-weight: 600;
}

.blockingAccount .submitButton:not(.edit):not(.bigbutton):not(.bb_green):not(.bb_red):active {
    background-color: var(--primary-lighter-1);
	text-transform: uppercase;
}

.bartitle.iconbar:before,
.bartitle.iconbar:after,
.sports,
.bartitle .clearValue .text:after,
.bartitle.imagebar .icon div {
    -xwebkit-filter: invert(100) brightness(1.3);
    xfilter: invert(100) brightness(1.3);
}

/* Button Redesign*/
button:not(div.embeddedServiceSidebar button, .payinAmountButton, .rgfWrapper button, .embeddedMessagingConversationButton),
.bigbutton.selected,
.bigbutton:focus,
.form .submit,
.form .takePicture,
input[type=submit],
input[type=button].simple,
#suggestions .button,
.submitCancelWrap .submit,
#uploadForm .fileUploadButton .text,
.loginApproval .text.buttonWrap button,
button.simple:not(.payinAmountButton):not(.edit):not(.bigbutton):not(.btn),
.bigbutton.simple,
#dialog #moveLicenseWindow button.yes,
#registration .formGroup #registerButton,
.bonusSloganButton span,
#copyAddress,
.goButton,
.blockingAccount .submitButton,
.documentDetailBackButton,
.productBlocking .submitButton,
.productBlockSuccess .successCTA
{
    position: relative;
    border-radius: 4px;
    -webkit-appearance: none;
    border: 2px solid var(--primary-lighter-1);
    color: var(--cta-button-dark-inky-blue);
    background-color: var(--primary-lighter-1);
	text-transform: uppercase;
    background-repeat: no-repeat;
    padding-left: 16px;
    padding-right: 20px;
}

.cancel button.simple:not(.payinAmountButton):not(.edit):not(.bigbutton),
.cancel input[type=button].simple:not(.payinAmountButton):not(.edit):not(.bigbutton),
.submitCancelWrap button[type=reset].submit.simple,
button:not(.payinAmountButton):not(.edit):not(.bigbutton).simple.cancel,
.wrap.cancel button.submit,
button.bigbutton.cancel {
    padding-left: 20px;
    padding-right: 20px;
}

.cancel input[type=button].simple:not(.payinAmountButton):not(.edit):not(.bigbutton) {
    margin-right: 10px;
}

.bigbutton.orange .text,
.bigbutton.selected .text,
.bigbutton.simple.selected .text,
.bigbutton.simple:active .text,
.bigbutton div,
.bigbutton .text,
.bigbutton.orange .text,
.bigbutton.selected .text,
.bigbutton.simple.selected .text,
.bigbutton.simple:active .text {
    color: var(--cta-button-dark-inky-blue);
    background: none;
}

.tbicon .count.buyback,
.bigbutton.orange.selected .text,
.bigbutton.orange:active .text,
.bigbutton.selected .text,
.bigbutton:active .text,
.bigbutton.simple.selected .text,
.bigbutton.simple:active .text {
    color: #fff;
}

button:not(.rgfWrapper button):not(.payinAmountButton):active,
.form .submit:active,
button:not(.payinAmountButton).selected,
.form .submit.selected,
input[type=submit]:active,
#suggestions .button:active,
.submitCancelWrap .submit:active,
#uploadForm .fileUploadButton .text:active,
.loginApproval .text.buttonWrap button:active,
button.simple:not(.payinAmountButton):not(.edit):not(.bigbutton):active,
.bigbutton.simple:active,
#registration .formGroup #registerButton:active,
.bigbutton.simple:not(.payinAmountButton):active,
.bonusSloganButton:active span,
#copyAddress:active,
.goButton:active,
.blockingAccount .submitButton:active {
    background-color: var(--primary-lighter-1);
    color: var(--cta-button-dark-inky-blue);
	text-transform: uppercase;
}

#paymentForm .submitButton input[type=submit]:disabled {
    border-color: var(--primary-lighter-3);
    background-color: var(--primary-lighter-3);
    color: var(--secondary-lighter-3);
}

.stakeButtons button:active,
#editorStakeInput button:active {
   background-color: var(--primary-lighter-2);
   color: var(--cta-button-dark-inky-blue);
   text-transform: uppercase;
}

.bigbutton.simple:not(.payinAmountButton):active {
    border-color: transparent;
    outline: none;
}

button:not(.payinAmountButton):active *,
.form .submit:active *,
input[type=submit]:active *
#suggestions .button:active *,
.submitCancelWrap .submit:active *,
#uploadForm .fileUploadButton .text:active *,
.loginApproval .text.buttonWrap button:active *,
button.simple:not(.payinAmountButton):not(.edit):not(.bigbutton):active *,
.bigbutton.simple:active *,
#registration .formGroup #registerButton:active *,
.bigbutton.orange:active .text,
.bigbutton.selected:active .text,
.bigbutton.simple.selected:active .text,
.bigbutton.simple:active:active .text,
.bigbutton:active div,
.bigbutton:active .text,
.bigbutton.orange:active .text,
.bigbutton.selected:active .text,
.bigbutton.simple.selected:active .text,
.bigbutton.simple:active:active .text,
.bigbutton.simple:not(.payinAmountButton):active *,
#copyAddress:active *,
.stakeButtons button.selected,
#editorStakeInput button.selected,
.ticketListBetDetails.arrow:active * {
    color: #fff;
}

.ticketListBetDetails.arrow:active .LOST {
    color: #fff !important;
}

.bigbutton.simple {
    border-color: #fff;
    color: #fff;
    background-color: var(--secondary);
}

.cashout button:not(.edit):not(.bigbutton):not(.bb_green):not(.bb_red):active {
    background-color: var(--secondary);
}

.bigbutton.simple:not(.payinAmountButton) {
    border-color: var(--primray-text);
    color: var(--primray-text);
    background-color: #fff;
}

form[name='login'] input[type=submit],
#dialog #moveLicenseWindow button.yes,
#registration .formGroup #registerButton,
.bigbutton.edit,
.borderless .bonus-nav-button,
.blockingAccount .submitButton,
.productBlocking .submitButton,
.productBlockSuccess .successCTA {
    border-color: var(--primary-lighter-1);
    background-color: var(--primary-lighter-1);
    color: var(--cta-button-dark-inky-blue);
    outline: none;
	text-transform: uppercase;
	cursor: pointer;
	transition: 0.2s;
}

form[name='login'] input[type=submit]:hover {
    background-color: var(--primary-lighter-2);
}

.borderless .bonus-nav-button,
.borderless.list .paymentTypeButton {
    background-repeat: no-repeat;
    outline: none;
}

form[name='login'] input[type=submit]:active,
form[name='login'] input[type=submit].selected,
#registration .formGroup #registerButton:active,
.bigbutton.edit:active,
.blockingAccount .submitButton:active,
.blockingAccount .submitButton.cancel,
.productBlocking .submitButton:active,
.productBlocking .submitButton.cancel,
.productBlockSuccess .successCTA{
    background-color: var(--primary-lighter-2);
    color: var(--cta-button-dark-inky-blue);
	text-transform: uppercase;
}

#registration .formGroup .buttonIcon.iconReg {
    display: none;
}

.bigbutton.edit * {
    color: var(--cta-button-dark-inky-blue);
}

.bigbutton:active .text {
    background: transparent;
    color: var(--cta-button-dark-inky-blue);
}

form[name='login'] .submit {
    color: var(--cta-button-dark-inky-blue);
    background-color: transparent;
}

.bigbutton.simple:not(.payinAmountButton) .text,
input[type=submit] .submit,
button:not(.payinAmountButton) .text,
button.simple:not(.payinAmountButton) .text:active {
    border: none;
    background-image: none;
    background-color: transparent;
}

.stakeButtons button,
#editorStakeInput button {
	background: #fff;
	border: 1px solid var(--secondary-lighter-4);
	color: var(--primray-text);
	margin-bottom: -2px;
    margin-top: 8px;
	margin-left: 0;
	margin-right: 0;
	font-size: 14px;
}

.stakeButtons button.selected {
    background-image: none;
}

.bigbutton.edit {
    padding: 0;
    max-width: 95%;
    width: 100%;
    margin-left: 2.5%;
}

.bigbutton, .bigbutton.simple {
    margin-bottom: 10px;
}

.button.cashout .bb_red,
.button.cashout .bb_red:active {
	background: var(--accent-red);
}

.button.cashout button,
.button.cashout .bb_green,
.button.cashout .bb_red {
    border-color: transparent;
}

.button.cashout button {
    background-color: var(--secondary-lighter-1);
}

button:not(.edit):not(.rgfWrapper button):not(.bigbutton):active {
    background-color: var(--primary-lighter-2);
	text-transform: uppercase;
}

input:focus,
textarea:focus,
.textfield:focus,
select:focus {
    border-color: var(--primary);
    box-shadow: 0 0 1px var(--primary) inset, 0 0 1px var(--secondary);
    outline: 0 none;
}


#dialog .casinoLoginLayer .errorMessage{
	padding: initial
}

#dialog .casinoLoginLayer .buttonWrap{
    background-color: initial!important;
}

#dialog #casinoLoginDialog{
	width: 290px;
    max-width: 290px;
    height: 430px;
    box-sizing: border-box;
	padding: 25px 20px 20px 20px;
}

#dialog .casinoLoginLayer .closeIcon,
#dialog #dialogByFunModeLayer .closeIcon{
	position: absolute;
    display: flex;
	right: 0px;
    top: 0px;
	padding: 15px;
    text-align: right;
}

#dialog #dialogByFunModeLayer .closeIcon{
	right: 0px;
    top: 0px;
}

#dialog .window#dialogByFunModeLayer {
	width: 90%;
	max-width: 500px;
	padding: 10px 5px;
}

#dialogByFunModeLayer h2 {
	font-weight: bold;
	text-align: left;
	padding-left: 5px;
	font-size: 19px;
}

#dialogByFunModeLayer .imageContainer{
	width: 100%;
	height: 100%;
	margin-top: 10px;
	position: relative;
}

#dialogByFunModeLayer .imageContainer img{
	width: 100%;
	height: 100%;
	max-width: 400px;
}

#dialogByFunModeLayer button.w100.openAccount{
	color: white;
	border-color: var(--primary-lighter-1);
    background-color: var(--primary-lighter-1);
    color: var(--cta-button-dark-inky-blue);
	max-width: 190px;
	padding: 0px;
	margin-bottom: 10px;
}

#dialogByFunModeLayer .playForFun{
	border-color: var(--primary-lighter-1);
	background-color: white;
    color: var(--cta-button-dark-inky-blue);
	padding: 0px;
	max-width: 190px;
}

#dialogByFunModeLayer .options {
	display:flex;
	flex-direction: column;
	align-items: center;
	margin-top: 10px;
}

#RGFContainer input:focus,
#RGFContainer textarea:focus,
#RGFContainer .textfield:focus,
#RGFContainer select:focus {
	border-color: initial;
    box-shadow: initial;
	outline: initial;
}

.form .cashlibVoucher {
    font-family: Helvetica, Arial, sans-serif;
    background: url("../img/payment/cashlib_bk.png") center no-repeat;
    background-size: 320px;
    height: 208px;
    width: 320px;
    margin: 10px auto;
    position: relative;
}

.form .astropayCard {
    font-family: Helvetica, Arial, sans-serif;
    background: url("../img/payment/astropayCard_bk.png") center no-repeat;
    height: 191px;
    width: 320px;
    margin: 10px auto;
    position: relative;
}

.form .jetonCashVoucher {
    font-family: Helvetica, Arial, sans-serif;
    background: url("../img/payment/jeton_cash_bk.png") center no-repeat;
    height: 205px;
    width: 320px;
    margin: 10px auto;
    position: relative;
}

.form .cashlibVoucher input,
.form .jetonCashVoucher input,
.form .astropayCard input {
    font-family: Helvetica, Arial, sans-serif;
    background: #1c1c1e;
    border: 1px solid #595959;
    color: #fff;
    height: 28px;
    min-height: initial;
    box-sizing: border-box;
    text-align: center;
    font-weight: 100;
}

.form .jetonCashVoucher input {
    background: #ec9018;
}


.form .cashlibVoucher input {
    background: #fff;
    border-color: transparent;
    color: #000;
    line-height: 28px;
    font-weight: normal;
}

.form .astropayCard input:-webkit-autofill,
.form .astropayCard input:-webkit-autofill:hover,
.form .astropayCard input:-webkit-autofill:focus,
.form .astropayCard textarea:-webkit-autofill,
.form .jetonCashVoucher input:-webkit-autofill,
.form .jetonCashVoucher input:-webkit-autofill:hover,
.form .jetonCashVoucher input:-webkit-autofill:focus,
.form .jetonCashVoucher textarea:-webkit-autofill,
.form .cashlibVoucher input:-webkit-autofill,
.form .cashlibVoucher input:-webkit-autofill:hover,
.form .cashlibVoucher input:-webkit-autofill:focus,
.form .cashlibVoucher textarea:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px #000 inset;
  transition: background-color 5000s ease-in-out 0s;
}

.form .astropayCard input::-webkit-outer-spin-button,
.form .astropayCard input::-webkit-inner-spin-button,
.form .jetonCashVoucher input::-webkit-outer-spin-button,
.form .jetonCashVoucher input::-webkit-inner-spin-button,
.form .cashlibVoucher input::-webkit-outer-spin-button,
.form .cashlibVoucher input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.form .astropayCard input[type=number],
.form .jetonCashVoucher input[type=number],
.form .cashlibVoucher input[type=number] {
  -moz-appearance: textfield;
}

.form .astropayCard input:focus,
.form .astropayCard input:active,
.form .astropayCard input:-webkit-autofill:focus,
.form .astropayCard input[type]:not(#searchField):focus,
.form .jetonCashVoucher input:focus,
.form .jetonCashVoucher input:active,
.form .jetonCashVoucher input:-webkit-autofill:focus,
.form .jetonCashVoucher input[type]:not(#searchField):focus,
.form .cashlibVoucher input:focus,
.form .cashlibVoucher input:active,
.form .cashlibVoucher input:-webkit-autofill:focus,
.form .cashlibVoucher input[type]:not(#searchField):focus {
    border: 1px solid #fff;
    outline: none;
    text-align: left;
}

.form .astropayCard .securityCode,
.form .jetonCashVoucher .securityCode,
.form .cashlibVoucher .securityCode {
    width: 37px;
    height: 18px;
    margin-top: 6px;
    position: absolute;
    top: 124px;
    left: 40px;
    font-size: 12px;
}

.form .jetonCashVoucher .securityCode {
    left: 14px;
}

.form .astropayCard .amountCurrency,
.form .jetonCashVoucher .amountCurrency,
.form .cashlibVoucher .amountCurrency {
    width: 100px;
    height: 28px;
    position: absolute;
    top: 22px;
    right: 15px;
}

.form .cashlibVoucher .amountCurrency {
    width: 114px;
}

.form .jetonCashVoucher .amountCurrency {
    right: auto;
    left: 14px;
    width: 145px;
}

.form .astropayCard .amountCurrency .currency,
.form .jetonCashVoucher .amountCurrency .currency,
.form .cashlibVoucher .amountCurrency select {
    width: 34px;
    height: 28px;
    float: left;
    font-size: 11px;
    color: #c7c7c8;
    border: none;
    text-align: right;
    margin: 0;
}

.form .jetonCashVoucher .amountCurrency select {
    margin-top: 0px;
    background: #ec9018;
    color: white;
}

.form .cashlibVoucher .amountCurrency select {
    margin-right: 4px;
    width: 44px;
    color: #000;
    background-color: #fff;
}

.form .astropayCard .amountCurrency .amount,
.form .jetonCashVoucher .amountCurrency .amount,
.form .cashlibVoucher .amountCurrency .amount {
    width: 66px;
    height: 28px;
    font-weight: normal;
    font-size: 18px;
}

.form .jetonCashVoucher .expirationDate,
.form .astropayCard .expirationDate {
    width: 66px;
    height: 24px;
    position: absolute;
    top: 124px;
    right: 15px;
}

.form .jetonCashVoucher .expirationDate .expiryMonth,
.form .astropayCard .expirationDate .expiryMonth {
    width: 21px;
    height: 18px;
    margin-top: 6px;
    margin-right: 9px;
    float: left;
    font-size: 12px;
}

.form .jetonCashVoucher .expirationDate .expiryYear,
.form .astropayCard .expirationDate .expiryYear {
    width: 36px;
    height: 18px;
    margin-top: 6px;
    font-size: 12px;
}

.form .astropayCard .cardNumber,
.form .jetonCashVoucher .cardNumber,
.form .cashlibVoucher .cardNumber {
    width: 296px;
    height: 28px;
    position: absolute;
    bottom: 10px;
    left: 12px;
}

.form .jetonCashVoucher .cardNumber,
.form .cashlibVoucher .cardNumber {
    bottom: 17px;
}

.form .astropayCard .cardNumber input,
.form .cashlibVoucher .cardNumber input {
    width: 23%;
    margin: 0 1%;
    float: left;
    letter-spacing: 2px;
}

.form .astropayCard #converted,
.form .jetonCashVoucher #converted,
.form .cashlibVoucher #converted {
    color: var(--secondary-lighter-4);
    text-align: right;
    float: right;
    margin-top: 5px;
    margin-right: 2px;
    font-weight: 100;
}

.form .jetonCashVoucher #converted {
    color: #fff;
}

.form .cashlibVoucher #converted {
    color: #fff;
    font-size: 14px;
}

.form .cashlibVoucher input.inlineError,
.form .jetonCashVoucher input.inlineError,
.form .astropayCard input.inlineError {
    border-color: var(--primary);
}

.form .jetonCashVoucher input.inlineError,
.form .cashlibVoucher input.inlineError {
    outline: 1px solid var(--primary);
}

.form .jetonCashVoucher .light_placeholder::placeholder {
    color: #b17226;
}

#takePicture {
    z-index:1000000;
    position: absolute;
    background-color:#000000;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    width: 100%;
    height: 100%;
    display: table;
    position: absolute;
    user-select: none;
}
#takePicture video {
    width: 100%;
    height: 100%;
    cursor: pointer;
}
#takePicture div {
    position: absolute;
    top: 50%;
    bottom: 0px;
    height: 100%;
}
#takePicture div.controls div {
    position: absolute;
    width: 40px;
    height: 40px;
    cursor: pointer;
}
#takePicture div.controls div.green {
    background: url("../img/upload_check.png") center no-repeat;
    background-size: 40px;
    top: -65px;
}
#takePicture div.controls div.yellow {
    background: url("../img/upload_reset.png") center no-repeat;
    background-size: 40px;
    top: -20px;
}
#takePicture div.controls div.red {
    background: url("../img/upload_delete.png") center no-repeat;
    background-size: 40px;
    top: 25px;
}

#takePicture div.controls.pos1,
#takePicture div.controls.pos2 {
    right: 10px;
    width: 40px;
    opacity: 0.8;
}

.numericPassword {
    -webkit-text-security:disc;
}

.processing {
  display: inline-block;
  width: 64px;
  height: 64px;
  right: 45%;
}
.processing:after {
  content: " ";
  display: block;
  width: 46px;
  height: 46px;
  margin: 1px;
  border-radius: 50%;
  border: 5px solid #fff;
  border-color: #fff transparent #fff transparent;
  animation: processing 1.2s linear infinite;
}
@keyframes processing {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

#dialog button.close {
    width: 60%;
    height: 28px;
    font-size: 12px;
    background-size: 10px auto;
    margin-top: 30px;
    color: var(--secondary-lighter-4);
    border: 2px solid var(--secondary-lighter-4);
    background-image: none;
    padding-right: 0;
}

#dialog button.close div.text {
    height: 12px;
    min-height: 12px;
}

#dialog #cancelAllWithdrawalWindow {
    width: 85%;
    max-width: 85%;
}

#cancelAllWithdrawalWindow table {
    width: 100%;
}

#cancelAllWithdrawalWindow td:first-child {
    text-align: left;
}

#cancelAllWithdrawalWindow td:last-child {
    text-align: right;
}

#dialog #accountVerifyWindow,
#dialog #moveLicenseWindow {
    width: 95%;
    height: 80vh;
    max-width: 95%;
    box-sizing: border-box;
    text-align: left;
}

#dialog #moveLicenseWindow .msg {
    height: calc(100% - 65px);
    display: flex;
    flex-direction: column;
    flex: 1;
    font-size: 11px;
}

#migrateLicenseLayer {
    display: flex;
    flex-direction: column;
    height: 100%;
}

#dialog #moveLicenseWindow .title {
    font-size: 20px;
    margin-bottom: 5px;
}

#dialog #migrateCmsContent {
    overflow: scroll;
    padding: 10px;
    border: 1px solid var(--secondary-lighter-4);
    background: var(--accent-grey-lighter);
    margin-top: 5px;
}

#dialog #moveLicenseWindow .options .chatLink{
text-decoration: underline;
    text-align: right;
    font-size: smaller;
    margin-top: 3px;
}

#dialog #accountVerifyWindow {
    max-height: 90vh;
    max-width: 360px;
    height: initial;
    overflow: auto;
    text-align: center;
    padding: 10px;
}

#kycAccountVerify .title {
    padding-top: 10px;
    padding-bottom: 15px;
}

#kycAccountVerify .image-header {
    font-weight: bold;
    padding: 10px 0;
}
#kycAccountVerify .content {
    padding-bottom: 10px;
}

#kycAccountVerify .content img {
    width: calc(50% + 5px);
}

#kycAccountVerify .id {
    float: left;
}

#kycAccountVerify .bill {
    margin-left: -10px;
    margin-top: 20px;
}

#kycAccountVerify .footer-collapse,
#kycAccountVerify .footer {
    background-color: var(--accent-grey-lighter);
    margin: 10px -10px;
    padding: 20px;
    width: initial;
    border-top: 1px dashed var(--primary);
    border-bottom: 1px dashed var(--primary);
    color: var(--primray-text);
    display: block;
}

#kycAccountVerify .footer {
    padding: 10px 20px;
}

#kycAccountVerify .footer-collapse span {
    margin-right: 10px;
    text-decoration: underline;
}

#kycAccountVerify .collapse-plus {
    width: 11px;
    height: 11px;
}

#kycAccountVerify .badge {
    display: block;
    width: 95px;
    float: left;
    margin-right: 10px;
}

#kycAccountVerify .footer-head {
    font-weight: bold;
    font-size: 17px;
    text-align: left;
    padding-top: 24px;
    text-transform: uppercase;
}

#kycAccountVerify .footer-body {
    clear: both;
}

#kycAccountVerify ul {
    list-style-type: none;
    text-align: left;
    padding: 3px 0 0 10px;
    margin: 0;
}

#kycAccountVerify ul li {
    text-indent: -17px;
    padding: 5px 0;
}

#kycAccountVerify ul li:before {
    content: "";
    background-color: var(--primary);
    display: inline-block;
    height: 6px;
    width: 6px;
    margin: 0 10px 2px 0;
}

#accountVerifyWindow .options {
    margin-top: 10px;
}

#accountVerifyWindow .options button.verify {
    border-color: var(--primary-lighter-1);
    background-color: var(--primary-lighter-1);
    color: var(--cta-button-dark-inky-blue);
    margin-bottom: 10px;
	text-transform: uppercase;
}

#dialog .options {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 0;
    margin-top: 20px;
}

#dialog .options button {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    margin: 0;
    height: 40px;
}

#dialog .options button .text {
    width: auto;
    height: auto;
    min-height: auto;
    padding: 0;
    margin: 0;
}

#cashierLayer .title,
#cashierLayer .sub,
#cashierCancelPayoutLayer .title,
#cashierCancelPayoutLayer .sub {
    font-size: 18px;
    margin: 3px;
}

#countdown {
    font-size: x-large;
    text-align: center;
    color: darkred;
}

.paparaDetails span.amount,
.paparaDetails span.label {
    font-weight: bold;
}

.paparaDetails span.value {
    text-align: inherit;
}

.blockingAccount .barmiddle,
.blockingAccount .barbottom {
    display: flex;
    flex-direction: column;
    border-top: 1px dashed var(--secondary-lighter-3);
    padding: 10px calc(10px - 2.5%);
    margin: 0 2.5%;
    width: 95%;
}

.blockingAccount.permanentInfo .barbottom,
.blockingAccount.permanentBlocking .barbottom {
    border-top: none;
}

.blockingAccount .bartitle + .barmiddle {
    border-top: 1px solid var(--secondary-lighter-4);
    margin: 0;
    padding: 10px;
    width: 100%;
}

@media (min-width: 768px) {
	.blockingAccount:not(.accountActionEntry) {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	.blockingAccount .bartitle {
		padding: 0;
	}

	.blockingAccount .bartitle .text {
		display: block;
		width: 50%;
		margin: auto;
		padding: 0;
		display: flex;
		justify-content: start;
		align-items: center;
	}

	.blockingAccount .barmiddle {
		max-width: var(--max-content-width);
		width: 50%;
	}

	.blockingAccount .bartitle+.barmiddle {
		padding: 0;
		width: 50%;
	}

	form#permanentAccountClosure,
	form#timeoutForm {
		width: 50%;
		margin: auto;
		max-width: var(--max-content-width);
	}
}

.blockingAccount h3,
.productBlocking h3,
.blockSelection.dropdown .label {
	color: #000;
	font-size: 13px;
	text-transform: uppercase;
	font-weight: bold;
	padding-top: 2px;
	padding-bottom: 10px;
	padding-left: 30px;
	margin: 6px 0;
	background: url(../img/deactivateIcon-suspend.svg) left top/20px no-repeat;
}

.blockSelection.dropdown .label {
	background-image: url(../img/deactivateIcon-limit.svg);
	height: unset !important;
}

.blockingAccount h3.limit {
	background-image: url(../img/deactivateIcon-limit.svg);
}

.blockingAccount h3.disable {
	background-image: url(../img/deactivateIcon-disable.svg);
}

.blockingAccount h3.blocked {
	background-image: url(../img/deactivateIcon-block.svg);
}

.blockingAccount.permanentInfo h3,
.blockingAccount.permanentBlocking h3 {
    background-image: url(../img/deactivateIcon-block-red.svg);
    background-position: left 5px;
    color: var(--primary);
    margin-top: 0;
    margin-bottom: 0;
    text-transform: initial;
}

.blockingAccount .barmiddle .text {
    height: initial;
    font-size: 13px;
}

.blockingAccount.permanentInfo p {
    text-indent: -25px;
    padding-left: 30px;
}

.blockingAccount.permanentInfo p b {
    padding-right: 10px;
}

.blockingAccount .barmiddle .label {
    padding: 10px 0;
    height: initial;
    font-size: 13px;
}

.blockingAccount .submitButton {
    width: max-content;
    margin: 20px auto;
    padding-top: 5px;
    padding-bottom: 5px;
    min-width: 170px;
    text-align: center;
}

.blockingAccount .barbottom .submitButton {
    margin: 5px auto;
}

.productBlocking textarea{
    border: 1px solid #CBCCCC;
    resize: none;
    width: 95%;
    margin-top: 5px;
}

.productBlocking .submitButton{
    width: max-content;
    margin: 20px auto;
    padding-top: 5px;
    padding-bottom: 5px;
    min-width: 150px;
    text-align: center;
    display: block;
    box-sizing: content-box;
    height: 30px;
    text-transform: uppercase;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 800;
}

.productBlocking .productTypes h3{
    background-image: url(../img/productBlock/productType.svg);
}

.productBlocking .reason h3{
    background-image: url(../img/productBlock/reason.svg);
}

.productBlocking .timeFrame h3{
    background-image: url(../img/productBlock/timeFrame.svg);
}

.productBlocking input[type=radio],
.productBlocking input[type=checkbox]{
    height: initial;
}

.productBlocking .productTypes div,
.productBlocking .reason div,
.productBlocking .timeFrame div {
    padding: 0px 0px 15px 30px;
}

.productBlocking .timeFrame div label {
    display: flex;
    padding-bottom: 5px;
}

.productBlocking .timeFrame div select {
    height: 32px;
    width: 100%;
    border: 1px solid #CBCCCC;
}

.productBlocking .reason .radioWrapper{
    display: flex;
    align-items: flex-start;
}

.productBlocking .reason label,
.productBlocking .reason textarea{
    margin-left: 5px;
}

.productBlocking .reason label[for=ownReason]{
    font-weight: 700;
    font-size: 13px;
}

.productBlockSuccess .title{
	background-color: #E4E8EB;
	font-size: 16px;
	text-align: center;
    margin-top: 10px;
    padding: 5px;
}

.productBlockSuccess .iconRow{
	display: flex;
	justify-content: center;
}

.productBlockSuccess .titleIcon{
	height: 45px;
	width: 45px;
	border: 2px solid;
	border-radius: 30px;
	display: flex;
    justify-content: center;
	margin-top: 10px;
}

.productBlockSuccess .message{
	font-size: 14px;
	padding: 15px 30px;
	text-align: center;
}

.productBlockSuccess .successCTA{
	width: max-content;
    margin: 20px auto;
    padding-top: 5px;
    padding-bottom: 5px;
    min-width: 150px;
    text-align: center;
    display: block;
    box-sizing: content-box;
    height: 30px;
    text-transform: uppercase;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 800;
}

#accountClosurePopup {
	width: 100%;
	max-height: 95vh;
}

#dialog button.accountClosure.close {
	margin-top: 10px;
	background: none;
	border: none;
	color: var(--v2primary);
	text-decoration: underline;
}

#dialog .accountClosure.btn.bg_green.simple div.text {
	padding: 0;
	height: auto;
	min-height: auto;
}

#accountClosurePopup .text1 {
	margin-bottom: 10px;
}

#accountClosurePopup .title {
	margin-bottom: 15px;
}

.backToHome {
	text-decoration: underline;
	color: var(--v2primary);
	cursor: pointer;
	text-align: center;
	width: 100%;
	margin: auto;
	font-size: 13px;
	padding-bottom: 5px;
}

#checkPasswordForm {
	margin: auto;
	max-width: 500px;
	padding: 0 20px;
}

#checkPasswordForm button {
	width: 100%;
	margin-top: 30px;
	padding: 10px;
}

#checkPasswordForm input.err {
	border-color: var(--v2red);
	color: var(--v2red);
}

#checkPasswordForm div.err {
	color: var(--v2red);
	margin-top: 4px;
	font-size: 12px;
}

.actionConfirmation {
	margin-bottom: 40px;
	margin-top: 15vh;
	text-align: center;
}

.actionConfirmation h3 {
	text-align: center;
	font-weight: bold;
	margin-bottom: 20px;
}

.actionConfirmation div {
	text-align: center;
}

.accountActionEntry,
.blockSelection.dropdown {
	display: flex;
	flex-direction: column;
	border-top: 1px dashed #bababa;
	padding: 10px calc(10px - 2.5%);
	margin: 0 2.5%;
	width: 95%;
}

.accountActionEntry.confirmationBox {
	border-top: 0;
	display: flex;
	flex-direction: row;
	gap: 10px;
	padding: 10px;
	font-size: 13px;
	align-items: start;
}

.accountActionEntry.confirmationBox input {
	width: 40px;
	height: auto;
}

.accountActionEntry.confirmationBox input:focus {
	border: none;
	box-shadow: none;
	outline: none;
}

.confirmationBoxContainer {
	display: flex;
	flex-direction: column;
	gap: 15px;
	align-items: center;
}

.confirmationBoxContainer button {
	width: 80%;
	max-width: 200px;
	height: 40px;
}

.accountActionEntry.selfExclusion h3 {
	margin-bottom: 20px;
}

.accountActionEntry .txt {
	font-size: 13px;
}

/** Components **/

button.btn {
	display: inline-block;
	font-size: 10px;
	font-weight: 800;
	line-height: 12.5px;
	text-align: center;
	padding: 6px 12px;
	border-radius: 4px;
	background-size: 9px auto;
	width: 100%;
	margin: auto 0;
	height: 100%;
	min-height: 20px;
	max-height: 40px;
	font-weight: bold;
	line-height: 1.42857143;
	text-align: center;
	vertical-align: middle;
	border: 1px solid transparent;
	border-radius: 4px;
	text-decoration: none;
	text-transform: uppercase;
}

button.btn.text_md {
	font-size: 12px;
}

button.btn.text_lg {
	font-size: 14px;
}

button.btn.text_xl {
	font-size: 20px;
}

button.btn.text_xxl {
	font-size: 26px;
}

button.btn.bg_green {
	color: var(--v2white);
	background-color: var(--v2green);
	border: 1px solid var(--v2green);
	background-image: url(../img/buttonArrow_white.png);
	background-position: center right;
	background-repeat: no-repeat;
}

button.btn.bg_green:active {
	background-color: var(--v2green);
}

button.btn.bg_red {
	color: var(--v2white);
	background-color: var(--v2red);
	border: 1px solid var(--v2red);
	background-image: url(../img/buttonArrow_white.png);
	background-position: center right;
	background-repeat: no-repeat;
}

button.btn.bg_red:active {
	background-color: var(--v2red);
}

button.btn.bg_white {
	color: var(--v2green);
	background-color: var(--v2white);
	border: 1px solid var(--v2green);
	background-image: url(../img/buttonArrow_green.png);
	background-position: center right;
	background-repeat: no-repeat;
}

button.btn.bg_white:active {
	background-color: var(--v2white);
}

button.btn.bg_white.btn_red {
	color: var(--v2red);
	background-color: var(--v2white);
	border: 1px solid var(--v2red);
	background-image: url(../img/buttonArrow_red.png);
	background-position: center right;
	background-repeat: no-repeat;
}

button.btn.error {
	color: var(--v2white);
	background-color: var(--v2red);
	border: 1px solid var(--v2red);
	background-image: url(../img/buttonArrow_white.png);
	background-position: center right;
	background-repeat: no-repeat;
}

button.btn.disabled {
	color: var(--v2white);
	background-color: var(--v2grey);
	border: 1px solid var(--v2grey);
	background-image: url(../img/buttonArrow_white.png);
	background-position: center right;
	background-repeat: no-repeat;
}

/** End Components  **/

/* start casino styles */
body.casino {
	font-size: 14px;
	background: #fff;
}


.casino #themeBackground,
.casino .themeBackground .bartitle,
.casino .scroll_container {
	background: none;
}

.scroll_container.rgf {
	background: var(--secondary);
	height: 100%;
}

.rgfWrapper {
	background: #000000;
	padding-bottom: 20px;
}

#RGFContainer {
	/* viewport - header - footer */
	min-height: calc(100vh - var(--headerHeight) - 47px);
}

#RGFContainer.fullscreen {
	overflow: hidden;
	min-height: initial;
}

#RGFContainer.fullscreen.withFooter {
	/* - footer - notch paddings, primarly for iOS Safari */
	height: calc(100vh - 47px);
}

.rgfWrapper #RGFContainer {
    background-color: #000000;
}

.rgfHeaderNav {
	display: flex;
	color: var(--secondary-lighter-3);
	font-size: 16px;
	justify-content: space-between;
	padding: 12px;
	background: #000000;
}

.rgfHeaderNav div {
	cursor: pointer;
}

.rgfHeaderNav .rightSide {
    display: flex;
    justify-content: flex-end;
}

.rgfHeaderNav .rgfSearchContainer {
    flex: 1;
	max-width: 300px;
	overflow: hidden;
	padding-right: 10px;
}

.rgfHeaderNav .rgfSearch {
	height: 32px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-radius: 8px;
	background: white;
	padding-left: 8px;
	overflow: hidden;
}

.rgfHeaderNav .searchIcon {
	background-image: url("../img/search.png");
	background-size: contain;
    background-repeat: no-repeat;
	width: 20px;
	height: 20px;
}

.rgfHeaderNav .placeholder {
	padding: 0 10px 0 10px;
	flex: 1;
	visibility: visible;
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.rgfHeaderNav .rightSide div,
.rgfHeaderNav .rightSide a
 {
	display: grid;
    place-items: center;
	box-sizing: border-box;
    height: 32px;
	padding: 0 10px;
	cursor: pointer;
	background: var(--secondary-lighter-1);
    border-radius: 9px;
	color: white;
	font-size: 14px;
}

.page.top.fullscreen {
    z-index: 101
}

.casino .casinoTeaser {
    width: 100%;
}

/* BEGIN Main carousel */
.casino .swipe {
	overflow: hidden;
	visibility: hidden;
	position: relative;
}

.casino .swipeWrap {
	overflow: hidden;
	position: relative;
	line-height: 0; /* strange padding fix */
}

.casino .swipeWrap img {
	width: 100%;
	max-width: 100%;
}

.casino .swipeWrap>div {
	float: left;
	width: 100%;
	position: relative;
}

.casino .swipeInfoBox {
    display: none;
	position: absolute;
	bottom: 0px;
	background: rgba(0, 0, 0, 0.8);
	width: 100%;
	height: 50px;
	padding: 0 10px;
	box-sizing: border-box;
	font-weight: 200;
	font-size: 20px;
}

.casino .swipeTitle {
	line-height: 50px;
	float: left;
}
/* END Main carousel */

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

body.blocked {
    background-color: var(--secondary);
    background-image: url('../img/logobg.svg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50%;
}

body.blocked .text {
    position: fixed;
    top: 70%;
    padding: 10px;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    color: #FFF;
}

/** Two column pages animation css */
body .appheader,
body .appfooter,
body .page {
	position:absolute;
}

body .pagea {
    display: none;
}

.animating .appheader {
	position: fixed;
	top: 0px;
	z-index: 1000;
}

.animating .appfooter {
	position: fixed;
	bottom: 0px;
	z-index: 1000;
}

.animating .page {
	position:fixed;
}

.noapp.animating .page {
	top:0px;
}

.in, .out {
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-duration: 200ms;
}

.slow.in, .slow.out {
	-webkit-animation-duration: 500ms;
}

.scroll,
.slideup, .slidedown {
	-webkit-animation-duration: 500ms;
}

.slide.in {
	-webkit-animation-name: slideinfromright;
}

.slide.out {
	-webkit-animation-name: slideouttoleft;
}

.slide.in.reverse {
	-webkit-animation-name: slideinfromleft;
}

.slide.out.reverse {
	-webkit-animation-name: slideouttoright;
}

.scroll.in {
	-webkit-animation-name: scrollinfromtop;
}

.scroll.out {
	-webkit-animation-name: scrollouttobottom;
}

.scroll.in.reverse {
	-webkit-animation-name: scrollinfrombottom;
}

.scroll.out.reverse {
	-webkit-animation-name: scrollouttotop;
}

@-webkit-keyframes scrollinfromtop {
    from { -webkit-transform: translateY(-100%); }
    to { -webkit-transform: translateY(0); }
}

@-webkit-keyframes scrollinfrombottom {
    from { -webkit-transform: translateY(100%); }
    to { -webkit-transform: translateY(0); }
}

@-webkit-keyframes scrollouttotop {
    from { -webkit-transform: translateY(0); }
    to { -webkit-transform: translateY(-100%); }
}

@-webkit-keyframes scrollouttobottom {
    from { -webkit-transform: translateY(0); }
    to { -webkit-transform: translateY(100%); }
}

@-webkit-keyframes slideinfromright {
    from { -webkit-transform: translateX(100%); }
    to { -webkit-transform: translateX(0); }
}

@-webkit-keyframes slideinfromleft {
    from { -webkit-transform: translateX(-100%); }
    to { -webkit-transform: translateX(0); }
}

@-webkit-keyframes slideouttoleft {
    from { -webkit-transform: translateX(0); }
    to { -webkit-transform: translateX(-100%); }
}

@-webkit-keyframes slideouttoright {
    from { -webkit-transform: translateX(0); }
    to { -webkit-transform: translateX(100%); }
}

@-webkit-keyframes fadein {
    from { opacity: 0; }
    to { opacity: 1; }
}
@-webkit-keyframes fadein50 {
    from { opacity: 0; }
    to { opacity: 0.5; }
}

@-webkit-keyframes fadeout {
    from { opacity: 1; }
    to { opacity: 0; }
}

.fade.in {
	z-index: 10;
	-webkit-animation-name: fadein;
}
.fade.out {
	z-index: 0;
}

.fadeout {
	-webkit-animation-name: fadeout;
	-webkit-animation-duration: .65s;
}
.fadein {
	-webkit-animation-name: fadein;
	-webkit-animation-duration: .65s;
}
.fadein50 {
	-webkit-animation-name: fadein50;
	-webkit-animation-duration: 2s;
}

.dissolve.in {
	-webkit-animation-name: fadein;
}

.dissolve.out {
	-webkit-animation-name: fadeout;
}



.flip {
	-webkit-animation-duration: .65s;
}

.flip.in {
	-webkit-animation-name: flipinfromleft;
}

.flip.out {
	-webkit-animation-name: flipouttoleft;
}

/* Shake it all about */

.flip.in.reverse {
	-webkit-animation-name: flipinfromright;
}

.flip.out.reverse {
	-webkit-animation-name: flipouttoright;
}

@-webkit-keyframes flipinfromright {
    0% { -webkit-transform: rotateY(-90deg) scale(.8); }
    50% { -webkit-transform: rotateY(-90deg) scale(.8); }
    100% { -webkit-transform: rotateY(0) scale(1); }
}

@-webkit-keyframes flipinfromleft {
    0% { -webkit-transform: rotateY(90deg) scale(.8); }
    50% { -webkit-transform: rotateY(90deg) scale(.8); }
	100% { -webkit-transform: rotateY(0) scale(1); }
}

@-webkit-keyframes flipouttoleft {
    0% { -webkit-transform: rotateY(0) scale(1); }
    50% { -webkit-transform: rotateY(-90deg) scale(.8); }
    100% { -webkit-transform: rotateY(-90deg) scale(.8); }
}

@-webkit-keyframes flipouttoright {
    0% { -webkit-transform: rotateY(0) scale(1); }
    50% { -webkit-transform: rotateY(90deg) scale(.8); }
    100% { -webkit-transform: rotateY(90deg) scale(.8); }
}

.slideup.in,
.slidedown.in.reverse {
	-webkit-animation-name: slideup;
	z-index: 10;
}

.slideup.out.reverse,
.slidedown.out {
	-webkit-animation-name: slidedown;
	-webkit-transform: translateY(100%);
	z-index: 10;
}

.slideup.out,
.slideup.in.reverse,
.slidedown.in,
.slidedown.out.reverse {
	-webkit-animation-name: dontmove;
	z-index: 0;
}

@-webkit-keyframes slideup {
    from { -webkit-transform: translateY(100%); }
    to { -webkit-transform: translateY(0); }
}

@-webkit-keyframes slidedown {
    from { -webkit-transform: translateY(0); }
    to { -webkit-transform: translateY(100%); }
}



/* Hackish, but reliable. */

@-webkit-keyframes dontmove {
    from { opacity: 1; }
    to { opacity: 1; }
}

.swap {
	-webkit-transform: perspective(800);
	-webkit-animation-duration: .7s;
}
.swap.out {
	-webkit-animation-name: swapouttoleft;
}
.swap.in {
	-webkit-animation-name: swapinfromright;
}
.swap.out.reverse {
	-webkit-animation-name: swapouttoright;
}
.swap.in.reverse {
	-webkit-animation-name: swapinfromleft;
}


@-webkit-keyframes swapouttoright {
    0% {
        -webkit-transform: translate3d(0px, 0px, 0px) rotateY(0deg);
        -webkit-animation-timing-function: ease-in-out;
    }
    50% {
        -webkit-transform: translate3d(-180px, 0px, -400px) rotateY(20deg);
        -webkit-animation-timing-function: ease-in;
    }
    100% {
        -webkit-transform:  translate3d(0px, 0px, -800px) rotateY(70deg);
    }
}

@-webkit-keyframes swapouttoleft {
    0% {
        -webkit-transform: translate3d(0px, 0px, 0px) rotateY(0deg);
        -webkit-animation-timing-function: ease-in-out;
    }
    50% {
        -webkit-transform:  translate3d(180px, 0px, -400px) rotateY(-20deg);
        -webkit-animation-timing-function: ease-in;
    }
    100% {
        -webkit-transform: translate3d(0px, 0px, -800px) rotateY(-70deg);
    }
}

@-webkit-keyframes swapinfromright {
    0% {
        -webkit-transform: translate3d(0px, 0px, -800px) rotateY(70deg);
        -webkit-animation-timing-function: ease-out;
    }
    50% {
        -webkit-transform: translate3d(-180px, 0px, -400px) rotateY(20deg);
        -webkit-animation-timing-function: ease-in-out;
    }
    100% {
        -webkit-transform: translate3d(0px, 0px, 0px) rotateY(0deg);
    }
}

@-webkit-keyframes swapinfromleft {
    0% {
        -webkit-transform: translate3d(0px, 0px, -800px) rotateY(-70deg);
        -webkit-animation-timing-function: ease-out;
    }
    50% {
        -webkit-transform: translate3d(180px, 0px, -400px) rotateY(-20deg);
        -webkit-animation-timing-function: ease-in-out;
    }
    100% {
        -webkit-transform: translate3d(0px, 0px, 0px) rotateY(0deg);
    }
}

.cube {
    -webkit-animation-duration: .55s;
}

.cube.in {
	-webkit-animation-name: cubeinfromright;
    -webkit-transform-origin: 0% 50%;
}
.cube.out {
	-webkit-animation-name: cubeouttoleft;
    -webkit-transform-origin: 100% 50%;
}
.cube.in.reverse {
	-webkit-animation-name: cubeinfromleft;
    -webkit-transform-origin: 100% 50%;
}
.cube.out.reverse {
	-webkit-animation-name: cubeouttoright;
    -webkit-transform-origin: 0% 50%;

}

@-webkit-keyframes cubeinfromleft {
	from {
        -webkit-transform: rotateY(-90deg) translateZ(320px);
        opacity: .5;
	}
    to {
        -webkit-transform: rotateY(0deg) translateZ(0);
        opacity: 1;
    }
}
@-webkit-keyframes cubeouttoright {
    from {
        -webkit-transform: rotateY(0deg) translateX(0);
        opacity: 1;
    }
    to {
        -webkit-transform: rotateY(90deg) translateZ(320px);
        opacity: .5;
    }
}
@-webkit-keyframes cubeinfromright {
    from {
        -webkit-transform: rotateY(90deg) translateZ(320px);
        opacity: .5;
    }
    to {
        -webkit-transform: rotateY(0deg) translateZ(0);
        opacity: 1;
    }
}
@-webkit-keyframes cubeouttoleft {
    from {
        -webkit-transform: rotateY(0deg) translateZ(0);
        opacity: 1;
    }
    to {
        -webkit-transform: rotateY(-90deg) translateZ(320px);
        opacity: .5;
    }
}




.pop {
	-webkit-transform-origin: 50% 50%;
}

.pop.in {
	-webkit-animation-name: popin;
	z-index: 10;
}

.pop.out.reverse {
	-webkit-animation-name: popout;
	z-index: 10;
}

.pop.in.reverse {
	z-index: 0;
	-webkit-animation-name: dontmove;
}

@-webkit-keyframes popin {
    from {
        -webkit-transform: scale(.2);
        opacity: 0;
    }
    to {
        -webkit-transform: scale(1);
        opacity: 1;
    }
}

@-webkit-keyframes popout {
    from {
        -webkit-transform: scale(1);
        opacity: 1;
    }
    to {
        -webkit-transform: scale(.2);
        opacity: 0;
    }
}/** END: Two column pages animation css */


/* START: Default styles for swipe.js slider */
.swipeDefaultStyles {
    text-align: center;
    margin: 0 auto;
    max-width: 1212px;
    position: relative;
    max-height: 390px;
    overflow: hidden;
    visibility: hidden;
    position: relative;
}
.swipeDefaultStyles img {
    width: 100%;
}
.swipeDefaultStyles #controls {
    pointer-events: none;
    width: 100%;
    position: absolute;
    top: 42%;
    left: 0;
}
.swipeDefaultStyles a {
    cursor: pointer;
}
.swipeDefaultStyles #controls * {
    pointer-events:auto;
    color: #ef023f;
    cursor: pointer;
    text-decoration: none;

    width: 40px;
    height: 40px;
    margin: 0 5px;
}
.swipeDefaultStyles #controls *:hover {
    color: #ff0042 !important;
    opacity: 0.8;
}
.swipeDefaultStyles #controls #btnPrevious {
    background: url(../img/arrow_light.png) no-repeat;
    float: left;
    display: block;
    background-color: rgb(255, 255, 255, 0.6);
    background-size: contain;
}
.swipeDefaultStyles #controls #btnNext {
    background: url(../img/arrow_right.png) no-repeat;
    float: right;
    display: block;
    background-color: rgb(255, 255, 255, 0.6);
    background-size: contain;
}
.swipeDefaultStyles .swipe-wrap {
    overflow: hidden;
    position: relative;
}
.swipeDefaultStyles .swipe-wrap > div {
    float: left;
    width: 100%;
    position: relative;
}
/* END: Default styles for swipe.js slider */
img.depositPageBanner {
    width: 100%;
}

#single-withdrawal-help {
    margin: 0 12px;
}

#launcher {
    display: none;
}

.lightning {
    background: url(../img/lightning.png) no-repeat;
    width: 28px;
    height: 28px;
    float: left;
    margin-top: 5px;
    background-size: 28px 28px;
}

#paymentForm .card-input-parent {
    display: flex;
    flex-direction: row;
    row-gap: 5px;
    align-items: center;
}

#paymentForm .card-form {
    font-family: 'Muli', Helvetica, Arial, sans-serif;
    font-size: 11px;
    height: 16px;
    padding-left: 10px;
}

#paymentForm .card-input-date {
    width: 50px;
}

.rowText {
    height: 23px;
    margin-left: 5px;
}

.biggerHeader {
    height: var(--headerHeight);
    min-height: var(--headerHeight);
}

.headerArrow {
    display: inline;
    width: 40px;
    height: 40px;
    background: url('../img/header/arrowdown.png') no-repeat;
    background-size: 40px 40px;
    margin: auto 0;
    filter: var(--filter-icon-yellow);
}

.scroll_wrapper {
	padding-top: var(--headerHeight) !important;
}

/* Content Bottom */

.contentbottom {
    background-color: var(--secondary-lighter-1);
}

.contentbottom .cbSection *:not(.cbSelectBox, .cbHeadline) {
	box-sizing: border-box;
	color: white;
    font-weight: 600;
}

.contentbottom hr {
	border: 0;
	border-top: 1px solid var(--secondary-lighter-4);
}

.contentbottom .cbHeadline {
	font-size: 18px;
	font-family: 'ProzaDisplay';
    font-weight: 700;
	text-decoration: underline;
	margin: 0;
	padding: 0 0 0.8rem;
	color: white;
}

.contentbottom .cbSettings {
	padding: 14px;
	display: flex;
	flex-direction: column;
    justify-content: center;
}

.contentbottom .cbInfo {
	padding: 14px;
    display: grid;
    gap: 10%;
    grid-template-columns: 45% 45%;
}

.contentbottom .cbItem {
	font-size: 14px;
	margin-bottom: 1rem;
}

.contentbottom .cbItem:last-of-type{
	margin-bottom: 0;
}

.contentbottom .cbSetting {
	width: 100%;
	display: flex;
	align-items: center;
	gap: 10%;
}

.contentbottom .cbLabel {
	display: block;
	width: 45%;
}

.bottomfinish {
	width: 100%;
	background-color: var(--secondary-lighter-1);
	padding-left: 2.5%;
	padding-right: 2.5%;
	box-sizing: border-box;
	overflow: hidden;
    height: 10px;
}

.selectBoxText {
 	overflow: hidden;
}

.sixItems {
	left: 40% !important;
}

.cbSelectBox {
    border-radius: 3px;
    background-color: var(--secondary-lighter-3);
    color: white;
    height: 34px;
	width: 30%;
	max-width: 150px;
	min-width: 100px;
}

.cbSelectBox:focus {
    border-color: white;
    box-shadow: 0 0 1px white inset, 0 0 1px white;
    outline: 0 none;
}

.externalLinks.link{
    color: white;
    background-color: var(--accent-grey-lighter);
    padding-top: 12px;
    font-size: 14px;
}

.externalLinks.link a{
    text-decoration: underline;
}

.footerLeft {
    display: grid;
    width: 65px;
}

.footer.tabbar1 .tbicon.left.home {
	background: url("../img/tabbar/home.png") center 40% no-repeat;
}

.footer.tabbar1 .tbicon.left.casino {
	background: url("../img/tabbar/casino.png") center 40% no-repeat;
}

.footer.tabbar1 .tbicon.left.livecasino {
	background: url("../img/tabbar/liveCasino.png") center 40% no-repeat;
}

.footer.tabbar1 .tbicon.left.account {
	background: url("../img/tabbar/account.png") center 40% no-repeat;
}

.footer.tabbar1 .tbicon.left.bonus {
    background: url("../img/tabbar/bonus.png") center 40% no-repeat;
}

.footer.tabbar1 .tbicon.left.login {
	background: url("../img/tabbar/login.png") center 40% no-repeat;
}

.footer.tabbar1 .tbicon.left.search {
	background: url("../img/tabbar/search.png") center 40% no-repeat;
}

.footer.tabbar1 .tbicon.left.selected:not(:active) {
	background-color: var(--secondary);
	background-position: center 40%;
}

#registration .formGroup .col-xs-12.disabled {
	opacity: 0.5;
    pointer-events: none;
    cursor: not-allowed;
}

#registration .formGroup .normalRow {
	float: left;
	width: 100%;
	max-width: 100%;
	position: relative;
	min-height: 1px;
	padding-right: 5px;
	padding-bottom: 7px;
}

#registration .formGroup .normalRow.disabled,
#registration .formGroup .zipCodeRow.disabled {
	opacity: 0.5;
    pointer-events: none;
    cursor: not-allowed;
}

#registration .formGroup .threeThirdRow {
	float: left;
	width: 67%;
   	max-width: 67%;
	position: relative;
	min-height: 1px;
}

#registration .formGroup .threeThirdRow.disabled {
	opacity: 0.5;
    pointer-events: none;
    cursor: not-allowed;
}

#registration .formGroup input.red {
    color: #f74835;
}

#registration .formGroup .checkboxWrap .checkboxMultiStepLabel {
    overflow: hidden;
    flex-basis: 0;
    flex-grow: 1;
    font-size: 13px;
    line-height: 20px;
    color: #000000;
}

.rectangleWrap {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px;
}

.regIconWrap {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 70px;
}

.rectangle {
  width: 180px;
  height: 9px;
  background: #FFFFFF;
  border: 1px solid var(--primary-lighter-2);
  border-radius: 6px;
}

.rectangle.one {
    width: 45px;
    height: 8px;
    margin: 0;
    background-color: var(--primary-lighter-3);
    border: 1px solid var(--primary-lighter-2);
    border-radius: 6px;
}

.rectangle.two {
    width: 90px;
    height: 8px;
    margin: 0;
    background-color: var(--primary-lighter-3);
    border: 1px solid var(--primary-lighter-2);
    border-radius: 6px;
}

.rectangle.three {
  width: 135px;
  height: 8px;
  margin: 0;
  border-radius: 6px;
  background-color: var(--primary-lighter-3);
  border: 1px solid var(--primary-lighter-2);
}

.rectangle.four {
  width: 180px;
  height: 8px;
  margin: 0;
  background-color: var(--primary-lighter-3);
  border: 1px solid var(--primary-lighter-2);
  border-radius: 6px;
}

.headlineMessage {
  padding: 8px 20px 7px;
  background-color: var(--secondary-lighter-1);
  display: grid;
}

.headlineText {
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  font-size: 14px;
  line-height: 18px;
  text-align: center;
  color: #FFFFFF;
}

.errorMessage {
    padding: 20px 20px 15px 15px;
    font-size: 14px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #f74835;
}

.errorMessage.noTop {
	padding-top: 0px;
}

#registration .formGroup .multiRegButton,
#payment .multiRegButton,
#paymentForm .multiRegButton,
#newPassword .formGroup .multiRegButton {
    background-color: var(--primary);
    color: var(--secondary);
    margin-bottom: 10px;
    border-radius: 2px;
    margin-left: 0;
    margin-right: 0;
    border-radius: 4px;
    height: 40px;
	text-transform: uppercase;
}

#payment .multiRegButton:disabled,
#registration .formGroup .multiRegButton:disabled {
    border-color: transparent;
    background-color: var(--secondary-lighter-4);
    color: white;
    opacity: 0.38;
}

.wrapRegisterButton {
    display: grid;
}

#registration .formGroup .normalRow input,
#registration .formGroup .zipCodeRow input {
	background-color: #FFFFFF;
    border: 1px solid var(--secondary-lighter-3);
    border-radius: 3px;
    height: 40px;
    min-height: 40px;
    box-sizing: border-box;
}

#registration .formGroup .normalRow input.active,
#registration .formGroup .normalRow input:focus,
#registration .formGroup .zipCodeRow input.active,
#registration .formGroup .zipCodeRow input:focus,
#registration .formGroup .birthday input.active,
#registration .formGroup .birthday input:focus,
#registration .formGroup .threeThirdRow input.active,
#registration .formGroup .threeThirdRow input:focus {
	padding-right: 10px;
    border: 1px solid var(--secondary-lighter-2);
    border-radius: 3px;
}

#registration .formGroup input {
    
}

#registration .formGroup input:-webkit-autofill {
  background-color: #ffffff !important;
  -webkit-box-shadow: 0 0 0px 1000px #ffffff inset !important;
}


#registration .formGroup .threeThirdRow input {
	box-sizing: border-box;
	background-color: #FFFFFF;
    border: 1px solid var(--secondary-lighter-3);
    border-radius: 3px;
    height: 40px;
    min-height: 40px;
}

#registration .formGroup .threeThirdRow input.red {
    color: #f74835;
}

#registration .formGroup .threeThirdRow input.active {
	padding-right: 10px;
}

#registration .formGroup .oneThirdRow {
	float: left;
	width: 33.33333333%;
	position: relative;
	min-height: 1px;
}

#registration .formGroup .oneThirdRow select.hasCustomSelect + span.customSelect{
	padding-right: 0;
    border-radius: 3px;
    border: solid 1px var(--secondary);
    background-color: white;
}

#registration .formGroup .normalRow select {
    width: 100% !important;
}

#registration .formGroup .oneThirdRow select {
    width: 100% !important;
}

#registration .formGroup .oneThirdRow select.hasCustomSelect + span.customSelect:after{
    border-radius: 3px;
    border-left: 1px solid var(--secondary);
}

#registration .formGroup .normalRow select.hasCustomSelect + span.customSelect{
	    border-radius: 3px;
        border: solid 1px var(--secondary);
        background-color: #f5f8fa;
        box-sizing: border-box;
        height:  40px;
        padding: 0 0 0 7px;
        text-align: left;
}

#registration .formGroup .threeThirdRow select.hasCustomSelect + span.customSelect{
	padding-right: 0;
}

#registration .formGroup .oneFourthRow {
	float: left;
	width: 33%;
	position: relative;
	min-height: 1px;
	padding-right: 5px;
	box-sizing: border-box;
}

#registration .formGroup .oneFourthRow select.hasCustomSelect + span.customSelect{
	    border-radius: 3px;
        border: solid 1px var(--secondary);
        background-color: var(--accent-grey-lighter);
        box-sizing: border-box;
        height:  40px;
        padding: 0 0 0 7px;
}

.registerSuccess{
	width: 45px;
	height: 45px;
	background: url("../img/registerSuccess.png");
	background-size:  45px 45px;
}

.registerBonus{
	width: 45px;
	height: 45px;
	background: url("../img/registerBonus.png");
	background-size:  45px 45px;
}

.loginHeaderIocn{
	width: 45px;
	height: 45px;
	background: url("../img/loginIcon.png");
	background-size:  45px 45px;
}

.pwIcon{
	width: 45px;
	height: 45px;
	background: url("../img/pwIcon.png");
	background-size:  45px 45px;
}

.bonusCodeInfo {
    width: 168px;
    margin: 10px 0 0 1px;
    background-color: var(--secondary-lighter-2);
    border-radius: 6px;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 13px;
    line-height: 20px;
    text-align: center;
    color: #FFFFFF;
}

.loginEmailWrap {
        width: 100%;
        max-width: none;
        padding: 0 10px;
        display: grid;
        padding: 0 2.5%;
        padding-top: 10px;
        justify-content: center;
        margin: auto;
        align-items: center;
        max-width: 600px;
        box-sizing: border-box;
}

.buttonWrap {
   border-top: 0px;
   padding-left: 0;
   padding-right: 0;
   background-color: var(--accent-grey-lighter);
}

form.loginEmailWrap .buttonWrap {
    background-color: transparent;
}

.dialog .buttonWrap {
	background-color: initial;
}

.loginInput {
    width: 100%;
    vertical-align: middle;
    height: 44px;
}

.textFieldClass {
    width: 100% !important;
    max-width: none;
    height: 40px !important;
    min-height: 40px !important;
    padding-top: 0;
	padding-right: 10px;
	padding-bottom: inherit;
	padding-left: 10px;
    box-sizing: border-box !important;
    border-radius: 3px !important;
    border: solid 1px var(--secondary) !important;
 }

 .textFieldClass:focus {
     border-color: var(--secondary-lighter-4);
     box-shadow: 0 0 1px var(--secondary-lighter-4) inset, 0 0 1px var(--secondary);
     outline: 0 none;
 }
 
 .textFieldClass:-webkit-autofill {
    -webkit-background-clip: text !important;
 }

 .emailLoginButton {
     margin-bottom: 10px;
     margin-left: 0;
     margin-right: 0;
     width: 100%;
     font-size: 16px;
     font-weight: bold;
     height: 40px;
     min-width: 220px;
     width: 220px;
     border-radius: 4px;
}

 .linkCenter {
    text-align: center;
    font-size: 13px;
    line-height: 20px;
    text-decoration-line: underline;
    color: #000000;
 }

 .linkBottom {
    margin-bottom: 10px;
 }

 .linkBottom {
    margin-bottom: 10px;
 }

 .multiStepGoButton {
    margin-left: 2.5%;
    margin-right: 2.5%;
    width: 95%;
 }

 .registerBackground {
    min-height: 100vh;
 }

#registration .formGroup .normalRow select[name="country"].hasCustomSelect + span.customSelect:after,
#registration .formGroup .threeFourthRow select[name="country"].hasCustomSelect + span.customSelect:after,
#registration .formGroup .normalRow select[name="currency"].hasCustomSelect + span.customSelect:after,
#registration .formGroup .oneFifthRow select[name="currency"].hasCustomSelect + span.customSelect:after,
#registration .formGroup .oneFourthRow select[name="phonePrefix"].hasCustomSelect + span.customSelect:after {
       content: "";
       display: block;
       position: absolute;
       width: 40px;
       height: 40px;
       border-radius: 3px;
       border-left: 1px solid var(--secondary-lighter-4);
       top: 0;
       right: 5px;
       background: url(../img/newReg_down.png) no-repeat center center;
       background-size: 10px 7px;
       box-sizing: border-box;
       -moz-box-sizing: border-box;
       -webkit-box-sizing: border-box;
       pointer-events: none;
 }

.congratulations {
	width: 280px;
	height: 237px;
	background-size:  280px 237px;
    background: url("../img/congratulations.png") no-repeat center center;
}

.congratulationsWrap {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 300px;
}

.congratulationsWrap + div .buttonWrap {
    background-color: transparent;
}

.linkBottom.selected {
  background-color: var(--accent-grey-lighter) !important;
}

#registration .formGroup .oneFourthRow span.customSelectInner,
#registration .formGroup .oneFifthRow span.customSelectInner,
#registration .formGroup .threeFourthRow span.customSelectInner,
#registration .formGroup .normalRow span.customSelectInner {
    text-align: initial;
    padding-left: 5px;
    padding-top: 2px;
    box-sizing: border-box;
}


.logoCenter {
    display: flex;
    justify-content: center;
    align-items: center;
}

#registration .formGroup .birthday input{
      width: 100%;
      height: 40px;
      background-color: #FFFFFF;
      border: 1px solid var(--secondary-lighter-3);
      border-radius: 3px;
      box-sizing: border-box;
}

#registration .formGroup.bday {
	display: flex;
}

#registration .formGroup .birthday.dd{
	      padding-right: 7px;
}

#registration .formGroup .birthday.yyyy{
	      padding-left: 7px;
}

#registration .formGroup .birthday.mm{
	      padding-left: 4px;
	      padding-right: 4px;
}

#registration .formGroup .birthday{
	      width: 33%
}

.languageReg {
    text-align: center;
}

.languageReg .label {
  height: 18px;
  margin: 0 0 2px;
  font-size: 14px;
  color: #000;
  width: 100%;
  min-width: 100%;
  display: inline;
  background-color: var(--accent-grey-lighter) !important;
}

.languageRegSelect {
    border: 0px;
    font-size: 14px !important;
    font-weight: bold;
    background-color: var(--accent-grey-lighter) !important;
}

.languageReg select:focus {
    box-shadow: none;
}

.regSplitter {
     height: 16px;
}

.bonusCodeText {
    font-size: 13px;
    line-height: 20px;
    color: #000000;
}

.centeredRegButton {
    justify-content: center;
    align-items: center;
}

.loginEmailWrap input[type="checkbox"] + div.customCheckbox {
    background: url("../img/customCheckbox.png") no-repeat;
    background-size: 28px 56px;
    background-position: 0px -28px;
}

#registration .formGroup .checkboxWrap input[type="checkbox"]:checked + div.customCheckbox,
.loginEmailWrap input[type="checkbox"]:checked + label.customCheckbox,
.loginEmailWrap input[type="checkbox"]:checked + div.customCheckbox {
    background: url("../img/Radio_Checked.png") no-repeat;
    background-size: 20px 20px;
    padding: 0px 0px 0 20px;
}

#registration .formGroup .checkboxWrap input[type="checkbox"] + div.customCheckbox,
.loginEmailWrap input[type="checkbox"] + div.customCheckbox {
	background: url(../img/Radio_Empty.png) no-repeat;
	background-size: 20px 20px;
    padding: 0px 0px 0 20px;
}

#registration .formGroup .checkboxWrap .checkboxMultiStepLabel,
.loginEmailWrap .checkboxLabel {
    height: 20px;
    line-height: 20px;
    padding: 0px;
}

.loginEmailWrap input[type="checkbox"] + div.customCheckbox {
    margin-top: 5px;
}

.loginEmailWrap input[type="checkbox"] + div.customCheckbox {
    background: url("../img/customCheckbox.png") no-repeat;
    background-size: 28px 56px;
    background-position: 0px -28px;
}

#registration .formGroup .checkboxWrap input[type="checkbox"]:checked + div.customCheckbox,
.loginEmailWrap input[type="checkbox"]:checked + label.customCheckbox,
.loginEmailWrap input[type="checkbox"]:checked + div.customCheckbox {
    background: url("../img/Radio_Checked.png") no-repeat;
    background-size: 20px 20px;
    padding: 0px 0px 0 20px;
}

#registration .formGroup .checkboxWrap input[type="checkbox"] + div.customCheckbox,
.loginEmailWrap input[type="checkbox"] + div.customCheckbox {
	background: url(../img/Radio_Empty.png) no-repeat;
	background-size: 20px 20px;
    padding: 0px 0px 0 20px;
}

#registration .formGroup .checkboxWrap .checkboxMultiStepLabel,
.loginEmailWrap .checkboxLabel {
    height: 20px;
    line-height: 20px;
    padding: 0px;
}

.loginEmailWrap input[type="checkbox"] + div.customCheckbox {
    margin-top: 5px;
}

.newRegisterButtonWrap {
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
}

.newRegisterButtonStyle {
    font-size: 16px;
    max-height: 40px;
    min-height: 40px;
    height: 40px;
    border-radius: 4px;
    -webkit-appearance: none;
    border: 2px solid var(--primary-lighter-1);
    color: var(--cta-button-dark-inky-blue);
    background-color: var(--primary-lighter-1);
    text-transform: uppercase;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    box-sizing: border-box;
    cursor: pointer;
    transition: 0.2s;
}

.newRegisterButtonStyle:hover {
    background-color: var(--primary-lighter-2);
    border-color: var(--primary-lighter-2);
}

#registration .formGroup .checkboxWrap .checkboxMultiStepLabel {
    padding-left: 10px;
}

.languageHeader {
    height: 35px;
    width: 100%;
    color: white;
    background-color: var(--secondary-lighter-3);
    float: right;
}

.languageHeaderSelection {
    height: 35px;
    width: 100%;
    color: white;
    background-color: var(--secondary-lighter-3);
    background: url(../img/arrow_up_down.png) no-repeat center right 10px;
    border: 0;
    padding: 0 0 0 18px;
    font-size: initial;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}

#registration .formGroup .zipCodeRow {
	float: left;
	width: 33%;
	max-width: 33%;
	position: relative;
	min-height: 1px;
	padding-right: 5px;
	padding-bottom: 7px;
}

.pwRequestField {
    background: #fff;
    border: solid 1px var(--secondary) !important;
    border-radius: 9px!important;
    box-sizing: border-box;
    height: 40px!important;
    min-height: 40px!important;
    width: 100%;
    margin-bottom: 10px;
}

.pwRequestSmallText {
    font-size: 13px;
    margin-top: 5px !important;
    margin-top: 15px;
}

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

#registerPassword1 .clear {
    max-height: 40px;
}

#registerPassword2 .clear {
    max-height: 40px;
}

#registerPassword1 input[type = "text"] {
    float: none;
}

#registerPassword2 input[type = "text"] {
    float: none;
}


.blockingAccount .barmiddle .text.noTitle{
    margin: 0 1.5%;
}

.blockSelection {
    display: inline-grid;
    border: 0;
    padding-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
}

.blockSelection .label {
    font-weight: bold;
    width: 90%;
    height: 20px;
    margin-left: -7px;
}

.form .blockSelection .select {
	width: 100%;
    max-width: 640px;
}

form .blockSelection .label + .text {
    border: 0 !important;
    height: 100%;
}

.blockSelectionInfo {
    height: initial;
    font-size: 13px;
    text-align: left;
}

.blockSelectionText {
    padding-top: 0px;
    padding-bottom: 10px;
}

.blockSelection .textfield {
    border: 1px solid #dcdbdb;
}

.blockSelection .textfield.errorInput::placeholder {
    color: red;
}

.submitButtonNoStyle {
        border: 0 !important;
        background-image: none !important;
         color: var(--cta-button-dark-inky-blue);
        height: auto !important;
}

.blockingAccount .submitButton.extra {
    box-sizing: border-box;
    height: 34px;
}

.blockSelection .textfield.errorInput {
       border: 1px solid red;
}

.submitButtonNoStyle:active {
        color: white !important;
	    background-color: #84b64f !important;
}

.submitButtonNoStyle:focus {
    box-shadow: none;
}

.embeddedServiceHelpButton .helpButton .uiButton {
	background-color: #005290;
	font-family: "Arial", sans-serif;
}

.embeddedServiceHelpButton .helpButton .uiButton:focus {
	outline: 1px solid #005290;
}

.normalRegMessage {
    padding: 20px 20px 15px 15px;
    font-size: 14px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
}

.normalRegMessage .linkText {
    font-weight: bold;
    text-decoration: underline;
}

.reactivationFailedIcon{
	width: 45px;
	height: 45px;
	background: url("../img/reactivationFailed.png");
	background-size:  45px 45px;
}

.reactivateIcon{
	width: 45px;
	height: 45px;
	background: url("../img/reactivate.png");
	background-size:  45px 45px;
}

.mobileVerIcon{
	width: 45px;
	height: 45px;
	background: url("../img/mobileVer.png");
	background-size:  45px 45px;
}

.formGroup .mobileVerification {
    width: 270px;
    height: 50px;
    top: 342px;
    left: 58px;
    display: flex;
}

.formGroup .mobileVerification input {
    width: 35px;
    height: 50px;
    border-radius: 4px;
    border: 1px;
    text-align: center;
    margin-right: 10px;
}

.formGroup .mobileVerificationWrapper {
    display: flex;
    justify-content: center;
    align-items: center;
}

.embeddedServiceSidebarForm > .fieldList > .inputSelect.embeddedServiceSidebarFormField {
    display: none;
}

#embedded-messaging .embeddedMessagingConversationButtonWrapper .embeddedMessagingConversationButton {
    display: none;
}

/* Hide live chat on default */
.embeddedServiceHelpButton .helpButton{
    display: none;
}

/* Hide agent's name and show only "AGENT" instead */
.chatHeaderBranding .sidebarHeader h2 {
    text-indent: -9000px;
}
.chatHeaderBranding .sidebarHeader h2:before {
    content: "Agent";
    position: absolute;
    left: 14px;
    display: block;
    color: white;
    text-indent: 0;
}

#registration .formGroup .threeFourthRow {
	float: left;
	width: 70%;
	max-width: 70%;
	position: relative;
	min-height: 1px;
    padding-bottom: 7px;
}

#registration .formGroup .threeFourthRow.disabled,
#registration .formGroup .oneFifthRow.disabled {
	opacity: 0.5;
    pointer-events: none;
    cursor: not-allowed;
}

#registration .formGroup .threeFourthRow input,
#registration .formGroup .oneFifthRow input {
	box-sizing: border-box;
    background-color: #FFFFFF;
    border: 1px solid var(--secondary-lighter-3);
    border-radius: 3px;
    height: 40px;
    min-height: 40px;
}

#registration .formGroup .threeFourthRow input.active,
#registration .formGroup .oneFifthRow input.active {
	padding-right: 10px;
}

#registration .formGroup .threeFourthRow select.hasCustomSelect + span.customSelect{
	padding-right: 0;
}

#registration .formGroup .oneFifthRow {
	float: right;
	width: 28%;
	position: relative;
	min-height: 1px;
	padding-right: 5px;
	box-sizing: border-box;
}

#registration .formGroup .oneFifthRow select.hasCustomSelect + span.customSelect,
#registration .formGroup .threeFourthRow select.hasCustomSelect + span.customSelect {
	    border-radius: 3px;
        border: solid 1px var(--secondary);
        box-sizing: border-box;
        height:  40px;
        padding: 0 0 0 7px;
}

.licenseFooter {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--accent-grey-lighter);
    margin-bottom: 1px;
    padding: 10px 0px;
    gap: 1em;
}

.gcbLicenseToken {
    height: 85px;
    width: 150px;
}

/* Payment New Design brand-specific styles */
.borderless form#paymentForm input[type=submit]:not(.customInput) {
	border-color: var(--primary-lighter-1);
	background-color: var(--primary-lighter-1);
	color: var(--secondary);
	margin-bottom: 10px;
	border-radius: 2px;
	margin-left: 0;
	margin-right: 0;
	border-radius: 4px;
	height: 40px;
	text-transform: uppercase;
	border: 2px solid var(--primary-lighter-1);
	background-repeat: no-repeat;
	padding-left: 16px;
	padding-right: 20px;
	background-image: none;
	margin: auto;
}

.borderless form#paymentForm input[type=submit]:not(.customInput):disabled {
    border-color: var(--primary-lighter-3);
    background-color: var(--primary-lighter-3);
    color: var(--secondary-lighter-3);
}

.borderless.list .paymentTypeButton {
	background-image: url(../img/arrow_right_blue_full.png) !important;
}

/* Payment New Design End */