body {
	background-color: black;
	overflow-x : hidden;
	overflow-y:hidden;
	filter : brightness(90%);
	width : 100vw;
	height : 100vh;
}

#page-container {
	width : 100%;
	height : 100%;
	display : flex;
	align-items : center;
	justify-content: center;
}
.blackjack {
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Safari */
	-khtml-user-select: none; /* Konqueror HTML */
	-moz-user-select: none; /* Old versions of Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none; /* Non-prefixed version, currently
															supported by Chrome, Edge, Opera and Firefox */

	overflow-y : hidden;
	overflow-x : hidden;
	width : 100%;
	height : 100%;
	z-index:0;
	position : absolute;
	top : 0;
	left : 0;
	background : black;
}

#serverUpdateNotification {
	width : 200px;
	height : 100px;
	pointer-events : none;
	z-index : 101;
	background : rgba(0,0,0,0.6);
	position : absolute;
	left : 230px;
	top : 785px;
	display : flex;
	justify-content: center;
	align-items : center;
	font-size : 20px;
	color : yellow;
}

.chatArea {
	z-index: 10;
	top: 514px;
	left: 476px;
	position : absolute;
}

#lblTitlePercentComplete {
	display:inline-block;
	font-family:Red Rose,cursive;
	color:#2e2e2e;
	font-size:18px;
}

select {
    font-size: 13px;
}

.gameSettingsIcon, .gameSettingsIconText {
 width : 60px;
 height : 55px;
}

.gameSettingsIcon {
	opacity : .8;
}

.gameSettingsIconText {
	opacity : 0;
	transition:opacity 0.5s linear;
}

#careerSettingsIcon {
	position : absolute;
	top : 237px;
	left : 1286px;
}

#gameModeSelectSettingsIcon {
	position : absolute;
	top: 657px;
	left : 1256px;
}

.chatWindow
{
	overflow-wrap: break-word !important;
	/* -- Allows \n --> */
	overflow-y: scroll;
	overflow-x: hidden;
	top: 0;
	left : 255px;
	
	-webkit-touch-callout: text; /* iOS Safari */
    -webkit-user-select: text; /* Safari */
     -khtml-user-select: text; /* Konqueror HTML */
       -moz-user-select: text; /* Old versions of Firefox */
        -ms-user-select: text; /* Internet Explorer/Edge */
            user-select: text; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

/*#gameModeSelect,#avatarSelect,#homeSelect {
	background:rgba(11,31,0,255);
	overflow : hidden;
	width : 1512px;
	height : 100%;
	position: absolute;
	left : 0;
}*/

#gameModeSelectionImg { 
	top : 20px;
	left : 140px;
	position : absolute;
	width : 911px;
	height: 430px;
}

#gameModeSelectPlayerData {
	width : 300px;
	height : 200px;
	left : 1070px;
	top : 263px;
	position : absolute;
}

#btnSelectCareerMode {
	left : 315px;
	top : 467px;
	position : absolute;
}

#btnSelectCasualMode {
	left : 744px;
	top : 467px;
	position : absolute;
}

#careerContentWrap,#gameModeSelectWrap {
	background:#293a1f;
	font-family: Roboto, sans-serif;
	font-size:'14px';
  line-height:'16px';
	font-weight:400;
	color:white;
}


#avatarController {
  background:rgba(11,31,0,255); 
	box-shadow : 0px 0.7125px 14.25px rgba(0,0,0,0.25);
  border-radius:7.125px;
	width : 368px;
	height: 370px;
}

#lblAvatarSelectTitle {
	font-size:23px;
	font-family:Red Rose, cursive;
	font-weight:700;
	color:#E0C34D;
}

#lblAvatarSelectInstructions {
  font-size:14px;
	font-family:Roboto,sans-serif;
	font-weight:300;
	color:white;
	line-height:17px;
}

#avatars {
	width:675px;
	height:475px;
	overflow-x: hidden;
	overflow-y: scroll;
	filter:brightness(90%);
}

#avatarLogo {
	width : 180px;
	height: 102px;
}

#gameReadyState {
	z-index : 98;
	position : absolute;
	top : 0px;
	left : 0px;
	width : 100%;
	height : 100%;
	background : black;
}

#exteriorCasino {
	width  : 100%;
	height : 100%;
	z-index : 100;
	position : absolute;
	top : 0px;
	left : 0px;
}

#gameTransitionImage {
	width  : 100%;
	height : 100%;
	position : absolute;
	top : 0px;
	left : 0px;
	background: black;
	z-index:-1;
}

.travelScreen
{
	border : solid black 5px;
}

.officialLoadingAnimation {
	width : 28px;
	height : 27px;
}

#loginLoadingAnimation {
	position : absolute;
	left : 150px;
	top : 590px;
	z-index: 3;
}

#gameModeSelectLoadingAnimation {
	position : absolute;
	left : 1019px;
	top : 234px;
}

#careerLoadingAnimation {
	position : absolute;
	top : 220px;
	left : 346px;
}

#gameLoadingAnimation {
	position : absolute;
	left : 1271px;
	top : 166px;
}

#btnPlayNow {
	animation: pulsePlayNow 1s infinite alternate;
}

#homeSelect {
	font-family: Roboto,sans-serif;
	font-size : 16px;
	color : #FFFFFF;
	line-height : 29px;
	font-weight : 400;
}

#imgHomeSelectHelp {
	position : absolute;
	left : 1157px;
	top : 366px;
	width : 221px;
	height : 117px;
}

#btnHomeSelectHelp {
	position : absolute;
	top : 52px;
	left : 196px;
}

#imgSelectedHomeRegion {
	width:59px;
	height:59px;
	transition: transform 1750ms ease-in-out;
}

.block {
	display : block;
}
.inline {
	display : inline-block;
}

.box {
	display: flex;
	align-self: center;
}

.formBox {
	display : flex;
	flex-wrap : wrap;
}

.noMargin {
	margin : 0px;
}

#careerContentWrap,#homeSelectWrap {
	border: 1px solid rgba(255, 255, 255, 0.55);
	border-radius: 20px;
}

.legendBox
{
	display: flex;
	align-self: center;
	font-size : 10.19px;
	font-weight : 700;
	font-family : Red Rose, cursive;
	color : white;
	padding-bottom : 13.6px;
}

.legendText
{
	margin: 0;
	margin-top : 5px;
	padding : 0;
}

.legendText2
{
	margin: 0;
	padding : 0;
}

/* 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;
	appearance: textfield;
}

.greenButton {
	box-sizing: border-box;
	width: 135px;
	height: 40px;
	background-color: #293A1F;
	border-radius: 10px;
	font-weight: 500;
	font-size: 16px;
	line-height: 19px;
	color: #E0C34D;

	padding: 2px 6px 2px 6px;
	border-top: 2px solid #f0e1a6;
	border-right: 2px solid #8a7b40;
	border-bottom: 2px solid #8a7b40;
	border-left: 2px solid #f0e1a6;
}

.greenButton:active {
	border-top: 2px solid #8a7b40;
	border-right: 2px solid  #f0e1a6;
	border-bottom: 2px solid #f0e1a6;
	border-left: 2px solid #8a7b40;
}

.yellowButton {
	
	font-family:"Roboto";
	font-weight : 500;
	background-color:#E0C34D;
	color: #293A1F;
	border-radius: 10px;
	
	border-top: 2px solid #CCCCCC;
	border-right: 2px solid #333333;
	border-bottom: 2px solid #333333;
	border-left: 2px solid #CCCCCC;
}

.yellowButton:active {
	border-top: 2px solid #333333;
	border-right: 2px solid #CCCCCC;
	border-bottom: 2px solid #CCCCCC;
	border-left: 2px solid #333333;
}

.wordwrap {  
   white-space: pre-wrap;      /* Webkit */    
   white-space: -moz-pre-wrap; /* Firefox */     
   white-space: -pre-wrap;     /* Opera <7 */    
   white-space: -o-pre-wrap;   /* Opera 7 */     
   word-wrap: break-word;      /* IE */ 
}

input {
	font-size : inherit;
}

.inputForm {
	color:#E0C34D;
	background : transparent;
	border : none;
	letter-spacing : 1px;
}

.inputForm:focus {
    outline: none;
}

a[href], input[type='submit'], input[type='image'], label[for],
	select, button, .careerEssentialCtrl, .pointer,.clickable, .avatarDiv,.listElementBox,
	#imgSound,#rdFirstClass,#rdEconomy,.handAction,#imgMinMaxPlate,#profileHamburger,
	.avatarRing,.clearAdditionalBetButton,.surrenderAction,
	.btnRaiseTheRoof,#btnDiscardZoom2x,.btnOpenSocial,.setupBlackjackBrightnessOpt {
	cursor: pointer;
}

.formButton {
	width : 220px;
	height : 36px;
	border-radius : 4;
	text-align : center;

	padding: 2px 6px 2px 6px;
	border-top: 2px solid #CCCCCC;
	border-right: 2px solid #333333;
	border-bottom: 2px solid #333333;
	border-left: 2px solid #CCCCCC;
}

.formButton:active,.smallFormButton:active {
	border-top: 2px solid #333333;
	border-right: 2px solid #CCCCCC;
	border-bottom: 2px solid #CCCCCC;
	border-left: 2px solid #333333;
}

.formButtonText {
	font-family : Roboto, sans serif;
	font-weight : 500;
	font-size : 12px;
	letter-spacing : 0.46px;
	color : #0C1F00;
}

.underlineOnHover:hover {
	text-decoration: underline;
	cursor: pointer;
}

.connectWithX {
	width: 40px;
	height: 40px;
	background : #000000;
	border-radius: 50%;
	border-bottom: 1px solid #555555;
	border-left: 1px solid #333333;
	border-top: 1px solid #333333;
	border-right: 1px solid #555555;
}

.connectWithDiscord:active {
	border-top: 1px solid #333333;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #333333;
}

.connectWithX:active {
	border-bottom: 1px solid #333333;
	border-left: 1px solid #555555;
	border-top: 1px solid #555555;
	border-right: 1px solid #333333;
}

.connectWithDiscord {
	width: 40px;
	height: 40px;
	background : white;
	border-radius: 50%;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #333333;
	border-bottom: 1px solid #333333;
	border-left: 1px solid #CCCCCC;
}

#lblMinutesRem {
	text-align:center;
	margin:0px;
	padding :30px;
	padding-bottom:11px;
	font-size:9.64px;
	font-weight:600;
	color:#E0C34D;
}

.decorline {
	border : 1px solid rgba(255, 255, 255, 0.03);
}

.glow {
	color: #fff;
	-webkit-animation: glow 1s ease-in-out infinite alternate;
	-moz-animation: glow 1s ease-in-out infinite alternate;
	animation: glow 1s ease-in-out infinite alternate;
}

#profileActions {
	border: 1px solid #9B9B9B;
	background: #293A1F;
	font-size : 20px;
	font-family : Roboto, sans serif;
	font-weight : 700; 
	text-align : center;
	border-radius: 13px;
	z-index : 10;
}
  
@keyframes glow {
	from {
		text-shadow:  0 0 15px #e60073, 0 0 20px #e60073, 0 0 25px #e60073, 0 0 30px #e60073, 0 0 35px #e60073;
	}
	to {
		text-shadow:  #ff4da6, 0 0 20px #ff4da6, 0 0 25px #ff4da6, 0 0 30px #ff4da6, 0 0 35px #ff4da6, 0 0 40px #ff4da6;
	}
}

@-webkit-keyframes glow {
	from {
		text-shadow:  0 0 15px #e60073, 0 0 20px #e60073, 0 0 25px #e60073, 0 0 30px #e60073, 0 0 35px #e60073;
	}
	to {
		text-shadow:  #ff4da6, 0 0 20px #ff4da6, 0 0 25px #ff4da6, 0 0 30px #ff4da6, 0 0 35px #ff4da6, 0 0 40px #ff4da6;
	}
}

.ui-tooltip {
	font-size: 17px;
}

.shadow {
	box-shadow: 0 0 10px 1px #000;
	-moz-box-shadow: 0 0 10px 1px #000;
	-webkit-box-shadow: 0 0 10px 1px #000;
}

.divLanguage p {
	font-size : 25px;
}

.on-off-switch {
	margin: auto;
}

.avatarRing {
	width : 102px;
	height : 102px;
	border-radius : 65px;
	filter:brightness(91%);
}
#profileHamburger {
	width : 35px;
	height : 36px;
}

#standardPreloading {
	z-index: -1000;
	opacity : 0;
	position:absolute;
	top:0;
	left:0;
}

.preloadedItem {
	position:absolute;
	top:0;
	left:0;
}

@keyframes pulsePlayNow {
    0% {
      box-shadow: 0 0 5px white;
    }
    100% {
      box-shadow: 0 0 10px white;
    }
}

a {
	color : inherit;
}

#buyPremium {
	width : 504px;
	padding:25px 50px 25px 50px;
	background:#0b1f00;
	box-shadow : 0px 1px 21px rgba(0, 0, 0, 0.25);
	z-index:10;
}

#buyPremium-Paypal {
	background:rgba(69.4,69.4,69.4,0.75);
	padding:10px;
}

#buyPremium-Paypal p {
	margin-top:0px;
	margin-left:12px;
	color : white;
}

#learnPremiumPreview {
	font-family : 'Roboto Regular, sans-serif';
	background : rgba(12,31,0,0.985);
	z-index : 10;
	border-radius : 5px;
	width : 218px;
	height : 115px;
	position : absolute;
	left : 1061px;
	top : 17px;
}

.fSpan {
	letter-spacing : 1px;
}

#blackjackMenuWrapper {
	height : 100%;
	margin:auto;
	position:relative;
	background:#0C1F00;
	overflow: hidden;
}

.blackjackMenuPage {
	background : #293a1f;
	border: 1px solid rgba(255, 255, 255, 0.55);
	border-radius: 20px;
	font-family: Roboto,sans-serif;
	font-weight : 400;
	font-size : 16px;
	color : #FFFFFF;
	line-height : 29px;
}

#disclaimer {
	background : #0C1F00;
	margin : auto;
	text-align : center;
	width : 73%;
	height : 63%;
	border-radius : 10px;
}

#lblDisclaimerTitle {
	font-family:Red Rose, cursive;
	font-weight:700;
	color:#D1013E;
	display:inline-block;
}

#cwblackjackSetupParent {
	padding-left : 10%;
	padding-right : 10%;
	background-color : #091900;
	z-index : 102;
	position : absolute;
	top : 0;
	left : 0;
}

#cwblackjackSetup {
	background-color:black;
	height : 100%;
	margin : auto;
}

#setupBlackjackLogo {
	display : block;
	padding-top: 5%;
	margin : auto;
	width : 14%;
	height : 12%;
	filter:brightness(90%);
}
#setupBlackjackHeader {
	display : block;
	margin  : auto;
	width : 67%;
	height : 6%;
}

#cwblackjackSetup h1 {
	color : #d5bb4e;
	font-family: Red Rose, sans-serif;
	text-align : center;
	margin-bottom : 0;
}

#cwblackjackSetup h2 {
	color : #e3e3e3;
	font-family : Roboto, sans-serif;
	text-align : center;
}

#setupBlackjackNav {
	display : flex;
	justify-content: center;
	margin: auto;
}

.setupNavButton {
	background-color : #091900;
	border-radius:7px;
	font-family : Roboto, sans-serif;
	color : #c3c3c3;
}

.setupNavButton,.setupBlackjackBrightnessOpt {
	border-top: 1px solid #555555;
	border-right: 1px solid #222222;
	border-bottom: 1px solid #222222;
	border-left: 1px solid #555555;
}

.setupNavButton:active,.setupBlackjackBrightnessOpt:active {
	border-top: 1px solid #222222;
	border-right: 1px solid #555555;
	border-bottom: 1px solid #555555;
	border-left: 1px solid #222222;
}

#setupBlackjackBrightnessFrame {
	display:block;
	margin-right : auto;
	margin-left : auto;
	margin-top:4%;
}

#setupBlackjackBrightnessOpts {
	display : flex;
	justify-content: center;
}

.setupBlackjackBrightnessOpt {
	border-radius : 50%;
	background-color : black;
}

#graySevens {
	display : block;
	width : 63%;
	height : 29%;
	margin : auto;
	border-left: dotted 2px #333333;
	border-right: dotted 2px #333333;
}

.smallFormButton {
	border-radius : 4px;
	text-align : center;

	padding: 2px 6px 2px 6px;
	border-top: 2px solid #CCCCCC;
	border-right: 2px solid #333333;
	border-bottom: 2px solid #333333;
	border-left: 2px solid #CCCCCC;
}

.smallFormButton p {
	font-size : 12px;
	font-family : Roboto, sans serif;
	font-weight : 500;
	letter-spacing : 0.46px;
	color : #0C1F00;
	margin: 0px; 
	padding: 0px;
}

.gameSettingsDialog {
	width : 440px;
	height : 243px;
	padding : 22px 28px 22px 28px;
	box-shadow : 0px 1px 21px rgba(0, 0, 0, 0.25);
	border-radius : 7px;
	position : absolute;
	background-color : #0b1c00;
	z-index : 10;
}

.gameSettingsDialog h1,#feedbackDialog h1 {
	font-size : 25px;
	font-family:Red Rose, cursive;
	color : #E0C34D;
	text-align : center;
	line-height : 0;
}

.gameSettingsDialog h2 {
	font-size : 19px;
	font-family : 'Roboto Regular, sans-serif';
	color : #bebebe;
	margin : 0;
	text-align : center;
}

.gameSettingsDialog p {
	font-size : 18px;
	font-family : monospace, monospace;
	color : #efd162;
	line-height : 0;
	margin : 0;
}

.gameSettingsTabs {
	margin-top: 42px;
	display : flex;
}

.gameSettingsControls {
	width : 440px;
	height : 152px;
	background-color : #1f2e15;
}

.gameSettingsRow {
	padding : 30px 34px 17px 34px;;
	display : flex;
	column-gap : 60px;
	align-items : center;
}
.gameSettingAudioIconDiv {
	width : 45px;
	height : 27px;
}

.gameSettingsButton {
	color : #cacaca;
	background-color : #6e6426;
	font-family : 'Roboto Regular, sans-serif';
	font-size : 14px;
	border-radius : 10px;
	letter-spacing : 1px;
	
	padding: 2px 3px 1px 4px;
	border-top: 1px solid #777777;
	border-right: 1px solid #333333;
	border-bottom: 1px solid #333333;
	border-left: 1px solid #777777;
}

.gameSettingsButton:active {
	border-top: 1px solid #333333;
	border-right: 1px solid #777777;
	border-bottom: 1px solid #777777;
	border-left: 1px solid #333333;
}

.gameSettingsTab {
	display : flex;
	align-items : center;
	justify-content: center;
	border-top-left-radius: 7px;
	border-top-right-radius : 7px;
	width : 134px;
	height : 30px;
	background-color : #464646;
	cursor: pointer;
}

.gameSettingsTabSelected {
	background-color : #1f2e15;
	cursor : default;
}

#btnConfigureBrightness {
	width : 106px;
	height : 30px;
}

#musicSlider,#volumeSlider {
	border : none;
}

.audioSettingSlider.ui-slider {
	height : 4px;
	background: #706628;
  border : none;
}

#btnCloseGameSettings {
	width : 52px;
	height : 20px;
	left : 419px;
	top : 14px;
	position : absolute;
}

.chatWindow
{
	overflow-wrap: break-word !important;
	/* -- Allows \n --> */
	overflow-y: scroll;
	overflow-x: hidden;
	
	-webkit-touch-callout: text; /* iOS Safari */
    -webkit-user-select: text; /* Safari */
     -khtml-user-select: text; /* Konqueror HTML */
       -moz-user-select: text; /* Old versions of Firefox */
        -ms-user-select: text; /* Internet Explorer/Edge */
            user-select: text; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

#content-wrap {
	position : relative;
}


body:has(.defaultRes) {
		.smallFormButton {
			width : 130px;
			height : 36px;
		}
		#blackjackMenuWrapper {
			width : 1512px;
		}
		.blackjackMenuPage {
			position : absolute;
			top : 58px;
			left : 65px;
			width : 1382px;
			height : 785px;
		}
		#disclaimer {
			font-size : 19px;
			box-shadow : 0px 1px 21px rgba(0, 0, 0, 0.25);
		}
		#lblDisclaimerTitle {
			font-size:51px;
			padding-top:50px;
		}
		.yellowButton {
			font-size: 16px;
			line-height: 19px;
			width: 146px;
			height: 40px;
			padding: 2px 6px 2px 6px;
		}
		#cwblackjackSetupParent {
			width : 1450px;
			height : 900px;
		}
		#cwblackjackSetup h1 {
			font-size : 19px;
			padding-top : 11px;
		}
		#cwblackjackSetup h2 {
			margin-top : 35px;
			font-size : 18px;
		}
		#setupBlackjackNav {
			column-gap : 34px;
			padding-top:34px;
		}
		.setupNavButton {
			width : 112px;
			height : 42px;
			font-size : 18px;
		}
		#setupBlackjackBrightnessOpts {
			column-gap : 63px;
			margin-top : -16px;
		}
		.setupBlackjackBrightnessOpt {
			width : 38px;
			height : 38px;
		}
		#graySevens {
			padding : 50px 10px 20px 10px;
		}
}

#musicNote {
	width : 37px;
	height : 31px;
}

.baseAvatarOption {
	width : 125px;
	height : 125px;
}

.homePoi {
	width :18px;
	height : 20px;
}

#feedbackDialog {
	background-color : #0b1c00;
	border : solid #3f5135 4px;
	width : 340px;
	height : 200px;
	position : absolute;
	left : 521px;
	top : 178px;
	padding : 10px 15px;
	z-index : 10;
}

#feedbackDialog div {
	margin-top : 15px;
}

#feedbackSubmissionDiv {
	width : 100%;
	height : 100%;
}

#feedbackStarDiv {
	width : 60%;
	height : 20%;
	display : flex;
	justify-content: space-evenly;
}

#feedbackStarDiv img {
	width : 23px;
	height : 20px;
}

#textAreaFeedbackSub {
	width : 95%;
	height : 30%;
	border-radius : 7px;
	overflow : hidden;
	background-color : #35442a;
	color : white;
	outline : none;
	font-size : inherit;
	display : block;
	margin : auto;
}
#feedbackSubmissionCtrls {
	width : 100%;
	height : 30%;
	font-family : Roboto, sans serif;
	font-size : 12px;
	display : flex;
	justify-content: space-between;
}

.profileActionsBorder {
	width : 219px;
	height : 2px;
}

#adContainer {
	position: absolute;
	top : 0;
	left : 0;
	width : 100%;
	height : 100%;
	background : rgba(0, 0, 0, 0.7);
	display : flex;
	justify-content: center;
	align-items: center;
}

#advertisementOffer {
	width : 520px;
	height : 300px;
	font-family : monospace, monospace;
	font-size : 18px;
	color : #e2e2e2;
	text-wrap:balance;
	text-align : center;
	padding-left: 20px;
	padding-right : 20px;
	display : flex;
	flex-direction : column;
	justify-content: center;
	align-content : space-evenly;
	background : #112210;
	border: 1px solid #757e70;
	position : relative;
}

