:root {
	--radio-dot-size: 20px;
	--radio-dot-color: #4A4A4A;
	--radio-background: #FFF;
}

.accountDialog {
	width: 1200px;
	text-align: left;
	position: fixed;
	margin: auto auto;
	z-index: 301;
	display: block;
	visibility: hidden;
	font-family: "Open Sans", Verdana;
}

.accountDialog .closeIcon {
	fill: #fff;
	stroke-width: 0;
}

.accountDialog label {
	margin: 0;
}

.accountDialog label,
div#landingPageLogin label,
div#landingPageRegister label {
	/* Override bootstrap.css */
	font-weight: normal;
}

.accountDialog .gpuiGeneralInputTitle {
	font-size: 16px;
	font-family: "Rooney-Sans-Medium";
	margin-left: 16px;
}

div#landingPageLogin .gpuiGeneralInputTitle,
div#landingPageRegister .gpuiGeneralInputTitle {
	font-size: 17px;
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
}

.accountDialog .accountCloseButton {
	margin-top: 13px;
	margin-right: 16px;
	float: right;
}

.accountDialog .accountCloseButton svg {
	height: 40px;
	color: #FFF;
	transition: fill .5s linear;
}

.accountDialog .accountCloseButton svg:hover path {
	fill: #FF0000;
}

#accountFormPanel > div {
	color: #4A4A4A;
	padding: 0 60px 60px;
	height: 100%;
	box-sizing: border-box;
	font-family: "Rooney-Sans-Medium";
}

#accountUSPPanel > div {
	color: #FFF;
	padding: 0 60px 60px;
	font-family: "Rooney-Sans-Medium";
}

.accountSSOButton {
	border-radius: 3px;
	padding: 7px 15px;
	text-align: center;
	cursor: pointer;
}

a.accountSSOButton {
	display: flex;
	align-items: center;
	text-decoration: none;
	margin-bottom: 2px;
	width: fit-content;
}

a.accountSSOButton span {
	font-family: "Roboto Normal", Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 18px;
	color: #FFF;
}

a.accountSSOButton:hover {
	text-decoration: none;
}

.accountSSOButton i.fa {
	margin-right: 10px;
	font-size: 25px;
	color: #FFF;
}

a.accountSSOButtonfacebook {
	background-color: #0a66ff;
	border-radius: 5px;
}

a.accountSSOButtonmsn {
	background-color: #3B5998;
}

a.accountSSOButtontwitter {
	background-color: #3B5998;
}

#accountFormPanel p.rememberMeLabel,
#accountFormPanel div#forgotPasswordContainer {
	font-family: "Roboto Normal", Arial, Helvetica, sans-serif;
}

#accountFormPanel div#forgotPasswordContainer,
#accountFormPanel span.landingPageSwitchTypeText {
	font-size: 15px;
}

#loginDialog .titleBlock {
	min-height: 96px;
}

#loginDialog .descriptionBlock {
	min-height: 96px;
}

#accountFormPanel input[type=checkbox] {
	width: 20px;
	height: 20px;
	border: 1px solid #D1D4D3;
	border-radius: 2px;
	margin: 0;
}

#accountFormPanel input[type=radio] {
	width: 20px;
	height: 20px;
	border: 1px solid #D1D4D3;
}

#accountFormPanel input[type=radio].error, #accountFormPanel input[type=checkbox].error {
	border: 1px solid #DC212F;
}

#accountFormPanel .error {
	color: #DC212F;
}

#accountFormPanel p.error {
	font-family: "Rooney-Sans-Medium";
	font-size: 14px;
	margin: 8px 5px;
}

#accountFormPanel p.labelError {
	color: #DC212F;
}

#accountFormPanel p.error i {
	font-size: 16px;
}

#accountInfoPanel span.titleDescription,
#accountFormPanel span.titleDescription,
#accountUSPPanel span.titleDescription {
	font-size: 16px;
	font-family: "Rooney-Sans-Medium";
}

#accountInfoPanel span.listDescription,
#accountFormPanel span.listDescription,
#accountUSPPanel span.listDescription {
	font-size: 13px;
}

