@font-face
{
  font-family: OpenSansCondLight;
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/OpenSans-CondLight.ttf') format('truetype');
}

@font-face
{
  font-family: OpenSansCondBold;
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/OpenSans-CondBold.ttf') format('truetype');
}

@font-face
{
  font-family: OpenSansRegular;
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/OpenSans-Regular.ttf') format('truetype');
}

@font-face
{
  font-family: OpenSansBold;
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/OpenSans-Bold.ttf') format('truetype');
}

@font-face
{
  font-family: EBGaramond;
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/EBGaramond-Medium.ttf') format('truetype');
}

@font-face
{
  font-family: KanitExtraBoldItalic;
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/Kanit-ExtraBoldItalic.ttf') format('truetype');
}

@font-face
{
  font-family: Saira;
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/Saira-Regular.ttf') format('truetype');
}

@font-face
{
  font-family: Saira;
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/Saira-Bold.ttf') format('truetype');
}

@font-face
{
  font-family: Saira;
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/Saira-Black.ttf') format('truetype');
}

body
{
  overflow-x: hidden;
  overflow-y: hidden;
  touch-action: none;
  user-select:none;
  background-color:#000;
  position: fixed;
  overscroll-behavior-y:contain;
  overscroll-behavior-x:contain;
  width:100%;
}

html,body{
	-webkit-overflow-scrolling : touch !important;
	height: 100% !important;
}

input {
  appearance: none;
  -webkit-appearance: none;
  touch-action: manipulation;
  box-sizing: border-box;
}

/* for custom buttons - fake and in and out move */
.btn {
  -webkit-transition: all .1s ease-out; /* Safari and Chrome */
  -moz-transition: all .1s ease-out; /* Firefox */
  -ms-transition: all .1s ease-out; /* IE 9 */
  -o-transition: all .1s ease-out; /* Opera */
  transition: all .1s ease-out;
  touch-action: manipulation;
}

.btn:active{
  -webkit-transform:scale(.95); /* Safari and Chrome */
  -moz-transform:scale(.95); /* Firefox */
  -ms-transform:scale(.95); /* IE 9 */
  -o-transform:scale(.95); /* Opera */
   transform:scale(.95);
}

a:hover
{
  color:#171873;
}

a, a:visited, a:hover, a:active {
  touch-action: manipulation;
}

#three_canvas
{
  z-index: 0;
  position: absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
  margin:auto;
  touch-action: none;
}
/* IMPORTANT: This disables all events, right click, click etc on images in our UI */
/* If we ever need to do that, we should catch the event with another div */
img {
  pointer-events: none;
}

/* Also prevent text select of everything in uihost */
.no_select
{
  -webkit-user-select: none;  /* Chrome all / Safari all */
  -moz-user-select: none;     /* Firefox all */
  -ms-user-select: none;      /* IE 10+ */
  user-select: none;          /* Likely future */

  -webkit-user-drag: none;
  touch-action: manipulation;
}

.ctr
{
  left:0;
  right: 0;
  margin: auto;
}

#fps_tab
{
  position: fixed;
  width:150px;
  z-index: 5;
  background-color: #444444;
  color:#FFFFFF;
  min-height:40px;
  top:40px;
  left:200px;
  font-size:0.8em;
}

.tooltip
{
  padding: 0.5vh;
  font:1.5vh OpenSansRegular, sans-serif;
  color: black;
  background: whitesmoke;
  border-radius: 0.5vh;
  z-index: 5;
}

#uihost
{
  position: fixed;
  width : 384px;
  height: 640px;
  overflow: hidden;
  z-index: 1;
  top:0;
  bottom:0;
  left:0;
  right:0;
  margin:auto;
}

.testPanel
{
  position: fixed;
  z-index: 30;
  width: 30vh;
  top:0;
  right: 0;
  height: 100vh;
  transition: right .45s cubic-bezier(.19,1.46,1,1.17);
  background-color: #2C2C2C;
  font: 2.5vh SairaSemiCondBold, sans-serif;
  color: white;
}

.testPanelTitle
{
  font-size: 4vh;
}

.testButton
{
  width:10vh;
  font: 2vh SairaSemiCondBold, sans-serif;
  margin-left: 1vh;
  margin-right: 1vh;
}

.testSpinValues
{
  width:90%;
  font: 2.5vh OpenSansRegular, sans-serif;
}

.testCheckbox
{
  width: 2.2vh;
  height: 2.2vh;
  background-color: white;
  -webkit-appearance: checkbox
}

.testDropdown
{
  font: 2vh SairaSemiCondBold, sans-serif;
  width: 5vh;
  height: 4vh;
  margin-bottom: 0.5vh;
  margin-left: 3vh;
  margin-right: 3vh;
}

.voDropdown
{
  font: 2vh SairaSemiCondBold, sans-serif;
  width: 25vh;
  height: 4vh;
}

.voPlayed
{
  margin-top : 0vh;
  margin-bottom : 0vh;
}

.voList
{
  margin-top: 1vh;
  margin-bottom: 0vh;
  font-size: 1.95vh;
}

.testPanelSections
{
  margin-bottom: 0.5vh;
  font-size: 3vh;
}

.slideRight
{
  right:-30vh;
}

.tutorialPanel
{
  position: absolute;
  width: 55.3vh;
  height: 79.1vh;
  top: 12vh;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 11;  
  font-family: 'OpenSansCondBold';
}

.tutorial_blocker
{
  z-index: 10;
}

.main_tutorial_BG
{
  position: absolute;
  background: url(images/ui_atlas.png);
  background-position: 0.1% 77.9%;
  width: 100%;
  height: 100%;
  background-size: 93vh 200vh;
}

.dk_logo
{
  position: absolute;
  background: url(images/ui_atlas.png);
  background-position: 34% 41.45%;
  width: 37.3vh;
  height: 12.3vh;
  top: -12.1vh;
  left: 9vh;
  background-size: 122vh;
}

.tutorial_basic_BG
{
  background: url(images/BasicTutorial.png);
}

.tutorial_advanced_BG
{
  background: url(images/AdvancedTutorial.png);
}

.tutorial_BG
{
  position: absolute;
  width: 52.8vh;
  height: 50.1vh;
  border-radius: 2vh;
  top: 4vh;
  left: 0;
  right: 0;
  margin: auto;
  background-size: 280vh;
}

.tutorial_BG_1
{
  background-position: 22.5% 8%;
}

.tutorial_BG_2
{
  background-position: 16.5% 35.5%;
  background-size: 230vh;
}

.tutorial_BG_3
{
  background-position: 17.5% 68%;
}

.tutorial_BG_4
{
  background-size: 230vh;
  background-position: 17.5% 98.5%;
}

.tutorial_BG_5
{
  background-position: 17% 0%;
  background-size: 210vh;}

.tutorial_BG_6
{
  background-position: 18.5% 31.5%;
}

.tutorial_BG_7
{
  background-position: 34.7% 65%;
  background-size: 230vh;
}


.tutorial_BG_8
{
  background-position: 19% 95.5%;
}

.tutorial_BG_9
{
  background-position: 82.5% 4.5%;
  background-size: 230vh;
}

.tutorial_BG_10,
.tutorial_BG_11,
.tutorial_BG_12
{
  background-position: 82.5% 37.5%;
  background-size: 230vh;
}

.tutorial_header_text
{
  font-size: 5vh;
  position: absolute;
  color: white;
  top: 0.5vh;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
}

.tutorial_body_text
{
  font-size: 2.5vh;
  position: absolute;
  color: white;
  margin: unset;
  width: 51vh;
  top: 7.5vh;
  padding: 1vh;
  text-align: left;
}

.checkbox_div
{
  position: absolute;
  color: white;
  font-size: 2.5vh;
  width: 21vh;
  bottom: 5vh;
  left: 0;
  right: 0;
  margin: auto;
}

.tutorialCheckbox
{
  width: 2.2vh;
  height: 2.2vh;
  background-color: white;
  -webkit-appearance: checkbox;
}

.tutorial_counter_text
{
  font-size: 4vh;
  position: absolute;
  left: 0;
  right: 0;
  color: white;
  text-align: center;
  margin: auto;
  width: 28vh;
  top: 52.5vh;
}

.tut_x_icon
{
  position: absolute;
  margin: 0.3vh;
  top: -2vh;
  right: -2vh;
  background: url(images/ui_atlas.png) 91.5% 40%;
  width: 7vh;
  height: 7vh;
  background-size: 200vh;
}


.play_button,
.advanced_button,
.skip_button
{
  top: 65vh;
  position: absolute;
  color: white;
  font-size: 3vh;
  background: url(images/ui_atlas.png);
  background-size: 100vh;
  height: 4vh;
}

.advanced_button
{
  left: 2vh;
  background-position: 0.5% 93.5%;
  width: 28.5vh;
}

.tut_btn_text
{
  position: absolute;
  margin: auto;
  left:0;
  right:0;
  top: 0vh;
  text-align: center;
}

.skip_button
{
  left: 32vh;
  background-position: 1.5% 20%;
  width: 21.2vh;
}

.play_button
{
  left: 32vh;
  top: 65vh;
  background-position: 1.5% 20%;
  width: 21.2vh;
}

.left_button,
.right_button
{
  position: absolute;
  top: 55vh;
  width: 4vh;
  height: 7vh;
}

.left_button
{
  left:4vh;
}

.left_icon
{
  position: absolute;
  margin: 0.3vh;
  top: 0;
  left: 0;
  background: url(images/ui_atlas.png) 81.5% 21.0%;
  width: 4vh;
  height: 7vh;
  background-size: 87vh;
}

.right_button
{
  right:4vh;
}

.right_icon
{
  transform: rotate(180deg);
}

.caption_label
{
  position: fixed;
  color : #FFFFFF;
  font-weight: bold;
}

#loadingUI
{
  display:none;
  position:absolute;
  top:0px;
  width: 100vw;
  height: 100vh;
  left: 0px;
  color:white;
  text-align:center;
  text-shadow: 2px 2px 3px black;
  background: url("images/bg-scene.jpg");
  background-size: 166vh;
  background-position-x: center;
  background-position-y: -19vh;
  background-repeat: no-repeat;
  z-index: 10;
}

#loadingPlayBtn
{
  border-width: 0.4vh;
  border-style: outset;
  border-color: #ddd;
  background-color: #111111;
  width: 24vh;
  height: 9vh;
  border-radius: 2vh;
  text-align: center;
  font: 3.5vh EBGaramond, sans-serif;
  position: absolute;
  margin: auto;
  top: 68vh;
  left: 0;
  right: 0;
}

