#loadingLogo
{
  max-height: 16vh;
  margin-top: 16vh;
}

#epic_win
{
  pointer-events: none;
  width: 40vh;
  height: 40vh;
  top: 10vh;
  left: 0;
  right: 0;
  margin: auto;
}

.intro_sq_bolt
{
  width: 0;
}

.intro_sq_felt
{
  background-position: 1.1% 43.4%;
  width: 4.8vh;
}

.epic_win 
{
  position: absolute;
  background: url(images/epic_win.png);
  background-size: 80vh;
  animation: growIn 0.6s;
}

.fx_epic_win_icon_cell1
{  
  background-position: 0% 0%;
}

.fx_epic_win_icon_cell2
{
  background-position: 100% 0%;
}

.fx_epic_win_icon_cell3
{  
  background-position: 0% 100%;
}

.fx_epic_win_icon_cell4
{  
  background-position: 100% 100%;
}

#STR_BIGWIN
{
  font-size: 6vh;
  top: 40vh;
}

.ico_felt
{
  background-position: 1.1% 43.4%;
  background-size: 66vh;
  width: 68%;
}

.team_band
{
  height: 100%;
  width: 3vh;
  background-color: rgb(82, 45, 128);
  top: 0;
  left: 1.75vh;
  position: absolute;
  z-index: 3;
}

.team_text
{
  font-size: 2vh;
  width: 100%;
  text-align: center;
  bottom: -3vh;
  position: absolute;
}

.home_btn
{
  right :7vh;
  bottom: 2.5vh;
}

.rand_icon
{
  background-position: 17.3% 86%;
  width: 4.4vh;
  height: 4.4vh;
  background-size: 56vh;
  left: 1vh;
  bottom: 0.5vh;
  z-index: 4;
}

.away_btn
{
  left: 4vh;
  bottom: 2.5vh;
}

.ff_elem
{
  width: 7.2vh;
  height: 7.4vh;
  top: 10.15vh;
  border-radius: 1.5vh;
  background-position: 74.2% 20%;
  background-size: 91.5vh;
  z-index: 1;
}

.team_band
{
  height: 100%;
  width: 3vh;
  background-color: rgb(82, 45, 128);
  top: 0;
  left: 1.75vh;
  position: absolute;
  z-index: 3;
}

.team_text
{
  font-size: 2vh;
  width: 100%;
  text-align: center;
  bottom: -3vh;
  position: absolute;
}

.home_btn
{
  right :7vh;
  bottom: 2.5vh;
}

.rand_icon
{
  background-position: 17.3% 86%;
  width: 4.4vh;
  height: 4.4vh;
  background-size: 56vh;
  left: 1vh;
  bottom: 0.5vh;
  z-index: 4;
}

#btn_TEAMPANEL
{
  right: 0vh;
  top: 0.5vh;
  background-color: #0373be;
  background-image: linear-gradient(#0373be, #010825);
}

#btn_TEAM_TO_SETT
{
  right:3vh;
}

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

#btn_TEAM_TO_PLAY
{
  left:3vh;
  bottom: 2vh;
  background-color: green;
  background-image: linear-gradient(#57be03, #122501);
}

.state_btn_label_cond
{
  font-size:2.8vh;
  left:10vh;
  top:1.7vh;
  width:20vh;
}

#settings_panel,
#adv_settings_panel,
#team_settings_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: 78vh;
  color: white;
}

.sett_team_container
{
  position: absolute;
  left:1vh;
  width:42vh;
  height:56vh;
  overflow-y: scroll;
  border-color: #0373be;
  border-width: 0.2vh;
  border-style: solid;
}

/* width */
.sett_team_container::-webkit-scrollbar
{
  width: 1vh;
}

/* Track */
.sett_team_container::-webkit-scrollbar-track
{
  box-shadow: inset 0 0 5px grey; 
  border-radius: 0.5vh;
}
 
/* Handle */
.sett_team_container::-webkit-scrollbar-thumb
{
  background: #1c9ff6; 
  border-radius: 0.5vh;
}

/* Handle on hover */
.sett_team_container::-webkit-scrollbar-thumb:hover
{
  background: #0373be; 
}

.sett_team
{
  position: absolute;
  width:18vh;
  height:9vh;
  background: url(../gltfs/roulette_table/TeamLogoDecals.png);
  background-size: 72vh;
  border-color: #0373be;
  border-width: 0.1vh;
  border-radius: 1vh;
  border-style:solid;
}

.sett_team_sel
{
  border-style:double;
  border-width: 0.5vh;
  border-color: white;
}

.sett_team_row
{
  position: relative;
  width:40vh;
  height:10.5vh;
}

.sett_team_col0
{
  top:0.1vh;
  left:0.5vh;
}

.sett_team_col1
{
  top:0.1vh;
  right:0.5vh;
}

.sett_team_uvx0
{
  background-position-x: 0%;
}

.sett_team_uvx1
{
  background-position-x: 33.33%;
}

.sett_team_uvx2
{
  background-position-x: 66.67%;
}

.sett_team_uvx3
{
  background-position-x: 100%;
}

.sett_team_uvy0
{
  background-position-y: 0%;
}

.sett_team_uvy1
{
  background-position-y: 14.29%;
}

.sett_team_uvy2
{
  background-position-y: 28.57%;
}

.sett_team_uvy3
{
  background-position-y: 42.85%;
}

.sett_team_uvy4
{
  background-position-y: 57.14%;
}

.sett_team_uvy5
{
  background-position-y: 71.42%;
}

.sett_team_uvy6
{
  background-position-y: 85.71%;
}

.sett_team_uvy7
{
  background-position-y: 100%;
}

#sett_team_random_area
{
  top: 56vh;
  left:2vh;
}

#btn_TEAM_RANDOMIZE
{
  top: 64.1vh;
  background-color: darkorange;
  background-image: linear-gradient(#ff973b, #743800);
  position: absolute;
  left: 2vh;
}

.rules_ico_fr
{
  width: 6vh;
}

/* Start of media overrides */
/* iPhone X / XS / XR / XS Max 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 */
 @media 
 only screen and (max-aspect-ratio: 14/25),
 only screen and (device-width : 375px) and (device-height : 812px) and (-webkit-device-pixel-ratio : 3) and (orientation : portrait),
 only screen and (device-width : 414px) and (device-height : 896px) and (orientation : portrait) 
 {
  .ico_felt
  {
    background-size: 56.1vh;
  }

  .intro_sq_felt
  {
    width:4.4vh;
  }
 }