#accountInfoPanel ul li,
#accountUSPPanel ul li {
	margin-bottom: 20px;
	font-size: 16px;
}

#accountInfoPanel ul li i.fa,
#accountUSPPanel ul li i.fa {
	color: #F5A623;
	font-size: 20px;
	left: -52px;
}

div#landingPageLogin > div.landingPageContentBlock,
div#landingPageRegister > div.landingPageContentBlock,
div#landingPageUSP > div.landingPageContentBlock,
div#landingPageGameRules > div.landingPageContentBlock {
	min-width: 1014px;
	margin: auto;
}

div#landingPageLogin > div.background,
div#landingPageRegister > div.background,
div.accountDialog > div.background {
	position: absolute;
	z-index: -1;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
}

div#landingPageLogin > div.background,
div#landingPageRegister > div.background {
	min-width: 1014px;
}

div#landingPageLogin > div.background,
div#landingPageRegister > div.background {
	height: 560px;
}

div#landingPageLogin > div.background::after,
div#landingPageRegister > div.background::after {
	opacity: 1;
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	background-image: url(%d_IMAGEPATH%website/landingpage/background/landingpage/bg_partydice.jpg);
}

div#landingPageLogin.bingo > div.background::after,
div#landingPageRegister.bingo > div.background::after {
	background: url(%d_IMAGEPATH%website/landingpage/background/landingpage/bg_bingo.jpg);
}

/*div#landingPageLogin.bingo > div.background > div.gameHighlight,*/
/*div#landingPageRegister.bingo > div.background > div.gameHighlight {*/
/*width: 511px;*/
/*height: 223px;*/
/*background-image: url(%d_IMAGEPATH%website/landingpage/background/landingpage/highlight_bingo.png);*/
/*}*/
div#landingPageLogin.partydice > div.background::after,
div#landingPageRegister.partydice > div.background::after {
	background: url(%d_IMAGEPATH%website/landingpage/background/landingpage/bg_partydice.jpg);
}

div#landingPageLogin.partydice > div.background > div.gameHighlight,
div#landingPageRegister.partydice > div.background > div.gameHighlight {
	width: 724px;
	height: 375px;
	background-image: url(%d_IMAGEPATH%website/landingpage/background/landingpage/highlight_partydice.png);
}

div#landingPageLogin.wordtornado > div.background::after,
div#landingPageRegister.wordtornado > div.background::after {
	background: url(%d_IMAGEPATH%website/landingpage/background/landingpage/bg_wordtornado.jpg);
}

div#landingPageLogin.wordtornado > div.background > div.gameHighlight,
div#landingPageRegister.wordtornado > div.background > div.gameHighlight {
	width: 533px;
	height: 461px;
	background-image: url(%d_IMAGEPATH%website/landingpage/background/landingpage/highlight_wordtornado.png);
}

div#landingPageLogin.cardparty > div.background::after,
div#landingPageRegister.cardparty > div.background::after {
	background: url(%d_IMAGEPATH%website/landingpage/background/landingpage/bg_cardparty.jpg);
}

div#landingPageLogin.cardparty > div.background > div.gameHighlight,
div#landingPageRegister.cardparty > div.background > div.gameHighlight {
	width: 619px;
	height: 521px;
	background-image: url(%d_IMAGEPATH%website/landingpage/background/landingpage/highlight_cardparty.png);
}

div#landingPageLogin > div.background > div.gameHighlight,
div#landingPageRegister > div.background > div.gameHighlight {
	z-index: 1;
	position: absolute;
	bottom: 0;
	right: 0;
	background-size: contain;
	background-repeat: no-repeat;
}

div#landingPageLogin > div.background::after,
div#landingPageRegister > div.background::after,
div.accountDialog > div.background::after {
	display: block;
	content: '';
	clear: both;
}

div.accountDialog > div.background > div.accountPanel {
	width: 50%;
	height: 100%;
	float: left;
}

div.accountDialog > div.background > div.accountLeftPanel {
	background-color: #FFF;
	border-radius: 40px 0px 0px 40px
}