#loadingLogo
{
  background: url("images/craps.png");
  margin-top: 1vh;
  height: 31vh;
  background-position: top;
  background-size:78vh;
  background-repeat: no-repeat;
}

#loadingLegalText
{
  font: 1.7vh OpenSansRegular, sans-serif;
  color:#ccc;
  line-height: 2.2vh;
  position: absolute;
  top: 82vh;
  width: 90%;
  left: 0;
  right: 0;
  margin: auto;
}

#loadingFonts
{
  color: black;
  bottom: 0px;
  position: absolute;
}

#loadingPreFont1
{
  font: 0.5vh OpenSansCondBold, sans-serif;
}

#loadingPreFont2
{
  font: 0.5vh OpenSansCondLight, sans-serif;
}

#loadingProgress
{
  position: absolute;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  color:white;
  text-align:center;
  z-index: 20;
}

#loadingProgressText
{
  position: absolute;
  left: 0;
  right: 0;
  top: 69vh;
  font: 4.2vh KanitExtraBoldItalic, sans-serif;
}

#loadingProgressBar
{
  background: #333;
  width: 27vh;
  height: 1.2vh;
  border-radius: 0.6vh;
  top: 75vh;
  left: 0;
  right: 0;
  position: absolute;
  margin: auto;
}

#loadingProgressFilled
{
  background: white;
  height: 100%;
  width: 20%;
  border-radius: inherit;
}

#hud_curtain
{
  width: 672px;
  height: 729px;
  background-color: black;
  z-index: 15;
  position: absolute;
  color:white;
  text-align:center;
  text-shadow: 2px 2px 3px black;
  background: url("images/bg-scene.jpg");
  background-size: 166vh;
  background-position-x: center;
  background-position-y: -19vh;  
  background-repeat: no-repeat;
  left: 0;
  right: 0;
  margin: auto;
}

#curtainSpinner, #curtainImg
{
  position:absolute;
  left:0;
  right:0;
  margin:auto;
}

#curtainSpinner
{
  height:7vh;
  top:60%;
}

#curtainImg_bg
{
  background: black;
  width: 100%;
  height: 100%;
  top: 0;
  position: fixed;
  z-index: 20;
}

#curtainImg
{
  height: 50vh;
  width: 42vh;
  top:0;
  bottom:0;
  background: url("images/ui_atlas.png");
  background-size: 200vh;
  background-position: 48% 100%;
}

.hideButton
{
  position: inherit;
  right:5px;
  top:5px;
  z-index: 6;
}

.greyed_out
{
  background-color: #777 !important;
  pointer-events:none;
}

/* DraftKings Roulette UI elements */
/* used for all atlas based elements */
.atlas
{
  position: absolute;
  background: url("images/ui_atlas.png");
  border-width: 0;
}

.rules_ico
{
  background: url(images/ui_atlas.png);
  width: 9vh;
  height: 9vh;
  margin: auto;
  background-size: 108vh;
}

.rules_ico_fr
{
  width: 9vh;
  height: 9vh;
  left: 0;
  right: 0;
  margin: auto;
}

.rules_ico_fr_l
{
  left: 0;
  margin: unset;
}

#help_open_button
{
  left: 0vh;
  right: 0vh;
  position: absolute;
}

#help_overlay
{
  z-index: 5;
  padding-left: 1.5vh;
  padding-right: 1.5vh;
  margin: auto;
  background-color: black;
  color: white;
  height: 18%;
  max-width: 74vh;
  position: absolute;
  bottom: 0%;
  left: 0;
  right: 0;
  border: goldenrod;
  border-width: .5vh;
  border-style: ridge;
}

#help_odds
{
  padding-left: 1.5vh;
  padding-right: 1.5vh;
  margin: auto;
  background-color: black;
  color: white;
  height: 18%;
  width: 17vh;
  position: absolute;
  bottom: 19%;
  left: 0vh;
  right: 57vh;
  border: goldenrod;
  border-width: .5vh;
  border-style: ridge;
}

.help_odds_number
{
  padding-left: 1.5vh;
  padding-right: 1.5vh;
  padding-top: 0.5vh;
  background-color: black;
  color: white;
  height: 4.5vh;
  width: 1.5vh;
  position: absolute;
  border: silver;
  border-width: .5vh;
  border-style: ridge;
  font-family: 'OpenSansRegular';
  font-size: 2.8vh;
}


#help_odds_4
{
  top: 3.5vh;
  left: 0.5vh;
}

#help_odds_5
{
  top: 3.5vh;
  left: 7.25vh;
}

#help_odds_6
{
  top: 3.5vh;
  left: 14vh;
}

#help_odds_8
{
  top: 10.5vh;
  left: 0.5vh;
  z-index: 5;
}

#help_odds_9
{
  top: 10.5vh;
  left: 7.25vh;
  z-index: 5;
}

#help_odds_10
{
  top: 10.5vh;
  left: 14vh;
  padding-left: .5vh;
  width: 2.5vh;
  z-index: 5;
}

.help_odds_selected
{
  border: goldenrod;
  border-width: .5vh;
    border-style: ridge;
}

#help_title
{
  font-family: 'OpenSansCondBold';
  font-size: 3.3vh;
  color: lightgoldenrodyellow;
}

#help_odds_title
{
  font-family: 'OpenSansCondBold';
  font-size: 2.5vh;
  color: lightgoldenrodyellow;
}

#help_text
{
  font-family: 'OpenSansRegular';
  font-size: 1.8vh;
  color: rgb(255, 255, 250);
}

#help_winlose
{
  font-family: 'OpenSansBold';
  font-size: 1.9vh;
  color: rgb(255, 255, 250);
  padding-left: 8vh;
}

#help_win_numbers
{
  color:rgb(136, 255, 0);
}

#help_lose_numbers
{
  color:red;
}

#settings_hud
{
  position: absolute;
  top: 0.1vh;
  right: 0.2vh;
  width: 7vh;
  height: 21vh;
  max-height: 21%;
}

.setting_btn
{
  position: inherit;
  width: 7vh;
  height: 7vh;
  z-index: 2;
  background: none;
  border: none;
  max-height: 32%;
}

#side_frame
{
  position:relative;
  width: 100%;
  height: 100%;
  max-width: 93vh;
  margin: auto;
}

.textval_changing
{
  transform: scale(1.25);
}