#adOfferExecution {
	background : black;
	border: 2px solid #757e70;
	text-align : center;
	color:#e2e2e2;
	position : relative;
}

#adOfferHeader,#adOfferFooter {
	display : flex;
	justify-content: center;
	align-items : center;	
}

#adOfferHeader { 
	height : 20%;
}
#adOfferFooter {
	height : 20%;
}

#adOfferHeader {
	font-family:Red Rose, san-serif;
	color:#E0C34D;
}

#adOfferContent {
	position:relative;
	margin:auto;
	background:#1b2b1a;
	color:white;
	height : 55%;
	width : 80%;
	padding:2.5% 10%;
	font-family:Roboto,sans-serif;
}

#adOfferTitle {
	color : #ff0000;
	font-size : 22px;
}

#adOfferControls {
	display : flex;
	justify-content: center;
}

.adOfferControl {
	display : flex;
	flex-direction: column;
	align-items : center;
	cursor: pointer;
}

body:has(.midRes) {
	#advertisementOffer {
		width :  calc(520px*1.24);
		height : calc(300px*1.24);
		font-size :     calc(18px*1.24);
		padding-left:   calc(20px*1.24);
		padding-right : calc(20px*1.24);
	}

	#adOfferTitle {
		font-size : calc(22px*1.24);
	}

	#adOfferExecution {
		border: calc(2px*1.24) solid #757e70;
	}

	.profileActionsBorder {
		width : calc(219px*1.24);
		height : calc(2px*1.24);
	}
	#feedbackDialog {
		border : solid #3f5135 calc(4px*1.24);
		width :  calc(340px*1.24);
		height : calc(200px*1.24);
		left : calc(521px*1.24);
		top :  calc(178px*1.24);
		padding : calc(10px*1.24) calc(15px*1.24);
	}

	#feedbackDialog div {
		margin-top : calc(15px*1.24);
	}

	#feedbackStarDiv img {
		width :  calc(23px*1.24);
		height : calc(20px*1.24);
	}
	#feedbackSubmissionCtrls {
		font-size : calc(12px*1.24);
	}
	.chatArea {
		top: calc(514px*1.24);
		left: calc(476px*1.24);
	}
	.homePoi {
		width :calc(18px*1.24);
		height : calc(20px*1.24);
	}
	.baseAvatarOption {
		width : calc(125px*1.24);
		height : calc(125px*1.24);
	}
	#musicNote {
		width : calc(37px*1.24);
		height : calc(31px*1.24);
	}
	#serverUpdateNotification {
		width :  calc(200px*1.24);
		height : calc(100px*1.24);
		left :   calc(230px*1.24);
		top :    calc(785px*1.24);
		font-size : calc(20px*1.24);
	}

	#lblTitlePercentComplete {
		font-size:calc(18px*1.24);
	}

	#avatarController {
		width : calc(368px*1.24);
		height: calc(370px*1.24);
	}

	#lblAvatarSelectTitle {
		font-size: calc(23px*1.24);
	}

	#lblAvatarSelectInstructions {
		font-size  :calc(14px*1.24);
		line-height:calc(17px*1.24);
	}

	#avatars {
		width: calc(675px*1.24);
		height:calc(475px*1.24);
	}

	#avatarLogo {
		width : calc(180px*1.24);
		height: calc(102px*1.24);
	}

	#homeSelect {
		font-size :   calc(16px*1.24);
		line-height : calc(29px*1.24);
	}

	#imgHomeSelectHelp {
		left :   calc(1157px*1.24);
		top :    calc(366px*1.24);
		width :  calc(221px*1.24);
		height : calc(117px*1.24);
	}

	#btnHomeSelectHelp {
		top : calc(52px*1.24);
		left : calc(196px*1.24);
	}

	#imgSelectedHomeRegion {
		width: calc(59px*1.24);
		height:calc(59px*1.24);
	}

	.legendBox
	{
		font-size : calc(10.19px*1.24);
		padding-bottom : calc(13.6px*1.24);
	}

	.legendText
	{
		margin-top : calc(5px*1.24);
	}

	.connectWithDiscord,.connectWithX {
		width:  calc(40px*1.24);
		height: calc(40px*1.24);
	}

	.connectWithX img {
		width : calc(14px*1.24);
		height : calc(14px*1.24);
	}
	.connectWithDiscord img {
		width : calc(20px*1.24);
		height : calc(15px*1.24);
	}

	#lblMinutesRem {
		padding :calc(30px*1.24);
		padding-bottom:calc(11px*1.24);
		font-size:calc(9.64px*1.24);
	}

	#profileActions {
		font-size : calc(20px*1.24);
	}

	.ui-tooltip {
		font-size: calc(17px*1.24);
	}
	#loginLoadingAnimation {
		left : calc(150px*1.24);
		top :  calc(590px*1.24);
	}

	#gameModeSelectLoadingAnimation {
		left : calc(1019px*1.24);
		top : calc(234px*1.24);
	}

	#careerLoadingAnimation {
		top :  calc(220px*1.24);
		left : calc(346px*1.24);
	}

	#gameLoadingAnimation {
		left : calc(1271px*1.24);
		top :  calc(166px*1.24);
	}
	#careerSettingsIcon {
		top :  calc(237px*1.24);
		left : calc(1286px*1.24);
	}

	#gameModeSelectSettingsIcon {
		top:   calc(657px*1.24);
		left : calc(1256px*1.24);
	}
	#gameModeSelectPlayerData {
		width :  calc(300px*1.24);
		height : calc(200px*1.24);
		top :    calc(263px*1.24);
		left : calc(1070px*1.24);
	}

	#btnSelectCareerMode {
		left : calc(315px*1.24);
		top :  calc(467px*1.24);
	}
	#btnSelectCasualMode {
		left : calc(744px*1.24);
		top :  calc(467px*1.24);
	}
	#gameModeSelectionImg { 
		top : calc(20px*1.24);
		left : calc(140px*1.24);
		width : calc(911px*1.24);
		height: calc(430px*1.24);
	}
	#buyPremium {
		width : calc(504px*1.24);
		padding:calc(25px*1.24) calc(50px*1.24) calc(25px*1.24) calc(50px*1.24);
	}
	#buyPremium-Paypal {
		padding:calc(10px*1.24);
	}
	#buyPremium-Paypal p {
		margin-left:calc(12px*1.24);
	}
	#profileHamburger {
		width : calc(35px*1.24);
		height : calc(36px*1.24);
	}
	.avatarRing {
		width : calc(102px*1.24);
		height : calc(102px*1.24);
	}
	.gameSettingsIcon, .gameSettingsIconText {
		width : calc(60px*1.24);
		height : calc(55px*1.24);
	}
	.greenButton {
		width: calc(135px*1.24);
		height: calc(40px*1.24);
		font-size: calc(16px*1.24);
		line-height: calc(19px*1.24);

		padding: 2px calc(6px*1.24) 2px calc(6px*1.24);
		border-top: 2px solid #f0e1a6;
		border-right: 2px solid #8a7b40;
		border-bottom: 2px solid #8a7b40;
		border-left: 2px solid #f0e1a6;
	}

	.greenButton:active {
		border-top: 2px solid #8a7b40;
		border-right: 2px solid  #f0e1a6;
		border-bottom: 2px solid #f0e1a6;
		border-left: 2px solid #8a7b40;
	}
	#careerContentWrap,#gameModeSelectWrap {
		font-size:calc(14px*1.24);
		line-height:calc(16px*1.24);
	}
	@keyframes glow {
		from {
			text-shadow:  0 0 calc(15px*1.24) #e60073, 0 0 calc(20px*1.24) #e60073, 0 0 calc(25px*1.24) #e60073, 0 0 calc(30px*1.24) #e60073, 0 0 calc(35px*1.24) #e60073;
		}
		to {
			text-shadow:  #ff4da6, 0 0 calc(20px*1.24) #ff4da6, 0 0 calc(25px*1.24) #ff4da6, 0 0 calc(30px*1.24) #ff4da6, 0 0 calc(35px*1.24) #ff4da6, 0 0 calc(40px*1.24) #ff4da6;
		}
	}

	@-webkit-keyframes glow {
		from {
			text-shadow:  0 0 calc(15px*1.24) #e60073, 0 0 calc(20px*1.24) #e60073, 0 0 calc(25px*1.24) #e60073, 0 0 calc(30px*1.24) #e60073, 0 0 calc(35px*1.24) #e60073;
		}
		to {
			text-shadow:  #ff4da6, 0 0 calc(20px*1.24) #ff4da6, 0 0 calc(25px*1.24) #ff4da6, 0 0 calc(30px*1.24) #ff4da6, 0 0 calc(35px*1.24) #ff4da6, 0 0 calc(40px*1.24) #ff4da6;
		}
	}
	select {
		font-size: calc(13px*1.24);
	}
	@keyframes pulsePlayNow {
		0% {
			box-shadow: 0 0 calc(5px*1.24) white;
		}
		100% {
			box-shadow: 0 0 calc(10px*1.24) white;
		}
	}
	.chatWindow
	{
		left : calc(255px*1.24);
	}
	.gameSettingsDialog {
		width : calc(440px*1.24);
		height : calc(243px*1.24);
		padding : calc(22px*1.24) calc(28px*1.24) calc(22px*1.24) calc(28px*1.24);
		box-shadow : 0px 1px calc(21px*1.24) rgba(0, 0, 0, 0.25);
	}
	.gameSettingsDialog h1,#feedbackDialog h1 {
		font-size : calc(25px*1.24);
	}
	.gameSettingsDialog h2 {
		font-size : calc(19px*1.24);
	}
	.gameSettingsDialog p {
		font-size : calc(18px*1.24);
	}
	.gameSettingsTabs {
		margin-top: calc(42px*1.24);
	}
	.gameSettingsControls {
		width : calc(440px*1.24);
		height : calc(152px*1.24);
	}
	#btnConfigureBrightness {
		width : calc(106px*1.24);
		height : calc(30px*1.24);
	}
	.audioSettingSlider.ui-slider {
		height : calc(4px*1.24);
	}
	#btnCloseGameSettings {
		width : calc(52px*1.24);
		height : calc(20px*1.24);
		left : calc(419px*1.24);
		top : calc(14px*1.24);
	}
	.officialLoadingAnimation {
		width : calc(28px*1.24);
		height : calc(27px*1.24);
	}
	.smallFormButton {
		width : 161px;
		height : 45px;
		padding: 2px 7px 2px 7px;
	}
	.smallFormButton p {
		font-size : 15px;
	}
	.formButton {
		width : 273px;
		height : 45px;
		padding: 2px 7px 2px 7px;
	}
	#blackjackMenuWrapper {
		width : 1875px;
	}
	.blackjackMenuPage {
		position : absolute;
		top : 72px;
		left : 80px;
		width : 1714px;
		height : 973px;
	}
	#disclaimer {
		font-size : 24px;
		box-shadow : 0px 1px 26px rgba(0, 0, 0, 0.25);
	}
	#lblDisclaimerTitle {
		font-size:63px;
		padding-top:62px;
	}
	.yellowButton {
		font-size: 20px;
		line-height: 24px;
		width: 181px;
		height: 50px;
		padding: 2px 7px 2px 7px;
	}
	#cwblackjackSetupParent {
		width : 1798px;
		height : 1116px;
	}
	#cwblackjackSetup h1 {
		font-size : 24px;
		padding-top : 14px;
	}
	#cwblackjackSetup h2 {
		margin-top : 43px;
		font-size : 22px;
	}
	#setupBlackjackNav {
		column-gap : 42px;
		padding-top: 42px;
	}
	.setupNavButton {
		width : 139px;
		height : 52px;
		font-size : 22px;
	}
	#setupBlackjackBrightnessOpts {
		column-gap : 78px;
		margin-top : -20px;
	}
	.setupBlackjackBrightnessOpt {
		width : 47px;
		height : 47px;
	}
	#graySevens {
		padding : 62px 12px 25px 12px;
	}
}

body:has(.highRes) {
	#profileHamburger {
		width :  calc(35px*1.48);
		height : calc(36px*1.48);
	}
	#advertisementOffer {
		width :  calc(520px*1.48);
		height : calc(300px*1.48);
		font-size :     calc(18px*1.48);
		padding-left:   calc(20px*1.48);
		padding-right : calc(20px*1.48);
	}
	#adOfferTitle {
		font-size : calc(22px*1.48);
	}
	#adOfferExecution {
		border: calc(2px*1.48) solid #757e70;
	}
	.profileActionsBorder {
		width : calc(219px*1.48);
		height : calc(2px*1.48);
	}
	#feedbackDialog {
		border : solid #3f5135 calc(4px*1.48);
		width :  calc(340px*1.48);
		height : calc(200px*1.48);
		left : calc(521px*1.48);
		top :  calc(178px*1.48);
		padding : calc(10px*1.48) calc(15px*1.48);
	}

	#feedbackDialog div {
		margin-top : calc(15px*1.48);
	}

	#feedbackStarDiv img {
		width :  calc(23px*1.48);
		height : calc(20px*1.48);
	}
	#feedbackSubmissionCtrls {
		font-size : calc(12px*1.48);
	}
	.chatArea {
		top: calc(514px*1.48);
		left: calc(476px*1.48);
	}
	.homePoi {
		width :calc(18px*1.48);
		height : calc(20px*1.48);
	}
	.baseAvatarOption {
		width : calc(125px*1.48);
		height : calc(125px*1.48);
	}
	#musicNote {
		width : calc(37px*1.48);
		height : calc(31px*1.48);
	}
	#serverUpdateNotification {
		width :  calc(200px*1.48);
		height : calc(100px*1.48);
		left :   calc(230px*1.48);
		top :    calc(785px*1.48);
		font-size : calc(20px*1.48);
	}

	#lblTitlePercentComplete {
		font-size:calc(18px*1.48);
	}

	#avatarController {
		width : calc(368px*1.48);
		height: calc(370px*1.48);
	}

	#lblAvatarSelectTitle {
		font-size: calc(23px*1.48);
	}

	#lblAvatarSelectInstructions {
		font-size  :calc(14px*1.48);
		line-height:calc(17px*1.48);
	}

	#avatars {
		width: calc(675px*1.48);
		height:calc(475px*1.48);
	}

	#avatarLogo {
		width : calc(180px*1.48);
		height: calc(102px*1.48);
	}

	#homeSelect {
		font-size :   calc(16px*1.48);
		line-height : calc(29px*1.48);
	}

	#imgHomeSelectHelp {
		left :   calc(1157px*1.48);
		top :    calc(366px*1.48);
		width :  calc(221px*1.48);
		height : calc(117px*1.48);
	}

	#btnHomeSelectHelp {
		top : calc(52px*1.48);
		left : calc(196px*1.48);
	}

	#imgSelectedHomeRegion {
		width: calc(59px*1.48);
		height:calc(59px*1.48);
	}

	.legendBox
	{
		font-size : calc(10.19px*1.48);
		padding-bottom : calc(13.6px*1.48);
	}

	.legendText
	{
		margin-top : calc(5px*1.48);
	}

	.connectWithDiscord,.connectWithX {
		width:  calc(40px*1.48);
		height: calc(40px*1.48);
	}
	.connectWithX img {
		width : calc(14px*1.48);
		height : calc(14px*1.48);
	}
	.connectWithDiscord img {
		width : calc(20px*1.48);
		height : calc(15px*1.48);
	}

	#lblMinutesRem {
		padding :calc(30px*1.48);
		padding-bottom:calc(11px*1.48);
		font-size:calc(9.64px*1.48);
	}

	#profileActions {
		font-size : calc(20px*1.48);
	}

	.ui-tooltip {
		font-size: calc(17px*1.48);
	}
	#loginLoadingAnimation {
		left : calc(150px*1.48);
		top :  calc(590px*1.48);
	}
	#gameModeSelectLoadingAnimation {
		left : calc(1019px*1.48);
		top : calc(234px*1.48);
	}
	#careerLoadingAnimation {
		top :  calc(220px*1.48);
		left : calc(346px*1.48);
	}
	#gameLoadingAnimation {
		left : calc(1271px*1.48);
		top :  calc(166px*1.48);
	}
	#careerSettingsIcon {
		top :  calc(237px*1.48);
		left : calc(1286px*1.48);
	}
	#gameModeSelectSettingsIcon {
		top:   calc(657px*1.48);
		left : calc(1256px*1.48);
	}
	#gameModeSelectPlayerData {
		width :  calc(300px*1.48);
		height : calc(200px*1.48);
		top :    calc(263px*1.48);
		left : calc(1070px*1.48);
	}

	#btnSelectCareerMode {
		left : calc(315px*1.48);
		top :  calc(467px*1.48);
	}
	#btnSelectCasualMode {
		left : calc(744px*1.48);
		top :  calc(467px*1.48);
	}
	#gameModeSelectionImg { 
		top : calc(20px*1.48);
		left : calc(140px*1.48);
		width : calc(911px*1.48);
		height: calc(430px*1.48);
	}
	#buyPremium {
		width : calc(504px*1.48);
		padding:calc(25px*1.48) calc(50px*1.48) calc(25px*1.48) calc(50px*1.48);
	}
	#buyPremium-Paypal {
		padding:calc(10px*1.48);
	}
	#buyPremium-Paypal p {
		margin-left:calc(12px*1.48);
	}
	.avatarRing {
		width : calc(102px*1.48);
		height : calc(102px*1.48);
	}
	.gameSettingsIcon, .gameSettingsIconText {
		width : calc(60px*1.48);
		height : calc(55px*1.48);
	}
	.greenButton {
		width: calc(135px*1.48);
		height: calc(40px*1.48);
		font-size: calc(16px*1.48);
		line-height: calc(19px*1.48);

		padding: calc(2px*1.48) calc(6px*1.48) 2px calc(6px*1.48);
		border-top: calc(2px*1.48) solid #f0e1a6;
		border-right: calc(2px*1.48) solid #8a7b40;
		border-bottom: calc(2px*1.48) solid #8a7b40;
		border-left: calc(2px*1.48) solid #f0e1a6;
	}

	.greenButton:active {
		border-top: calc(2px*1.48) solid #8a7b40;
		border-right: calc(2px*1.48) solid  #f0e1a6;
		border-bottom: calc(2px*1.48) solid #f0e1a6;
		border-left: calc(2px*1.48) solid #8a7b40;
	}
	#careerContentWrap,#gameModeSelectWrap {
		font-size:calc(14px*1.48);
		line-height:calc(16px*1.48);
	}
	select {
		font-size: calc(13px*1.48);
	}
	@keyframes glow {
		from {
			text-shadow:  0 0 calc(15px*1.48) #e60073, 0 0 calc(20px*1.48) #e60073, 0 0 calc(25px*1.48) #e60073, 0 0 calc(30px*1.48) #e60073, 0 0 calc(35px*1.48) #e60073;
		}
		to {
			text-shadow:  #ff4da6, 0 0 calc(20px*1.48) #ff4da6, 0 0 calc(25px*1.48) #ff4da6, 0 0 calc(30px*1.48) #ff4da6, 0 0 calc(35px*1.48) #ff4da6, 0 0 calc(40px*1.48) #ff4da6;
		}
	}
	@-webkit-keyframes glow {
		from {
			text-shadow:  0 0 calc(15px*1.48) #e60073, 0 0 calc(20px*1.48) #e60073, 0 0 calc(25px*1.48) #e60073, 0 0 calc(30px*1.48) #e60073, 0 0 calc(35px*1.48) #e60073;
		}
		to {
			text-shadow:  #ff4da6, 0 0 calc(20px*1.48) #ff4da6, 0 0 calc(25px*1.48) #ff4da6, 0 0 calc(30px*1.48) #ff4da6, 0 0 calc(35px*1.48) #ff4da6, 0 0 calc(40px*1.48) #ff4da6;
		}
	}
	@keyframes pulsePlayNow {
		0% {
			box-shadow: 0 0 calc(5px*1.48) white;
		}
		100% {
			box-shadow: 0 0 calc(10px*1.48) white;
		}
	}
	.officialLoadingAnimation {
		width : calc(28px*1.48);
		height : calc(27px*1.48);
	}
	.chatWindow
	{
		left : calc(255px*1.48);
	}
	.gameSettingsDialog {
		width : calc(440px*1.48);
		height : calc(243px*1.48);
		padding : calc(22px*1.48) calc(28px*1.48) calc(22px*1.48) calc(28px*1.48);
		box-shadow : 0px 1px calc(21px*1.48) rgba(0, 0, 0, 0.25);
	}
	.gameSettingsDialog h1,#feedbackDialog h1 {
		font-size : calc(25px*1.48);
	}
	.gameSettingsDialog h2 {
		font-size : calc(19px*1.48);
	}
	.gameSettingsDialog p {
		font-size : calc(18px*1.48);
	}
	.gameSettingsTabs {
		margin-top: calc(42px*1.48);
	}
	.gameSettingsControls {
		width : calc(440px*1.48);
		height : calc(152px*1.48);
	}
	#btnConfigureBrightness {
		width : calc(106px*1.48);
		height : calc(30px*1.48);
	}
	.audioSettingSlider.ui-slider {
		height : calc(4px*1.48);
	}
	#btnCloseGameSettings {
		width : calc(52px*1.48);
		height : calc(20px*1.48);
		left : calc(419px*1.48);
		top : calc(14px*1.48);
	}
	.smallFormButton {
		width : 192px;
		height : 53px;
		padding: 3px 9px 3px 9px;
		border-top: 3px solid #CCCCCC;
		border-right: 3px solid #333333;
		border-bottom: 3px solid #333333;
		border-left: 3px solid #CCCCCC;
	}
	.smallFormButton p {
		font-size : 18px;
		letter-spacing : 1px;
	}
	.formButton:active,.smallFormButton:active {
		border-top: 3px solid #333333;
		border-right: 3px solid #CCCCCC;
		border-bottom: 3px solid #CCCCCC;
		border-left: 3px solid #333333;
	}
	.formButton {
		width : 326px;
		height : 53px;
		padding: 3px 9px 3px 9px;
		border-top: 3px solid #CCCCCC;
		border-right: 3px solid #333333;
		border-bottom: 3px solid #333333;
		border-left: 3px solid #CCCCCC;
	}
	#blackjackMenuWrapper {
		width : 2238px;
	}
	.blackjackMenuPage {
		position : absolute;
		top : 86px;
		left : 96px;
		width : 2045px;
		height : 1162px;
	}
	#disclaimer {
		font-size : 28px;
		box-shadow : 0px 1px 31px rgba(0, 0, 0, 0.25);
	}
	#lblDisclaimerTitle {
		font-size:75px;
		padding-top:74px;
	}
	.yellowButton {
		font-size: 24px;
		line-height: 28px;
		width: 216px;
		height: 59px;
		padding: 3px 9px 3px 9px;
	}
	#cwblackjackSetupParent {
		width : 2146px;
		height : 1332px;
	}
	#cwblackjackSetup h1 {
		font-size : 28px;
		padding-top : 16px;
	}
	#cwblackjackSetup h2 {
		margin-top : 52px;
		font-size : 27px;
	}
	#setupBlackjackNav {
		column-gap : 50px;
		padding-top: 50px;
	}
	.setupNavButton {
		width : 166px;
		height : 62px;
		font-size : 27px;
	}

	.setupNavButton,.setupBlackjackBrightnessOpt {
		border-top: 2px solid #555555;
		border-right: 2px solid #222222;
		border-bottom: 2px solid #222222;
		border-left: 2px solid #555555;
	}

	.setupNavButton:active,.setupBlackjackBrightnessOpt:active {
		border-top: 2px solid #222222;
		border-right: 2px solid #555555;
		border-bottom: 2px solid #555555;
		border-left: 2px solid #222222;
	}

	#setupBlackjackBrightnessOpts {
		column-gap : 93px;
		margin-top : -24px;
	}
	.setupBlackjackBrightnessOpt {
		width : 56px;
		height : 56px;
	}
	#graySevens {
		padding : 74px 15px 30px 15px;
	}
}