div.accountDialog > div.background > div.accountRightPanel {
	border-radius: 0px 40px 40px 0px;
	background-color: #25a1ea;
	background: #25a1ea;
	background: -webkit-linear-gradient(top, #25a1ea, #FFF);
	background: linear-gradient(to bottom, #25a1ea, #FFF);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#52b2eb', endColorstr='#52b2eb', GradientType=1); /* IE6-9 fallback on horizontal gradient */
}

div.accountDialog > div.background > div.accountRightPanel div.accountDialogLogo {
	width: 406px;
	height: 353px;
	z-index: 1;
	position: absolute;
	top: 20px;
	right: 25px;
	background-size: contain;
	background-repeat: no-repeat;
}

div.accountDialog.general > div.background > div.accountRightPanel div.accountDialogLogo {
	background-image: none;
}

div.accountDialog.accountDialogGame > div.background > div.accountRightPanel div.accountDialogLogo {
	background-image: url(%d_IMAGEPATH%dialogs/account/loginandregister/background/logo.png);
}

div.accountDialog > div.background > div.accountRightPanel div.accountDialogBottom {
	width: 50%;
	z-index: 2;
	position: absolute;
	bottom: 0px;
	background-size: contain;
	background-repeat: no-repeat;
	border-radius: 0px 0px 10px 0px;
}

div.accountDialog.loginDialog.accountDialogGame > div.background > div.accountRightPanel div.accountDialogBottom {
	/*background-image: url(%d_IMAGEPATH%dialogs/account/loginandregister/background/bottom_halfcircle_slim.png);*/
	height: 86px;
}

div.accountDialog.registerDialog.accountDialogGame > div.background > div.accountRightPanel div.accountDialogBottom {
	/*background-image: url(%d_IMAGEPATH%dialogs/account/loginandregister/background/bottom_halfcircle.png);*/
	height: 126px;
}

div.accountDialog.bingo > div.background > div.accountRightPanel div.accountDialogBottom,
div.accountDialog.partydice > div.background > div.accountRightPanel div.accountDialogBottom {
	/*background-image: url(%d_IMAGEPATH%dialogs/account/loginandregister/background/bottom.png);*/
	height: 86px;
}

div#landingPageLogin .accountGameBadge,
div#landingPageRegister .accountGameBadge,
div.accountDialog .accountGameBadge {
	background-repeat: no-repeat;
	position: absolute;
	top: -80px;
	left: 80px;
	width: 150px;
	height: 150px;
	background-size: contain;
	border-radius: 10px;
}

div#landingPageLogin .accountGameBadge,
div#landingPageRegister .accountGameBadge {
	top: 55px;
	left: 5%;
}

div.accountDialog.default > div.background > div.accountRightPanel {
	background-image: url(%d_IMAGEPATH%backgrounds/background_dev.jpg);
	background-size: cover;
	background-repeat: repeat-y;
}

div.accountDialog > div.background > div.accountRightPanel div.accountDialogGameImage {
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	z-index: 3;
}

div.accountDialog.loginDialog.wordtornado > div.background > div.accountRightPanel div.accountDialogGameImage {
	bottom: 20px;
	right: 5px;
}

div.accountDialog.loginDialog > div.background > div.accountRightPanel div.accountDialogGameImage {
	bottom: 0px;
	right: 20px;
	width: 165px;
	height: 152px;
}

div.accountDialog.registerDialog.bingo > div.background > div.accountRightPanel div.accountDialogGameImage {
	bottom: 0px;
	right: 33px;
	width: 285px;
	height: 252px;
}

div.accountDialog.registerDialog.partydice > div.background > div.accountRightPanel div.accountDialogGameImage {
	bottom: 0px;
	right: 33px;
	width: 285px;
	height: 252px;
}

div.accountDialog.registerDialog.draaibingo > div.background > div.accountRightPanel div.accountDialogGameImage,
div.accountDialog.registerDialog.kenoclub > div.background > div.accountRightPanel div.accountDialogGameImage {
	bottom: 80px;
	right: 90px;
	width: 210px;
	height: 95px;
}

div.accountDialog.registerDialog.skat > div.background > div.accountRightPanel div.accountDialogGameImage {
	bottom: 80px;
	right: 100px;
	width: 210px;
	height: 95px;
}

div.accountDialog.registerDialog.rummy > div.background > div.accountRightPanel div.accountDialogGameImage {
	bottom: 50px;
	right: 110px;
	width: 208px;
	height: 151px;
}

div.accountDialog.registerDialog.poker > div.background > div.accountRightPanel div.accountDialogGameImage {
	bottom: 80px;
	right: 120px;
	width: 203px;
	height: 124px;
}

div.accountDialog.registerDialog.battlepatience > div.background > div.accountRightPanel div.accountDialogGameImage {
	bottom: 40px;
	right: 110px;
	width: 235px;
	height: 155px;
}

div.accountDialog.registerDialog.rummyclub > div.background > div.accountRightPanel div.accountDialogGameImage {
	bottom: 80px;
	right: 110px;
	width: 210px;
	height: 95px;
}

div.accountDialog.registerDialog.slots > div.background > div.accountRightPanel div.accountDialogGameImage {
	bottom: 80px;
	right: 33px;
	width: 286px;
	height: 116px;
}

div.accountDialog.registerDialog.cardparty > div.background > div.accountRightPanel div.accountDialogGameImage {
	bottom: 10px;
	right: 120px;
	width: 207px;
	height: 190px;
}

div.accountDialog.registerDialog.hearts > div.background > div.accountRightPanel div.accountDialogGameImage {
	bottom: 60px;
	right: 135px;
	width: 170px;
	height: 127px;
}

div.accountDialog.registerDialog.klaverjassen > div.background > div.accountRightPanel div.accountDialogGameImage {
	bottom: 80px;
	right: 120px;
	width: 189px;
	height: 157px;
}

div.accountDialog.registerDialog.teasers > div.background > div.accountRightPanel div.accountDialogGameImage {
	bottom: 50px;
	right: 140px;
	width: 158px;
	height: 136px;
}

div.accountDialog.registerDialog.wordtornado > div.background > div.accountRightPanel div.accountDialogGameImage {
	bottom: 40px;
	right: 160px;
	width: 128px;
	height: 145px;
}

div.accountDialog.registerDialog.thirtyone > div.background > div.accountRightPanel div.accountDialogGameImage {
	bottom: 50px;
	right: 140px;
	width: 155px;
	height: 157px;
}

div.accountDialog.bingo > div.background > div.accountRightPanel div.accountDialogGameImage {
	background-image: url(%d_IMAGEPATH%dialogs/account/loginandregister/background/bingo.png);
}

div.accountDialog.partydice > div.background > div.accountRightPanel div.accountDialogGameImage {
	background-image: url(%d_IMAGEPATH%dialogs/account/loginandregister/background/partydice.png);
}

div.accountDialog.slots > div.background > div.accountRightPanel div.accountDialogGameImage {
	background-image: url(%d_IMAGEPATH%dialogs/account/loginandregister/background/slots.png);
	bottom: -23px;
}

div.accountDialog.cardparty > div.background > div.accountRightPanel div.accountDialogGameImage {
	background-image: url(%d_IMAGEPATH%dialogs/account/loginandregister/background/cardparty.png);
}

div.accountDialog.wordtornado > div.background > div.accountRightPanel div.accountDialogGameImage {
	background-image: url(%d_IMAGEPATH%dialogs/account/loginandregister/background/wordtornado.png);
}

div.accountDialog.rummyclub > div.background > div.accountRightPanel div.accountDialogGameImage {
	background-image: url(%d_IMAGEPATH%dialogs/account/loginandregister/background/rummyclub.png);
	bottom: -15px;
}

div.accountDialog.klaverjassen > div.background > div.accountRightPanel div.accountDialogGameImage {
	background-image: url(%d_IMAGEPATH%dialogs/account/loginandregister/background/klaverjassen.png);
}

div.accountDialog.battlepatience > div.background > div.accountRightPanel div.accountDialogGameImage {
	background-image: url(%d_IMAGEPATH%dialogs/account/loginandregister/background/battlepatience.png);
}

div.accountDialog.poker > div.background > div.accountRightPanel div.accountDialogGameImage {
	background-image: url(%d_IMAGEPATH%dialogs/account/loginandregister/background/poker.png);
}

div.accountDialog.draaibingo > div.background > div.accountRightPanel div.accountDialogGameImage {
	background-image: url(%d_IMAGEPATH%dialogs/account/loginandregister/background/draaibingo.png);
}

div.accountDialog.hearts > div.background > div.accountRightPanel div.accountDialogGameImage {
	background-image: url(%d_IMAGEPATH%dialogs/account/loginandregister/background/hearts.png);
}

div.accountDialog.thirtyone > div.background > div.accountRightPanel div.accountDialogGameImage {
	background-image: url(%d_IMAGEPATH%dialogs/account/loginandregister/background/thirtyone.png);
}

div.accountDialog.teasers > div.background > div.accountRightPanel div.accountDialogGameImage {
	background-image: url(%d_IMAGEPATH%dialogs/account/loginandregister/background/teasers.png);
}

div.accountDialog.rummy > div.background > div.accountRightPanel div.accountDialogGameImage {
	background-image: url(%d_IMAGEPATH%dialogs/account/loginandregister/background/rummy.png);
}

div.accountDialog.skat > div.background > div.accountRightPanel div.accountDialogGameImage {
	background-image: url(%d_IMAGEPATH%dialogs/account/loginandregister/background/skat.png);
}

div.accountDialog.kenoclub > div.background > div.accountRightPanel div.accountDialogGameImage {
	background-image: url(%d_IMAGEPATH%dialogs/account/loginandregister/background/kenoclub.png);
}

div.accountDialog.bingo .accountGameBadge,
div#landingPageLogin.bingo .accountGameBadge,
div#landingPageRegister.bingo .accountGameBadge {
	background-image: url(%d_SIMAGEPATH%games/272x272.logo/bingo.png);
}