.whiteGradient
{
  background: linear-gradient(to bottom, #FFFFFF 45%, #a69b95 50%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.ui_msg
{
  pointer-events: none;
  z-index: 9;
  color: white;
  position: absolute;
  top: 45vh;
  left: -4.5vh;
  right: 0;
  margin: auto;
  text-align: center;
  font: 4.5vh OpenSansCondBold, sans-serif;
  text-shadow:
    0px 3px 0 #222,
    0px 0 5px rgba(255,255,120,0.6),
    0px 0px 15px rgba(255,255,70,0.8),
    0px 0px 15px #000,
    0px 0px 15px #000;
}

#hud_msg
{
  top: 34%;
}

#hud_msg_special
{
  top: 0.5%;
  line-height: 4.2vh;
}

.hud_msg_bg
{
  background-position: 99% 92%;
  width: 60vh;
  background-size: 260vh;
}

.glowtext
{
  animation: reveal 2000ms ease-in-out forwards 200ms,
    glow 1500ms linear infinite 1000ms;
}

@keyframes reveal {
  80%{
    letter-spacing: 8px;
  }
}

@keyframes glow {
  40% {
    text-shadow: 0 0 8px #fff;
  }
}

.hidden_msg
{
  animation: shrinkOut 0.6s;
}

@keyframes growIn
{
  from {
    transform: scale(0);
  }
  to {
    transform: scale(1);
  }
}

@keyframes shrinkOut
{
  from {
    transform: scale(1);
  }
  to {
    transform: scale(0);
  }
}

.intro_panel
{
  position: absolute;
  width: 49vh;
  height: 52vh;
  z-index: 4;
  top: 16vh;
  padding:3vh;
  left: 0;
  right: 0;
  margin: auto;
  color:white;
  font: 2.4vh OpenSansCondBold, sans-serif;
  border-style: inset;
  border-color: tan;
  border-radius: 2.5vh;
  border-width: 0.5vh;
  background-color: rgba(1,1,1,0.55);
  transition:0.65s;
}

.intro_list
{
  text-indent: -3vh;
  margin-left: 3vh;
}

.intro_shrink
{
  transform: scale(0.05,0.07);
  top: -26vh;
  left: -49vh;
}

.intro_sq_ico
{
  background: url(images/ui_atlas.png);
  width: 6vh;
  height: 6vh;
  background-size: 68vh;
  border-width: 0;
  display: inline-block;
  top: 1.5vh;
  position: relative;
}

#STR_INTRO_TITLE
{
  font: 3.2vh OpenSansBold, sans-serif;
  left: 0;
  right: 0;
  margin: auto;
  width: 38vh;
  text-align: center;
  margin-bottom: 2vh;
}

#hud_conf_panel
{
  z-index: 5;
  padding-left: 1.5vh;
  padding-right: 1.5vh;
  margin: auto;
  background-color: black;
  color: white;
  height: 23vh;
  max-width: 74vh;
  position: absolute;
  left: 0;
  right: 0;
  border: goldenrod;
  border-width: .5vh;
  border-style: ridge;
  top: 11vh;
  font-family: 'OpenSansCondBold';
}

.conf_btn
{
  position: absolute;
  bottom: 4.5vh;
  width: 17vh;
  height: 4vh;
  padding-left: 0vh;
  padding-top: 0vh;
  background-color: black;
  border: goldenrod;
  border-width: .3vh;
  border-style: ridge;
  font-family: 'OpenSansCondBold';
  font-size: 3vh;
  line-height: 3.5vh;
  padding: 0;
}

.conf_noshowagain
{
  position: absolute;
  bottom: 0vh;
  width: 24vh;
  height: 3.5vh;
  z-index: 5;
  left: 0;
  right: -4vh;
  margin: auto;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.conf_checkmark {
  position: absolute;
  background-color: #000;
  z-index: 5;
}

.conf_txt
{
  position: absolute;
  top: 1vh;
  left: 0;
  right: 0;
  margin: auto;
  width: 75%;
  font-size: 2.9vh;
  color: white;
  text-align: center;
}

#btn_INTRO_CHECK,
#btn_conf_CHECK
{
  position: absolute;
  width: 2.2vh;
  height: 2.2vh;
  z-index: 5;
  background-color: white;
  -webkit-appearance: checkbox;
  margin: 0;
  margin-right: 1vh;
}

.checkbox_txt
{
  position: absolute;
  bottom:0.8vh;
  left:4vh;
  color: #ccc;
  font-size: 2.2vh;
  margin: 0;
}

#btn_conf_OK
{
  left: 10vh;
}

#btn_conf_CANCEL
{
  right: 10vh;
}

#btn_conf_ONE
{
  right: 0vh;
  left: 0vh;
  margin: auto;}

#top_hud_bar,
#chip_selector_area,
#dice_swipe_area
{
  position: absolute;
  left:0px;
  right:0px;
  margin: auto;
}

#edit_hud_bar
{
  position: absolute;
  right: 0vh;
  height: 14vh;
  width: 7vh;
  bottom: 120%;
}

.advBet_btn
{
  position: absolute;
  bottom: 0;
  width: 15.3vh;
  height: 6.7vh;
  background: none;
  border: none;
}

.advBetOption_btn
{
  width: 9.6vh;
  background: none;
  border: none;
  padding: 0;
}

.adv_bet_slider_container
{
  position: absolute;
  width: 100%;
  height: 26.5vh;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.67);
  font-family: 'OpenSansRegular';
  border-top: white 0.1vh solid;
  z-index: 2;
}

.slider_component_bg
{
  background-position: 0.1% 77.9%;
  width: 62vh;
  height: 35vh;
  background-size: 104vh 88vh;
}

.adv_bet_title_container
{
  position: inherit;
  color: white;
  width: 100%;
  top: 1.5vh;
  font-size: 3vh;
  text-align: center;
  transform: scaleY(1.5);
}

.slider_title
{
  padding: 1vh;
}

.slider_value_container
{
  position: absolute;
  width: 6%;
  height: 4.5vh;
  top: 7vh;
  left: 0vh;
  right: 20vh;
  margin: auto;
}

.slider_info
{
  position: absolute;
  color: goldenrod;
  font-size: 3.3vh;
}

input[type=range]::-webkit-slider-thumb {
  background: url(images/ui_atlas.png) 79% 37%;
  -webkit-appearance: none;
  cursor: pointer;
  background-size : 75vh;
  height: 6vh;
  width: 6vh;
  top: 0vh;
  border-width: 0;
}

.slider_bar_container
{
  position: absolute;
  width: 41vh;
  padding: 1vh;
  left: 0;
  right: 0;
  margin: auto;
  top: 13vh;
  height: 3.5vh;
}

.advBet_SliderBar
{
  appearance: none;
  width: 100%;
  height: 3vh;
  border-radius: 5vh;
  background: #d3d3d3;
  outline: none;
  opacity: 0.7;
  transition: opacity .2s;
  position: absolute;
  left: 0;
  bottom: 1vh;
  margin: 0vh;
}

.advBet_SliderBar::-webkit-slider-thumb
{
  width: 3vh;
  height: 3vh;
  -webkit-appearance: none;
  background: #33cc33;
}

.advBet_SliderBar:hover {
  opacity: 1; /* Fully shown on mouse-over */
}

.bet_info_container
{
  position: inherit;
  bottom: 11vh;
  left: 3vh;
}

.bet_info
{
  color: white;
  padding: 1vh;
}

.slider_cancel_div
{
  position: absolute;
  top: 13.5vh;
  right: 0vh;
  left: 50vh;
  width: 5.3vh;
  margin: auto;
}

.slider_remove_div
{
  position: absolute;
  top: 12.5vh;
  width: 6vh;
  left: 0vh;
  right: 50vh;
  height: 6vh;
  margin: auto;
}

.slider_remove
{
  width: 6vh;
  height: 6.15vh;
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  position: absolute;
}

.slider_confirm,
.slider_canel
{
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  position: absolute;
}

.disabled_bar
{
  position: absolute;
  background: #00000090;
  z-index: 2;
  height: 4.98vh;
  width: 12.79vh;
  top: 0vh;
  left: 0.4vh;
}

.slider_cancel_text
{
  color: white;
  line-height: 5vh;
  font-size: 2.5vh;
}

.slider_confirm_div
{
  position: absolute;
  top: 7vh;
  width: 13.3vh;
  right: 0vh;
  left: 24vh;
  margin: auto;
  height: 5vh;
}

.ico_slider_cancel_container
{
  background-position: 28% 1%;
  background-size: 75vh;
  position: relative;
  width: 5vh;
  height: 4.25vh;
}

.ico_slider_confirm_container
{
  background-position: 81.5% 30.8%;
  background-size: 110vh;
  position: relative;
  width: 13.3vh;
  height: 5vh;
}

.slider_confirm_text
{
  color: white;
  font-size: 2.2vh;
  font-weight: 700;
  font-family: Saira;
  transform: scaleY(1.5);
  top: 1vh;
  position: relative;
}

.sq_btn
{
  position: absolute;
  width: 5.8vh;
  height: 5.8vh;
  padding:0px;
  z-index: 2;
  border-radius: 1.5vh;
  border-width: 0.2vh;
  border-style: outset;
  border-color: #ddd;
  background-color: #111111;
}

.cashout_btn
{
  position: absolute;
  background: url(images/ui_atlas.png);
  background-position: 81% 63.7%;
  border-width: 0;
  width: 7.1vh;
  height: 5.1vh;
  z-index: 2;
  padding-right: 0;
  padding-left: 0;
  padding-top: 0.4vh;
  right: 0.5%;
  top: 24%;
  background-size: 49vh;
  text-align: center;
  color: white;
  font-family: 'OpenSansCondBold';
  font-size: 1.8vh;
  line-height: 1.7vh;
}

.hud_btn
{
  position: relative;
  width: 7vh;
  height: 7vh;
  z-index: 2;
  padding: 0;
  background-color: transparent;
  border: 0px;
  float: right;
}

.hud_button_icon
{
  position: absolute;
  height: 90%;
  top: 5%;
  left: 0;
  right: 0;
  margin: auto;
  background-size:77vh;
}

#btn_BOLT
{
  top:0vh;
}

.advance_bet_icon
{
  position: absolute;
  height: 100%;
  top: 3.2%;
  right: 0vh;
}

.advance_bet_option_icon
{
  position: relative;
}

.ico_help
{
  background-position: 0% -0.5%;
  width: 64%;
}

.ico_help_dimmed
{
  background-position: 6% -0.5%;
}


.ico_sett
{
  background-position: 61.4% 37.5%;
  width: 90%;
}

.ico_sett_dimmed
{
  background-position: 70% 37.5%;
  bottom: 0.6vh;
}

.ico_bolt
{
  background-position: 60% 99.2%;
  width: 70%;
}

.ico_felt
{
  background-position: 82.4% 80%;
  width: 65%;
}

.ico_cash
{
  background-position: 79% 37.5%;
  width: 65%;
}

.felt_green
{
  background-position-x: 81.8%;
}

.felt_purple
{
  background-position-x: 88.2%;
}

.felt_red
{
  background-position-x: 93.55%;
}

.felt_blue
{
  background-position-x: 99.2%;
}

.bolt_halflit
{
  background-position-x: 50%;
}

.bolt_lit
{
  background-position-x: 40%;
}

.ico_off_tog
{
  background-position: 43.2% 31.7%;
  width: 87%;
}

.ico_off_tog_glow
{
  background-position: 51.3% 31.7%;
  left: -0.7vh;
}

.ico_remove
{
  background-position: 13% 0%;
  width: 87%;
}

.ico_del
{
  background-position: 49.2% 20.7%;
  width: 87%;
}

.ico_del_glow
{
  background-position: 58.4% 20.7%;
  left: 1.3vh;
}

.ico_advancedBet
{
  background-position: 99.3% 50.5%;
  width: 100%;
  background-size: 99vh;
}

.ico_advancedBet_glow
{
  background-position-y: 58.5%;
}

.bet_amount_btn
{
  position: absolute;
  background-color: #171b1770;
  border: none;
  padding: 0;
  left: 0px;
  width: 9vh;
}

.adv_close_button
{
  position: relative;
  height: 3vh;
  width: 3vh;
  right: -18vh;
  bottom: 3.8vh;
  border-radius: 5vh;
  border: none;
  background: none;
}

.adv_close_button_betset
{
  left: 14vh;
  bottom: 4vh;
}

.bet_amount_text
{
  position: absolute;
  color: white;
  font-family: OpenSansCondLight;
  font-size: 2.1vh;
  text-align: center;
  background: none;
  width: 9.6vh;
  left: 0;
  top: 58%;
  pointer-events: none;
}

.advancedBet_Option
{
  background-position: 41.5% 0.3%;
  height: 9.6vh;
  background-size: 82.8vh;
  font-size: 2.1vh;
}

.advancedBet_Option_Selected
{
  height: 11.7vh;
  width: 10.8vh;
  background-size: 95.4vh;
  right: 0.9vh;
  bottom: 0.9vh;
  font-size: 2.4vh;
}

.show_adv_all
{
  position: relative;
  left: 6.5vh;
  width: 14vh;
  height: 4vh;
  border: none;
  background: none;
}

.ico_showall_option
{
  background-position: 100.5% 56%;
  height: 3vh;
  left: 0.2vh;
  background-size: 75vh 89vh;
}

.show_all_text
{
  position: inherit;
  top: 0.4vh;
  color: white;
  font-size: 1.2vh;
}

.border_red
{
  border-color: red;
}

.border_yellow
{
  border-color: #ff4;
}

.meter
{
  vertical-align: -webkit-baseline-middle;
  font: 2.2vh OpenSansCondBold, sans-serif;
}

.meter_label,
.win_meter_label
{
  color: rgb(200,255,200);
  font-family: 'OpenSansCondLight';
  font-size: 2vh;
  padding: 0.5vh;
  padding-left: 1vh;
  padding-right: 1vh;
}

.meter_label
{
  font-size: 1.9vh;
}

.meter_value
{
  color:rgb(220,200,100);
  margin-right: 0.1vh;
}

#meter_value_BALANCE
{
  float: right; 
  padding-right: 1.5vh;
}

#meter_value_BET
{
  float: left;
  padding-left: 1.5vh;
}

.side_meter
{
  bottom: 0.2vh;
  width: 22vh;
  height: 5vh;
  text-align: center;
  font-size: 2.5vh;
  padding-top: 1vh;
  background-position: 0.7% 14.1%;
  background-size: 97vh 115vh;
}

.advance_bet_text
{
  position: inherit;
  float: left;
  color: white;
  left: 3.3vh;
  top: 1.8vh;
  font-size: 2.6vh;
  font-family: 'OpenSansCondBold';
}

.advance_bet_option_text
{
  position: absolute;
  color: white;
  top: 22%;
  width: 100%;
  font-family: 'OpenSansCondBold';
  text-align: center;
  left: 0;
}

#meter_BET
{
  left: -22vh;
  right: 0vh;
  margin: auto;
}

#meter_BALANCE
{
  background-position-y: 8.2%;
  left: 0vh;
  right: -22vh;
  margin: auto;
}

#STR_BALANCE
{
  float:left;
}

#STR_BET
{
  float:right;
}

.win_meter
{
  width: 36vh;
  height: 6.8vh;
  text-align: center;
  font-size: 4vh;
  padding-top: 2vh;
}

.win_meter_bg
{
  background-position: 98% 99%;
  background-size: 168vh;
  width: 100%;
  height: 100%;
  top:0;
  left: 0;
  right:0;
  margin: auto;
  z-index: 3;
}

.win_meter_text
{
  position: absolute;
  width:100%;
  top:10%;
  z-index: 4;
}

.win_meter_label
{
  font-size: 4vh;
}

#meter_WIN
{
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 50%;
}

#chip_selector_area
{
  width: 40vh;
  height: 13%;
  z-index: 2;
}

.chip_selector_area
{
  bottom: 6%;
}

#dice_swipe_area
{
  width: 11.2vh;
  height: 11.2vh;
  bottom: 26.3vh;
  left: -40.5vh;
  border-radius: 8.5vh;
  /* border: rgba(209, 209, 0, 0.5) outset 0.5vh; */
  z-index: 4;
}

#dice_roll_area
{
  position: absolute;
  bottom: -74vh;
  border-style: solid;
  border-radius: 100vh;
  border-width: 2vh;
  width: 96vh;
  height: 96vh;
  left: -30vh;
  right: -30vh;
  margin: auto;
}

.dice_roll_area
{
  border-color: rgba(150, 255, 0, 0.6);
  background-color: rgba(20,20,20,0.25);
}

.dice_roll_blink 
{
  animation: blinker 0.5s linear infinite;
}

@keyframes blinker 
{
  50% {
    border-color: rgba(255, 255, 200, 0.8);
  }
}

.dice_roll_bullseye
{
  border: rgba(150, 255, 0, 0.6);
}

.dice_roll_triggered
{
  border-color: rgba(150, 255, 0, 0.8);
  background-color: rgba(204, 204, 204, 0.2);
}

#dice_roll_text,
#dice_roll_triggered
{
  position: absolute;
  top: 13vh;
  width: 50vh;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
  color: white;
  font-family: 'OpenSansCondBold';
  font-size: 4vh;
  transform: scaleY(2);
}

#dice_roll_text
{
  top: 7vh;
}

#dice_roll_triggered
{
  top: 3vh;
}

#dice_roll_bullseye
{
  position: absolute;
  left: 20vh;
  bottom:24vh;
  width: 32vh;
  height: 32vh;
  border-width: 12vh;
  border-style: solid;
  border-radius: 30vh;
}

#dice_throw_arrow1
{
  left:0vh;
}

#dice_throw_arrow2
{
  right:0vh;
  transform: scaleX(-1);
}

#dice_throw_arrows
{
  position: absolute;
  width: 40vh;
  height: 66vh;
  top: 0.5vh;
  left: 5vh;
  right: 5vh;
  margin: auto;
}

.dice_arrow
{
  width: 5vh;
  height: 20vh;
  background-size: 120vh;
  background-position: 98% 34.8%;
}

#bottom_play_buttons
{
  position: absolute;
  width: 100%;
  height: 6vh;
  bottom: 0vh;
  z-index: 4;
  max-width: 74vh;
  left: 0;
  right: 0;
  margin: auto;
}

.side_elem
{
  bottom:2vh;
  width: 16.5vh;
  height: 6vh;
  background-size: 78vh;
  font-size: 2.2vh;
  font-weight: 600;
  border-radius: 2.5vh;
  background-position: 34.3% 29.5%;
  z-index: 2;
}

.btn_txt
{
  font-size: 2.2vh;
  width: 16vh;
  text-align: center;
  position: absolute;
  top: -0.3vh;
}

.btn_txt_sm
{
  font-size: 70%;
  letter-spacing: -0.4vh;
}

.btn_txt_lg
{
  font-size:125%;
}

.rside
{
  right:0.5vh;
}

.lside
{
  left:0.5vh;
}

.top_row
{
  top:2vh;
}

.bottom_row
{
  bottom:0.1vh;
}

.bottom_bg
{
  width: 20.5vh;
  height: 8.9vh;
  bottom: 0.1vh;
  background-position: 100% 59.2%;
  background-size: 69vh;
}

#bg_l
{
  left:0h;
}

#bg_r
{
  right:0vh;
}

#btn_CONFIRM
{
  position: absolute;
  left: 0vh;
  background-position: 81.8% 31%;
  width: 26.5vh;
  color: white;
  font-size: 2.8vh;
  background-size: 210vh 170vh;
  height: 8vh;
}

#select_phase_buttons
{
  position: absolute;
  width: 28.5vh;
  height: 4vh;
  bottom: 8vh;
  left: 0;
  right:0;
  margin: auto;
}

#btn_CONFIRM_txt
{
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  text-align: center;
}

#btn_PLAY
{
  position: absolute;
  background:transparent;
  width: 13vh;
  height: 13vh;
  left: 1.5vh;
  bottom: 41vh;
  margin: auto;
  border-radius: 2.25vh;
  border-width: 0px;
  z-index: 3;
}

.btn_PLAY_bg
{
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-position: 27.4% 12.9%;
  background-size: 94.5vh;
  -webkit-filter: brightness(1.01);
  filter: brightness(1.01);
  transition: filter 1.75s;
  -webkit-transition : -webkit-filter 1.75s;
}

.btn_PLAY_bg_bright
{
  -webkit-filter: brightness(1.15);
  filter: brightness(1.15);
}

.btn_PLAY_bg_down
{
  background-position-y: 28.9%;
}

.btn_txt_PLAY
{
  line-height: 4.6vh;
  font-size: 5vh;
  height: 9.5vh;
  width: 20.3vh;
  display: table-cell;
  vertical-align: middle;
}

.btn_txt_PLAY_post
{
  line-height: 3.5vh;
  font-size: 4vh;
}

#btn_DEL,
#btn_OFF_TOGGLE
{  
  float: left;
}

#btn_UNDO
{
  position: absolute;
  border: none;
  background: transparent;
  left:0;
  bottom:133%;
}

#btn_icon_UNDO
{
  background-position: 28.3% 0.3%;
  width: 85%;
  height: 90%;
  background-size: 91vh;
}

.sett_wide_btn
{
  height: 4.5vh;
  width: 16vh;
  text-align: center;
  border-radius: 1vh;
  border-width: 0.2vh;
  border-style: outset;
  border-color: #ddd;
  position: absolute;
}

.btn_gradient
{
  background-color: rgb(179, 0, 0);
  background-image: linear-gradient(#f00, #622);
}

#btn_FELT
{
  left: 0;
  right: 0vh;
  margin: auto;
  bottom: 19vh;
}

#btn_AUTO_WIN
{
  left: 24vh;
  bottom: 3.2vh;
  background-color: darkmagenta;
  background-image: linear-gradient(#980dd4, #2d093d);
  position: relative;
  font-size: 1.91vh;
}

#btn_TUTORIAL
{
  left: 2vh;
  bottom: 12.2vh;
  background-color: rgb(119, 0, 117);
  background-image: linear-gradient(#CD00E5, #3E0045);
}

#btn_AUTO_BACK
{
  left: 0;
  margin: auto;
  right: 0;
  bottom: -1.8vh;
  background-color: darkmagenta;
  background-image: linear-gradient(#980dd4, #2d093d);
  position: relative;
}

#btn_AUTO_BETS
{
  right: 2vh;
  bottom: 12.2vh;
  background-color: deepskyblue;
  background-image: linear-gradient(#00A8FF, #003856);
  font-size: 2.5vh;
  line-height: 4.5vh;
}

#btn_RULES
{
  left: 2vh;
  bottom: 5.7vh;
  background-color: darkorange;
  background-image: linear-gradient(#fd7b08, #2c1601);
}

#btn_PAYTABLE
{
  right: 2vh;
  bottom: 5.7vh;
  background-color: forestgreen;
  background-image: linear-gradient(#03A300, #122501);
}

#btn_ADVANCED
{
  left:0;
  right:0;
  margin:auto;
  bottom: 2vh;
  background-color: rgb(85, 25, 116);
  background-image: linear-gradient(#8216ff, #1c013a);
}

#btn_BACK_TO_SETT
{
  left:0;
  right:0;
  margin:auto;
  bottom: 2vh;
  background-color: rgb(85, 25, 116);
  background-image: linear-gradient(#8216ff, #1c013a);
}

.state_btn, .state_btn_adv
{
	position: relative;
  width: 40vh;
  margin: 1vh auto;
}

.state_btn
{
  height: 9vh;
}

.state_btn_adv
{
  height: 9vh;
}

.state_btn_label
{
	position: relative;
  font-size: 3.25vh;
  left:1vh;
}

.state_btn_wrapper
{
  width: 10vh;
  height: 8vh;
  right: 0;
  position: absolute;
  top: 0;
}

.state_cycle_btn
{
  right: 1.9vh;
  top: 0;
  background-size: 71.1vh;
  background-position: 62.8% 70.6%;
}

.state_btn_value, .state_btn_value_adv
{
  min-width: 10vh;
  right: 0;
  margin: auto;
  position: absolute;
  text-align: center;
  white-space: nowrap;
}

.state_btn_value
{
  top: 6.2vh;
  font-size: 2.2vh;
}

.state_btn_value_adv
{
  top: 6.2vh;
  font-size: 2.2vh;
}

.view_3d
{
  background-position: 79.6% 70.6%;
}

.view_ovr
{
  background-position: 71.2% 70.6%;
}

.custom_val
{
  background-position: 0.1% 85.5%;
}

.anim_default
{
  background-position: 60% 99.2%;
}

.anim_fast,
.anim_off
{
  background-position: 39.4% 99.2%;
}

.left-hand
{
  background-position: 66.3% 19.8%;
}

.right-hand
{
  background-position: 73.8% 19.8%;
}

.check_on
{
  background-position: 99% 0.8%;
  background-size: 108vh;
}

.check_off
{
  background-position: 91.5% 0.9%;
  background-size: 108vh;
}

.sound_off
{
  background-position: 58.3% 11.3%;
}

.sound_lo
{
  background-position: 66.65% 11.3%;
}

.sound_hi
{
  background-position: 75% 11.3%;
}

.music_off
{
  background-position: 83.4% 11.3%;
}

.music_lo
{
  background-position: 91.8% 11.3%;
}

.music_hi
{
  background-position: 100% 11.3%;
}

.gfx_hi
{
  background-position: 49.85% 11.8%;
}

.gfx_lo
{
  background-position: 41.5% 11.8%;
}

.always_on
{
  background-position: 83.4% 3%;
}

.come_off
{
  background-position: 91.8% 3%;
}

.come_on
{

  background-position: 100% 3%;
}

.off_red
{
  background-position: 75% 3%;
}

.window
{
  z-index: 11;
  height: 100%;
  width: 100%;
  background-color: white;
  color: black;
  top: 0;
  position: absolute;
  left: 0;
  overflow-x: auto;
  overflow-y: auto;
  font: 2vh OpenSansRegular, sans-serif;
}

.window p, h1, h2, h3, h4
{
  width: 98%;
  padding-left:1%;
}

.window a
{
  margin: 23%;
}

.window_title,  .panel_title, .title_area
{
  padding-top: 1.5vh;
  padding-bottom: 1.5vh;
  font: 3vh OpenSansCondBold, sans-serif;
  font-weight: 600;
}

.window_title, .panel_title
{
  width: 100%;
  text-align: center;
  color: white;
  background: black;
}

.panel_title
{
  position: absolute;
}

.window_title
{
  position:fixed;
  z-index: 15;
}

.window_header
{
  font: 2.8vh OpenSansCondBold, sans-serif;
}

.window_subheader
{
  font: 2.8vh OpenSansRegular, sans-serif;
}

.auto_bet_tab_pref,
.auto_bet_tab_stay
{
  width: 34%;
  height: 82%;
  padding-left: 2%;
  padding-right: 2%;
  position: absolute;
  top: 0vh;
  border-radius: 1vh 1vh 0 0;
  z-index: 12;
  color: black;
  font-size: 2.8vh;
  background-image: linear-gradient(white, lightgray, gray);
  border-color: gray;
  border-style: solid;
  border-width: 0.3vh 0.3vh 0 0.3vh;
}

.active_tab
{
  height: 85%;
  background-color: black;
  background-image: unset;
  color: white;
  font-size: 3vh;
  border-width: 0.5vh 0.5vh 0 0.5vh;
  border-color: white;
  border-style: solid;
}

.bet_title_bar
{
  position: absolute;
  height: 0.5vh;
  width: 100%;
  background-color: white;
  top: 85%;
}

.auto_bet_tab_pref
{
  left:2%;
}

.auto_bet_tab_stay
{
  left: 44%;
}

.bet_title
{
  position: relative;
  height: 8%;
  margin-bottom: 4%;
}

.table_text
{
  max-width:50vh;
  text-align: center;
}

.rules_text
{
  max-width:72vh;
}

.indent-start
{
  text-indent: 5vh;
}

.game_title_main,
.game_title_sub,
.table_header
{
  color: black;
  font-family: "Saira";
}

.game_title_main
{
  font-size: 3.7vh;
  font-weight: 700;
}

.game_title_sub
{
  font-size: 2.8vh;
  font-weight: 700;
  line-height: 2vh;
}

.rules_carrot
{
  position: fixed;
  width: 8vh;
  bottom: 0.25%;
  right: 2%;
  background-color: aliceblue;
}

.rules_h1,
.rules_h2,
.rules_h3
{
  font-family: "Saira";
  font-weight: 400;
  color: #2f5496;
}

.rules_h1
{
  font-size: 3.6vh;
}

.rules_h2
{
  font-size: 3.2vh;
}

.rules_h3
{
  font-size: 2.8vh;
}

.rules_list
{
  margin-inline-start: 1vh;
}

.rules_a
{
  font-family: "Saira";
  font-weight: 400;
  font-size: 2.5vh;
}

.table_title
{
  font-family: "Saira";
  font-weight: 700;
  font-size: 2.8vh;
  line-height: 1vh;
  text-align: center;
  padding-top: 2vh;
}

.table_header
{
  font-size: 2.2vh;
  background-color: #aae247;
  line-height: 1.8vh;
  font-weight: 400;
}

.table_row
{
  line-height: 2.2vh;
}

.table_row_sh
{
  background-color: #e2efd9;
}

.table_row_lg
{
  line-height: unset;
}

.table_width
{
  max-width: 50vh;
}

#settings_blocker,
#autobets_blocker
{
  background:transparent;
  z-index: 10;
}

#settings_panel, #adv_settings_panel, #autobets_panel
{
  font: 3vh OpenSansCondBold, sans-serif;
  padding-bottom: 3vh;
  width: 44vh;
  left: 0;
  right: 0;
  margin: auto;
  position: relative;
  background:rgba(0, 0, 0, 0.67);
  height: 76.5vh;
  color: white;
  top:10%;
  z-index: 11;
}

#settings_footer
{
  font: 1.8vh OpenSansCondLight, sans-serif;
  position: absolute;
  bottom: 3vh;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
}

.x_button
{
  position: absolute;
  top: 0;
  right: 0;
  width: 5vh;
  height: 5vh;
  margin: 0.5vh;
  padding:0;
  border-radius: 1vh;
  border-width: 0.2vh;
  border-style: outset;
  border-color: #ddd;
  background-color: #111111;
}

.x_icon
{
  position: absolute;
  margin: 0.3vh;
  top:0;
  left:0;
  background: url(images/ui_atlas.png) 13% 0.2%;
  width: 4vh;
  height: 4vh;
  background-size: 58vh;
}

.blocker
{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:rgba(0, 0, 0, 0.67);
}

#hud_conf_blocker
{
  z-index: 11;
}

#advance_betting_area
{
  transform: scale(0.75);
  position: absolute;
  right: -1.75vh;
  bottom: 18%;
  width: 15.3vh;
  height: 58%;
  z-index: 3;
}

.betting_options_span
{
  position: relative;
  right: 0;
  height: 9.6vh;
  width: 9.6vh;
  margin-bottom: 14%;
  float: right;
}

#errorPage
{
  position:absolute;
  width:100%;
  height:100%;
  left:0;
  top:0;
  padding-top: 10vh;
  font: 3vh EBGaramond, sans-serif;
  background-color: #444;
  z-index:20;
}

#errorMessage
{
  font-size:2.5vh;
  width:80%;
  margin-top: 3vh;
  padding: 2vh;
  display: block;
  background: #eff;
  border-radius: 1vh;
  margin: auto;
  max-height: 30vh;
  overflow: hidden;
  position: relative;
  top: 2vh;
  text-align: center;
}

#errorIcon
{
  top:10vh;
  height: 20vh;
  width: 20vh;
  margin: auto;
  background: url("images/DK_small.png");
  background-size: cover;
}

#errorButton
{
  width : 70%;
  padding:3vh;
  font-size: 4vh;
  white-space: nowrap;
  color:white;
  border-radius: 2vh;
  text-align: center;
  position: relative;
  overflow: hidden;
  border-width: 0.4vh;
  border-style: outset;
  border-color: #ddd;
  background-color: #111111;
  margin: auto;
  top:10vh;
}

/* Start of state overrides */
/* Add default values above*/
button
{
  color:white;
}

button:focus
{
  /* future highlight of focus element if desired */
  /* box-shadow: inset 0 0 100px 100px rgba(255, 255, 255, 0.1); */
  outline:none;
}

button:disabled
{
  filter: grayscale(0.4);
}

/* Rules for Landscape */
/* SIZE CONVERSION: multiply portrait vh units by 1.778 */
/* SIZE CONVERSION: to convert to portrait, multiply landscape vh units by 0.5625 */
@media
only screen and (min-aspect-ratio: 5/3)
{
  #uihost
  {
    bottom: unset;
  }

  #three_canvas
  {
    bottom: unset;
  }

  .tutorialPanel
  {
    width: 107vh;
    height: 70.8vh;
    top: 16vh;
  }
  
  #select_phase_buttons
  {
    position: absolute;
    width: 29vh;
    height: 4vh;
    bottom: 5vh;
  }

  .main_tutorial_BG
  {
    background-size: 178.8vh;
  }

  .tutorial_BG_1
  {
    background-position: 0% 2%;
  }

  .tutorial_BG_2
  {
    background-position: 2% 34.5%;
  }

  .tutorial_BG_3
  {
    background-position: 0% 66.5%;
  }

  .tutorial_BG_4
  {
    background-position: 0% 98.5%;
  }

  .tutorial_BG_5
  {
    background-position: 2% 1%;
  }

  .tutorial_BG_6
  {
    background-position: 0% 34%;
  }

  .tutorial_BG_7
  {
    background-position: 0% 66.5%;
  }

  .tutorial_BG_8
  {
    background-position: 0% 98% ;
  }

  .tutorial_BG_9
  {
    background-position: 100% 1.25%;
  }

  .tutorial_BG_10,
  .tutorial_BG_11
  {
    background-position: 100% 33.5%;
  }

  #help_overlay
  {
    left:29vh;
    bottom: 1.5%;
    height: 20.5%;
  }

  #help_odds
  {
    left: 128vh;
    right: 0vh;
    bottom: 1.5%;
  }

  #help_title
  {
    font-size: 3.2vh;
  }

  #help_text
  {
    font-size: 2.3vh;
  }

  #help_winlose
  {
    font-size: 2.3vh;
  }

  #dice_swipe_area
  {
    /* use % unit for height to be more portable */
    width:17vh;
    height: 17%;
    bottom: 6.4%;
    left: -35vh;
  }

  #dice_roll_area
  {
    bottom: 0vh;
    left: -50vh;
    margin:unset;
  }

  #dice_roll_text,
  #dice_roll_triggered
  {
    top: 48vh;
    width: 50vh;
    right: -6vh;
    left:unset;
    margin:unset;
  }

  #dice_roll_bullseye
  {
    left: 3vh;
    top: 20vh;
    bottom:unset;
  }

  #dice_throw_arrows
  {
      width: 36vh;
      height: 66vh;
      right: unset;
      margin: unset;
      transform: rotate(90deg);
      top: -32vh;
      left: -20vh;
  }

  .tutorial_BG
  {
    width: 95.5vh;
    height: 44.5vh;
    background-size: 191vh;
    border-radius: 3vh;
  }

  .checkbox_div
  {
    top: 61vh;
    left: 75vh;
    font-size: 3vh;
    width: 36vh;
  }

  .tutorial_counter_text
  {
    top: 46.5vh;
  }

  .tutorial_header_text
  {
    font-size: 6vh;
  }
  
  .tutorial_body_text
  {
    width: 90vh;
    font-size: 3vh;
    left: 2.5vh;
    top:8vh;
  }

  .left_button,
  .right_button
  {
    top: 49vh;
  }

  .left_button
  {
    left: 24vh;
  }

  .right_button
  {
    right: 24vh;
  }

  .play_button,
  .advanced_button,
  .skip_button
  {
    top: 60vh;
    font-size: 4vh;
    height:5.3vh;
    background-size: 133vh;
  }

  .advanced_button
  {
    left: 4vh;
    width: 37.5vh;
  }

  .skip_button
  {
    left: 44.5vh;
    width: 28vh;
  }

  .play_button
  {
    left: 44.5vh;
    width: 28vh;
  }

  .dk_logo
  {
    width: 44vh;
    height: 14vh;
    background-size: 143vh;
    top: -13.7vh;
    left: 33.7vh;
  }

  .cashout_btn
  {
    width: 10vh;
    height: 7.1vh;
    top: 12%;
    background-size: 69.1vh;
    font-size: 2.6vh;
    line-height: 2.5vh;
  }

  .hud_btn
  {
    width: 10vh;
    height: 10vh;
  }

  .hud_button_icon
  {
    background-size: 110vh;
  }
  
  #settings_hud
  {
    top: 1vh;
    right: 1vh;
    width: 32vh;
    height: 9vh;
  }

  #edit_hud_bar
  {
    left:110%;
    height: 10vh;
    width: 30vh;
    bottom: 1vh;
  }

  #btn_icon_UNDO
  {
    background-size: 130vh;
  }

  #bottom_play_buttons
  {
    height:8.2vh;
    left:36vh;
  }

  #btn_UNDO
  {
    right:111%;
    bottom:1vh;
    left:unset;
  }

  #btn_PLAY
  {
    width: 16.5vh;
    height: 16.5vh;
    left:unset;
    right: 24vh;
    bottom: 11vh;
    border-radius: 4vh;
    
  }
  
  .btn_PLAY_bg
  {
    background-size: 120vh;
  }

  .meter_label
  {
    padding: 1vh;
  }

  .side_meter
  {
    width: 26.4vh;
    background-size: 116.4vh 138vh;
    font-size: 3vh;
    height: 6vh;
    bottom: 0.25vh;
    padding-top: 1.2vh;
  }

  #meter_BET
  {
    left: -26.4vh;
  }

  #meter_BALANCE
  {
    right: -26.4vh;
  }

  #meter_WIN
  {
    left: 36vh;
  }

  #chip_selector_area
  {
    width: 48.8vh;
    left: 36vh;
  }
  
  .adv_bet_slider_container
  {
    padding-left: 20%;
  }

  .adv_bet_title_container
  {
    width: 68%;
  }

  .slider_component_bg
  {
    width: 86vh;
    height: 39.5vh;
    background-size: 145vh 101vh;
  }

  .slider_bar_container
  {
    bottom: 41%;
    left: 5vh;
  }

  .bet_info_container
  {
    bottom: 10vh;
    left: 6vh;
  }

  .slider_cancel_div
  {
    left: 54vh;
    top: 12.5vh;
  }

  .slider_remove_div
  {
    right : 45vh;
    top : 11.5vh;
  }

  .ico_remove
  {
    background-size: 77vh;
  }

  #advance_betting_area
  {
    transform: unset;
    right: 0.5vh;
    bottom: 22%;
    height: 56vh;
  }
}

/* Start of media overrides */
/* iPhone 12 / 12 max / 11/ X / XS / XR / XS Max LANDSCAPE support 
    adjustments for swipe area and things that break when browser headers are visible*/
@media 
only screen and (max-aspect-ratio: 14/25),
only screen and (device-width : 390px) and (device-height : 844px) and (-webkit-device-pixel-ratio : 3) and (orientation : landscape),
only screen and (device-width : 428px) and (device-height : 926px) and (-webkit-device-pixel-ratio : 3) and (orientation : landscape),
only screen and (device-width : 375px) and (device-height : 812px) and (-webkit-device-pixel-ratio : 3) and (orientation : landscape),
only screen and (device-width : 375px) and (device-height : 812px) and (-webkit-device-pixel-ratio : 2) and (orientation : landscape),
only screen and (device-width : 414px) and (device-height : 896px) and (orientation : landscape) 
{
  .tutorialPanel
  {
    transform: scale(0.9);
    left:-6%;
    top:10%;
  }

  #dice_swipe_area
  {
    /* a little extra wide to fit aspects from 5/3 to 16/9 
      use % unit for height to be more portable */
    width:9%;
    height: 17%;
    left: -18%;
  }

  #settings_panel, #adv_settings_panel, #autobets_panel 
  {
    top:3%;
  }

  #advance_betting_area
  {
    height: 63%;
  }
}

/* iPhone 12 / 12 max / 11/ X / XS / XR / XS Max PORTRAIT support */
/* Override values for windows that get thinner than a 16:9 phone display */
/* Return to height based values for windows that get thinner than we support */
/* Defined before thinner than 9:16 rules so those can win over these */
@media 
only screen and (max-aspect-ratio: 14/25),
only screen and (device-width : 390px) and (device-height : 844px) and (-webkit-device-pixel-ratio : 3) and (orientation : portrait),
only screen and (device-width : 428px) and (device-height : 926px) and (-webkit-device-pixel-ratio : 3) and (orientation : portrait),
only screen and (device-width : 375px) and (device-height : 812px) and (-webkit-device-pixel-ratio : 3) and (orientation : portrait),
only screen and (device-width : 375px) and (device-height : 812px) and (-webkit-device-pixel-ratio : 2) and (orientation : portrait),
only screen and (device-width : 414px) and (device-height : 896px) and (orientation : portrait) 
{
  .tutorialPanel
  {
    transform: scale(0.9);
    left:-6%;
    top:7vh;
  }

  .hud_btn
  {
    width: 6.65vh;
    height: 6.65vh;
  }

  .hud_button_icon
  {
    background-size: 73.15vh;
  }

  #btn_icon_UNDO
  {
    background-size: 86.4vh;
  }

  #dice_swipe_area
  {
    width: 9.7vh;
    height: 9.7vh;
    bottom: 22.3vh;
    left: -34.4vh;
    border-radius: 7vh;
  } 

  .conf_btn,
  .btn_txt
  {
    width: 15vh; 
  }

  .conf_txt
  {
    font-size: 2.6vh;
  }

  #btn_conf_OK
  {
    left: 8vh;
  }
  
  #btn_conf_CANCEL
  {
    right: 8vh;
  }

  .betting_options_span
  {
    height: 9vh;
    width: 9vh;
    margin-bottom: 13%;
  }
  
  .advBetOption_btn
  {
    width: 9vh;
  }

  .advancedBet_Option
  {
    height: 9vh;
    background-size: 77.63vh;
    font-size: 2vh;
  }

  .advancedBet_Option_Selected
  {
    height: 11.12vh;
    width: 10.26vh;
    background-size: 90.63vh;
    right: 0.86vh;
    bottom: 0.86vh;
    font-size: 2.3vh; 
  }

  .bet_amount_text
  {
    width: 9vh;
    font-size: 2vh;
  }

  #advance_betting_area
  {
    bottom:18.5%;
  }

  
  .slider_cancel_div
  {
    top: 13vh;
    left: 42.5vh;
  }

  .slider_remove_div
  {
    top: 12.7vh;
    right: 42.5vh;
  }
    
  .slider_bar_container
  {
    width: 35.3vh;
    padding: 0.9vh;
    top: 13vh;
    height: 3vh;
  }


  #settings_panel, #adv_settings_panel, #autobets_panel 
  {
    top:7%;
  }
}

/* Rules for any screen thinner than 9:16 portrait */
/* SIZE CONVERSION: multiply portrait vh units by 1.778 */
@media
only screen and (max-aspect-ratio: 9/16)
{
  .testPanel
  {
    width: 53.33vw;
    height: 177.78vw;
    font-size: 5.33vw;
  }
  
  .testPanelTitle
  {
    font-size: 7.11vw;
  }
  
  .testButton
  {
    width:17.78vw;
    font-size: 3.55vw;
    margin-left: 1.78vw;
    margin-right: 1.78vw;
  }
  
  .testSpinValues
  {
    width:90%;
    font-size: 4.44vw;
  }
  
  .testCheckbox
  {
    width: 3.91vw;
    height: 3.91vw;
  }
  
  .testDropdown
  {
    font-size: 3.55vw;
    width: 8.89vw;
    height: 7.11vw;
    margin-bottom: 0.9vw;
    margin-left: 5.33vw;
    margin-right: 5.33vw;
  }

  .slideRight
  {
    right:-53.33vw;
  }

  .tutorialPanel
  {
    width: 98.3vw;
    height: 140.6vw;
    top: 21.33vw;
  }

  .main_tutorial_BG
  {
    background-size: 165.3vw 355.55vw;
  }
  
  .dk_logo
  {
    width: 66.3vw;
    height: 21.86vw;
    top: -21.51vw;
    left: 16vw;
    background-size: 216.9vw;
  }
  
  .tutorial_BG
  {
    position: absolute;
    width: 93.8vw;
    height: 89.1vw;
    border-radius: 3.55vw;
    top: 7.1vw;
    background-size: 500vw;
  }

  .tutorial_BG_2
  {
    background-position: 16.9% 36%;
    background-size: 415vw;
  }
  
  .tutorial_BG_4
  {
    background-size: 410vw;
  }

  .tutorial_BG_5
  {
    background-position: 17% 1%;
    background-size: 380vw;
  }

  .tutorial_BG_6
  {
    background-position-y: 32.3%;
  }

  .tutorial_BG_7
  {
    background-size: 410vw;
  }

  .tutorial_BG_9
  {
    background-size: 410vw;
  }

  .tutorial_BG_10,
  .tutorial_BG_11
  {
    background-size: 410vw;
  }

  .tutorial_header_text
  {
    font-size: 8.9vw;
    top: 0.89vw;
  }

  .tutorial_body_text
  {
    font-size: 4.4vw;
    width: 90.7vw;
    top: 13.3vw;
    padding: 1.78vw;
  }

  .checkbox_div
  {
    font-size: 4.4vw;
    width: 40vw;
    bottom: 8.89vw;
  }

  .tutorialCheckbox
  {
    width: 3.9vw;
    height: 3.9vw;
  }

  .tutorial_counter_text
  {
    font-size: 7.1vw;
    width: 49.8vw;
    top: 92.8vw;
  }

  .tut_x_icon
  {
    margin: 0.5vw;
    top: -3.55vw;
    right: -3.55vw;
    width: 12.44vw;
    height: 12.44vw;
    background-size: 355.6vw;
  }

  .play_button,
  .advanced_button,
  .skip_button
  {
    top: 115.6vw;
    font-size: 5.33vw;
    background-size: 177.8vw;
    height: 7.1vw;
  }

  .advanced_button
  {
    left: 3.55vw;
    width: 50.67vw;
  }

  .skip_button
  {
    left: 56.9vw;
    width: 37.7vw;
  }

  .play_button
  {
    left: 56.89vw;
    top: 115.56vw;
    width: 37.7vw;
  }

  .left_button,
  .right_button
  {
    top: 97.8vw;
    width: 7.11vw;
    height: 12.44vw;
  }

  .left_button
  {
    left: 7.11vw;
  }

  .left_icon
  {
    margin: 0.53vw;
    width: 7.11vw;
    height: 12.44vw;
    background-size: 154.67vw;
  }

  .right_button
  {
    right: 7.11vw;
  }

  .rules_ico
  {
    width: 8.89vw;
    height: 8.89vw;
    background-size: 106.67vw;
  }
  
  .rules_ico_fr
  {
    width: 8.89vw;
    height: 8.89vw;
  }
  
  #help_overlay
  {
    padding-left: 2.67vw;
    padding-right: 2.67vw;
    max-width: 131.55vw;
    border-width: 0.9vw;
  }
  
  #help_odds
  {
    padding-left: 2.67vw;
    padding-right: 2.67vw;
    height: 32vw;
    width: 30.22vw;
    bottom: 33.9vw;
    right: 101.346vw;
    border-width: 0.9vw;
  }
  
  .help_odds_number
  {
    padding-left: 2.67vw;
    padding-right: 2.67vw;
    padding-top: 0.9vw;
    height: 8vw;
    width: 2.67vw;
    border-width: 0.9vw;
    font-size: 5vw;
  }
  
  #help_odds_4
  {
    top: 6.22vw;
    left: 0.9vw;
  }
  
  #help_odds_5
  {
    top: 6.22vw;
    left: 12.89vw;
  }
  
  #help_odds_6
  {
    top: 6.22vw;
    left: 24.9vw;
  }
  
  #help_odds_8
  {
    top: 18.67vw;
    left: 0.9vw;
  }
  
  #help_odds_9
  {
    top: 18.67vw;
    left: 12.89vw;
  }
  
  #help_odds_10
  {
    top: 18.67vw;
    left: 24.9vw;
    padding-left: 0.9vw;
    width: 4.44vw;
  }
  
  .help_odds_selected
  {
    border-width: 0.9vw;
  }
  
  #help_title
  {
    font-size: 5.87vw;
  }
  
  #help_odds_title
  {
    font-size: 4.44vw;
  }
  
  #help_text
  {
    font-size: 3.2vw;
  }
  
  #help_winlose
  {
    font-size: 3.38vw;
    padding-left: 14.22vw;
  }
  
  #settings_hud
  {
    top: 1.78vw;
    right: 0.36vw;
    width: 12.44vw;
    height: 39.11vw;
  }
  
  .setting_btn
  {
    width: 12.44vw;
    height: 12.44vw;
  }

  .ui_msg
  {
    top: 80vw;
    left:-8vw;
    font-size: 8vw;
  }

  #hud_msg_special
  {
    line-height: 7.5vw;
  }
  
  .hud_msg_bg
  {
    width:106.7vw;
    background-size: 462.22vw;
  }
  
  .intro_panel
  {
    width: 87.11vw;
    height: 92.44vw;
    top: 28.44vw;
    padding: 5.33vw;
    font-size: 4.26vw;
    border-radius: 4.44vw;
    border-width: 0.9vw;
  }
  
  .intro_list
  {
    text-indent: -5.33vw;
    margin-left: 5.33vw;
  }
  
  .intro_shrink
  {
    top: -46.22vw;
    left: -87.11vw;
  }
  
  .intro_sq_ico
  {
    width: 10.66vw;
    height: 10.66vw;
    background-size: 120.89vw;
    top: 2.67vw;
  }
  
  #STR_INTRO_TITLE
  {
    font-size: 5.7vw;
    width: 67.55vw;
    margin-bottom: 3.55vw;
  }
  
  #hud_conf_panel
  {
    max-width: 88vw;
    height: 44vw;
    top: 19.56vw;
    border-width: .4vw;
  }
  
  .conf_btn
  {
    bottom: 10vw;
    width: 30.22vw;
    height: 7vw;
    border-width: .4vw;
    font-size: 5vw;
    line-height: 5.5vw;
  }
  
  .conf_noshowagain
  {
    bottom: 0;
    width: 42.672vw;
    height: 7.11vw;
    right: -5.33vw;
  }

  .checkbox_txt
  {
    left:6vw;
    bottom:2.5vw;
    font-size: 4vw;
    line-height: 4vw;
  }
  
  .conf_txt
  {
    top: 1.78vw;
    font-size: 5vw;
  }
  
  #btn_INTRO_CHECK
  {
    top: 7.11vw;
    width: 3.91vw;
    height: 3.91vw;
  }

  #btn_conf_CHECK
  {
    top:0.3vw;
    width: 3.91vw;
    height: 3.91vw;
    margin-right: 2vw;
  }
  
  #btn_conf_OK
  {
    left: 7.11vw;
  }
  
  #btn_conf_CANCEL
  {
    right: 7.11vw;
  }
  
  #edit_hud_bar
  {
    height: 24.88vw;
    width: 12.44vw;
  }
  
  .advBet_btn
  {
    width: 27.2vw;
    height: 11.91vw;
  }
  
  .advBetOption_btn
  {
    width: 17.07vw;
  }
  
  .adv_bet_slider_container
  {
    height: 47.11vw;
    border-top: white 0.18vw solid;
  }
  
  .slider_component_bg
  {
    width: 110.22vw;
    height: 62.22vw;
    background-size: 184.9vw 156.45vw;
  }
  
  .adv_bet_title_container
  {
    top: 2.67vw;
    font-size: 5.33vw;
  }
  
  .slider_title
  {
    padding: 1.78vw;
  }
  
  .slider_value_container
  {
    top: 11.44vw;
    right: 46.56vw;
  }
  
  .slider_info
  {
    padding: 1.78vw;
    font-size: 3.2vw;
    font-size: 5.87vw;
  }
  
  input[type=range]::-webkit-slider-thumb 
  {  
    margin-top: -3.6px;
    background-size : 133.33vw;
    height: 10.67vw;
    width: 10.67vw;
  }
  
  .slider_bar_container
  {
    width: 72.89vw;
    padding: 1.78vw;
    top: 23.11vw;
  }
  
  .advBet_SliderBar
  {
    height: 5.33vw;
    border-radius: 8.89vw;
  }
  
  .advBet_SliderBar::-webkit-slider-thumb
  {
    width: 5.33vw;
    height: 5.33vw;
    border-radius: 8.89vw;
  }
  
  .bet_info_container
  {
    bottom: 19.56vw;
    left: 5.33vw;
  }
  
  .bet_info
  {
    padding: 1.78vw;
  }
  
  .slider_cancel_div
  {
    top: 25vw;
    width: 9.42vw;
    left: 87vw;
  }
  
  .slider_remove_div
  {
    top: 24.11vw;
    right: 87.11vw;
    width: 10.67vw;
  }
  
  .slider_remove
  {
    width: 10.67vw;
    height: 10.93vw;
  }
  
  .disabled_bar
  {
    height: 8.85vw;
    width: 22.74vw;
    left: 0.71vw;
  }
  
  .slider_cancel_text
  {
    line-height: 8.89vw;
    font-size: 4.44vw;
  }
  
  .slider_confirm_div
  {
    left: 42.6vw;
    top: 12.44vw;
    width: 23.64vw;
  }
  
  .ico_slider_cancel_container
  {
    background-size: 133.33vw;
    width: 8.89vw;
    height: 7.56vw;
  }
  
  .ico_slider_confirm_container
  {
    background-size: 195.56vw;
    width:23.64vw;
    height: 8.89vw;
  }
  
  .slider_confirm_text
  {
    font-size: 3.9vw;
    top: 1.78vw;
  }
  
  .sq_btn
  {
    width: 10.31vw;
    height: 10.31vw;
    border-radius: 2.67vw;
    border-width: 0.36vw;
  }

  .cashout_btn
  {
    width: 12.62vw;
    height: 9.07vw;
    padding-top: 0.71vw;
    background-size: 87.11vw;
    font-size: 3.2vw;
    line-height: 3.02vw;
  }
  
  .hud_btn
  {
    width: 12.44vw;
    height: 12.44vw;
  }
  
  .hud_button_icon
  {
    background-size:136.89vw;
  }

  .ico_sett_dimmed
  {
    bottom: 1.07vw;
  }
  
  .ico_off_tog_glow
  {
    left: -1.24vw;
  }
  
  .ico_del_glow
  {
    left: 2.31vw;
  }
  
  .ico_advancedBet
  {
    background-size: 176vw;
  }
  
  .bet_amount_btn
  {
    width: 16vw;
  }
  
  .adv_close_button
  {
    height: 5.33vw;
    width: 5.33vw;
    right: -32vw;
    bottom: 6.76vw;
    border-radius: 8.89vw;
  }
  
  .adv_close_button_betset
  {
    left: 24.89vw;
    bottom: 7.11vw;
  }
  
  .bet_amount_text
  {
    font-size: 3.7vw;
    width: 17.07vw;
  }
  
  .advancedBet_Option
  {
    height: 17.07vw;
    background-size: 147.2vw;
    font-size: 3.7vw;
  }
  
  .advancedBet_Option_Selected
  {
    height: 20.8vw;
    width: 19.2vw;
    background-size: 169.6vw;
    right: 1.6vw;
    bottom: 1.6vw;
    font-size: 4.27vw;
  }
  
  .show_adv_all
  {
    left: 11.56vw;
    width: 24.89vw;
    height: 7.11vw;
  }
  
  .ico_showall_option
  {
    height: 5.33vw;
    left: 0.36vw;
    background-size: 133.33vw 158.22vw;
  }
  
  .show_all_text
  {
    top: 0.71vw;
    font-size: 2.13vw;
  }
  
  .meter
  {
    font-size: 3.9vw;
  }
  
  .meter_label,
  .win_meter_label
  {
    font-size: 3.56vw;
    padding: 0.9vw;
    padding-left: 1.78vw;
    padding-right: 1.78vw;
  }
  
  .meter_label
  {
    font-size: 3.4vw;
  }
  
  .meter_value
  {
    margin-right: 0.18vw;
  }
  
  #meter_value_BALANCE
  {
    padding-right: 2.67vw;
  }
  
  #meter_value_BET
  {
    padding-left: 2.67vw;
  }
  
  .side_meter
  {
    bottom: 0.36vw;
    width: 39.11vw;
    height: 8.89vw;
    font-size: 4.44vw;
    padding-top: 1.78vw;
    background-size: 172.44vw 204.44vw;
  }
  
  .advance_bet_text
  {
    left: 3.3vh;
    top: 1.8vh;
    font-size: 2.6vh;

    left: 5.87vw;
    top: 3.2vw;
    font-size: 4.6vw;
  }
  
  .advance_bet_option_text
  {
    font-size: 4.27vw;
  }
  
  #meter_BET
  {
    left: -39.11vw;
  }
  
  #meter_BALANCE
  {
    right: -39.11vw;
  }
  
  .win_meter
  {
    width: 64vw;
    height: 12.09vw;
    font-size: 7.11vw;
    padding-top: 3.55vw;
  }

  .win_meter_bg
  {
    background-size: 298.67vw;
  }
  
  .win_meter_label
  {
    font-size: 7.11vw;
  }
  
  #chip_selector_area
  {
    width: 71.11vw;
  }

  #dice_swipe_area
  {
    width: 19.9vw;
    height: 19.9vw;
    bottom: 46.8vw;
    left: -72vw;
    border-radius: 11vw;
  }

  #dice_roll_area
  {
    bottom: -131.56vw;
    border-radius: 177.78vw;
    border-width: 3.55vw;
    width: 170.67vw;
    height: 170.67vw;
    left: -53.33vw;
    right: -53.33vw;
  }

  #dice_roll_text,
  #dice_roll_triggered
  {
    top: 23.11vw;
    width: 88.89vw;
    font-size: 7.11vw;
    transform: scaleY(2);
  }

  #dice_roll_text
  {
    top: 12.44vw;
  }

  #dice_roll_triggered
  {
    top: 5.33vw;
  }

  #dice_roll_bullseye
  {
    left: 35.56vw;
    bottom: 42.67vw;
    width: 56.89vw;
    height: 56.89vw;
    border-width: 21.33vw;
    border-radius: 53.33vw;
  }

  #dice_throw_arrows
  {
    width: 71.11vw;
    height: 117.33vw;
    top: 0.9vw;
    left: 8.89vw;
    right: 8.89vw;
  }

  .dice_arrow
  {
    width: 8.89vw;
    height: 35.56vw;
    background-size: 213.33vw;
  }

  #bottom_play_buttons
  {
    height: 10.67vw;
  }

  .side_elem
  {
    bottom: 5.33vw;
    width: 29.33vw;
    height: 10.67vw;
    background-size: 138.67vw;
    font-size: 3.91vw;
    border-radius:  4.44vw;
  }

  .btn_txt
  {
    font-size: 3.91vw;
    width:  30.22vw;
    line-height: 8vw;
  }

  .btn_txt_sm
  {
    letter-spacing: -0.71vw;
  }

  .rside
  {
    right: 0.9vw;
  }

  .lside
  {
    left: 0.9vw;
  }

  .top_row
  {
    top: 5.33vw;
  }

  .bottom_row
  {
    bottom: 0.18vw;
  }

  .bottom_bg
  {
    width:  36.44vw;
    height:  15.82vw;
    bottom: 0.18vw;
    background-size:  122.67vw;
  }

  #btn_CONFIRM
  {
    width:  47.11vw;
    font-size:  4.98vw;
    background-size:  373.33vw 302.22vw;
    height: 14.22vw;
  }

  #select_phase_buttons
  {
    width: 50.67vw;
    height: 7.11vw;
    bottom: 14.22vw;
  }

  #btn_PLAY
  {
    width: 23.11vw;
    height: 23.11vw;
    left: 2.67vw;
    bottom: 72.89vw;
    border-radius: 4vw;
  }

  .btn_PLAY_bg
  {
    background-size: 168vw;
  }

  .btn_txt_PLAY
  {
    line-height: 8.18vw;
    font-size: 8.89vw;
    height: 16.89vw;
    width: 36.09vw;
  }

  .btn_txt_PLAY_post
  {
    line-height:  6.22vw;
    font-size: 7.11vw;
  }

  #btn_icon_UNDO
  {
    background-size: 161.78vw;
  }

  .sett_wide_btn
  {
    height: 8vw;
    width: 28.44vw;
    border-radius: 1.78vw;
    border-width: 0.36vw;
  }

  #btn_FELT
  {
    bottom: 33.78vw;
   }

  #btn_TUTORIAL
  {
    left: 3.56vw;
    bottom: 21.69vw;
  }

  /* #btn_AUTO_BACK
  {
    left:  24.89vw;
    bottom: 4.2vh;
  } */

  #btn_AUTO_BETS
  {
    right: 3.56vw;
    bottom: 21.69vw;
    font-size: 4.45vw;
    line-height: 8vw;
  }

  #btn_RULES
  {
    left: 3.55vw;
    bottom: 10.13vw;
  }

  #btn_PAYTABLE
  {
    right: 3.55vw;
    bottom: 10.13vw;
  }

  #btn_ADVANCED
  {
    bottom: 3.55vw;
  }

  #btn_BACK_TO_SETT
  {
    bottom: 3.55vw;
  }

  .state_btn, .state_btn_adv
  {
    width: 71.11vw;
    margin: 1.78vw auto;
  }

  .state_btn
  {
    height: 16vw;
  }

  .state_btn_adv
  {
    height: 16vw;
  }

  .state_btn_label
  {
    font-size:  5.78vw;
    left:1.78vw;
  }

  .state_btn_wrapper
  {
    width: 17.78vw;;
    height: 14.22vw;
  }

  .state_cycle_btn
  {
    right: 3.38vw;
    background-size: 126.4vw;
  }

  .state_btn_value, .state_btn_value_adv
  {
    width: 17.78vw;
  }

  .state_btn_value
  {
    top: 11.02vw;
    font-size: 3.91vw;
  }

  .state_btn_value_adv
  {
    top: 11.02vw;
    font-size: 3.91vw;
  }

  .check_on
  {
    background-size: 192vw;
  }

  .check_off
  {
    background-size: 192vw;
  }

  .window
  {
    font-size: 3.55vw;
  }

  .window_title, .panel_title, .title_area
  {
    padding-top: 2.67vw;
    padding-bottom: 2.67vw;
    font-size: 5.33vw;
  }

  .window_header
  {
    font-size: 4.98vw;
  }

  .window_subheader
  {
    font-size: 4.98vw;
  }

  .auto_bet_tab_pref,
  .auto_bet_tab_stay
  {
    border-radius: 1.78vw 1.78vw 0 0;
    font-size: 5.2vw;
    border-width: 0.5vw 0.5vw 0 0.5vw;
  }
  
  .active_tab
  {
    font-size: 5.5vw;
    border-width: 0.9vw 0.9vw 0 0.9vw;
  }
  
  .bet_title_bar
  {
    height: 0.9vw;
  }

  .table_text
  {
    max-width: 88.89vw;
  }

  .rules_text
  {
    max-width: 133.33vw;
  }

  .indent-start
  {
    text-indent: 8.89vw;
  }

  .game_title_main
  {
    font-size: 6.58vw;
  }

  .game_title_sub
  {
    font-size:  4.98vw;
    line-height: 3.55vw;
  }

  .rules_carrot
  {
    width: 14.22vw;
  }

  .rules_h1
  {
    font-size: 6.4vw;
  }

  .rules_h2
  {
    font-size: 5.69vw;
  }

  .rules_h3
  {
    font-size:  4.98vw;
  }

  .rules_list
  {
    margin-inline-start: 1.78vw;
  }

  .rules_a
  {
    font-size: 4.44vw;
  }

  .table_title
  {
    font-size:  4.98vw;
    line-height: 1.78vw;
    padding-top: 3.55vw;
  }

  .table_header
  {
    font-size: 3.91vw;
    line-height: 3.2vw;
  }

  .table_row
  {
    line-height: 3.91vw;
  }

  .table_width
  {
    max-width: 88.89vw;
  }

  #settings_panel, #adv_settings_panel
  {
    font-size: 5.33vw;
    padding-bottom: 5.33vw;
    width: 78.22vw;
    height: 136vw;
  }

  #settings_footer
  {
    font-size: 3.2vw;
    bottom: 5.33vw;
  }

  .x_button
  {
    width: 8.89vw;
    height: 8.89vw;
    margin: 0.9vw;
    border-radius: 1.78vw;
    border-width: 0.36vw;
  }

  .x_icon
  {
    margin: 0.53vw;
    width: 7.11vw;
    height: 7.11vw;
    background-size: 103.11vw;
  }

  #advance_betting_area
  {
    right: -3.1vw;
    width:  27.2vw;
  }

  .betting_options_span
  {
    height: 17.07vw;
    width: 17.07vw;
  }
}

@media
/* only screen and (max-aspect-ratio: 9/16), */
only screen and (device-width : 320px) and (device-height : 568px)
{ 
  .tutorial_BG_1
  {
    background-position: 21.5% 8%;
  }

  .tutorial_BG_3
  {
    background-position: 17.5% 70%;
  }

  .tutorial_BG_6
  {
    background-position: 20.5% 35.5%;
  }

  .tutorial_BG_8
  {
    background-position: 20.5% 94%;
    background-size: 310vh;
  }
}

@media
only screen and (device-width : 768px) and (device-height : 1024px),
only screen and (device-width : 1024px) and (device-height : 1366px),
only screen and (device-width : 540px) and (device-height : 720px)
{
  .tutorial_BG
  {
    background-size: 230vh;
  }

  .tutorial_BG_1
  {
    background-position-y: 4%;
  }

  .tutorial_BG_2
  {
    background-position: 16.6% 36%;
  }

  .tutorial_BG_5
  {
    background-size: 210vh;
  }
}