#friendsDialog {
  min-width : 247px;
	padding-bottom : 15px;
	font-family: Merriweather serif;
	background:#001600;
	box-shadow : 0px 1px 21px rgba(0, 0, 0, 0.25);
	z-index:10;
	border-radius:5px;
}

#btnCloseFriendDialog {
  width : 52px;
  height : 24px;
}

#btnCloseFriendsDialogError {
  width : 56px;
  height : 24px;
}

#btnCareerOpenSocial {
  top : 70px;
	left : 1246px;
	position : absolute;
}

#btnGameModeSelectOpenSocial {
  top : 268px;
	left : 1157px;
	position : absolute;
}

#btnUserFrameOpenSocial {
  left : 1657px;
	top : -13px;
	position : absolute;
}

.btnOpenSocial {
	width : 56px;
	height : 34px;
}

#tblFriends h3 {
	color : #adadad;
}

#tblFriends p {
	color : #adadad;
}

#tblFriends th {
	color : #adadad;
}

#tblFriends td,#tblFriends th {
	padding-right : 30px;
}

#tblFriends td p {
	margin-bottom : 4px;
}

#tblFriends th {
	text-align : left;
}

.friendsListUsername {
	cursor : pointer;
}
#friendsDialogLoadingAnimation {
	width : 19px;
	height : 20px;
	position : absolute;
	top : 8px;
	left : 73px;
}

#lblFriendsDialogTitle {
	font-size : 18px;
	font-family : Red Rose, cursive;
	color : #E0C34D;
	margin-top : 5px;
	text-align : center;
}

#btnCancelAddSocial {
	width : 78px;
	height : 24px;
}

#divFriendsControls {
  width : 180px;
  padding-bottom : 25px;
	background:#1c261c;
	height : auto;
	border-radius:15px;
}

#divFriendsDetailedStatus, #friendsDialogError {
  width : 231px;
  padding : 15px;
	border: 2px solid #242e24;
	background:#1c261c;
	border-radius:15px;
	position : absolute;
	z-index : 2;
}

#friendsDialogError {
	width : 195px;
}

#divFriendsDetailedStatus p {
  font-size : 14px;
  margin : 18px 0px 0px 38px;
	font-family : Roboto, sans-serif;
	text-align : left;
	color : #6e736e;
}

#friendsDialogError p {
  font-size : 14px;
	font-family : Roboto, sans-serif;
	text-align : center;
	color : #6e736e;
}

#friendsDialogError h1 {
  font-size : 16px;
  margin : 10px 0px 0px 0px;
	font-family : Red Rose, cursive;
	color : white;
	display:block;
	text-align : center;
}

#divFriendsDetailedStatus h1 {
  font-size : 16px;
  margin : 0px 0px 0px 80px;
	font-family : Red Rose, cursive;
	color : white;
	display:block;
}

#lblDetailedStatusOnline {
	font-family: monospace, monospace;
}
#btnRemoveFriend {
	width : 30px;
	height : 25px;
	top : 48px;
	left : 10px;
  position : absolute;
}
#btnAddSocial {
	width : 42px;
	height : 24px;
}

#divSocialLocationCheckBox {
  width : 100px;
  margin : auto;
  z-index : 1;
}

#divSocialFriendStatus {
  padding:5px;
  height : 130px;
  border:solid #a5a564 1px;
  margin:auto;
  overflow-y:scroll;
  overflow-x:hidden;
  border-radius:15px;
  background:#0b1f00;
  font-size : 15px;
}
#divSocialContent {
  padding-left:15px;
  padding-right:15px;
  margin-top:32px;
}

#lblSocialFriendsShare {
  margin-bottom:10px;
  color:#adadad;
  text-align:center;
  font-size : 16px;
}

#inSocialFriendUser {
  width:80%;
  display:block;
  background:#925e43;
  outline:none;
  margin:auto;
  margin-top: -10px;
}
#btnSocialJoinFriend {
  margin-top:10px;
  display:block;
  background:#E0C34D;
}
#lblSocialJoinFriend {
  font-size : 12px;
  font-family : Roboto, sans serif;
  font-weight : 500;
  color : #0C1000;
}

#lblJoinableSessionInfo {
  margin:10px 0 0 0;
  padding-top:15px;
  border-top:solid black 15px;
  text-align:left;
  border-radius:10px;
}

#inSocialAddFriend {
  margin-top:10px;
  display:block;margin:auto;background:#E0C34D;
}

#btnFriendsDetailedStatusClose
{
  width : 56px;
  height : 24px;
}

#connectingToSessionOverlay {
	width : 100%;
	height : 100%;
	z-index : 99;
	position : absolute;
	top : 0px;
	left : 0px;
	margin : 0;
	background : rgba(0,0,0,0.4);
	display : flex;
	justify-content: center;
	align-items : center;
}

#connectingSessionOverlayTitleBox {
	width: 216px;
	height : 102px;
}

#connectingSessionOverlayTitleBox img {
	width : 28px;
	height : 27px;
	display : block;
	margin : auto;
	margin-top : 67px;
}

body:has(.midRes) {
  #btnCloseFriendsDialogError {
    width :  calc(56px*1.24);
    height : calc(24px*1.24);
  }
  #friendsDialog {
    min-width : 306px;
    padding-bottom : 19px;
    box-shadow : 0px 1px calc(21px*1.24) rgba(0, 0, 0, 0.25);
  }
  #lblFriendsDialogTitle {
	  font-size : 22px;
  }
  #btnCareerOpenSocial {
    top : 87px;
	  left : 1545px;
  }
  #btnGameModeSelectOpenSocial {
    top : 332px;
    left : 1434px;
  }
  #btnUserFrameOpenSocial {
    left : 2055px;
	  top : -16px;
  }
  .btnOpenSocial {
    width : 69px;
    height : 42px;
  }
  #tblFriends td,#tblFriends th {
	padding-right : 37px;
  }
  #tblFriends td p {
  	margin-bottom : 5px;
  }
  #divFriendsControls {
    width : 223px;
    padding-bottom : 31px;
  }
  #divFriendsDetailedStatus, #friendsDialogError {
    width : 286px;
    padding : 18px;
  }
  #friendsDialogError {
	  width : 242px;
  }
  #divFriendsDetailedStatus p {
    font-size : 17px;
    margin : 18px 0px 0px 47px;
  }
  #friendsDialogError p {
    font-size : 17px;
  }
  #friendsDialogError h1 {
    font-size : 20px;
    margin : 12px 0px 0px 0px;
  }
  #divFriendsDetailedStatus h1 {
    font-size : 20px;
    margin : 0px 0px 0px 99px;
  }
  #btnRemoveFriend {
    width : 37px;
    height : 31px;
    top : 60px;
    left : 12px;
  }
  #btnAddSocial {
    width : 52px;
    height : 30px;
  }
  #divSocialLocationCheckBox {
    width : 124px;
  }
  #divSocialFriendStatus {
    height : 161px;
    padding:5px;
    font-size : calc(15px*1.24);
  }
  #divSocialContent {
    padding-left:19px;
    padding-right:19px;
    margin-top:40px;
  }
  #lblSocialFriendsShare {
    margin-bottom:12px;
    font-size : calc(16px*1.24);
  }
  #inSocialFriendUser {
   margin-top: -12px;
  }
  #btnSocialJoinFriend {
   margin-top:12px;
  }
  #lblSocialJoinFriend {
    font-size : 15px;
  }
  #lblJoinableSessionInfo {
    margin:12px 0 0 0;
    padding-top:19px;
  }
  #inSocialAddFriend {
    margin-top:12px;
  }
  #btnFriendsDetailedStatusClose
  {
    width : 69px;
    height : 30px;
  }
  #btnCloseFriendDialog {
    width : 64px;
    height : 30px;
  }
  #connectingSessionOverlayTitleBox {
    width: 268px;
    height : 126px;
  }
}

body:has(.highRes) {
  #btnCloseFriendsDialogError {
    width :  calc(56px*1.48);
    height : calc(24px*1.48);
  }
  #friendsDialog {
    min-width : 366px;
    padding-bottom : 22px;
    box-shadow : 0px 1px calc(21px*1.48) rgba(0, 0, 0, 0.25);
  }
  #lblFriendsDialogTitle {
	  font-size : 27px;
  }
  #btnCareerOpenSocial {
    top : 104px;
	  left : 1844px;
  }
  #btnGameModeSelectOpenSocial {
    top : 397px;
    left : 1712px;
  }
  #btnUserFrameOpenSocial {
    left : 2452px;
	  top : -19px;
  }
  .btnOpenSocial {
    width : 83px;
    height : 50px;
  }
  #tblFriends td,#tblFriends th {
	  padding-right : 44px;
  }
  #tblFriends td p {
  	margin-bottom : 6px;
  }
  #divFriendsControls {
    width : 266px;
    padding-bottom : 37px;
  }
  #divFriendsDetailedStatus, #friendsDialogError {
    width : 342px;
    padding : 22px;
    border: 3px solid #242e24;
  }
  #friendsDialogError {
    width : 289px;
  }
  #divFriendsDetailedStatus p {
    font-size : 21px;
    margin : 27px 0px 0px 56px;
  }
  #friendsDialogError p {
    font-size : 21px;
  }
  #friendsDialogError h1 {
    font-size : 24px;
    margin : 15px 0px 0px 0px;
  }
  #divFriendsDetailedStatus h1 {
    font-size : 24px;
    margin : 0px 0px 0px 118px;
  }
  #btnRemoveFriend {
    width : 44px;
    height : 37px;
    top : 71px;
    left : 15px;
  }
  #btnAddSocial {
    width : 62px;
    height : 36px;
  }
  #divSocialLocationCheckBox {
    width : 148px;
  }
  #divSocialFriendStatus {
    height : 192px;
    padding : 7px;
    border:solid #a5a564 2px;
    font-size : calc(15px*1.48);
  }
  #divSocialContent {
    padding-left:22px;
    padding-right:22px;
    margin-top:47px;
  }
  #lblSocialFriendsShare {
    font-size : calc(16px*1.48);
    margin-bottom:15px;
  }
  #inSocialFriendUser {
    margin-top: -15px;
  }
  #btnSocialJoinFriend {
    margin-top:15px;
  }
  #lblSocialJoinFriend {
    font-size : 18px;
    letter-spacing : 1px;
  }
  #lblJoinableSessionInfo {
    margin:15px 0 0 0;
    padding-top:19px;
  }
  #inSocialAddFriend {
    margin-top:15px;
  }
  #btnFriendsDetailedStatusClose
  {
    width : 83px;
    height : 36px;
  }
  #btnCloseFriendDialog {
    width : 77px;
    height : 36px;
  }
  #connectingSessionOverlayTitleBox {
    width: 320px;
    height : 151px;
  }
}#userFrame {
	  position:absolute;
		left   : 0px;
		top    : 808px;
    width  : 100%;
		height : 92px;
		z-index: 11;
		background:#0C1F00;
		color:#FFFFFF;
		font-family:Roboto, sans serif;
		font-size:15px;
		font-weight:400;
}
#userFrame h1 {
	margin:0;
	padding:0;
	font-size:17px
}

#userFrame p {
	margin:0;
	padding:0;
}


#usrFrameLocPoi {
	width : 9px;
	height : 12px; 
}

#usrRegion {
  color:#E0C34D;
  margin : 0;
}

#usrFrameVenueName,#usrFrameUsrsOnline,#usrRegion,#usrFrameWallet {
  font-family:Red Rose,cursive;
  font-weight : 700;
}

#usrFrameLoadingAnimation {
	position : absolute;
	top : 21px;
	left : 1703px;
}

#usrFramePromotionStatus {
	width : 125px;
	height : 36px;
	text-align : center;
	position : absolute;
	left : 1284px;
	top  : 3px;
}

#usrFramePromotionStatus h1 {
	font-family : Red Rose, cursive;
	font-size : 16px;
	margin : 0;
	color : #5f788e;
}

#usrFramePromotionStatus p {
	font-family: Roboto,sans-serif;
	font-size : 15px;
	margin : 0;
	color : white;
}

#usrFrameChatBar {
  background:#223317;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 5px;
}

body:has(.midRes) {
  #userFrame {
		top    : calc(808px*1.24);
		height : calc(92px*1.24);
		font-size:calc(15px*1.24);
  }
  #userFrame h1 {
	  font-size:calc(17px*1.24);
  }
  #usrFrameLocPoi {
    width : calc(9px*1.24);
    height : calc(12px*1.24); 
  }
  #usrFrameLoadingAnimation {
    top : calc(21px*1.24);
    left : calc(1703px*1.24);
  }

  #usrFramePromotionStatus {
    width : calc(125px*1.24);
    height : calc(36px*1.24);
    left : calc(1284px*1.24);
    top  : calc(3px*1.24);
  }

  #usrFramePromotionStatus h1 {
    font-size : calc(16px*1.24);
  }

  #usrFramePromotionStatus p {
    font-size : calc(15px*1.24);
  }
}

body:has(.highRes) {
  #userFrame {
		top    : calc(808px*1.48);
		height : calc(92px*1.48);
		font-size:calc(15px*1.48);
  }
  #usrFrameChatBar {
    border: 2px solid rgba(255, 255, 255, 0.2);
  }
  #userFrame h1 {
	  font-size:calc(17px*1.48);
  }
  #usrFrameLocPoi {
    width : calc(9px*1.48);
    height : calc(12px*1.48); 
  }
  #usrFrameLoadingAnimation {
    top : calc(21px*1.48);
    left : calc(1703px*1.48);
  }

  #usrFramePromotionStatus {
    width : calc(125px*1.48);
    height : calc(36px*1.48);
    left : calc(1284px*1.48);
    top  : calc(3px*1.48);
  }

  #usrFramePromotionStatus h1 {
    font-size : calc(16px*1.48);
  }

  #usrFramePromotionStatus p {
    font-size : calc(15px*1.48);
  }

  #usrFrameChatBar {
    border: 2px solid rgba(255, 255, 255, 0.2);
  }
}#tableGameSettingsIcon {
	position : absolute;
	top : 40px;
	left : 1606px;
}

#chatUnreadMessageIcon {
	margin-left : 25px;
	margin-top : 17px;
	width : 15px;
	height : 13px;
}

#chatIcon {
	width : 20px;
	height : 17px;
	margin-left : 7px;
	margin-top : 6px;
}


#tableImg {
	position: absolute;
	top:0px;
	left:0px;
	width:1750px;
	height:803px;
	z-index : -1;
}
#imgTableLogo {
	opacity : .5;
	z-index : 0;
}

#customTableFrame {
	top : 559px;
	left : 0px;
  width : 100%;
	position: absolute;
}

#imgMinMaxPlate 
{
	width:190px;
	height:121px;
	text-align:center;
	perspective : 1000px;
	position : absolute;
	left : 1410px;
	top : 62px;
}

#minMaxLabels {
	text-align:left;
	margin-top:28px;
	margin-left:70px;
	height:40px;
}

#btnGameRules {
	display:inline-block;
	padding:0px;
	margin-left:auto;
	margin-right:auto;
	margin-top:14px;
	color:#E0C34D;
	font-weight:700;
	font-size:14px;
}

#lblMinAndMax1 {
	font-size:11px;
	font-family: Roboto,sans-serif;
	color:#9b8300;
}

#lblMinAndMax2 {
	font-size:11px;
	font-family:Roboto,sans-serif;
	color:#9b8300;
	margin-top:-6px;
}

#imgChipTray {
	position:absolute;
	top:0px;
	left:660px;
  width : 430px;
  height : 93px;
	opacity : .9;
}

#imgShoe {
	position : absolute;
	width : 193px;
	height : 158px;
	left: 1206px;
	top: 0px;
}
#tablecwblackjacklogo {
	left : 1438px;
	top : 8px;
	position: absolute;
	width : 129px;
	height : 57px;
}
.betAvailableOverlay {
	z-index : 2;
	pointer-events: none;
}
.betIdentifier { 
	width : 33px;
	height : 19px;
	z-index : 4;
}

#dealerBlackjackNotification {
	width : 250px;
	height : 90px;
	position: absolute;
	left: 861px;
	top : 140px;
}

#dealerScoreIndicator { 
	width : 64px;
	height : 34px;
	position : absolute;
	left : 1025px;
	top : 88px;
	opacity : .65;
}

.dealerScoreIndicatorToggle {
	width : 23px;
	height : 16px;
	opacity : 1;
	cursor: pointer;
}

#dealerScoreIndicator p {
	font-family : Red Rose, cursive;
	font-weight : 700;
	font-size : 36px;
	color : #e5ca66;
	margin : 0;
	margin-top : -7px;
	text-align : center;
}

#tooManyIndicator {
	z-index : 1;
	position : absolute;
	top : 119px;
	left : 927px;
	width : 154px;
	height : 44px;
	overflow : hidden;
	transform : rotate(9.65deg);
	-webkit-transform: rotate(9.65deg);
	-moz-trasform : rotate(9.65deg);
}

#tooManyIndicatorImg {
  width : 100%;
  height : 100%;
	position : absolute;
	left : -154px;
	top : 0;
}

#discardZoom2xDiv {
	position : absolute;
	left : 1061px;
	top : 17px;
	background : rgba(12,31,0,0.985);
	z-index : 10;
	border-radius : 5px;
}

#discardZoom2xDiv p,#learnPremiumPreview p {
	font-family : 'Roboto Regular, sans-serif';
	color : #dddddd;
	font-size : 18px;
}

#discardZoomDiv {
	position : absolute;
	left : 408px;
	top : 137px;
	width : 100px;
	height : 44px;
	opacity:.7;
}

.discardZoomedTray {
	width : 228px;
	height : 276px;
}

.discardZoomedPile {
	width : 216px;
	height : 168px;
}

#btnDiscardZoom2x {
	width : 30px;
	height : 21px;
	position : absolute;
	left : 51px;
	top : 19px;
}

#zoomedDiscardImg {
	display : block;
	margin : auto;
	margin-top : 20px;
}

#btnDiscardZoom2x:hover {
	transform : scale(1.117);
}

.card {
	width : 63px;
	height : 87px;
	transform-style : preserve-3d;
	-webkit-transform-style: preserve-3d;
	filter:blur(0);
}

.standardCardFront, .player1Hand1DoubleFront,.player1Hand2DoubleFront,.player1Hand3DoubleFront,.player1Hand4DoubleFront,
.player2Hand1DoubleFront,.player2Hand2DoubleFront,.player2Hand3DoubleFront,.player2Hand4DoubleFront,
.player3Hand1DoubleFront,.player3Hand2DoubleFront,.player3Hand3DoubleFront,.player3Hand4DoubleFront,
.player4Hand1DoubleFront,.player4Hand2DoubleFront,.player4Hand3DoubleFront,.player4Hand4DoubleFront,
.player5Hand1DoubleFront,.player5Hand2DoubleFront,.player5Hand3DoubleFront,.player5Hand4DoubleFront {
  box-shadow : 0px 0px 1px rgba(0, 0, 0, 1);
}



#imgTurnTimer {
	pointer-events : none;
	width : 58px;
	height : 15px;
	z-index : 1;
}

#imgHandIndicator {
	width : 27px;
	height : 86px;
	pointer-events:none;
	z-index : 7;
}

#imgTurnChip {
	width : 44px;
	height: 25px;
}

#imgInsuranceRibbon {
	width : 800px;
	height : 122px;
	position : absolute;
	left : 476px;
	top : 292px;
	opacity : .75;
}

.insuranceNotification {
	opacity : 0.9;
	z-index : 2;
}

#insuranceState {
	pointer-events:none;
}

.playersClubCard {
	width : 98px;
	height : 62px;
	z-index : 2;
	opacity : .85;
}

#handsDiv {
	position : absolute;
	top : 0px;
	left : 0px;
	z-index : 2;
}
#dealerHand { 
	top : 0px;
	left : 0px;
	position : absolute;
	z-index : 1;
}
.betSpotsArea {
	z-index : 3;
	position : absolute;
	top : 0;
	left : 0;
	pointer-events : none;
}

.bigHandActionBg {
	width : 134px;
	height : 69px;
}

.smallHandActionBg {
	width : 89px;
	height : 67px;
}

.coreHandAction {
	width : 110px;
	height : 45px;
}

.surrenderAction {
	width : 47px;
}

#handActionTrim {
	width : 153px;
	height : 17px;
}

.disabledHandAction {
	-webkit-filter: contrast(75%);
  filter: contrast(75%);
}

#splitAction {
  width : 69px;
  height : 47px;
}

#btnDoubleCardOrientationSwitcher {
  width : 30px;
  height : 26px;
}

#doubleCardOrientationStatus {
  width : 53px;
  height : 13px;
}

.btnInsurance {
	width : 100px;
	height : 41px;
}

.inactiveAvatarDiv {
	opacity:.55; 
	-webkit-filter: contrast(90%);
  filter: contrast(90%);
}

.inactiveInherentAvatarDiv {
  opacity:.78; 
}

.cardsPointOfRef {
	width : 5px;
	height : 48px;
	opacity : .2;
}

.rulesBox {
	font-size : 10.2px;
	margin-top : -5px;
	margin-left : 8px;
	display: flex;
}

.rulesBox p {
	padding-right: 8px;
}

.handScoreIndicator {
	width : 64px;
	height : 47px;
	z-index : 6;
}

#btnToggleScoreIndicator {
	width : 23px;
	height : 16px;
	z-index : 6;
}

#lblHandScoreIndicator {
	font-family : Red Rose, cursive;
	font-size : 43px;
	color : #a3a567;
	margin : 0;
	margin-top : -5px;
	text-align : center;
	font-weight : 700;
	opacity : .9;
}

#rulesPage {
	width : 1110px;
	height : 500px;
	position : absolute;
	background-color: #0c1f00;
	padding : 50px 45px 50px 30px;
	z-index : 10;
	border-radius : 18px;
  box-shadow : 0px 1px 21px rgba(0, 0, 0, 0.25);
}

#rulesScrollbox {
	overflow-y : scroll;
  overflow-x : hidden;
	width : 100%;
	height : 80%;
	padding-left : 5px;
	padding-right : 20px;
}

#rulesWrapper { 
  width : 95%;
  margin : auto;
}