div.accountDialog.partydice .accountGameBadge,
div#landingPageLogin.partydice .accountGameBadge,
div#landingPageRegister.partydice .accountGameBadge {
	background-image: url(%d_SIMAGEPATH%games/272x272.logo/royaldice.png);
}

div.accountDialog.slots .accountGameBadge,
div#landingPageLogin.slots .accountGameBadge,
div#landingPageRegister.slots .accountGameBadge {
	background-image: url(%d_SIMAGEPATH%games/272x272.logo/slots.png);
}

div.accountDialog.cardparty .accountGameBadge,
div#landingPageLogin.cardparty .accountGameBadge,
div#landingPageRegister.cardparty .accountGameBadge {
	background-image: url(%d_SIMAGEPATH%games/272x272.logo/cardparty.png);
}

div.accountDialog.wordtornado .accountGameBadge,
div#landingPageLogin.wordtornado .accountGameBadge,
div#landingPageRegister.wordtornado .accountGameBadge {
	background-image: url(%d_SIMAGEPATH%games/272x272.logo/wordtornado.png);
}

div.accountDialog.rummy .accountGameBadge,
div#landingPageLogin.rummy .accountGameBadge,
div#landingPageRegister.rummy .accountGameBadge {
	background-image: url(%d_SIMAGEPATH%games/272x272.logo/rummy.png);
}