#btnDismissRules {
	position : absolute;
	top : 55px;
	left : 927px;
}
#btnDismissRules:hover {
	transform: scale(1.1);
}


#rulesPage h1 {
	font-family : Red Rose, cursive;
	font-size : 45px;
	font-weight : 700;
	text-align : center;
	color : #E0C34D;
	opacity : 0.95;
	margin-top : 10px;
}

#rulesPage h2 {
	font-family : Red Rose, cursive;
	font-size : 38px;
	font-weight : 600;
	margin-left : 80px;
	color : #E0C34D;
	opacity : 0.95;
	padding-top : 30px;
}

#rulesPage p {
	font-size : 22px;
	font-family : Roboto, sans-serif;
	font-weight : 400;
	text-align : left;
	color : white;
	opacity : .95;
	line-height : 33px;
}

#rulesPage img {
	display : block;
	margin : auto;
}

.rulesPageSection {
	margin-top : 50px;
}

#promoIndicator {
	width : 125px;
	height : 27px;
	position : absolute;
	top : 781px;
	left : 1284px;
}

#inGameCount {
	font-size:17px;
	font-family:Roboto, sans-serif;
	display : block;
	margin : left;
	margin-top:15px;
	margin-left:64px;
	background-color : #898989;
  color : #f3f3f3;
  outline:none;
}

#clubCountPromptDiv {
	position: absolute;
	left : 730px;
	top : 385px;
	width : 300px;
	height : 183px;
	z-index : 9;
}

.countPrompt {
	z-index : 9;
}

#clubPromptCountBtns {
	width : 180px;
	margin-left : 10px;
	margin-top : 15px;
	margin : left;
	justify-content:  space-between;
}

#clubPromptCountBox {
	height : 166px;
	width : 300px;
}

#lblPromptCount {
	color: #e2e2e2;
	text-align : center;
}

.bettingControl {
	pointer-events: auto; 
	cursor: pointer;
}

.tableProfileActions:before, .tableProfileActions:after {
	top : 100%;
	left : 84%;
	border: solid transparent;
	content:"";
	height:0;
	width:0;
	position:absolute;
	pointer-events:none;
}

.tableProfileActions:after {
	border-color: rgba(41,58,31,0);
	border-top-color : #293A1F;
	border-width : 10px;
	margin-left : -10px;
}

.tableProfileActions:before {
	border-color: rgba(155,155,155,0);
	border-top-color : #9B9B9B;
	border-width : 12px;
	margin-left : -12px;
}

#actionscreen {
	position : absolute;
	left : 0px;
	top : 0px;
	z-index : 6;
}

#playerInfo {
	z-index : 5;
}

.gameMoneyIndicator {
	width : 34px;
	height : 43px;
	z-index : 5;
}

.gameMoneyIndicatorSign {
	width : 29px;
	height: 17px;
	z-index : 5;
}

.gameMoneyIndicatorLabel {
	font-family: javanese-text, sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size : 19px;
	text-align : left;
	margin-left : 34px;
	margin-top : 12px;
	color : #9a9a9a;
}

.playerAvatar {
  margin:0;
	width : 73px;
	height : 73px;
	border-radius : 25px;
	border : solid 2px #2a4c16;
	position : absolute;
	top : 0px;
	left : 23px;
	filter:brightness(90%);
}

.playerAvatarDiv {
	z-index : 2;
	width : 151px;
	height : 115px;
}

#inherentPlayerIndicator {
	width : 45px;
	height : 14px;
	position : absolute;
	left : 61px;
	top : 64px;
}

.playerIdentificationDot {
	width : 4px;
	height : 4px;
	z-index : 3;
	position : absolute;
	left : 85px;
	top: 55px;
}

.playerAvatarFrame {
	width : 112px;
	height : 82px;
}

.playerAvatarChatNotification {
	position : absolute;
	left : 96px;
	top : 62px;
	width : 32px;
	height : 13px;
}


.prevAvatar {
	border : solid 2px #FFFFFF;
	width : 30px;
	height : 30px;
	border-radius : 65px;
}

.prevUser {
	z-index:9;
}

.bettingscreen {
	font-family: Roboto, sans serif;
	color : white;
	font-size : 12px;
	z-index : 2;
}

.fireRing {
  width : 137px;
  height : 81px;
	z-index : 1;
  opacity : .6;
}

.surrenderAnimation {
	width : 60px;
	height : 41px;
}

#betErrorNotification {
	width : 87px;
	height : 32px;
}

#betErrorNotificationFbb {
  width : 54px;
  height : 39px;
}

.bustNotification {
	width : 55px;
	height : 20px;
	opacity : .68;
}

#seatWinImage {
	width : 145px;
	height : 87px;
}

#seatPushImage {
	width : 35px;
	height : 30px;
}

.sittingOutIndicator {
	width : 38px;
	height : 41px;
}

.dealerCard {
	width : 67px;
	height : 93px;
}

#imgCutCard {
	width : 62px;
	height : 86px;
	transform : rotate(-6.33deg);
	-webkit-transform: rotate(-6.33deg);
	-moz-trasform : rotate(-6.33deg);
	z-index : 0;
}

.dealer-flip-card-inner {
	position : relative;
	width : 100%;
	height : 100%;
	transition: transform 0.6s;
	transform-style: preserve-3d;
	transform-origin: center center;
}

 .player1Hand1DoubleBack,.player1Hand2DoubleBack,.player1Hand3DoubleBack,.player1Hand4DoubleBack,
	.player2Hand1DoubleBack,.player2Hand2DoubleBack,.player2Hand3DoubleBack,.player2Hand4DoubleBack,
	.player3Hand1DoubleBack,.player3Hand2DoubleBack,.player3Hand3DoubleBack,.player3Hand4DoubleBack,
	.player4Hand1DoubleBack,.player4Hand2DoubleBack,.player4Hand3DoubleBack,.player4Hand4DoubleBack,
	.player5Hand1DoubleBack,.player5Hand2DoubleBack,.player5Hand3DoubleBack,.player5Hand4DoubleBack {
	transform: rotateY(-180deg);
}

.dealerCardBack,
.standardCardBack
{
		transform: rotateY(-180deg);
}

.cardDoubleFlip-inner {
	position : relative;
	width : 100%;
	height : 100%;
	transition: transform 0.4s;
	transform-style: preserve-3d;
	transform-origin: center center;
}

.standardCardFlip-inner {
	position : absolute;
	width : 100%;
	height : 100%;
	transition: transform 0.3s;
	transform-style: preserve-3d;
	transform-origin: center center;
}

.flip-card-inner {
		position: relative;
		width: 100%;
		height: 100%;
		text-align: center;
		transition: transform 0.7s;
		transform-style: preserve-3d;
}
  
/* Do an horizontal flip when you move the mouse over the flip box container */
.flip-card:hover .flip-card-inner {
	transform: rotateY(-180deg);
}

	/* Position the front and back side */
.front, .back, .dealerCardFront, .dealerCardBack, .standardCardBack, .standardCardFront,
	.player1Hand1DoubleBack,.player1Hand2DoubleBack,.player1Hand3DoubleBack,.player1Hand4DoubleBack,
.player2Hand1DoubleBack,.player2Hand2DoubleBack,.player2Hand3DoubleBack,.player2Hand4DoubleBack,
.player3Hand1DoubleBack,.player3Hand2DoubleBack,.player3Hand3DoubleBack,.player3Hand4DoubleBack,
.player4Hand1DoubleBack,.player4Hand2DoubleBack,.player4Hand3DoubleBack,.player4Hand4DoubleBack,
.player5Hand1DoubleBack,.player5Hand2DoubleBack,.player5Hand3DoubleBack,.player5Hand4DoubleBack,
.player1Hand1DoubleFront,.player1Hand2DoubleFront,.player1Hand3DoubleFront,.player1Hand4DoubleFront,
.player2Hand1DoubleFront,.player2Hand2DoubleFront,.player2Hand3DoubleFront,.player2Hand4DoubleFront,
.player3Hand1DoubleFront,.player3Hand2DoubleFront,.player3Hand3DoubleFront,.player3Hand4DoubleFront,
.player4Hand1DoubleFront,.player4Hand2DoubleFront,.player4Hand3DoubleFront,.player4Hand4DoubleFront,
.player5Hand1DoubleFront,.player5Hand2DoubleFront,.player5Hand3DoubleFront,.player5Hand4DoubleFront {
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-backface-visibility: hidden; /* Safari */
	backface-visibility: hidden;
	-moz-backface-visibility: hidden;
}

.dealerCardFront {
  filter:brightness(90%);
}
  
/* Style the back side */
.back {
  text-align:left;
  color:#9b8300;
  font-size:7px;
  font-weight:700;
  width:190px;
  height:121px;
	transform: rotateY(-180deg);
  background-size : 100% 100%;
}

#virtualDealer {
	position : absolute;
	left : 854px;
	top : 0px;
	width : 281px;
	height : 93px;
	z-index : 1;
	display : flex;
	align-items : flex-end;
}

#dealerAvatar {
	height : 93px;
	width  : 98px;
	border-radius : 25px;
	border : 3px solid #505050;
  border-right : none;
	border-bottom : none;
}

#dealerDialogueBox {
	padding-top : 5px;
	padding-bottom : 5px;
	padding-right : 10px;
	padding-left  : 10px;
	height : 31px;
	display : flex;
	align-items : center;
	justify-content : center;
  text-wrap : balance;
}

#dealerDialogue {
	font-family : monospace, monospace;
	font-size : 12px;
	color : white;
	line-height : 15px;
}

.front {
  background-size : 100% 100%;
  width:190px;
  height:121px;
}

#betTimer {
	width : 300px;
	height : 23px;
	position : absolute;
	left : 1290px;
	top : 201px;
}

.betCircle {
	width : 113px;
	height : 53px;
}

.sidebetCircle,.stagingSidebetCircle {
	width : 54px;
	height : 32px;
	opacity : .65;
}

.sidebet21plus3Label {
	width : 108px;
	height : 32px;
	position : absolute;
	top : 237px;
	left : 1182px;
	opacity : .5;
}

.btnRaiseTheRoof {
	width : 51px;
	height : 17px;
}

.btnRaiseTheRoof:hover {
	transform : scale(1.1);
}

.raiseRoofPrompt {
	width : 103px;
	height : 82px;
}

#raiseRoofButtonLabel {
	pointer-events : none;
}

.win21Plus3Notification {
	width : 159px;
	height : 45px;
}

.win21Plus3Notification p {
	font-family: javanese-text, sans-serif;
	font-size : 14px;
	margin-top : 24px;
	margin-left : 49px;
	color : #2a2a2a;
}

.perfectPairWinNotification {
	width : 86px;
	height : 33px;
}
.perfectPairWinNotification p {
	text-align : center;
	font-family: javanese-text, sans-serif;
	font-size : 13px;
	margin-top : 13px;
	color : #FFFFFF
}

.sidebetPerfectPairsLabel {
	width : 97px;
	height : 35px;
	position : absolute;
	left : 1315px;
	top : 136px;
}

.sidebetRaiseTheRoofLabel {
	width : 95px;
	height : 48px;
	opacity : .7;
	position : absolute;
	top : 130px;
	left : 1314px;
}
.sidebetPush22Label {
  width : 101px;
  height : 25px;
  position : absolute;
  top : 238px;
  left : 1188px;
}
.sidebetPotOfGoldLabel {
  top : 222px;
  left : 1206px;
  position : absolute;
  width : 52px;
  height : 54px;
}

.sidebetPlayerLabel {
	opacity : .85;
}

.cardTouchWarningNotification {
	width : 78px;
	height : 37px;
	z-index : 6;
}

#btnSwapBetMethod {
	position: absolute;
	left : 134px;
	top : 53px;
	width : 51px;
	height : 42px;
	z-index : 2;
}

#btnSwapBetMethod:hover {
	transform : scale(1.1);
}

#betSlider.ui-slider {
  background : #c1a631;
  height : 4px;
  border : none;
}

#betSlider .ui-slider-handle {
  position: absolute;
  top : -18px;
  width : 26px;
  height : 40px;
  background : url(https://cwblackjack.com/blackjack/betting/handle.png);
  background-size : 100% 100%;
  border : none;
  outline : 0;
	cursor: pointer;
}

#imgSliderLeftTrim {
	left : -16px;
	top : -5px;
  width:17px;
  height:14px;
	position : absolute;
}

#imgSliderRightTrim {
	left : 183px;
	top : -5px;
  width : 22px;
  height : 14px;
	position : absolute;
}

#manualBetting {
	position : absolute;
	top : 76px;
	left : 139px;

	width : 271px;
	height : 88px;
	z-index : 1;
}

.manualChip {
	width : 39px;
	height : 35px;
}

.manualChip:hover {
	transform : scale(1.1);
}

#lblCurrentBet {
	font-size : 22px;
	margin : 0;
	font-family : Roboto, sans-serif;
	color : #b4b4b4;
	text-align : center;
}

#currentBetTextBox {
	position : absolute;
	top : 21px;
	left : 210px;
	width : 132px;
	height: 40px;
}

#bettingControls {
	z-index : 9;
	width   : 553px;
	height  : 40px;
	overflow : hidden;
}

#betSlider { 
	width : 184px;
	position : absolute;
	left : 182px;
	top : 130px;
	opacity : .8;
}

#btnConfirmBet {
	position : absolute;
	top : 58px;
	left : 433px;
	z-index : 2;
}

.clearAdditionalBetButton {
	width : 45px;
	height : 21px;
}

#btnClearBet {
	position: absolute;
	top : 59px;  
	left : 370px;
	z-index : 2;
}

#betSpotIndicator {
	width : 139px;
	height : 24px;
  z-index : 1;
}

#sidebetSpotIndicator {
	width : 70px;
	height : 22px;
}

.premiumBetCircleOverlay {
  width : 113px;
  height : 15px;
}

#venueWelcomeMessage {
	display : flex;
	justify-content: center;
	align-items : center;
	font-size : 17px;
	font-family: monospace, monospace;
	border-radius : 15px;
	color : white;
	background-color : #0c1f00;
	opacity : .8;
	position : absolute;
	top : 231px;
	left : 1304px;
	width : 310px;
	height : 56px;
  z-index : 1;
}
#textOverlay {
  width : 643px;
  height : 90px;
}
.careerGameList {
  padding-right:10px;
	overflow-y : scroll;
  overflow-x : hidden;
  font-family:Red Rose, cursive;
}

.careerGameListing {
  width:1045px;
	height:92px;
	background:#b4b4b4;
	position:relative;
	margin-top:20px;
}
.notification-blackjack {
  width : 107px;
  height : 32px;
}
.notification-21 {
  width : 91px;
  height : 33px;
}
.beerWin {
  width : 145px;
  height : 87px;
}
#insuranceNotificationLeft {
  width :272px;
  height:195px;
}
#insuranceNotificationRight {
  width  : 273px;
  height : 196px;
}

#dNameTag {
  width : 14px;
  height : 9px;
}

.playerBadge {
  position : absolute;
  width : 1px;
  height : 1px;
  top : 0;
  left : 0;
}

.tableComeInButton {
  width : 198px;
  height : 57px;
  color : black;
  font-family : Roboto, sans-serif;
  font-size : 20px;
  box-shadow : 0px 1px 21px rgba(0, 0, 0, 0.25);
  border : none;
}

.tableComeInButton:active {
  box-shadow : 0px 1px 21px rgba(255, 255, 255, 0.25);
}

.tableComeInButton div {
  width : 100%;
  height : 100%;
  display : flex;
  justify-content: center;
  align-items : center;
}

#btnTableComeIn {
  background : rgba(25.1,42.7,42.7,.9);
}

#btnTableWait {
  background : rgba(35.3,35.3,35.3,.5);
}

.circleFill {
  width : 82px;
  height : 28px;
}

.actionFreeBetQualifier {
  width : 39px;
  height : 10px;
  pointer-events : none;
}
#dPush22Indicator {
  width : 155px;
  height : 30px;
  position : absolute;
  left : 834px;
  top : 99px;
}

.freeBetChip {
  width : 46px;
  height : 36px;
}

body:has(.midRes) {
  .sidebetPotOfGoldLabel {
    top : calc(222px*1.24);
    left : calc(1206px*1.24);
    width : calc(52px*1.24);
    height : calc(54px*1.24);
  }
  .sidebetPush22Label {
    width : calc(101px*1.24);
    height : calc(25px*1.24);
    top :  calc(238px*1.24);
    left : calc(1188px*1.24);
  }
  #betErrorNotificationFbb {
    width : calc(54px*1.24);
    height : calc(39px*1.24);
  }
  .freeBetChip {
    width :  calc(46px*1.24);
    height : calc(36px*1.24);
  }
  #dPush22Indicator {
    width : calc(155px*1.24);
    height : calc(30px*1.24);
    left : calc(834px*1.24);
    top : calc(99px*1.24);
  }
  .actionFreeBetQualifier {
    width : calc(39px*1.24);
    height : calc(10px*1.24);
  }
  #btnDoubleCardOrientationSwitcher {
    width :  calc(30px*1.24);
    height : calc(26px*1.24);
  }
  #doubleCardOrientationStatus {
    width : calc(53px*1.24);
    height : calc(13px*1.24);
  }
  #splitAction {
    width :  calc(69px*1.24);
    height : calc(47px*1.24);
  }
  .circleFill {
    width :  calc(82px*1.24);
    height : calc(28px*1.24);
  }
  .tableComeInButton {
    width :  calc(198px*1.24);
    height : calc(57px*1.24);
    font-size : calc(20px*1.24);
  }
  #dNameTag {
    width : calc(14px*1.24);
    height : calc(9px*1.24);
  }
  #insuranceNotificationLeft {
    width :calc(272px*1.24);
    height:calc(195px*1.24);
  }
  #insuranceNotificationRight {
    width  : calc(273px*1.24);
    height : calc(196px*1.24);
  }
  .beerWin {
    width : calc(145px*1.24);
    height : calc(87px*1.24);
  }
  .notification-blackjack {
    width : calc(107px*1.24);
    height : calc(32px*1.24);
  }
  .notification-21 {
    width : calc(91px*1.24);
    height : calc(33px*1.24);
  }
  .careerGameListing {
    width:calc(1045px*1.24);
    height:calc(92px*1.24);
  }
  .careerGameList {
    padding-right:calc(10px*1.24);
  }
  #textOverlay {
    width : calc(643px*1.24);
    height : calc(90px*1.24);
  }
  #venueWelcomeMessage {
    font-size : calc(17px*1.24);
    top : calc(231px*1.24);
    left : calc(1304px*1.24);
    width : calc(310px*1.24);
    height : calc(56px*1.24);
  }
  #tableGameSettingsIcon {
    top : calc(40px*1.24);
    left : calc(1606px*1.24);
  }
  .premiumBetCircleOverlay {
    width : calc(113px*1.24);
    height : calc(15px*1.24);
  }
  .front {
    width:calc(190px*1.24);
    height:calc(121px*1.24);
  }
  .back {
    width:calc(190px*1.24);
    height:calc(121px*1.24);
    font-size:calc(7px*1.24);
  }
  #chatUnreadMessageIcon {
    margin-left : calc(25px*1.24);
    margin-top : calc(17px*1.24);
    width : calc(15px*1.24);
    height : calc(13px*1.24);
  }
  #chatIcon {
    width : calc(20px*1.24);
    height : calc(17px*1.24);
    margin-left : calc(7px*1.24);
    margin-top : calc(6px*1.24);
  }
  #tableImg {
    width:calc(1750px*1.24);
    height:calc(803px*1.24);
  }
  #customTableFrame {
    height : calc(199px*1.24);
    top : calc(559px*1.24);
  }
  #imgMinMaxPlate 
  {
    width:calc(190px*1.24);
    height:calc(121px*1.24);
    perspective : 1000px;
    left : calc(1410px*1.24);
    top : calc(62px*1.24);
  }
  #minMaxLabels {
    margin-top:calc(28px*1.24);
    margin-left:calc(70px*1.24);
    height:calc(40px*1.24);
  }
  #btnGameRules {
    margin-top:calc(14px*1.24);
    font-size:calc(14px*1.24);
  }
  #lblMinAndMax1 {
    font-size:calc(11px*1.24);
  }
  #lblMinAndMax2 {
    font-size:calc(11px*1.24);
    margin-top:calc(-6px*1.24);
  }
  #imgChipTray {
    width : calc(430px*1.24);
    height : calc(93px*1.24);
    left:calc(660px*1.24);
  }
  #imgShoe {
    width : calc(193px*1.24);
    height : calc(158px*1.24);
    left: calc(1206px*1.24);
  }
  #tablecwblackjacklogo {
    left : calc(1438px*1.24);
    top : calc(8px*1.24);
    width : calc(129px*1.24);
    height : calc(57px*1.24);
  }
  .betIdentifier { 
    width : calc(33px*1.24);
    height : calc(19px*1.24);
  }
  #dealerBlackjackNotification {
    width : calc(250px*1.24);
    height : calc(90px*1.24);
    left: calc(861px*1.24);
    top : calc(140px*1.24);
  }
  #dealerScoreIndicator { 
    width : calc(64px*1.24);
    height : calc(34px*1.24);
    left : calc(1025px*1.24);
    top : calc(88px*1.24);
  }
  .dealerScoreIndicatorToggle {
    width : calc(23px*1.24);
    height : calc(16px*1.24);
  }
  #dealerScoreIndicator p {
    font-size : calc(36px*1.24);
    margin-top : calc(-7px*1.24);
  }
  #tooManyIndicator {
    top : calc(119px*1.24);
    left : calc(927px*1.24);
    width : calc(154px*1.24);
    height : calc(44px*1.24);
  }
  #tooManyIndicatorImg {
    left : calc(-154px*1.24);
  }
  #discardZoom2xDiv {
    left : calc(1061px*1.24);
    top : calc(17px*1.24);
  }
  #discardZoom2xDiv p,#learnPremiumPreview p {
    font-size : calc(18px*1.24);
  }
  #discardZoomDiv {
    left : calc(408px*1.24);
    top : calc(137px*1.24);
    width : calc(100px*1.24);
    height : calc(44px*1.24);
  }
  .discardZoomedTray {
    width : calc(228px*1.24);
    height : calc(276px*1.24);
  }
  .discardZoomedPile {
    width : calc(216px*1.24);
    height : calc(168px*1.24);
  }
  #btnDiscardZoom2x {
    width : calc(30px*1.24);
    height : calc(21px*1.24);
    left : calc(51px*1.24);
    top : calc(19px*1.24);
  }
  #zoomedDiscardImg {
    margin-top : calc(20px*1.24);
  }
  .card {
    width : calc(63px*1.24);
    height : calc(83px*1.24);
  }
  #imgTurnTimer {
    width : calc(58px*1.24);
    height : calc(15px*1.24);
  }
  #imgHandIndicator {
    width : calc(27px*1.24);
	  height : calc(86px*1.24);
  }
  #imgTurnChip {
    width : calc(44px * 1.24);
    height: calc(25px*1.24);
  }
  #imgInsuranceRibbon {
    width : calc(800px*1.24);
    height : calc(122px*1.24);
    left : calc(476px*1.24);
    top : calc(292px*1.24);
  }
  .playersClubCard {
    width : calc(98px*1.24);
    height : calc(62px*1.24);
  }
  .bigHandActionBg {
    width : calc(134px*1.24);
    height : calc(69px*1.24);
  }
  .smallHandActionBg {
    width : calc(89px*1.24);
    height : calc(67px*1.24);
  }
  .coreHandAction {
    width : calc(110px*1.24);
    height : calc(45px*1.24);
  }
  .surrenderAction {
    width : calc(47px*1.24);
  }
  #handActionTrim {
    width : calc(153px*1.24);
    height : calc(17px*1.24);
  }
  .btnInsurance {
    width : calc(100px*1.24);
    height : calc(41px*1.24);
  }
  .cardsPointOfRef {
    width : calc(5px*1.24);
    height : calc(48px*1.24);
  }
  #betTimer {
    width : calc(300px*1.24);
    height : calc(23px*1.24);
    left : calc(1290px*1.24);
    top : calc(201px*1.24);
  }
  .betCircle {
    width : calc(113px*1.24);
    height : calc(53px*1.24);
  }
  .sidebetCircle,.stagingSidebetCircle {
    width : calc(54px*1.24);
    height : calc(32px*1.24);
  }
  .sidebet21plus3Label {
    width : calc(108px*1.24);
    height : calc(32px*1.24);
    top : calc(237px*1.24);
    left : calc(1182px*1.24);
  }
  .btnRaiseTheRoof {
    width : calc(51px*1.24);
    height : calc(17px*1.24);
  }
  .raiseRoofPrompt {
    width : calc(103px*1.24);
    height : calc(82px*1.24);
  }
  .win21Plus3Notification {
    width : calc(159px*1.24);
    height : calc(45px*1.24);
  }
  .win21Plus3Notification p {
    font-size : calc(14px*1.24);
    margin-top : calc(24px*1.24);
    margin-left : calc(49px*1.24);
  }
  .perfectPairWinNotification {
    width : calc(86px*1.24);
    height : calc(33px*1.24);
  }
  .perfectPairWinNotification p {
    font-size : calc(13px*1.24);
    margin-top : calc(13px*1.24);
  }
  .sidebetPerfectPairsLabel {
    width : calc(97px*1.24);
    height : calc(35px*1.24);
    left : calc(1315px*1.24);
    top : calc(136px*1.24);
  }
  .sidebetRaiseTheRoofLabel {
    width : calc(95px*1.24);
    height : calc(48px*1.24);
    top : calc(130px*1.24);
    left : calc(1314px*1.24);
  }
  .cardTouchWarningNotification {
    width : calc(78px*1.24);
    height : calc(37px*1.24);
  }
  #btnSwapBetMethod {
    left : calc(134px*1.24);
    top : calc(53px*1.24);
    width : calc(51px*1.24);
    height : calc(42px*1.24);
  }
  #betSlider.ui-slider {
    height : calc(4px*1.24);
  }
  #betSlider .ui-slider-handle {
    top : calc(-18px*1.24);
    width : calc(26px*1.24);
    height : calc(40px*1.24);
  }
  #imgSliderLeftTrim {
    left : calc(-16px*1.24);
    top : calc(-5px*1.24);
    width:calc(17px*1.24);
    height:calc(14px*1.24);
  }
  #imgSliderRightTrim {
    left : calc(183px*1.24);
    top : calc(-5px*1.24);
    width : calc(22px*1.24);
    height : calc(14px*1.24);
  }
  #manualBetting {
    top : calc(76px*1.24);
    left : calc(139px*1.24);
    width : calc(271px*1.24);
    height : calc(88px*1.24);
  }
  .manualChip {
    width : calc(39px*1.24);
    height : calc(35px*1.24);
  }
  #lblCurrentBet {
    font-size : calc(22px*1.24);
  }
  #currentBetTextBox {
    top : calc(21px*1.24);
    left : calc(210px*1.24);
    width : calc(132px*1.24);
    height: calc(40px*1.24);
  }
  #bettingControls {
    width   : calc(553px*1.24);
    height  : calc(40px*1.24);
  }
  #betSlider { 
    width : calc(184px*1.24);
    left : calc(182px*1.24);
    top : calc(130px*1.24);
  }
  #btnConfirmBet {
    top : calc(58px*1.24);
    left : calc(433px*1.24);
  }
  .clearAdditionalBetButton {
    width : calc(45px*1.24);
    height : calc(21px*1.24);
  }
  #btnClearBet {
    top : calc(59px*1.24);  
    left : calc(370px*1.24);
  }
  #betSpotIndicator {
    width : calc(139px*1.24);
    height : calc(24px*1.24);
  }
  #sidebetSpotIndicator {
    width : calc(70px*1.24);
    height : calc(22px*1.24);
  }
  .rulesBox {
    font-size : calc(10*1.24);
    margin-top : calc(-5px*1.24);
    margin-left : calc(8px*1.24);
  }
  .rulesBox p {
    padding-right: calc(8px*1.24);
  }
  .handScoreIndicator {
    width : calc(64px*1.24);
    height : calc(47px*1.24);
  }
  #btnToggleScoreIndicator {
    width : calc(23px*1.24);
    height : calc(16px*1.24);
  }
  #lblHandScoreIndicator {
    font-size : calc(43px*1.24);
    margin-top : calc(-5px*1.24);
  }
  #rulesPage {
    width : calc(1110px*1.24);
    height : calc(500px*1.24);
    padding : calc(50px*1.24) calc(45px*1.24) calc(50px*1.24) calc(30px*1.24);
  }
  #rulesScrollbox {
    padding-left : calc(5px*1.24);
    padding-right : calc(20px*1.24);
  }
  #btnDismissRules {
    top : calc(55px*1.24);
    left : calc(927px*1.24);
  }
  #rulesPage h1 {
    font-size : calc(45px*1.24);
    margin-top : calc(10px*1.24);
  }
  #rulesPage h2 {
    font-size : calc(38px*1.24);
    margin-left : calc(80px*1.24);
    padding-top : calc(30px*1.24);
  }
  #rulesPage p {
    font-size : calc(22px*1.24);
    line-height : calc(33px*1.24);
  }
  .rulesPageSection {
    margin-top : calc(50px*1.24);
  }
  #promoIndicator {
    width : calc(125px*1.24);
    height : calc(27px*1.24);
    top : calc(781px*1.24);
    left : calc(1284px*1.24);
  }
  #inGameCount {
    font-size:calc(17px*1.24);
    margin-top:calc(15px*1.24);
    margin-left:calc(64px*1.24);
  }
  #clubCountPromptDiv {
    left : calc(730px*1.24);
    top : calc(385px*1.24);
    width : calc(300px*1.24);
    height : calc(183px*1.24);
  }
  #clubPromptCountBtns {
    width : calc(180px*1.24);
    margin-left : calc(10px*1.24);
    margin-top : calc(15px*1.24);
  }
  #clubPromptCountBox {
    height : calc(166px*1.24);
    width : calc(300px*1.24);
  }
  .tableProfileActions:after {
    border-width : calc(10px*1.24);
    margin-left : calc(-10px*1.24);
  }
  .tableProfileActions:before {
    border-width : calc(12px*1.24);
    margin-left : calc(-12px*1.24);
  }
  .gameMoneyIndicator {
    width : calc(34px*1.24);
    height : calc(43px*1.24);
  }
  .gameMoneyIndicatorSign {
    width : calc(29px*1.24);
    height: calc(17px*1.24);
  }
  .gameMoneyIndicatorLabel {
    font-size : calc(19px*1.24);
    margin-left : calc(34px*1.24);
    margin-top : calc(12px*1.24);
  }
  .playerAvatar {
    width : calc(73px*1.24);
    height : calc(73px*1.24);
    border : solid calc(2px*1.24) #2a4c16;
    left : calc(23px*1.24);
  }
  .playerAvatarDiv {
    width : calc(128px*1.24);
    height : calc(115px*1.24);
  }
  #inherentPlayerIndicator {
    width : calc(45px*1.24);
    height : calc(14px*1.24);
    left : calc(61px*1.24);
    top : calc(64px*1.24);
  }
  .playerIdentificationDot {
    width : calc(4px*1.24);
    height : calc(4px*1.24);
    left : calc(85px*1.24);
    top: calc(55px*1.24);
  }
  .playerAvatarFrame {
    width : calc(112px*1.24);
    height : calc(82px*1.24);
  }
  .playerAvatarChatNotification {
    left : calc(96px*1.24);
    top : calc(62px*1.24);
    width : calc(32px*1.24);
    height : calc(13px*1.24);
  }
  .prevAvatar {
    border : solid calc(2px*1.24) #FFFFFF;
    width : calc(30px*1.24);
    height : calc(30px*1.24);
  }
  .bettingscreen {
    font-size : calc(12px*1.24);
  }
  .fireRing {
    width : calc(137px*1.24);
    height : calc(81px*1.24);
  }
  .surrenderAnimation {
    width : calc(60px*1.24);
    height : calc(41px*1.24);
  }
  #betErrorNotification {
    width : calc(87px*1.24);
    height : calc(32px*1.24);
  }
  .bustNotification {
    width : calc(55px*1.24);
    height : calc(20px*1.24);
  }
  #seatWinImage {
    width : calc(145px*1.24);
    height : calc(87px*1.24);
  }
  #seatPushImage {
    width : calc(35px*1.24);
    height : calc(30px*1.24);
  }
  .sittingOutIndicator {
    width : calc(38px*1.24);
    height : calc(41px*1.24);
  }
  .dealerCard {
    width : calc(67px*1.24);
    height : calc(93px*1.24);
  }
  #imgCutCard {
    width : calc(62px*1.24);
    height : calc(86px*1.24);
  }
  #virtualDealer {
    left : calc(854px*1.24);
    width : calc(281px*1.24);
    height : calc(93px*1.24);
  }
  #dealerAvatar {
    height : calc(93px*1.24);
    width  : calc(98px*1.24);
    border : calc(3px*1.24) solid #505050;
  }

  #dealerDialogueBox {
    padding-top : calc(5px*1.24);
    padding-bottom : calc(5px*1.24);
    padding-right : calc(10px*1.24);
    padding-left  : calc(10px*1.24);
    height : calc(31px*1.24);
  }

  #dealerDialogue {
    font-size : calc(12px*1.24);
    line-height : calc(15px*1.24);
  }
}
body:has(.highRes) {
  .sidebetPotOfGoldLabel {
    top : calc(222px*1.48);
    left : calc(1206px*1.48);
    width : calc(52px*1.48);
    height : calc(54px*1.48);
  }
  .sidebetPush22Label {
    width : calc(101px*1.48);
    height : calc(25px*1.48);
    top :  calc(238px*1.48);
    left : calc(1188px*1.48);
  }
  #betErrorNotificationFbb {
    width : calc(54px*1.48);
    height : calc(39px*1.48);
  }
  .freeBetChip {
    width :  calc(46px*1.48);
    height : calc(36px*1.48);
  }
  #dPush22Indicator {
    width : calc(155px*1.48);
    height : calc(30px*1.48);
    left : calc(834px*1.48);
    top : calc(99px*1.48);
  }
  .actionFreeBetQualifier {
    width : calc(39px*1.48);
    height : calc(10px*1.48);
  }
  #btnDoubleCardOrientationSwitcher {
    width :  calc(30px*1.48);
    height : calc(26px*1.48);
  }
  #doubleCardOrientationStatus {
    width : calc(53px*1.48);
    height : calc(13px*1.48);
  }
  #splitAction {
    width :  calc(69px*1.48);
    height : calc(47px*1.48);
  }
  .circleFill {
    width :  calc(82px*1.48);
    height : calc(28px*1.48);
  }
  .tableComeInButton {
    width :  calc(198px*1.48);
    height : calc(57px*1.48);
    font-size : calc(20px*1.48);
  }
  #dNameTag {
    width : calc(14px*1.48);
    height : calc(9px*1.48);
  }
  #insuranceNotificationLeft {
    width :calc(272px*1.48);
    height:calc(195px*1.48);
  }
  #insuranceNotificationRight {
    width  : calc(273px*1.48);
    height : calc(196px*1.48);
  }
  .beerWin {
    width : calc(145px*1.48);
    height : calc(87px*1.48);
  }
  .notification-blackjack {
    width : calc(107px*1.48);
    height : calc(32px*1.48);
  }
  .notification-21 {
    width : calc(91px*1.48);
    height : calc(33px*1.48);
  }
  .fireRing {
    width : calc(137px*1.48);
    height : calc(81px*1.48);
  }
  .careerGameListing {
    width:calc(1045px*1.48);
    height:calc(92px*1.48);
  }
  .careerGameList {
    padding-right:calc(10px*1.48);
  }
  #textOverlay {
    width : calc(643px*1.48);
    height : calc(90px*1.48);
  }
  #venueWelcomeMessage {
    font-size : calc(17px*1.48);
    top : calc(231px*1.48);
    left : calc(1304px*1.48);
    width : calc(310px*1.48);
    height : calc(56px*1.48);
  }
  #tableGameSettingsIcon {
    top : calc(40px*1.48);
    left : calc(1606px*1.48);
  }
  .premiumBetCircleOverlay {
    width : calc(113px*1.48);
    height : calc(15px*1.48);
  }
  .front {
    width:calc(190px*1.48);
    height:calc(121px*1.48);
  }
  .back {
    width:calc(190px*1.48);
    height:calc(121px*1.48);
    font-size:calc(7px*1.48);
  }
  #chatUnreadMessageIcon {
    margin-left : calc(25px*1.48);
    margin-top : calc(17px*1.48);
    width : calc(15px*1.48);
    height : calc(13px*1.48);
  }
  #chatIcon {
    width : calc(20px*1.48);
    height : calc(17px*1.48);
    margin-left : calc(7px*1.48);
    margin-top : calc(6px*1.48);
  }
  #tableImg {
    width:calc(1750px*1.48);
    height:calc(803px*1.48);
  }
  #customTableFrame {
    height : calc(199px*1.48);
    top : calc(559px*1.48);
  }
  #imgMinMaxPlate 
  {
    width:calc(190px*1.48);
    height:calc(121px*1.48);
    perspective : 1000px;
    left : calc(1410px*1.48);
    top : calc(62px*1.48);
  }
  #minMaxLabels {
    margin-top:calc(28px*1.48);
    margin-left:calc(70px*1.48);
    height:calc(40px*1.48);
  }
  #btnGameRules {
    margin-top:calc(14px*1.48);
    font-size:calc(14px*1.48);
  }
  #lblMinAndMax1 {
    font-size:calc(11px*1.48);
  }
  #lblMinAndMax2 {
    font-size:calc(11px*1.48);
    margin-top:calc(-6px*1.48);
  }
  #imgChipTray {
    width : calc(430px*1.48);
    height : calc(93px*1.48);
    left:calc(660px*1.48);
  }
  #imgShoe {
    width : calc(193px*1.48);
    height : calc(158px*1.48);
    left: calc(1206px*1.48);
  }
  #tablecwblackjacklogo {
    left : calc(1438px*1.48);
    top : calc(8px*1.48);
    width : calc(129px*1.48);
    height : calc(57px*1.48);
  }
  .betIdentifier { 
    width : calc(33px*1.48);
    height : calc(19px*1.48);
  }
  #dealerBlackjackNotification {
    width : calc(250px*1.48);
    height : calc(90px*1.48);
    left: calc(861px*1.48);
    top : calc(140px*1.48);
  }
  #dealerScoreIndicator { 
    width : calc(64px*1.48);
    height : calc(34px*1.48);
    left : calc(1025px*1.48);
    top : calc(88px*1.48);
  }
  .dealerScoreIndicatorToggle {
    width : calc(23px*1.48);
    height : calc(16px*1.48);
  }
  #dealerScoreIndicator p {
    font-size : calc(36px*1.48);
    margin-top : calc(-7px*1.48);
  }
  #tooManyIndicator {
    top : calc(119px*1.48);
    left : calc(927px*1.48);
    width : calc(154px*1.48);
    height : calc(44px*1.48);
  }
  #tooManyIndicatorImg {
    left : calc(-154px*1.48);
  }
  #discardZoom2xDiv {
    left : calc(1061px*1.48);
    top : calc(17px*1.48);
  }
  #discardZoom2xDiv p,#learnPremiumPreview p {
    font-size : calc(18px*1.48);
  }
  #discardZoomDiv {
    left : calc(408px*1.48);
    top : calc(137px*1.48);
    width : calc(100px*1.48);
    height : calc(44px*1.48);
  }
  .discardZoomedTray {
    width : calc(228px*1.48);
    height : calc(276px*1.48);
  }
  .discardZoomedPile {
    width : calc(216px*1.48);
    height : calc(168px*1.48);
  }
  #btnDiscardZoom2x {
    width : calc(30px*1.48);
    height : calc(21px*1.48);
    left : calc(51px*1.48);
    top : calc(19px*1.48);
  }
  #zoomedDiscardImg {
    margin-top : calc(20px*1.48);
  }
  .card {
    width : calc(63px*1.48);
    height : calc(87px*1.48);
  }
  #imgTurnTimer {
    width : calc(58px*1.48);
    height : calc(15px*1.48);
  }
  #imgHandIndicator {
    width : calc(27px*1.48);
	  height : calc(86px*1.48);
  }
  #imgTurnChip {
    width : calc(44px * 1.48);
    height: calc(25px*1.48);
  }
  #imgInsuranceRibbon {
    width : calc(800px*1.48);
    height : calc(122px*1.48);
    left : calc(476px*1.48);
    top : calc(292px*1.48);
  }
  .playersClubCard {
    width : calc(98px*1.48);
    height : calc(62px*1.48);
  }
  .bigHandActionBg {
    width : calc(134px*1.48);
    height : calc(69px*1.48);
  }
  .smallHandActionBg {
    width : calc(89px*1.48);
    height : calc(67px*1.48);
  }
  .coreHandAction {
    width : calc(110px*1.48);
    height : calc(45px*1.48);
  }
  .surrenderAction {
    width : calc(47px*1.48);
  }
  #handActionTrim {
    width : calc(153px*1.48);
    height : calc(17px*1.48);
  }
  .btnInsurance {
    width : calc(100px*1.48);
    height : calc(41px*1.48);
  }
  .cardsPointOfRef {
    width : calc(5px*1.48);
    height : calc(48px*1.48);
  }
  #betTimer {
    width : calc(300px*1.48);
    height : calc(23px*1.48);
    left : calc(1290px*1.48);
    top : calc(201px*1.48);
  }
  .betCircle {
    width : calc(113px*1.48);
    height : calc(53px*1.48);
  }
  .sidebetCircle,.stagingSidebetCircle {
    width : calc(54px*1.48);
    height : calc(32px*1.48);
  }
  .sidebet21plus3Label {
    width : calc(108px*1.48);
    height : calc(32px*1.48);
    top : calc(237px*1.48);
    left : calc(1182px*1.48);
  }
  .btnRaiseTheRoof {
    width : calc(51px*1.48);
    height : calc(17px*1.48);
  }
  .raiseRoofPrompt {
    width : calc(103px*1.48);
    height : calc(82px*1.48);
  }
  .win21Plus3Notification {
    width : calc(159px*1.48);
    height : calc(45px*1.48);
  }
  .win21Plus3Notification p {
    font-size : calc(14px*1.48);
    margin-top : calc(24px*1.48);
    margin-left : calc(49px*1.48);
  }
  .perfectPairWinNotification {
    width : calc(86px*1.48);
    height : calc(33px*1.48);
  }
  .perfectPairWinNotification p {
    font-size : calc(13px*1.48);
    margin-top : calc(13px*1.48);
  }
  .sidebetPerfectPairsLabel {
    width : calc(97px*1.48);
    height : calc(35px*1.48);
    left : calc(1315px*1.48);
    top : calc(136px*1.48);
  }
  .sidebetRaiseTheRoofLabel {
    width : calc(95px*1.48);
    height : calc(48px*1.48);
    top : calc(130px*1.48);
    left : calc(1314px*1.48);
  }
  .cardTouchWarningNotification {
    width : calc(78px*1.48);
    height : calc(37px*1.48);
  }
  #btnSwapBetMethod {
    left : calc(134px*1.48);
    top : calc(53px*1.48);
    width : calc(51px*1.48);
    height : calc(42px*1.48);
  }
  #betSlider.ui-slider {
    height : calc(4px*1.48);
  }
  #betSlider .ui-slider-handle {
    top : calc(-18px*1.48);
    width : calc(26px*1.48);
    height : calc(40px*1.48);
  }
  #imgSliderLeftTrim {
    left : calc(-16px*1.48);
    top : calc(-5px*1.48);
    width:calc(17px*1.48);
    height:calc(14px*1.48);
  }
  #imgSliderRightTrim {
    left : calc(183px*1.48);
    top : calc(-5px*1.48);
    width : calc(22px*1.48);
    height : calc(14px*1.48);
  }
  #manualBetting {
    top : calc(76px*1.48);
    left : calc(139px*1.48);
    width : calc(271px*1.48);
    height : calc(88px*1.48);
  }
  .manualChip {
    width : calc(39px*1.48);
    height : calc(35px*1.48);
  }
  #lblCurrentBet {
    font-size : calc(22px*1.48);
  }
  #currentBetTextBox {
    top : calc(21px*1.48);
    left : calc(210px*1.48);
    width : calc(132px*1.48);
    height: calc(40px*1.48);
  }
  #bettingControls {
    width   : calc(553px*1.48);
    height  : calc(40px*1.48);
  }
  #betSlider { 
    width : calc(184px*1.48);
    left : calc(182px*1.48);
    top : calc(130px*1.48);
  }
  #btnConfirmBet {
    top : calc(58px*1.48);
    left : calc(433px*1.48);
  }
  .clearAdditionalBetButton {
    width : calc(45px*1.48);
    height : calc(21px*1.48);
  }
  #btnClearBet {
    top : calc(59px*1.48);  
    left : calc(370px*1.48);
  }
  #betSpotIndicator {
    width : calc(139px*1.48);
    height : calc(24px*1.48);
  }
  #sidebetSpotIndicator {
    width : calc(70px*1.48);
    height : calc(22px*1.48);
  }
  .rulesBox {
    font-size : calc(10*1.48);
    margin-top : calc(-5px*1.48);
    margin-left : calc(8px*1.48);
  }
  .rulesBox p {
    padding-right: calc(8px*1.48);
  }
  .handScoreIndicator {
    width : calc(64px*1.48);
    height : calc(47px*1.48);
  }
  #btnToggleScoreIndicator {
    width : calc(23px*1.48);
    height : calc(16px*1.48);
  }
  #lblHandScoreIndicator {
    font-size : calc(43px*1.48);
    margin-top : calc(-5px*1.48);
  }
  #rulesPage {
    width : calc(1110px*1.48);
    height : calc(500px*1.48);
    padding : calc(50px*1.48) calc(45px*1.48) calc(50px*1.48) calc(30px*1.48);
  }
  #rulesScrollbox {
    padding-left : calc(5px*1.48);
    padding-right : calc(20px*1.48);
  }
  #btnDismissRules {
    top : calc(55px*1.48);
    left : calc(927px*1.48);
  }
  #rulesPage h1 {
    font-size : calc(45px*1.48);
    margin-top : calc(10px*1.48);
  }
  #rulesPage h2 {
    font-size : calc(38px*1.48);
    margin-left : calc(80px*1.48);
    padding-top : calc(30px*1.48);
  }
  #rulesPage p {
    font-size : calc(22px*1.48);
    line-height : calc(33px*1.48);
  }
  .rulesPageSection {
    margin-top : calc(50px*1.48);
  }
  #promoIndicator {
    width : calc(125px*1.48);
    height : calc(27px*1.48);
    top : calc(781px*1.48);
    left : calc(1284px*1.48);
  }
  #inGameCount {
    font-size:calc(17px*1.48);
    margin-top:calc(15px*1.48);
    margin-left:calc(64px*1.48);
  }
  #clubCountPromptDiv {
    left : calc(730px*1.48);
    top : calc(385px*1.48);
    width : calc(300px*1.48);
    height : calc(183px*1.48);
  }
  #clubPromptCountBtns {
    width : calc(180px*1.48);
    margin-left : calc(10px*1.48);
    margin-top : calc(15px*1.48);
  }
  #clubPromptCountBox {
    height : calc(166px*1.48);
    width : calc(300px*1.48);
  }
  .tableProfileActions:after {
    border-width : calc(10px*1.48);
    margin-left : calc(-10px*1.48);
  }
  .tableProfileActions:before {
    border-width : calc(12px*1.48);
    margin-left : calc(-12px*1.48);
  }
  .gameMoneyIndicator {
    width : calc(34px*1.48);
    height : calc(43px*1.48);
  }
  .gameMoneyIndicatorSign {
    width : calc(29px*1.48);
    height: calc(17px*1.48);
  }
  .gameMoneyIndicatorLabel {
    font-size : calc(19px*1.48);
    margin-left : calc(34px*1.48);
    margin-top : calc(12px*1.48);
  }
  .playerAvatar {
    width : calc(73px*1.48);
    height : calc(73px*1.48);
    border : solid calc(2px*1.48) #2a4c16;
    left : calc(23px*1.48);
  }
  .playerAvatarDiv {
    width : calc(128px*1.48);
    height : calc(115px*1.48);
  }
  #inherentPlayerIndicator {
    width : calc(45px*1.48);
    height : calc(14px*1.48);
    left : calc(61px*1.48);
    top : calc(64px*1.48);
  }
  .playerIdentificationDot {
    width : calc(4px*1.48);
    height : calc(4px*1.48);
    left : calc(85px*1.48);
    top: calc(55px*1.48);
  }
  .playerAvatarFrame {
    width : calc(112px*1.48);
    height : calc(82px*1.48);
  }
  .playerAvatarChatNotification {
    left : calc(96px*1.48);
    top : calc(62px*1.48);
    width : calc(32px*1.48);
    height : calc(13px*1.48);
  }
  .prevAvatar {
    border : solid calc(2px*1.48) #FFFFFF;
    width : calc(30px*1.48);
    height : calc(30px*1.48);
  }
  .bettingscreen {
    font-size : calc(12px*1.48);
  }
  .surrenderAnimation {
    width : calc(60px*1.48);
    height : calc(41px*1.48);
  }
  #betErrorNotification {
    width : calc(87px*1.48);
    height : calc(32px*1.48);
  }
  .bustNotification {
    width : calc(55px*1.48);
    height : calc(20px*1.48);
  }
  #seatWinImage {
    width : calc(145px*1.48);
    height : calc(87px*1.48);
  }
  #seatPushImage {
    width : calc(35px*1.48);
    height : calc(30px*1.48);
  }
  .sittingOutIndicator {
    width : calc(38px*1.48);
    height : calc(41px*1.48);
  }
  .dealerCard {
    width : calc(67px*1.48);
    height : calc(93px*1.48);
  }
  #imgCutCard {
    width : calc(62px*1.48);
    height : calc(86px*1.48);
  }
  #virtualDealer {
    left : calc(854px*1.48);
    width : calc(281px*1.48);
    height : calc(93px*1.48);
  }
  #dealerAvatar {
    height : calc(93px*1.48);
    width  : calc(98px*1.48);
    border : calc(3px*1.48) solid #505050;
  }

  #dealerDialogueBox {
    padding-top : calc(5px*1.48);
    padding-bottom : calc(5px*1.48);
    padding-right : calc(10px*1.48);
    padding-left  : calc(10px*1.48);
    height : calc(31px*1.48);
  }

  #dealerDialogue {
    font-size : calc(12px*1.48);
    line-height : calc(15px*1.48);
  }
}