div.accountDialog.rummyclub .accountGameBadge,
div#landingPageLogin.rummyclub .accountGameBadge,
div#landingPageRegister.rummyclub .accountGameBadge {
	background-image: url(%d_SIMAGEPATH%games/272x272.logo/rummyclub.png);
}

div.accountDialog.klaverjassen .accountGameBadge,
div#landingPageLogin.klaverjassen .accountGameBadge,
div#landingPageRegister.klaverjassen .accountGameBadge {
	background-image: url(%d_SIMAGEPATH%games/272x272.logo/klaverjassen.png);
}

div.accountDialog.battlepatience .accountGameBadge,
div#landingPageLogin.battlepatience .accountGameBadge,
div#landingPageRegister.battlepatience .accountGameBadge {
	background-image: url(%d_SIMAGEPATH%games/272x272.logo/battlepatience.png);
}

div.accountDialog.poker .accountGameBadge,
div#landingPageLogin.poker .accountGameBadge,
div#landingPageRegister.poker .accountGameBadge {
	background-image: url(%d_SIMAGEPATH%games/272x272.logo/poker.png);
}

div.accountDialog.draaibingo .accountGameBadge,
div#landingPageLogin.draaibingo .accountGameBadge,
div#landingPageRegister.draaibingo .accountGameBadge {
	background-image: url(%d_SIMAGEPATH%games/272x272.logo/draaibingo.png);
}