.redClubBackButton {
  width : 54px;
  height : 44px;
}
#venueSidebetIndicator {
  width : 14px;
  height : 14px;
}

#venueLoadingAnimation {
	position : absolute;
	left : 360px;
	top : 30px;
	width:28px;
	height:27px;
}

#clubLoadingAnimation {
	position : absolute;
	left : 235px;
	top : 22px;
}

.yellowButtonVenue {
	
	font-family:"Roboto";
	font-weight : 500;
	background-color:#d4b842;
	font-size: 16px;
	line-height: 19px;
	color: #293A1F;
	border-radius: 10px;
	width: 146px;
	height: 40px;

	padding: 2px 6px 2px 6px;
	border-top: 2px solid #bfbfbf;
	border-right: 2px solid #3c3c3c;
	border-bottom: 2px solid #3c3c3c;
	border-left: 2px solid #bfbfbf;
}

.yellowButtonVenue:active {
	border-top: 2px solid #3c3c3c;
	border-right: 2px solid #bfbfbf;
	border-bottom: 2px solid #bfbfbf;
	border-left: 2px solid #3c3c3c;
}

.venueScreen {
	z-index : 1;
	position:absolute;
	overflow-x : hidden;
}

#imgCustomClubBorder {
	width  : 850px;
	height : 17px;
	position : relative;
	display : block;
	margin : auto;
	margin-top : 28px;
}

#imgCustomVenueBorder {
	width : 1101px;
	height : 7px;
	margin : auto;
	display : block;
	position : relative;
	margin-top : 48px;
}

#clubMessageBox {
	width : 420px;
	height : 160px;
	position : relative;
	margin : auto;
	margin-top : 25px;
}

#venueMessageBox {
	width : 400px;
	height : 160px;
  margin : auto;
	margin-top : 80px;
}

#venueMessageBox h1, #clubCountPromptDiv h1,#clubMessageBox h1 {
	font-size : 26px;
	font-family : Red Rose, cursive;
	text-align : center;
	display : block;
	color : #E0C34D;
	margin : 0;
}

#clubPasswordPromptDiv {
	width : 420px;
}

#clubPasswordPromptDiv h2 {
	text-align : center;
	color : white;
}

.greenMessageContainer {
	background:#2d4c2c;
	border-radius : 15px;
}

.yellowMessageContainer h2 .greenMessageContainer h2 {
	font-size : 20px;
	font-family : Roboto, sans serif;
	color : #FFFFFF;
	text-align : center;
	margin : 0;
	padding-top : 25px;
}

.yellowMessageContainer p, .greenMessageContainer p {
	margin : 0;
	padding-top : 25px;
	font-size : 18px;
	font-family : Roboto, sans serif;
	font-weight : 700;
	text-align : left;
	padding-left : 20px;
	padding-right : 20px;
	line-height : 32px;
	color : #FFFFFF;
}

.yellowMessageContainer {
	background : #c4b77e;
}

#playersClubTitleItem {
	width : 242px;
	height : 139px; 
	position : absolute;
	top : 38px;
	left : 241px;
}

.playersClubAnswer {
	position : absolute;
	left : 222px;
	top : 253px;
}

.playersClubScreen {
	position : absolute;
	top : 162px;
	left : 62px;
	opacity : .95;
}

#playersClubLogoBox {
	display : flex;
	align-items: center;
	justify-content: center;
	width : 277px;
	height : 147px;
	top : 221px;
	left : 571px;
	position : absolute;
}

#playersClubLogoBox img {
	opacity : .85;
}

#playersClubDecor {
	width : 98px;
	height : 164px;
	position : absolute;
	left : 878px;
	top : 153px;
}

#btnPlayersClubViewGames {
	opacity : .65;
	position: absolute;
	top : 151px;
	left : 732px;
  width : 126px;
  height : 54px;
}

#playersClubBorder {
	position : absolute;
	top : 102px; 
	left : 162px;
	width : 90px;
	height : 105px;
}

#playersClubDialogueBorder {
	position : absolute;
	left : 183px;
	top : 222px;
	height : 148px;
	width : 24px;
}

.gameSetup {
	margin : auto;
	margin-top : 25px;
}

.gameSetupField {
	background-color:#52562b;
	color : white;
  outline:none;
	z-index : 2;
}

.clubGameSetupDollarSign {
	z-index : 2;
	color : white;
}

.mainGameSetupPage {
	margin : auto;
	position:relative;
}

.advancedGameSetupPage {
	margin : auto;
	position:relative;
}

.gameSetup h2 {
	color : white;
	font-family: Calibri, sans-serif;
	margin : 0;
}

.clubScreen select {
	z-index : 2;
}

.clubOptionAccent {
	z-index : 1
}

.clubGameSetupChkBox {
	width : 30px;
	height : 30px;
	z-index : 2;
}

.clubFeltSelection {
	width:40px;
	height:34px;
}

.basicRoundedCorners {
	border-radius: 25px;
}

#inGamePass {
	font-size:17px;
	font-family:Roboto, sans-serif;
	display : block;
	margin : auto;
	margin-top:10px;
}

#passwordActionBtns {
	margin : auto;
	padding-top : 20px;
	width : 276px;
	justify-content: space-between;
}

.clubScreen p
{
	color : white;
}

.careerGameList p
{
	font-size : 30px;
}

.roboto20pt
{
  font-family: Roboto,sans-serif;
	font-weight : 400;
	font-size : 16px;
	color : #FFFFFF;
}

.lblListingDecksCareer {
	font-size:28px;
	white-space :nowrap;
	display : inline-block;
}

.lblListingMinMaxCareer {
	font-size:22px;
	font-weight:400;
	padding:0;
	white-space:nowrap;
	display : inline-block;
}

.lblListingRulesCareer {
	font-size:20px;
	color:#7D0126;
	font-weight:700;
	padding:0;
	white-space:nowrap;
	display : inline-block;
}

.lblUsersCareerVenueScreen {
	font-size:24px;
	color:#0C1F00; 
	font-weight:400;
	padding:0;
	white-space:nowrap;
	display : inline-block;
}

#lblBrowserCareerVenueTitle {
	font-size:32.1px;
	margin-top:80px;
	font-weight : 700;
	color:#E0C34D;
	font-family:Red Rose, cursive;
	text-align:center;
}
.advancedSetup
{
	border: solid black 2px;
}

#btnSubmitClubCount,#btnCancelClubCount {
  width : 92px;
  height : 47px;
}

body:has(.midRes) {
  #btnSubmitClubCount,#btnCancelClubCount {
    width :  calc(92px*1.24);
    height : calc(47px*1.24);
  }
  .redClubBackButton {
    width :  calc(54px*1.24);
    height : calc(44px*1.24);
  }
	.lblListingDecksCareer {
		font-size:calc(28px*1.24);
	}
	.lblListingMinMaxCareer {
		font-size:calc(22px*1.24);
	}
	.lblListingRulesCareer {
		font-size:calc(20px*1.24);
	}
	.lblUsersCareerVenueScreen {
		font-size:calc(24px*1.24);
	}
	#lblBrowserCareerVenueTitle {
		font-size:calc(32.1px*1.24);
		margin-top:calc(80px*1.24);
	}
  .roboto20pt
  {
    font-size : calc(16px*1.24);
  }
  .careerGameList p
  {
    font-size : calc(30px*1.24);
  }
  #passwordActionBtns {
    padding-top : calc(20px*1.24);
    width : calc(276px*1.24);
  }
  #inGamePass {
    font-size:calc(17px*1.24);
    margin-top:calc(10px*1.24);
  }
  .clubGameSetupChkBox {
    width : calc(30px*1.24);
    height : calc(30px*1.24);
  }
  .clubFeltSelection {
    width:calc(40px*1.24);
    height:calc(34px*1.24);
  }
  #playersClubDecor {
    width : calc(98px*1.24);
    height : calc(164px*1.24);
    left : calc(878px*1.24);
    top : calc(153px*1.24);
  }

  #btnPlayersClubViewGames {
    top : calc(151px*1.24);
    left : calc(732px*1.24);
    width : calc(126px*1.24);
    height : calc(54px*1.24);
  }

  #playersClubBorder {
    top : calc(102px*1.24); 
    left : calc(162px*1.24);
    width : calc(90px*1.24);
    height : calc(105px*1.24);
  }

  #playersClubDialogueBorder {
    left :   calc(183px*1.24);
    top :    calc(222px*1.24);
    height : calc(148px*1.24);
    width :  calc(24px*1.24);
  }

  .gameSetup {
    margin-top : calc(25px*1.24);
  }
  #playersClubTitleItem {
    width :  calc(242px*1.24);
    height : calc(139px*1.24); 
    top :    calc(38px*1.24);
    left :   calc(241px*1.24);
  }

  .playersClubAnswer {
    left : calc(222px*1.24);
    top :  calc(253px*1.24);
  }

  .playersClubScreen {
  
    top :  calc(162px*1.24);
    left : calc(62px*1.24);
  }

  #playersClubLogoBox {
    width :  calc(277px*1.24);
    height : calc(147px*1.24);
    top :    calc(221px*1.24);
    left :   calc(571px*1.24);
  }
  .yellowMessageContainer h2 .greenMessageContainer h2 {
    font-size :   calc(20px*1.24);
    padding-top : calc(25px*1.24);
  }

  .yellowMessageContainer p, .greenMessageContainer p {
    padding-top :   calc(25px*1.24);
    font-size :     calc(18px*1.24);
    padding-left :  calc(20px*1.24);
    padding-right : calc(20px*1.24);
    line-height :   calc(32px*1.24);
  }
  #imgCustomClubBorder {
    width  : calc(850px*1.24);
    height : calc(17px*1.24);
    margin-top : calc(28px*1.24);
  }

  #imgCustomVenueBorder {
    width : calc(1101px*1.24);
    height : calc(7px*1.24);
    margin-top : calc(48px*1.24);
  }

  #clubMessageBox {
    width :   calc(420px*1.24);
    height :  calc(160px*1.24);
    margin-top : calc(25px*1.24);
  }

  #venueMessageBox {
    width :  calc(400px*1.24);
    height : calc(160px*1.24);
    margin-top : calc(80px*1.24);
  }

  #venueMessageBox h1, #clubCountPromptDiv h1,#clubMessageBox h1 {
    font-size : calc(26px*1.24);
  }

  #clubPasswordPromptDiv {
    width : calc(420px*1.24);
  }
  #venueSidebetIndicator {
    width :  calc(14px*1.24);
    height : calc(14px*1.24);
  }

  #venueLoadingAnimation {
    left : calc(360px*1.24);
    top : calc(30px*1.24);
  }

  #clubLoadingAnimation {
    left : calc(235px*1.24);
    top : calc(22px*1.24);
  }

  .yellowButtonVenue {
    font-size: calc(16px*1.24);
    line-height: calc(19px*1.24);
    width: calc(146px*1.24);
    height: calc(40px*1.24);

    padding: calc(2px*1.24) calc(6px*1.24) calc(2px*1.24) calc(6px*1.24);
    border-top: calc(2px*1.24) solid #bfbfbf;
    border-right: calc(2px*1.24) solid #3c3c3c;
    border-bottom: calc(2px*1.24) solid #3c3c3c;
    border-left: calc(2px*1.24) solid #bfbfbf;
  }

  .yellowButtonVenue:active {
    border-top: calc(2px*1.24) solid #3c3c3c;
    border-right: calc(2px*1.24) solid #bfbfbf;
    border-bottom: calc(2px*1.24) solid #bfbfbf;
    border-left: calc(2px*1.24) solid #3c3c3c;
  }
}


body:has(.highRes) {
  #btnSubmitClubCount,#btnCancelClubCount {
    width :  calc(92px*1.48);
    height : calc(47px*1.48);
  }
  .advancedSetup
  {
    border: solid black calc(2px*1.48);
  }
  .redClubBackButton {
    width :  calc(54px*1.48);
    height : calc(44px*1.48);
  }
	.lblListingDecksCareer {
		font-size:calc(28px*1.48);
	}
	.lblListingMinMaxCareer {
		font-size:calc(22px*1.48);
	}
	.lblListingRulesCareer {
		font-size:calc(20px*1.48);
	}
	.lblUsersCareerVenueScreen {
		font-size:calc(24px*1.48);
	}
	#lblBrowserCareerVenueTitle {
		font-size:calc(32.1px*1.48);
		margin-top:calc(80px*1.48);
	}
  .roboto20pt
  {
    font-size : calc(16px*1.48);
  }
  .careerGameList p
  {
    font-size : calc(30px*1.48);
  }
  #passwordActionBtns {
    padding-top : calc(20px*1.48);
    width : calc(276px*1.48);
  }
  #inGamePass {
    font-size:calc(17px*1.48);
    margin-top:calc(10px*1.48);
  }
  .clubGameSetupChkBox {
    width : calc(30px*1.48);
    height : calc(30px*1.48);
  }
  .clubFeltSelection {
    width:calc(40px*1.48);
    height:calc(34px*1.48);
  }
  #playersClubDecor {
    width : calc(98px*1.48);
    height : calc(164px*1.48);
    left : calc(878px*1.48);
    top : calc(153px*1.48);
  }

  #btnPlayersClubViewGames {
    top : calc(151px*1.48);
    left : calc(732px*1.48);
    width : calc(126px*1.48);
    height : calc(54px*1.48);
  }

  #playersClubBorder {
    top : calc(102px*1.48); 
    left : calc(162px*1.48);
    width : calc(90px*1.48);
    height : calc(105px*1.48);
  }

  #playersClubDialogueBorder {
    left :   calc(183px*1.48);
    top :    calc(222px*1.48);
    height : calc(148px*1.48);
    width :  calc(24px*1.48);
  }

  .gameSetup {
    margin-top : calc(25px*1.48);
  }
  #playersClubTitleItem {
    width :  calc(242px*1.48);
    height : calc(139px*1.48); 
    top :    calc(38px*1.48);
    left :   calc(241px*1.48);
  }

  .playersClubAnswer {
    left : calc(222px*1.48);
    top :  calc(253px*1.48);
  }

  .playersClubScreen {
  
    top :  calc(162px*1.48);
    left : calc(62px*1.48);
  }

  #playersClubLogoBox {
    width :  calc(277px*1.48);
    height : calc(147px*1.48);
    top :    calc(221px*1.48);
    left :   calc(571px*1.48);
  }
  .yellowMessageContainer h2 .greenMessageContainer h2 {
    font-size :   calc(20px*1.48);
    padding-top : calc(25px*1.48);
  }

  .yellowMessageContainer p, .greenMessageContainer p {
    padding-top :   calc(25px*1.48);
    font-size :     calc(18px*1.48);
    padding-left :  calc(20px*1.48);
    padding-right : calc(20px*1.48);
    line-height :   calc(32px*1.48);
  }
  #imgCustomClubBorder {
    width  : calc(850px*1.48);
    height : calc(17px*1.48);
    margin-top : calc(28px*1.48);
  }

  #imgCustomVenueBorder {
    width : calc(1101px*1.48);
    height : calc(7px*1.48);
    margin-top : calc(48px*1.48);
  }

  #clubMessageBox {
    width :   calc(420px*1.48);
    height :  calc(160px*1.48);
    margin-top : calc(25px*1.48);
  }

  #venueMessageBox {
    width :  calc(400px*1.48);
    height : calc(160px*1.48);
    margin-top : calc(80px*1.48);
  }

  #venueMessageBox h1, #clubCountPromptDiv h1,#clubMessageBox h1 {
    font-size : calc(26px*1.48);
  }

  #clubPasswordPromptDiv {
    width : calc(420px*1.48);
  }
  #venueSidebetIndicator {
    width :  calc(14px*1.48);
    height : calc(14px*1.48);
  }

  #venueLoadingAnimation {
    left : calc(360px*1.48);
    top : calc(30px*1.48);
  }

  #clubLoadingAnimation {
    left : calc(235px*1.48);
    top : calc(22px*1.48);
  }

  .yellowButtonVenue {
    font-size: calc(16px*1.48);
    line-height: calc(19px*1.48);
    width: calc(146px*1.48);
    height: calc(40px*1.48);

    padding: calc(2px*1.48) calc(6px*1.48) calc(2px*1.48) calc(6px*1.48);
    border-top: calc(2px*1.48) solid #bfbfbf;
    border-right: calc(2px*1.48) solid #3c3c3c;
    border-bottom: calc(2px*1.48) solid #3c3c3c;
    border-left: calc(2px*1.48) solid #bfbfbf;
  }

  .yellowButtonVenue:active {
    border-top: calc(2px*1.48) solid #3c3c3c;
    border-right: calc(2px*1.48) solid #bfbfbf;
    border-bottom: calc(2px*1.48) solid #bfbfbf;
    border-left: calc(2px*1.48) solid #3c3c3c;
  }

}#playerHouseScreen {
  position:absolute;
	left : 0px;
	top : 0px;
	width : 100%;
	height : 808px;
}

.laptopAchievementText {
	color:yellow;
	font-size:18px;
	font-family:Roboto, sans-serif;
	opacity : .5;
}

.laptopAchievementComplete {
	color:yellow;
	font-size:18px;
	font-family:Roboto, sans-serif;
	opacity : .8;
}

.laptopAchievementGroup {
	display : flex;
	justify-content : space-evenly;
	border-bottom : 2px solid black;
	margin-top : 10px;
}

.laptopAchievementGroup2 {
	display : flex;
	flex-direction : column;
}

.code {
  color: white;
  background-color: gray;
  padding: 2px;
}

.codeDisabled {
	color: white;
  background-color: gray;
  padding: 2px;
	opacity : .6;
}

.interactableIcon {
	pointer-events : none;
	opacity : 1;
	width : 80px;
	height : 40px;
}

#mailScreen {
	background : rgba(0,0,0,0.6);
	position : absolute;
	width : 100%;
	height : 100%;
	left : 0px;
	top : 0px;
	display : flex;
}
#dailyRedemptionMailPiece {
	position : relative;
	margin : auto;
	white-space:nowrap;
	width : 721px;
	height : 391px;
}

#dailyRedemptionDialog h1 {
	font-family : Red Rose, cursive;
	color : #ffffff;
	text-align : center;
}

#dailyRedemptionMailPiece h2 {
	font-size : 16px;
	color : #303030;
	font-family: monospace, monospace;
}

#dailyRedemptionDialog { 
	background : #122e00;
	width : 243px;
	height : 128px;
	position : absolute;
	top : 531px;
	left : 920px;
	border-radius : 15px;
	padding : 15px;
}