div.accountDialog.hearts .accountGameBadge,
div#landingPageLogin.hearts .accountGameBadge,
div#landingPageRegister.hearts .accountGameBadge {
	background-image: url(%d_SIMAGEPATH%games/272x272.logo/hearts.png);
}

div.accountDialog.thirtyone .accountGameBadge,
div#landingPageLogin.thirtyone .accountGameBadge,
div#landingPageRegister.thirtyone .accountGameBadge {
	background-image: url(%d_SIMAGEPATH%games/272x272.logo/thirtyone.png);
}

div.accountDialog.teasers .accountGameBadge,
div#landingPageLogin.teasers .accountGameBadge,
div#landingPageRegister.teasers .accountGameBadge {
	background-image: url(%d_SIMAGEPATH%games/272x272.logo/teasers.png);
}

div.accountDialog.skat .accountGameBadge,
div#landingPageLogin.skat .accountGameBadge,
div#landingPageRegister.skat .accountGameBadge {
	background-image: url(%d_SIMAGEPATH%games/272x272.logo/skat.png);
}

div.accountDialog.kenoclub .accountGameBadge,
div#landingPageLogin.kenoclub .accountGameBadge,
div#landingPageRegister.kenoclub .accountGameBadge {
	background-image: url(%d_SIMAGEPATH%games/272x272.logo/kenoclub.png);
}

.dialogTitle {
	font-family: "Rooney-Sans-Bold", sans-serif;
	font-size: 3.6rem;
	margin-top: 25px;
}

.dialogInputField {
	border: 1px solid #000;
	border-radius: 16px;
	padding: 12px 16px;
	font-family: "Rooney-Sans-Medium";
	font-size: 1.6rem;
}

.dialogInputField::placeholder {
	font-weight: normal;
}

div.dialogFlexCenter {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 4px 0 0 12px;
}

.dialogUSPFrame {
	display: block;
	margin: 12px auto;
}

.facebookLoginBlock {
	position: absolute;
}

.ssoButtonWrapper {
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	gap: 4px;
}

.mlSpacing {
	margin-left: 12px;
}

.dialogCheckbox {
	position: relative;
	display: inline-block;
	padding-left: 30px;
	margin-right: 15px;
	cursor: pointer;
}

.dialogCheckbox input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}

.checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 20px;
	width: 20px;
	background-color: white;
	border: 1px solid black;
	border-radius: 4px;
}

.dialogCheckbox input:checked ~ .checkmark:after {
	content: "";
	position: absolute;
	display: block;
	left: 6px;
	top: 1px;
	width: 8px;
	height: 16px;
	border: solid #4a4a4a;
	border-width: 0 4px 5px 0;
	transform: rotate(45deg);
}

.dialogRadioButton {
	position: relative;
	display: inline-block;
	padding-left: calc(var(--radio-dot-size) + 10px); /* Adjust padding */
	margin-right: 15px;
}

.dialogRadioButton input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}

.dialogRadioButton .radio-dot {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	height: var(--radio-dot-size);
	width: var(--radio-dot-size);
	background-color: var(--radio-background);
	border: 1px solid var(--radio-dot-color);
	border-radius: 50%;
}

.dialogRadioButton input:checked ~ .radio-dot:after {
	content: "";
	position: absolute;
	display: block;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	height: calc(var(--radio-dot-size) / 2);
	width: calc(var(--radio-dot-size) / 2);
	background-color: var(--radio-dot-color);
	border-radius: 50%;
}