.laptopMenuList {
	background :#595858;
	width:100px;
	border-radius : 17px;
	padding-bottom : 5px;
	padding-top : 5px;
}

.laptopImage {
	width : 146px;
	height : 140px;
}

#btnConfirmLaptopPurchase {
	width : 133px;
	height : 28px;
}

#btnCancelLaptopPurchase {
	width : 118px;
	height : 28px;
}

#coffeeTable {
	width : 605px;
	height : 249px;
}

#desk {
	width : 207px;
	height : 159px;
}

#officeChair {
	width : 97px;
	height : 198px;
}

#safe {
	width : 274px;
	height : 173px;
}

.btnHouseGenericClose {
	width : 46px;
	height : 33px;
}

#sofa {
	width : 1365px;
	height : 127px;
}

#mailSeparator {
	width : 108px;
	height : 81px;
}

#btnBeginCount {
	width : 87px;
	height : 56px;
}

.laptopTravelButton {
	width:122px;
	height:26px;
}

.divStratPage p {
	font-size : 25px;
}

.divStatPage p {
	font-size : 25px;
}

.divStatPage h3 {
	font-size : 25px;
}

.webPageTitle {
	font-family : Red Rose, cursive;
	font-size : 25px;
	color : white;
	text-align:left;
	margin-top : 0px;
}

.webPageText {
	font-size: 20px;
	color : yellow;
	font-family: Roboto;
}

#screeningContent {
	width: 370px;
	height : 164px;
	font-family : Roboto, sans serif;
	font-size : 18px;
	padding : 20px;
	position : absolute;
	left : 780px;
	top : 480px;
	border-radius : 7px;
	background:#0C1F00;
	color : white;
}

#screenContent p {
	margin-bottom : 20px;
}

body:has(.midRes) {
	#screeningContent {
		width:   calc(370px*1.24);
		height : calc(164px*1.24);
		font-size : calc(18px*1.24);
		padding :   calc(20px*1.24);
		left : calc(780px*1.24);
		top :  calc(480px*1.24);
	}

	#screenContent p {
		margin-bottom : calc(20px*1.24);
	}
	.webPageTitle {
		font-size : calc(25px*1.24);
	}
	.webPageText {
		font-size: calc(20px*1.24);
	}
	.divStratPage p {
		font-size : calc(25px*1.24);
	}
	.divStatPage p {
		font-size : calc(25px*1.24);
	}
	.divStatPage h3 {
		font-size : calc(25px*1.24);
	}
	#playerHouseScreen {
		height : calc(808px*1.24);
	}

	.laptopAchievementText {
		font-size:calc(18px*1.24);
	}

	.laptopAchievementComplete {
		font-size:calc(18px*1.24);
	}

	.laptopAchievementGroup {
		border-bottom : calc(2px*1.24) solid black;
		margin-top : calc(10px*1.24);
	}

	.code {
		padding: calc(2px*1.24);
	}

	.codeDisabled {
		padding: calc(2px*1.24);
	}

	.interactableIcon {
		width : calc(80px*1.24);
		height : calc(40px*1.24);
	}
	#dailyRedemptionMailPiece {
		width : calc(721px*1.24);
		height : calc(391px*1.24);
	}

	#dailyRedemptionMailPiece h2 {
		font-size : calc(16px*1.24);
	}

	#dailyRedemptionDialog { 
		width : calc(243px*1.24);
		height : calc(128px*1.24);
		top : calc(531px*1.24);
		left : calc(920px*1.24);
		padding : calc(15px*1.24);
	}

	.laptopMenuList {
		width:calc(100px*1.24);
		padding-bottom : calc(5px*1.24);
		padding-top : calc(5px*1.24);
	}

	.laptopImage {
		width : calc(146px*1.24);
		height : calc(140px*1.24);
	}

	#btnConfirmLaptopPurchase {
		width : calc(133px*1.24);
		height : calc(28px*1.24);
	}

	#btnCancelLaptopPurchase {
		width : calc(118px*1.24);
		height : calc(28px*1.24);
	}

	#coffeeTable {
		width : calc(605px*1.24);
		height : calc(249px*1.24);
	}

	#desk {
		width : calc(207px*1.24);
		height : calc(159px*1.24);
	}

	#officeChair {
		width : calc(97px*1.24);
		height : calc(198px*1.24);
	}

	#safe {
		width : calc(274px*1.24);
		height : calc(173px*1.24);
	}

	.btnHouseGenericClose {
		width : calc(46px*1.24);
		height : calc(33px*1.24);
	}

	#sofa {
		width : calc(1365px*1.24);
		height : calc(127px*1.24);
	}

	#mailSeparator {
		width : calc(108px*1.24);
		height : calc(81px*1.24);
	}

	#btnBeginCount {
		width : calc(87px*1.24);
		height : calc(56px*1.24);
	}

	.laptopTravelButton {
		width:calc(122px*1.24);
		height:calc(26px*1.24);
	}
}

body:has(.highRes) {
	#screeningContent {
		width:   calc(370px*1.48);
		height : calc(164px*1.48);
		font-size : calc(18px*1.48);
		padding :   calc(20px*1.48);
		left : calc(780px*1.48);
		top :  calc(480px*1.48);
	}

	#screenContent p {
		margin-bottom : calc(20px*1.48);
	}
	.webPageTitle {
		font-size : calc(25px*1.48);
	}
	.webPageText {
		font-size: calc(20px*1.48);
	}
	.divStratPage p {
		font-size : calc(25px*1.48);
	}
	.divStatPage p {
		font-size : calc(25px*1.48);
	}
	.divStatPage h3 {
		font-size : calc(25px*1.48);
	}
	#playerHouseScreen {
		height : calc(808px*1.48);
	}

	.laptopAchievementText {
		font-size:calc(18px*1.48);
	}

	.laptopAchievementComplete {
		font-size:calc(18px*1.48);
	}

	.laptopAchievementGroup {
		border-bottom : calc(2px*1.48) solid black;
		margin-top : calc(10px*1.48);
	}

	.code {
		padding: calc(2px*1.48);
	}

	.codeDisabled {
		padding: calc(2px*1.48);
	}

	.interactableIcon {
		width : calc(80px*1.48);
		height : calc(40px*1.48);
	}
	#dailyRedemptionMailPiece {
		width : calc(721px*1.48);
		height : calc(391px*1.48);
	}

	#dailyRedemptionMailPiece h2 {
		font-size : calc(16px*1.48);
	}

	#dailyRedemptionDialog { 
		width : calc(243px*1.48);
		height : calc(128px*1.48);
		top : calc(531px*1.48);
		left : calc(920px*1.48);
		padding : calc(15px*1.48);
	}

	.laptopMenuList {
		width:calc(100px*1.48);
		padding-bottom : calc(5px*1.48);
		padding-top : calc(5px*1.48);
	}

	.laptopImage {
		width : calc(146px*1.48);
		height : calc(140px*1.48);
	}

	#btnConfirmLaptopPurchase {
		width : calc(133px*1.48);
		height : calc(28px*1.48);
	}

	#btnCancelLaptopPurchase {
		width : calc(118px*1.48);
		height : calc(28px*1.48);
	}

	#coffeeTable {
		width : calc(605px*1.48);
		height : calc(249px*1.48);
	}

	#desk {
		width : calc(207px*1.48);
		height : calc(159px*1.48);
	}

	#officeChair {
		width : calc(97px*1.48);
		height : calc(198px*1.48);
	}

	#safe {
		width : calc(274px*1.48);
		height : calc(173px*1.48);
	}

	.btnHouseGenericClose {
		width : calc(46px*1.48);
		height : calc(33px*1.48);
	}

	#sofa {
		width : calc(1365px*1.48);
		height : calc(127px*1.48);
	}

	#mailSeparator {
		width : calc(108px*1.48);
		height : calc(81px*1.48);
	}

	#btnBeginCount {
		width : calc(87px*1.48);
		height : calc(56px*1.48);
	}

	.laptopTravelButton {
		width:calc(122px*1.48);
		height:calc(26px*1.48);
	}
}.travelButton {
	margin-left:auto;
	margin-right:auto;
	display:block;
	border-radius:3px;
	background-color:#E0C34D;
	width : 175px; 
	height : 32px;
}

.travelButtonLabel {
	font-family:Roboto;
	font-weight:500;
	font-size:10.0px;
	color:#0C1F00;
	letter-spacing:0.46px;
	text-transform:uppercase;
	margin-top:6px;
}

#btnRdFirstClass,#btnRdEconomy {
	width : 12px;
	height : 12px;
}

#imgTravelDestBorder {
	width : 206px;
	height : 2px;
	display:block;
}
#exteriorOverlay {
	z-index:11
}
#careerErrorMessage h1 {
	font-family: Roboto, sans-serif;
	color : #7a4141;
	text-align : center;
	font-size : 18px;
	display : inline-block;
	margin : 0;
}

#careerErrorMessage p {
	font-family : Roboto, sans serif;
	font-size : 14px;
	color : white;
	display : inline-block;
}

#careerErrorMessage {
	padding-top : 15px;
	padding-left : 15px;
	padding-right : 15px;
	pointer-events : none;
}

#careerQuickTipDiv {
	top : 42px;
	left : 181px;
	position : absolute;
	width : 329px;
	height : 76px;
	text-wrap : balance;
  text-align : center;
  display : flex;
  justify-content: center;
  align-items : center;
}

#careerQuickTipDiv p {
	color : #d4d4d4;
	font-size : 15px;
	line-height : 22px;
}

#btnCareerModeSelect {
	position : absolute;
	top : 164px;
	left : 338px;
}

#tblCareerData {
	margin-right :0;
	margin-left :auto;
  border-collapse : collapse;
}
#tblCareerData td {
	padding-left:'10px';
	margin-right:0;
	margin-left:auto;
	vertical-align:'top';
}

#imgCareerEssentialControls {
	width : 203px;
	height : 388px;
	position : absolute;
	left : 109px;
	top : 277px;
}

#careerEssentialControls {
	position : absolute;
	left : 312px;
	top : 305px;
}

#imgCareerModeTitleBar {
	width : 1177px;
	height : 138px;
	position : absolute;
	left : 145px;
	top : 12px;
}

#tblEssentialCtrls {
	font-size:14px;
	line-height:16px;
}

#imgSelectVenueContent {
	position : absolute;
	top : 19px;
	left : 85px;
	width : 47px;
	height : 48px;
	transform : rotateY(180deg);
	-webkit-transform: rotateY(180deg);
	-moz-trasform : rotateY(180deg);
  z-index : 0;
}

#divCareerRegionName {
	width : 575px;
	height : 129px;
	position: absolute;
	left : 479px;
	top: 164px;
}

#divCareerRegionName h1 {
	color : #404722;
	font-size : 60px;
	text-align : center;
	margin : 0;
}

#divCareerCancelSelection {
	position : absolute;
	left : 361px;
	top : 227px;
	width : 180px;
	height : 66px;
	display : flex;
	flex-direction: row;
	align-items: flex-end;
	justify-content: space-between;
}

#divCareerCancelSelectionText {
	flex-direction : column;
}

#lblCareerCopyright {
	font-size : 18px;
	position : absolute;
	left : 300px;
	top : 728px;
	color : #a7a7a7;
}

.regionMapPoi {
	width : 18px;
	height : 20px;
	cursor: pointer;
  z-index : 1;
}

.venueSelectRdBtn {
	display : flex;
	width: fit-content;
}

.regionMapPoi:hover {
	transform : scale(1.25);
}

#divCareerTravelLabel {
	width : 575px;
	height : 129px;
	position: absolute;
	left : 479px;
	top: 139px;
	display : flex;
	align-items: top;
	justify-content : center;
}

#divCareerTravelLabel h1 {
	color : #404722;
	font-size : 92px;
	margin-top : 43px;
}

#btnCloseTravelMap {
	position : absolute;
	width : 146px;
	height : 40px;
	top : 245px;
	left : 688px;
}

#travelSelectedPoiBox {
	width : 30px;
	height : 36px;
}

.travelPoi {
	width : 15px;
	height : 18px;
	cursor: pointer;
}

.travelPoi:hover {
	transform : scale(1.25);
}

#travelActiveIndicator {
	width : 193px;
	height : 108px;
	position: absolute;
	top : 165px;
	left : 48px;
}

svg {
	pointer-events: none;
}

#lblCareerPageVenueName {
	margin:0;
	font-family:Red Rose, cursive;
  font-size:19.5px;
	line-height:24px;
	color:#E0C34D;
}

.careerNotice h2
{
	color : #D3D3D3;
}

#lblTravelControllerTitle {
	font-family:Red Rose, cursive;
	font-weight:700;
	font-size:23px;
	color:#E0C34D;
	margin:0;
	text-align:center;
}

#lblCareerTravelDestinationFieldTitle {
	margin:0;
	margin-top:0px;
	font-size:12px;
	font-weight:400;
}

#lblCareerTravelStatePopField {
	font-size:11px;
}

#lblCareerTravelStatePopValue {
	font-family:Red Rose, cursive;
	font-size:14px;
	font-weight:700;
	color:#E0C34D;
	margin-top:-6px;
}

#lblCareerTravelCostField {
	margin:0;
	margin-top:15px;
	font-size:14px;
	text-align:center;
}

#lblCareerTravelCostValue {
	font-family:Red Rose, cursive;
	font-size:19.4px;
	color:#D1013E;
	text-align:center;
	margin-top:6px;
}

#lblCareerTravelDestinationName {
	font-size:12px;
	margin-bottom:0px;
	font-weight:400;
	color:#E0C34D;
	display:inline-block;
}

#lblCareerDataUsername {
	text-align:center;
	font-weight:700;
	color:#FFFFFF;
	margin:0px;
	padding-bottom:4px;
}

#playerCareerTitle {
	left : 1188px;
	top : 175px;
	position: absolute;
	width : 140px;
}

#lblCareerDataTitle {
	text-align : left;
	font-family : monospace, monospace;
	font-size : 14px;
	line-height : 22px;
	color : white;
	opacity : .9;
	margin-top : 0px;
	letter-spacing : 1px;
}

#lblCareerDataWallet {
	display:inline-block;
	margin:0px;
	font-family:Red Rose, cursive;
	font-size:19.5px;
	line-height:24px;
	color:#E0C34D;
	padding-right:12px;
}

.careerImgLabel {
	width : 193px;
	height : 69px;
}

#playerCareerDataSection {
	width : 365px;
	height : 187px;
	left : 985px;
	top : 43px;
	position : absolute;
	border-radius : 7px;
	background-color : #1b2c16;
	opacity : .5;
	border-right : solid black 1px;
	border-top   : solid black 1px;
}

#playerCareerData {
	position : absolute;
	top:103px;
	left:985px;
	width:175px;
}

.careerPageTitle {
	padding-bottom:22px;
	white-space:nowrap;
	margin:0;
	font-family:Red Rose, cursive;
	font-weight:700;
	font-size:38.1px;
	color:#E0C34D;
}

.careerEssentialCtrl {
	margin:0px;
	font-family : Red Rose, sans-serif;
	font-size : 19.5px;
	line-height: 24px;
	color : #E0C34D;
}

.careerProfileActions:after, .careerProfileActions:before {
	bottom : 100%;
	left : 84%;
	border: solid transparent;
	content:"";
	height:0;
	width:0;
	position:absolute;
	pointer-events:none;
}

.careerProfileActions:after {
	border-color: rgba(41,58,31,0);
	border-bottom-color : #293A1F;
	border-width : 10px;
	margin-left : -10px;
}

.careerProfileActions:before {
	border-color: rgba(155,155,155,0);
	border-bottom-color : #9B9B9B;
	border-width : 12px;
	margin-left : -12px;
}

#careerRecommendedIndicator {
	width : 116px;
	height : 16px;
}

.rdBox {
	display : flex;
	align-content : flex-start;
}

#travelControllerContent {
	margin-top:5px;
}

#travelControllerContent p {
	margin : auto;
}

#stateInfo {
	border : solid 10px rgb(11, 31, 0);
	background: rgb(11, 31, 0); box-shadow: rgba(0, 0, 0, 0.25) 0px 0.7125px 14.25px; border-radius: 7.125px;
	width : 244px;
}

.stateInfo h2
{
	color : white;
	font-size : 35px;
}
.stateInfo p
{
	color : white;
	font-size: 25px;
}

.listElementBox
{
  display: flex;
  align-self: center;
  padding-top : 6px;
  padding-bottom : 6px;
}

.listElementBox p {
  color : white;
  margin-top : -2px;
  margin-left : 6px; 
}

#imgQuickPlay {
  width : 49px;
  height : 50px;
}

#imgSelectVenue {
  width : 47px;
  height : 48px;
}

#imgTravelTo {
  width : 47px;
  height : 38px;
}

#imgHomeExterior {
  width : 45px;
  height : 45px;
}

#imgMoney {
  width : 36px;
  height : 36px;
}

#btnVoluntarilyWatchAd {
  width : 85px;
  height: 60px;
  position : absolute;
  top : 237px;
  left : 1190px;
}

.gameListingProfileIcon {
  width : 208px;
  height : 26px;
}

body:has(.midRes) {
  .gameListingProfileIcon {
    width : calc(208px*1.24);
    height : calc(26px*1.24);
  }
  #btnVoluntarilyWatchAd {
    width : calc(85px*1.24);
    height: calc(60px*1.24);
    top :  calc(237px*1.24);
    left : calc(1190px*1.24);
  }
  #imgMoney {
    width :  calc(36px*1.24);
    height : calc(36px*1.24);
  }
  #imgQuickPlay {
    width :  calc(49px*1.24);
    height : calc(50px*1.24);
  }

  #imgSelectVenue {
    width :  calc(47px*1.24);
    height : calc(48px*1.24);
  }

  #imgTravelTo {
    width :  calc(47px*1.24);
    height : calc(38px*1.24);
  }

  #imgHomeExterior {
    width :  calc(45px*1.24);
    height : calc(45px*1.24);
  }
  .listElementBox
  {
    padding-top : calc(6px*1.24);
    padding-bottom : calc(6px*1.24);
  }
  .listElementBox p {
    margin-top : calc(-2px*1.24);
    margin-left : calc(6px*1.24); 
  }
  #stateInfo {
    border : solid calc(10px*1.24) rgb(11, 31, 0);
    background: rgb(11, 31, 0); box-shadow: rgba(0, 0, 0, 0.25) 0px calc(0.7125px*1.24) calc(14.25px*1.24); border-radius: 7.125px;
    width : calc(244px*1.24);
  }
  .stateInfo h2
  {
    font-size : calc(35px*1.24);
  }
  .stateInfo p
  {
    font-size: calc(25px*1.24);
  }
	#travelControllerContent {
		margin-top:calc(5px*1.24);
	}
	.regionMapPoi {
		width : calc(18px*1.24);
		height : calc(20px*1.24);
	}
	#careerRecommendedIndicator {
		width : calc(116px*1.24);
		height : calc(16px*1.24);
	}
	.travelButton {
		width : calc(175px*1.24); 
		height : calc(32px*1.24);
	}
	.travelButtonLabel {
		font-size:calc(10px*1.24);
		margin-top:calc(6px*1.24);
	}
	#btnRdFirstClass,#btnRdEconomy {
		width : calc(12px*1.24);
		height : calc(12px*1.24);
	}
	#imgTravelDestBorder {
		width : calc(206px*1.24);
		height : calc(2px*1.24);
	}
	#travelSelectedPoiBox {
		width : calc(30px*1.24);
		height : calc(36px*1.24);
	}
	.travelPoi {
		width : calc(15px*1.24);
		height : calc(18px*1.24);
	}
  #careerErrorMessage h1 {
    font-size : calc(18px*1.24);
  }

  #careerErrorMessage p {
    font-size : calc(14px*1.24);
  }

  #careerErrorMessage {
    padding-top :   calc(15px*1.24);
    padding-left :  calc(15px*1.24);
    padding-right : calc(15px*1.24);
    pointer-events : none;
  }

  #careerQuickTipDiv {
    top :    calc(42px*1.24);
    left :   calc(181px*1.24);
    width :  calc(329px*1.24);
    height : calc(76px*1.24);
  }

  #careerQuickTipDiv p {
    font-size :   calc(15px*1.24);
    line-height : calc(22px*1.24);
  }

  #btnCareerModeSelect {
    top :  calc(164px*1.24);
    left : calc(338px*1.24);
  }
  #tblCareerData td {
    padding-left:calc(10px*1.24);
  }
  #imgCareerEssentialControls {
    width  : calc(203px*1.24);
    height : calc(388px*1.24);
    left   : calc(109px*1.24);
    top    : calc(277px*1.24);
  }

  #careerEssentialControls {
    left : calc(312px*1.24);
    top :  calc(305px*1.24);
  }

  #imgCareerModeTitleBar {
    width :  calc(1177px*1.24);
    height : calc(138px*1.24);
    left :   calc(145px*1.24);
    top : calc(12px*1.24);
  }

  #tblEssentialCtrls {
    font-size:calc(14px*1.24);
    line-height:calc(16px*1.24);
  }

  #imgSelectVenueContent {
    top :    calc(19px*1.24);
    left :   calc(85px*1.24);
    width :  calc(47px*1.24);
    height : calc(48px*1.24);
  }

  #divCareerRegionName {
    width :  calc(575px*1.24);
    height : calc(129px*1.24);
    left :   calc(479px*1.24);
    top:     calc(164px*1.24);
  }

  #divCareerRegionName h1 {
    font-size : calc(60px*1.24);
  }

  #divCareerCancelSelection {
    left :  calc(361px*1.24);
    top :   calc(227px*1.24);
    width : calc(180px*1.24);
    height : calc(66px*1.24);
  }

  #lblCareerCopyright {
    font-size : calc(18px*1.24);
    left : calc(300px*1.24);
    top :  calc(728px*1.24);
  }

  #divCareerTravelLabel {
    width :  calc(575px*1.24);
    height : calc(129px*1.24);
    left   : calc(479px*1.24);
    top    : calc(139px*1.24);
  }

  #divCareerTravelLabel h1 {
    font-size : calc(92px*1.24);
  }

  #btnCloseTravelMap {
    width :  calc(146px*1.24);
    height : calc(40px*1.24);
    top :    calc(245px*1.24);
    left :   calc(688px*1.24);
  }

  #travelActiveIndicator {
    width  : calc(193px*1.24);
    height : calc(108px*1.24);
    top    : calc(165px*1.24);
    left : calc(48px*1.24);
  }

  svg {
    pointer-events: none;
  }

  #lblCareerPageVenueName {
    font-size:   calc(19px*1.24);
    line-height: calc(24px*1.24);
  }

  #lblTravelControllerTitle {
    font-size:calc(23px*1.24);
  }

  #lblCareerTravelDestinationFieldTitle {
		text-align : left;
    margin-top:calc(16px*1.24);
    font-size: calc(12px*1.24);
  }

  #lblCareerTravelStatePopField {
    font-size:calc(11px*1.24);
  }

  #lblCareerTravelStatePopValue {
    font-size: calc(14px*1.24);
    margin-top:calc(-6px*1.24);
  }

  #lblCareerTravelCostField {
    margin-top:calc(15px*1.24);
    font-size: calc(14px*1.24);
  }

  #lblCareerTravelCostValue {
    font-size:calc(19.4px*1.24);
    margin-top:calc(6px*1.24);
  }

  #lblCareerTravelDestinationName {
		text-align : left;
    font-size: calc(12px*1.24);
  }

  #lblCareerDataUsername {
    padding-bottom:calc(4px*1.24);
  }

  #playerCareerTitle {
    left  : calc(1188px*1.24);
    top   : calc(175px*1.24);
    width : calc(140px*1.24);
  }

  #lblCareerDataTitle {
    font-size :   calc(14px*1.24);
    line-height : calc(22px*1.24);
  }

  #lblCareerDataWallet {
    font-size    :calc(19px*1.24);
    line-height  :calc(24px*1.24);
    padding-right:calc(12px*1.24);
  }

  .careerImgLabel {
    width : calc(193px*1.24);
    height : calc(69px*1.24);
  }

  #playerCareerDataSection {
    width :  calc(365px*1.24);
    height : calc(187px*1.24);
    left :   calc(985px*1.24);
    top : calc(43px*1.24);
  }

  #playerCareerData {
    top  :calc(103px*1.24);
    left :calc(985px*1.24);
    width:calc(175px*1.24);
  }

  .careerPageTitle {
    padding-bottom:calc(22px*1.24);
    font-size     :calc(38px*1.24);
  }

  .careerEssentialCtrl {
    font-size :  calc(19px*1.24);
    line-height: calc(24px*1.24);
  }

  .careerProfileActions:after {
    border-width : calc(10px*1.24);
    margin-left :  calc(-10px*1.24);
  }

  .careerProfileActions:before {
    border-width : calc(12px*1.24);
    margin-left : calc(-12px*1.24);
  }
}

body:has(.highRes) {
  .gameListingProfileIcon {
    width : calc(208px*1.48);
    height : calc(26px*1.48);
  }
  #btnVoluntarilyWatchAd {
    width : calc(85px*1.48);
    height: calc(60px*1.48);
    top :  calc(237px*1.48);
    left : calc(1190px*1.48);
  }
  #imgMoney {
    width :  calc(36px*1.48);
    height : calc(36px*1.48);
  }
  #imgQuickPlay {
    width :  calc(49px*1.48);
    height : calc(50px*1.48);
  }

  #imgSelectVenue {
    width :  calc(47px*1.48);
    height : calc(48px*1.48);
  }

  #imgTravelTo {
    width :  calc(47px*1.48);
    height : calc(38px*1.48);
  }

  #imgHomeExterior {
    width :  calc(45px*1.48);
    height : calc(45px*1.48);
  }
  .listElementBox
  {
    padding-top : calc(6px*1.48);
    padding-bottom : calc(6px*1.48);
  }
  .listElementBox p {
    margin-top : calc(-2px*1.48);
    margin-left : calc(6px*1.48); 
  }
  #stateInfo {
    border : solid calc(10px*1.48) rgb(11, 31, 0);
    background: rgb(11, 31, 0); box-shadow: rgba(0, 0, 0, 0.25) 0px calc(0.7125px*1.48) calc(14.25px*1.48); border-radius: 7.125px;
    width : calc(244px*1.48);
  }
  .stateInfo h2
  {
    font-size : calc(35px*1.48);
  }
  .stateInfo p
  {
    font-size: calc(25px*1.48);
  }
	#travelControllerContent {
		margin-top:calc(5px*1.48);
	}
	.regionMapPoi {
		width : calc(18px*1.48);
		height : calc(20px*1.48);
	}
	#careerRecommendedIndicator {
		width : calc(116px*1.48);
		height : calc(16px*1.48);
	}
	.travelButton {
		width : calc(175px*1.48); 
		height : calc(32px*1.48);
	}
	.travelButtonLabel {
		font-size:calc(10px*1.48);
		margin-top:calc(6px*1.48);
	}
	#btnRdFirstClass,#btnRdEconomy {
		width : calc(12px*1.48);
		height : calc(12px*1.48);
	}
	#imgTravelDestBorder {
		width : calc(206px*1.48);
		height : calc(2px*1.48);
	}
	#travelSelectedPoiBox {
		width : calc(30px*1.48);
		height : calc(36px*1.48);
	}
	.travelPoi {
		width : calc(15px*1.48);
		height : calc(18px*1.48);
	}
  #careerErrorMessage h1 {
    font-size : calc(18px*1.48);
  }

  #careerErrorMessage p {
    font-size : calc(14px*1.48);
  }

  #careerErrorMessage {
    padding-top :   calc(15px*1.48);
    padding-left :  calc(15px*1.48);
    padding-right : calc(15px*1.48);
    pointer-events : none;
  }

  #careerQuickTipDiv {
    top :    calc(42px*1.48);
    left :   calc(181px*1.48);
    width :  calc(329px*1.48);
    height : calc(76px*1.48);
  }

  #careerQuickTipDiv p {
    font-size :   calc(15px*1.48);
    line-height : calc(22px*1.48);
  }

  #btnCareerModeSelect {
    top :  calc(164px*1.48);
    left : calc(338px*1.48);
  }
  #tblCareerData td {
    padding-left:calc(10px*1.48);
  }
  #imgCareerEssentialControls {
    width  : calc(203px*1.48);
    height : calc(388px*1.48);
    left   : calc(109px*1.48);
    top    : calc(277px*1.48);
  }

  #careerEssentialControls {
    left : calc(312px*1.48);
    top :  calc(305px*1.48);
  }

  #imgCareerModeTitleBar {
    width :  calc(1177px*1.48);
    height : calc(138px*1.48);
    left :   calc(145px*1.48);
    top : calc(12px*1.48);
  }

  #tblEssentialCtrls {
    font-size:calc(14px*1.48);
    line-height:calc(16px*1.48);
  }

  #imgSelectVenueContent {
    top :    calc(19px*1.48);
    left :   calc(85px*1.48);
    width :  calc(47px*1.48);
    height : calc(48px*1.48);
  }

  #divCareerRegionName {
    width :  calc(575px*1.48);
    height : calc(129px*1.48);
    left :   calc(479px*1.48);
    top:     calc(164px*1.48);
  }

  #divCareerRegionName h1 {
    font-size : calc(60px*1.48);
  }

  #divCareerCancelSelection {
    left :  calc(361px*1.48);
    top :   calc(227px*1.48);
    width : calc(180px*1.48);
    height : calc(66px*1.48);
  }

  #lblCareerCopyright {
    font-size : calc(18px*1.48);
    left : calc(300px*1.48);
    top :  calc(728px*1.48);
  }

  #divCareerTravelLabel {
    width :  calc(575px*1.48);
    height : calc(129px*1.48);
    left   : calc(479px*1.48);
    top    : calc(139px*1.48);
  }

  #divCareerTravelLabel h1 {
    font-size : calc(92px*1.48);
  }

  #btnCloseTravelMap {
    width :  calc(146px*1.48);
    height : calc(40px*1.48);
    top :    calc(245px*1.48);
    left :   calc(688px*1.48);
  }

  #travelActiveIndicator {
    width  : calc(193px*1.48);
    height : calc(108px*1.48);
    top    : calc(165px*1.48);
    left : calc(48px*1.48);
  }

  svg {
    pointer-events: none;
  }

  #lblCareerPageVenueName {
    font-size:   calc(19px*1.48);
    line-height: calc(24px*1.48);
  }

  #lblTravelControllerTitle {
    font-size:calc(23px*1.48);
  }

  #lblCareerTravelDestinationFieldTitle {
		text-align : left;
    margin-top:calc(16px*1.48);
    font-size: calc(12px*1.48);
  }

  #lblCareerTravelStatePopField {
    font-size:calc(11px*1.48);
  }

  #lblCareerTravelStatePopValue {
    font-size: calc(14px*1.48);
    margin-top:calc(-6px*1.48);
  }

  #lblCareerTravelCostField {
    margin-top:calc(15px*1.48);
    font-size: calc(14px*1.48);
  }

  #lblCareerTravelCostValue {
    font-size:calc(19.4px*1.48);
    margin-top:calc(6px*1.48);
  }

  #lblCareerTravelDestinationName {
		text-align : left;
    font-size: calc(12px*1.48);
  }

  #lblCareerDataUsername {
    padding-bottom:calc(4px*1.48);
  }

  #playerCareerTitle {
    left  : calc(1188px*1.48);
    top   : calc(175px*1.48);
    width : calc(140px*1.48);
  }

  #lblCareerDataTitle {
    font-size :   calc(14px*1.48);
    line-height : calc(22px*1.48);
  }

  #lblCareerDataWallet {
    font-size    :calc(19px*1.48);
    line-height  :calc(24px*1.48);
    padding-right:calc(12px*1.48);
  }

  .careerImgLabel {
    width : calc(193px*1.48);
    height : calc(69px*1.48);
  }

  #playerCareerDataSection {
    width :  calc(365px*1.48);
    height : calc(187px*1.48);
    left :   calc(985px*1.48);
    top : calc(43px*1.48);
  }

  #playerCareerData {
    top  :calc(103px*1.48);
    left :calc(985px*1.48);
    width:calc(175px*1.48);
  }

  .careerPageTitle {
    padding-bottom:calc(22px*1.48);
    font-size     :calc(38px*1.48);
  }

  .careerEssentialCtrl {
    font-size :  calc(19px*1.48);
    line-height: calc(24px*1.48);
  }

  .careerProfileActions:after {
    border-width : calc(10px*1.48);
    margin-left :  calc(-10px*1.48);
  }

  .careerProfileActions:before {
    border-width : calc(12px*1.48);
    margin-left : calc(-12px*1.48);
  }
}#titlescreenlogo {
	position : absolute;
	left : 166px;
	top : 0px;
	width: 307px;
	height: 186px;
}

.titleScreenPage {
	position : absolute;
	left : 111px;
	top : 247px;
}

#titleScreenFooter {
	width : 330px;
	top : 565px;
	left : 804px;
	position : absolute;
}

#titleScreenFooter h2 {
	font-size : 26px;
	text-align : center;
	color : #a7a7a7;
	margin : 0;
	margin-top : 18px;
}

#titleScreenFooter h3 {
	font-size : 34px;
	text-align : left;
	color : #E0C34D;
	margin-top : 50px;
}

#titleScreenTOS {
	width : 216px;
	height : 36px;
	margin : auto;
	display : flex;
	align-items: center;
	justify-content: center;
}

#btnTOS {
	font-size : 15px;
	font-family: Roboto Regular, sans-serif;
	color : #d0d0d0;
	margin : 0;
}

.titleLoginDiv {
	overflow : hidden;
}

.titleGameControls {
	display : flex;
	flex-direction : row;
	justify-content: space-between;
}

#titleGameStatus {
	position : absolute;
	top : 10px;
	left : 170px;
	font-size : 19px;
	color : #d3cbb4;
	font-family: monospace, monospace;
	margin : 0;
}

#btnServerStatus {
	display : block;
	margin : auto;
}

.registrationScreen
{
	border : solid black 5px;
}
#lblLoginScreenTitle,#lblRegisterTitle,#lblAccTitle,
#titleFrgtPassTitle,#lblVeriCodeTitle,#lblChngPswdTitle
{
	font-family : Red Rose, cursive;
	font-size:28.70px;
	font-weight:700;
  text-align:center;
	margin-top:29px;
	color:#E0C34D;
}

#welcomeDescriptionDiv {
	width : 300px;
	color : #d7d7d7;
}

#imgCasinoItems {
	left : 825px;
	top : 209px;
	position : absolute;
	width : 317px;
	height : 302px;
}

#imgTitleGameControls {
	width : 445px;
	height : 151px;
	left : 86px;
	top : 235px;
	position : absolute;
}

#lblTitleGameControls {
	top : 235px;
	left : 86px;
	width : 445px;
	position : absolute;
	color : #d7d7d7;
}

#lblTitleGameControls h1 {
	text-align : center;
	font-size : 23px;
	font-family: Roboto Regular, sans-serif;
	margin : 0;
}
.loginScreen
{
	border : solid black 5px;
}
.accVal {
	color:#E0C34D;
}

#imgTitleFrame {
	position : absolute;
	top : 133px;
	left : 89px;
	width : 440px;
	height : 103px;
	z-index: 2;
}

#registerError:after {
	content:"\00a0";
}

#titleContentWrap {
	border: 1px solid rgba(255, 255, 255, 0.55);
	border-radius: 20px;
	font-family: Roboto,sans-serif;
	font-weight : 400;
	font-size : 16px;
	color : #FFFFFF;
	line-height : 29px;
}
#registerTermsAcceptanceDiv {
	background : #2e4e2d;
	width : 290px;
	height : 140px;
	color : white;
	font-family:Roboto;
	font-weight:500;
	font-size : 11px;
	padding : 10px 15px 10px 15px;
	position : absolute;
	left : 439px;
	top : 591px;
	border-radius : 5px;
}

#registerTermsAcceptanceDiv img {
	width : 24px;
	height : 24px;
}

#registerTermsAcceptanceDiv h1 {
	font-size : 15px;
	color : #c7c7c7;
	margin: 0 0 0 8px;
}

#registerTermsActionItemsDiv {
	position : relative;
	display : flex;
	flex-direction : column;
	row-gap : 15px;
}

.registerTermsActionItem {
	border : solid #656e65 1px;
	background-color : #0c1f00;
	display : flex;
	flex-direction : row;
	column-gap : 10px;
	padding : 8px;
	align-items : flex-start;
} 

.registerTermsActionItem p {
	margin : 0;
	margin-top : -4px;
	line-height : 16px;
}

#accountActionNeededDiv {
	width : 100%;
	font-family : Roboto Regular, sans-serif;
	font-size : 14px;
	margin-top: 50px;
}

#accountActionNeededDiv img {
	width : 12px;
	height : 54px;
}

#accountActionNeededDiv div {
	display : flex;
	flex-direction : row;
	width : 100%;
	column-gap : 10px;
	padding-bottom : 5px;
}

#titleLoadingDiv {
	position:absolute;
	width:309px;
	height:45px;
	text-align:center;
	position : absolute;
	top : 295px;
	left : 157px;
	background-size : 100% 100%;
}

.passIcon {
  width : 23px;
  height : 20px;
}
.titleScreenFormBorder {
  margin-top : 8px;
  height : 1px;
  width : 100%;
}
#imgUserIcon,#imgUserIcon,.lockIcon {
  width : 17px;
  height : 16px;
}

.serverStatus
{
	font-family : "Roboto";
	font-weight : 500;
	background-color: #ffe8ab;
	border-radius: 10px;
	font-size : 16px;
	color : #293A1F;
	width : 176px;
	height : 40px;
	border : none;
}

body:has(.midRes) {
	.serverStatus
	{
		font-size : calc(16px*1.24);
		width : calc(176px*1.24);
		height : calc(40px*1.24);
	}
	.passIcon {
		width :  calc(23px*1.24);
		height : calc(20px*1.24);
	}
	.titleScreenFormBorder {
		margin-top : calc(8px*1.24);
	}
	#imgUserIcon,#imgUserIcon2,.lockIcon {
		width :  calc(17px*1.24);
		height : calc(16px*1.24);
	}
  #titlescreenlogo {
    left : calc(166px*1.24);
    top : 0px;
    width: calc(307px*1.24);
    height: calc(186px*1.24);
  }

  .titleScreenPage {
    left : calc(111px*1.24);
    top :  calc(247px*1.24);
  }

  #titleScreenFooter {
    width : calc(330px*1.24);
    top :   calc(565px*1.24);
    left :  calc(804px*1.24);
  }

  #titleScreenFooter h2 {
    font-size :  calc(26px*1.24);
    margin-top : calc(18px*1.24);
  }

  #titleScreenFooter h3 {
    font-size :  calc(34px*1.24);
    margin-top : calc(50px*1.24);
  }

  #titleScreenTOS {
    width :  calc(216px*1.24);
    height : calc(36px*1.24);
  }

  #btnTOS {
    font-size : calc(15px*1.24);
  }

  #titleGameStatus {
    left : calc(170px*1.24);
    top :       calc(10px*1.24);
    font-size : calc(19px*1.24);
  }

  #lblLoginScreenTitle,#lblRegisterTitle,#lblAccTitle,
  #titleFrgtPassTitle,#lblVeriCodeTitle,#lblChngPswdTitle
  {
    font-size:calc(28px*1.24);
    margin-top:calc(29px*1.24);
  }

  #welcomeDescriptionDiv {
    width : calc(300px*1.24);
  }

  #imgCasinoItems {
    left :   calc(825px*1.24);
    top :    calc(209px*1.24);
    width :  calc(317px*1.24);
    height : calc(302px*1.24);
  }

  #imgTitleGameControls {
    width :  calc(445px*1.24);
    height : calc(151px*1.24);
    left :   calc(86px*1.24);
    top :    calc(235px*1.24);
  }

  #lblTitleGameControls {
    left : calc(86px*1.24);
    top :   calc(235px*1.24);
    width : calc(445px*1.24);
  }

  #lblTitleGameControls h1 {
    font-size : calc(23px*1.24);
  }
  .loginScreen
  {
    border : solid black calc(5px*1.24);
  }

  #imgTitleFrame {
    top : calc(133px*1.24);
    left : calc(89px*1.24);
    width :  calc(440px*1.24);
    height : calc(103px*1.24);
  }

  #titleContentWrap {
    font-size : calc(16px*1.24);
    line-height : calc(29px*1.24);
  }
  #registerTermsAcceptanceDiv {
    width :  calc(290px*1.24);
    height : calc(140px*1.24);
    font-size : calc(11px*1.24);
    padding : calc(10px*1.24) calc(15px*1.24);
    left : calc(439px*1.24);
    top :  calc(591px*1.24);
  }

  #registerTermsAcceptanceDiv img {
    width :  calc(24px*1.24);
    height : calc(24px*1.24);
  }

  #registerTermsAcceptanceDiv h1 {
    font-size : calc(15px*1.24);
    margin: 0 0 0 calc(8px*1.24);
  }

  #registerTermsActionItemsDiv {
    row-gap : calc(15px*1.24);
  }

  .registerTermsActionItem {
    column-gap : calc(10px*1.24);
    padding : calc(8px*1.24);
  } 

  .registerTermsActionItem p {
    margin-top : calc(-4px*1.24);
    line-height : calc(16px*1.24);
  }

  #accountActionNeededDiv {
    font-size : calc(14px*1.24);
    margin-top: calc(50px*1.24);
  }

  #accountActionNeededDiv img {
    width :  calc(12px*1.24);
    height : calc(54px*1.24);
  }

  #accountActionNeededDiv div {
    column-gap : calc(10px*1.24);
    padding-bottom : calc(5px*1.24);
  }

  #titleLoadingDiv {
    width: calc(309px*1.24);
    top :  calc(295px*1.24);
    left : calc(157px*1.24);
    height:calc(45px*1.24);
  }
}

	
body:has(.highRes) {
	.serverStatus
	{
		font-size : calc(16px*1.48);
		width : calc(176px*1.48);
		height : calc(40px*1.48);
	}
	.passIcon {
		width :  calc(23px*1.48);
		height : calc(20px*1.48);
	}
	.titleScreenFormBorder {
		margin-top : calc(8px*1.48);
	}
	#imgUserIcon,#imgUserIcon2,.lockIcon {
		width :  calc(17px*1.48);
		height : calc(16px*1.48);
	}
	#titlescreenlogo {
		left : calc(166px*1.48);
		top : 0px;
		width: calc(307px*1.48);
		height: calc(186px*1.48);
	}

	.titleScreenPage {
		left : calc(111px*1.48);
		top :  calc(247px*1.48);
	}

	#titleScreenFooter {
		width : calc(330px*1.48);
		top :   calc(565px*1.48);
		left :  calc(804px*1.48);
	}

	#titleScreenFooter h2 {
		font-size :  calc(26px*1.48);
		margin-top : calc(18px*1.48);
	}

	#titleScreenFooter h3 {
		font-size :  calc(34px*1.48);
		margin-top : calc(50px*1.48);
	}

	#titleScreenTOS {
		width :  calc(216px*1.48);
		height : calc(36px*1.48);
	}

	#btnTOS {
		font-size : calc(15px*1.48);
	}

	#titleGameStatus {
		left : calc(170px*1.48);
		top :       calc(10px*1.48);
		font-size : calc(19px*1.48);
	}

	#lblLoginScreenTitle,#lblRegisterTitle,#lblAccTitle,
	#titleFrgtPassTitle,#lblVeriCodeTitle,#lblChngPswdTitle
	{
		font-size:calc(28px*1.48);
		margin-top:calc(29px*1.48);
	}

	#welcomeDescriptionDiv {
		width : calc(300px*1.48);
	}

	#imgCasinoItems {
		left :   calc(825px*1.48);
		top :    calc(209px*1.48);
		width :  calc(317px*1.48);
		height : calc(302px*1.48);
	}

	#imgTitleGameControls {
		width :  calc(445px*1.48);
		height : calc(151px*1.48);
		left :   calc(86px*1.48);
		top :    calc(235px*1.48);
	}

	#lblTitleGameControls {
		left : calc(86px*1.48);
		top :   calc(235px*1.48);
		width : calc(445px*1.48);
	}

	#lblTitleGameControls h1 {
		font-size : calc(23px*1.48);
	}
	.loginScreen
	{
		border : solid black calc(5px*1.48);
	}

	#imgTitleFrame {
		top : calc(133px*1.48);
		left : calc(89px*1.48);
		width :  calc(440px*1.48);
		height : calc(103px*1.48);
	}

	#titleContentWrap {
		font-size : calc(16px*1.48);
		line-height : calc(29px*1.48);
	}
	#registerTermsAcceptanceDiv {
		width :  calc(290px*1.48);
		height : calc(140px*1.48);
		font-size : calc(11px*1.48);
		padding : calc(10px*1.48) calc(15px*1.48);
		left : calc(439px*1.48);
		top :  calc(591px*1.48);
	}

	#registerTermsAcceptanceDiv img {
		width :  calc(24px*1.48);
		height : calc(24px*1.48);
	}

	#registerTermsAcceptanceDiv h1 {
		font-size : calc(15px*1.48);
		margin: 0 0 0 calc(8px*1.48);
	}

	#registerTermsActionItemsDiv {
		row-gap : calc(15px*1.48);
	}

	.registerTermsActionItem {
		column-gap : calc(10px*1.48);
		padding : calc(8px*1.48);
	} 

	.registerTermsActionItem p {
		margin-top : calc(-4px*1.48);
		line-height : calc(16px*1.48);
	}

	#accountActionNeededDiv {
		font-size : calc(14px*1.48);
		margin-top: calc(50px*1.48);
	}

	#accountActionNeededDiv img {
		width :  calc(12px*1.48);
		height : calc(54px*1.48);
	}

	#accountActionNeededDiv div {
		column-gap : calc(10px*1.48);
		padding-bottom : calc(5px*1.48);
	}

	#titleLoadingDiv {
		width: calc(309px*1.48);
		top :  calc(295px*1.48);
		left : calc(157px*1.48);
		height:calc(45px*1.48);
	}
}