
div.promptMask {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 1920px;
    height: 1080px;
    background-color: #212126;
    opacity: 0.9;
    z-index: 10;
    pointer-events: initial;
}

div.promptAudioInfoBg {
    position: absolute;
    left: 479px;
    top: 60px;
    width: 966px;
    height: 140px;
    background-color: #212126;
    border: 3px solid white;
    border-radius: 20px;
    z-index: 20;
    pointer-events: initial;
}

div.promptAudioInfoBg > table {
    width: 966px;
    max-width: 966px;
    height: 140px;
    max-height: 140px;
    font-size: 50px;
    color: white;
    white-space: nowrap;
    zoom: 0.9999;
}

td.promptAudioInfoBgBorder {
    border-left: 8px solid #212126;
    border-right: 8px solid #212126;
}

div.promptAudioBg {
    position: absolute;
    left: 479px;
    top: 269px;
    width: 966px;
    height: 452px;
    background-color: #212126;
    border: 3px solid white;
    border-radius: 20px;
    z-index: 20;
    pointer-events: initial;
}

div.promptAudioText {
    position: absolute;
    left: 50%;
    top: 90px;
    width: 800px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    vertical-align: middle;
    transform: translateX(-50%);

    white-space: nowrap;

    font-family: "DCB";
    font-size: 80px;
    color: #FBBF48;
    text-transform: uppercase;
    zoom: 0.9999;
}
div.promptAudioBtnYes {
    position: absolute;
    left: 86px;
    top: 206px;
    width: 384px;
    height: 126px;
    background-color: #FBBF48;
    border-radius: 8px;
    cursor: pointer;
}
div.promptAudioBtnNo {
    position: absolute;
    left: 497px;
    top: 206px;
    width: 384px;
    height: 126px;
    background-color: #FBBF48;
    border-radius: 8px;
    cursor: pointer;
}
div.promptAudioBtnYesText {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 384px;
    height: 126px;
    line-height: 126px;
    text-align: center;
    vertical-align: middle;


    font-family: "DCB";
    font-size: 80px;
    color: white;
    text-transform: uppercase;
    cursor: pointer;
    zoom: 0.9999;
}
div.promptAudioBtnNoText {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 384px;
    height: 126px;
    line-height: 126px;
    text-align: center;
    vertical-align: middle;


    font-family: "DCB";
    font-size: 80px;
    color: white;
    text-transform: uppercase;
    cursor: pointer;
    zoom: 0.9999;
}

.desktopMenu {
    z-index: 4;
    zoom: 0.9999;
}
div.desktopMenuBtns {
    position: absolute;
    left: 164px;
    top: 30px;
    width: 1592px;
    height: 73px;

    pointer-events: initial;
}
div.desktopMenuWinBtn {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 527px;
    width: 395px;
    height: 73px;

    background-image: linear-gradient(to left, #FADA62, #F89134);
    background-color: white;
    border-radius: 8px;
    cursor: pointer;
}
div.desktopMenuInfoBtn {
    position: absolute;
    left: 533px;
    left: 400px;
    top: 0px;
    width: 527px;
    width: 395px;
    height: 73px;

    background-image: linear-gradient(to left, #FADA62, #F89134);
    background-color: white;
    border-radius: 8px;
    cursor: pointer;
}
div.desktopMenuHistoryBtn {
    position: absolute;
    left: 533px;
    left: 798px;
    top: 0px;
    width: 527px;
    width: 395px;
    height: 73px;

    background-image: linear-gradient(to left, #FADA62, #F89134);
    background-color: white;
    border-radius: 8px;
    cursor: pointer;
}
div.desktopMenuHomeBtn {
    position: absolute;
    left: 1065px;
    left: 1196px;
    top: 0px;
    width: 527px;
    width: 395px;
    height: 73px;

    background-image: linear-gradient(to left, #FADA62, #F89134);
    background-color: white;
    border-radius: 8px;
    cursor: pointer;
}

img.desktopMenuWinImg {
    position: absolute;
    left: 170px;
    top: 7px;
    width: 58px;
    cursor: pointer;
}
img.desktopMenuInfoImg {
    position: absolute;
    left: 568px;
    top: 7px;
    width: 58px;
    cursor: pointer;
}

img.desktopMenuHistoryImg {
    position: absolute;
    left: 966px;
    top: 8px;
    width: 58px;
    cursor: pointer;
}

img.desktopMenuHomeImg {
    position: absolute;
    left: 1364px;
    top: 7px;
    width: 58px;
    cursor: pointer;
}

div.promptLogo {
    position: absolute;
    left: 164px;
    top: 161px;
    width: 365px;
    height: 73px;

    font-size: 80px;
    color: #FBBF48;
    text-transform: uppercase;
}

div.promptLogoMobile {
    position: absolute;
    left: 116px;
    top: 87px;
    width: 365px;
    height: 73px;

    font-size: 80px;
    color: #FBBF48;
    text-transform: uppercase;
}

div.promptLow {
    position: absolute;

    width: 359px;
    height: 160px;
    line-height: 160px;
    text-align: center;

    color: white;
    font-size: 80px;
    border: 5px solid #FDDC9B;
    border-radius: 8px;
    cursor: pointer;

    pointer-events: initial;
}

div.promptMedium {
    position: absolute;

    width: 359px;
    height: 160px;
    line-height: 160px;
    text-align: center;

    color: white;
    font-size: 80px;
    border: 5px solid #FCCB69;
    border-radius: 8px;
    cursor: pointer;

    pointer-events: initial;
}

div.promptHigh {
    position: absolute;

    width: 359px;
    height: 160px;
    line-height: 160px;
    text-align: center;

    color: white;
    font-size: 80px;
    border: 5px solid #FBB937;
    border-radius: 8px;
    cursor: pointer;

    pointer-events: initial;
}
div.promptSelected {
    width: 370px;
    height: 170px;
    line-height: 170px;
}

div.promptLowMobile {
    position: absolute;

    width: 300px;
    height: 160px;
    line-height: 180px;
    text-align: center;

    color: white;
    font-size: 80px;
    border: 5px solid #FDDC9B;
    border-radius: 8px;
    cursor: pointer;

    pointer-events: initial;
}

div.promptMediumMobile {
    position: absolute;

    width: 300px;
    height: 160px;
    line-height: 180px;
    text-align: center;

    color: white;
    font-size: 80px;
    border: 5px solid #FCCB69;
    border-radius: 8px;
    cursor: pointer;

    pointer-events: initial;
}

div.promptHighMobile {
    position: absolute;

    width: 300px;
    height: 160px;
    line-height: 180px;
    text-align: center;

    color: white;
    font-size: 80px;
    border: 5px solid #FBB937;
    border-radius: 8px;
    cursor: pointer;

    pointer-events: initial;
}
div.promptSelectedMobile {
    width: 310px;
    height: 170px;
    line-height: 190px;
}

div.betsRect {
    position: absolute;
    left: 164px;
    top: 148px;
    width: 1592px;
    height: 736px;

    z-index: 4;

    overflow-x: hidden;
    overflow-y: scroll;

    pointer-events: initial;
}

div.betsRectB {
    position: absolute;
    left: 164px;
    top: 260px;
    width: 1592px;
    height: 610px;

    z-index: 4;

    overflow: hidden;

    -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 */
}

table.betsRectTable {
    border: 0px;
    margin-bottom: 18px;
    display: inline-block;
    /*width: 760px;*/
    width: 740px;
    /*
    min-width: 50%;
    */
}

table.betsRectTableMobile {
    border: 0px;
    margin-bottom: 18px;
    display: inline-block;
    width: 730px;
}

table.betsRectTablePortrait {
    border: 0px;
    margin-bottom: 18px;
    display: inline-block;
    width: 840px;
}

img.betsRectImg {
    height: 200px;
}

img.betsRectWildSymImg {
    height: 100px;
}

td.betsRectImg {
    width: 300px;
    text-align: center;
}

td.betsRectWildSymImg {
    text-align: right;
}

td.betsRectTxt {
    color: white;
    font-size: 60px;
    text-transform: lowercase;
    padding: 0px;
    margin: 0px;
    line-height: 60px;
    vertical-align: middle;

    zoom: 0.9999;
}

td.betsRectWildSymTxt {
    color: white;
    font-size: 60px;
    text-transform: lowercase;
    padding: 0px;
    margin: 0px;
    line-height: 60px;
    vertical-align: bottom;
    width: 50%;

    zoom: 0.9999;
}

gold {
    color: #FBBF48;
}

div.betsRectLogo {
    font-size: 80px;
    color: #FBBF48;
    text-transform: uppercase;
    padding-top: 8px;

    zoom: 0.9999;
}

div.betsRectLogo2 {
    font-size: 64px;
    color: #BB7BF9;
    text-transform: uppercase;
    padding-top: 28px;
    padding-bottom: 12px;

    zoom: 0.9999;
}

div.betsRectMobile {
    position: absolute;
    left: 320px;
    top: 148px;
    width: 1486px;
    height: 736px;

    z-index: 6;

    overflow-x: hidden;
    overflow-y: scroll;

    pointer-events: initial;
}

div.betsRectBMobile {
    position: absolute;
    left: 120px;
    top: 200px;
    width: 1486px;
    height: 736px;

    z-index: 6;

    overflow: hidden;

    -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 */
}


.mobileMenu {
    z-index: 5;
}
div.mobileMenuBtns {
    position: absolute;
    left: 115px;
    top: 161px;
    width: 126px;
    height: 745px;
    border-radius: 40px;
    background-image: linear-gradient(to left, #FADA62, #F89134);

    pointer-events: initial;
}

div.mobileMenuHomeBtn,
div.mobileMenuInfoBtn,
div.mobileMenuHistoryBtn,
div.mobileMenuWinBtn
{
    position: absolute;
    width: 112px;
    height: 186px;
    left: 7.5px;
    background-color: white;
    border-radius: 40px;
}
div.mobileMenuHomeBtn {
    background-color: transparent;
    top: 7.5px;
}
div.mobileMenuInfoBtn{
    top: 186px;
}
div.mobileMenuHistoryBtn{
    top: 373px;
}
div.mobileMenuWinBtn{
    top: 550px;
}

img.mobileMenuHomeImg {
    position: absolute;
    top: 119.5px;
    top: 52px;
    left: 20.5px
}
img.mobileMenuInfoImg {
    position: absolute;
    top: 335.5px;
    top: 37%;
    top: 238px;
    left: 20.5px
}
img.mobileMenuHistoryImg {
    position: absolute;
    top: 551.5px;
    top: 62%;
    top: 425px;
    left: 20.5px
}
img.mobileMenuWinImg {
    position: absolute;
    top: 551.5px;
    top: 87%;
    top: 611px;
    left: 20.5px
}


div.mobileMenuBtnActive {
    background-image: linear-gradient(315deg, #E994F7, #7755FE);
}



div.promptLogoPortrait {
    position: absolute;
    left: 95px;
    top: 78px;
    width: 365px;
    height: 73px;

    font-size: 80px;
    color: #FBBF48;
    text-transform: uppercase;
}

div.betsRectPortrait {
    position: absolute;
    left: 80px;
    top: 80px;
    width: 920px;
    height: 1400px;

    z-index: 6;

    overflow-x: hidden;
    overflow-y: auto;

    pointer-events: initial;
}

div.betsRectBPortrait {
    position: absolute;
    left: 90px;
    top: 190px;
    width: 920px;
    height: 6600px;

    z-index: 4;

    overflow: hidden;

    -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 */
}


div.promptLowPortrait {
    position: absolute;

    width: 420px;
    height: 170px;
    line-height: 170px;
    text-align: center;

    color: white;
    font-size: 80px;
    border: 5px solid #FDDC9B;
    border-radius: 8px;
    cursor: pointer;

    pointer-events: initial;
}
div.promptMediumPortrait {
    position: absolute;

    width: 420px;
    height: 170px;
    line-height: 170px;
    text-align: center;

    color: white;
    font-size: 80px;
    border: 5px solid #FCCB69;
    border-radius: 8px;
    cursor: pointer;

    pointer-events: initial;
}
div.promptHighPortrait {
    position: absolute;

    width: 420px;
    height: 170px;
    line-height: 170px;
    text-align: center;

    color: white;
    font-size: 80px;
    border: 5px solid #FBB937;
    border-radius: 8px;
    cursor: pointer;

    pointer-events: initial;
}
div.promptSelectedPortrait {
    width: 430px;
    height: 180px;
    line-height: 180px;
}



div.portraitMenuBtns {
    z-index: 5;
    position: absolute;
    left: 95px;
    top: 1645px;
    width: 886px;
    height: 124px;

    border-radius: 40px;
    background-image: linear-gradient(315deg, #E994F7, #7755FE);

    pointer-events: initial;
}

div.portraitMenuBtns2 {
    position: absolute;
    left: 142px;
    top: 0px;
    width: 743px;
    height: 124px;
    border-radius: 40px;
    background-image: linear-gradient(to left, #FADA62, #F89134);
}

img.portraitMenuMenuImg {
    position: absolute;
    left: 55px;
    top: 39px;
    width: 52px;
}

img.portraitMenuWinImg {
    position: absolute;
    left: 192px;
    top: 20px;
    width: 86px;
}

img.portraitMenuInfoImg {
    position: absolute;
    left: 378px;
    top: 20px;
    width: 86px;
}

img.portraitMenuHistoryImg {
    position: absolute;
    left: 563px;
    top: 24px;
    width: 86px;
}

img.portraitMenuHomeImg {
    position: absolute;
    left: 749px;
    top: 19px;
    width: 86px;
}

div.portraitMenuWinBtn {
    position: absolute;
    left: 150px;
    top: 7px;
    width: 180px;
    height: 112px;
    border-radius: 40px;
    background-color: white;
}

div.portraitMenuInfoBtn {
    position: absolute;
    left: 332px;
    top: 7px;
    width: 180px;
    height: 112px;
    border-radius: 40px;
    background-color: white;
}

div.portraitMenuHistoryBtn {
    position: absolute;
    left: 513px;
    top: 7px;
    width: 180px;
    height: 112px;
    border-radius: 40px;
    background-color: white;
}


div.linesTable {
    text-align: center;
}

table.linesTable {
    display: inline-block;
    color: #FBB937;
    font-size: 40px;

    padding: 36px;

}

td.linesTd {
    width: 50px;
    height: 50px;
    background-color: #BB7BF9;
}
td.linesTd2 {
    width: 20px;
    height: 20px;
    background-color: #BB7BF9;
}

td.linesTdActive {
    background-color: #FBB937;
}

p.betsRectP {
    color: #888888;
    font-size: 32px;
    margin: 10px;

    zoom: 0.9999;
}

span.highlight {
    color: white;
}

.historyData > table {
    width: 100%;

    color: white;
    font-size: xx-large;

    text-align: left;

    border: 1px black solid;
    border-collapse: collapse;

    zoom: 0.9999;
}

.historyData > table > tr {
    border: 1px black solid;
}

.historyData > table > tr > th {
    padding: 20px;
    padding-bottom: 16px;
    background-color: #121212;
    font-size: xx-large;
    font-weight: normal;
    zoom: 0.9999;
}

.historyData > table > tr > td {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 12px;
    padding-bottom: 6px;
}

span.center {
    text-align: center;
    display: block;
}

table.fstable {
    width: 80%;
    left: 20%;
    font-size: 32px;
    color: #888888;

    zoom: 0.9999;

    display: inline-table;
}

table.fstable tbody tr th {
    width: 33%;
    padding-left: 10px;
    padding-top: 12px;

    zoom: 0.9999;

    color: white;
    background-color: #888888;
}

table.fstable tbody tr td {
    padding-left: 10px;
    padding-top: 12px;

    background-color: #444444;
}


table.wtwTable {
    color: #FFFFFF;
    font-family: "MBlack";
    font-size: 26px;
    display: inline-block;
    height: 250px;
}

td.wtwTd {
    white-space: nowrap;
    display: inline-block;
    zoom: 0.9999;
}

img.wtwIcon {
    width: 50px;
    height: 50px;
}
td.wtwTdLeft {
    text-align: right;
    width: 650px;
}
table.wtwTable > tr:first-child > td:first-child {
    padding-right: 1%;
    line-height: 190px;
}

div.wtwTable {
    text-align: center;
}

img.replay {
    width: 30px;
    height: 30px;
    zoom: 0.9999;
    cursor: pointer;
}

div.replayMask {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    width: 100%;
    height: 100%;
    background-color: #212126;
    opacity: 0.9;
    z-index: 10;
    pointer-events: initial;
}

iframe.replayFrame {
    position: absolute;
    left: 10%;
    top: 10%;
    right: 10%;
    bottom: 10%;
    width: 80%;
    height: 80%;
    z-index: 10;
    border: 0px;
    background-color: black;
}

.ASMask,
.winTableMask {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    bottom: 0px;
    right: 0px;
    background-color: black;
    opacity: 0.6;
    z-index: 8;

    pointer-events: initial;

    zoom: 0.9999;
}

.winTableBg {
    border: 0px;
    border-radius: 20px;
    background-color: #212121;
    padding: 5% 5% 0% 5%;
    box-shadow: 0px 0px 0px 24px rgba(255, 255, 255, 0.5);

    text-transform: uppercase;

    position: absolute;

    left: 5%;
    top: 10%;
    bottom: 10%;
    width: 80%;

    z-index: 8;

    zoom: 0.9999;
}

.winTableBtns {
    font-family: "MBlack";
    font-size: 42px;
    color: white;
    width: 100%;
    text-align: center;
    /*padding-top: 40px;*/
    position: relative;
    top: calc(100% - 70px);

    zoom: 0.9999;
}

.winTableBtn {
    height: 124px;
    width: 382px;

    font-size: 42px;
    font-family: "MBlack";
    border-radius: 10px;
    border: 4px solid #979797;

    margin: 1%;

    cursor: pointer;
    pointer-events: initial;
    text-align: center;

    text-transform: uppercase;

    zoom: 0.9999;
}

div.winTableTxt > div.betsRect,
div.winTableTxt > div.betsRectMobile,
div.betsRectWT {
    left: 70px;
    top: 40px;
    height: 770px;
    width: 1592px;
    /*
    background-color: #07b407;
    */
}

div.ASBg {
    border: 0px;
    border-radius: 20px;
    background-color: #212121;
    padding: 2% 5% 5% 5%;
    box-shadow: 0px 0px 0px 24px rgba(255, 255, 255, 0.5);

    text-transform: uppercase;

    position: absolute;

    left: 10%;
    top: 10%;
    bottom: 20%;
    width: 70%;

    z-index: 8;

    zoom: 0.9999;
}

.ASLogo,
.ASHeadBet,
.ASHeadCount,
.ASHeadTotalBet,
.ASTotalBet {
    font-size: 54px;
    color: white;
    width: 100%;
    text-align: center;
    zoom: 0.9999;
}
.ASLogo {
    font-family: "MBold";
    font-size: 65px;
}
.ASHeadBet,
.ASHeadCount,
.ASHeadTotalBet {
    padding-top: 10px;
}
.ASHeadBet:before,
.ASHeadCount:before,
.ASHeadTotalBet:before {
    content: '';
    position: absolute;
    width: 90%;
    height: 2px;
    background: #646464;
    /*top: 220px;*/
    transform: translateY(-5px);
    left: 5%;
    zoom: 0.9999;
}

.ASBet,
.ASCount
{
    text-align: center;
}

.ASBet > table,
.ASCount > table
{
    color: white;
    font-size: 54px;
    text-align: center;
    display: inline-block;
    zoom: 0.9999;
}

.ASBetAdd,
.ASBetRem,
.ASCountAdd,
.ASCountRem
{
    pointer-events: initial;
    cursor: pointer;
}

.ASBetNumber,
.ASCountNumber
{
    width: 400px;
}

.ASButtons {
    font-family: "MBlack";
    font-size: 42px;
    color: white;
    width: 100%;
    text-align: center;
    padding-top: 20px;
    zoom: 0.9999;
}

.ASBtn1,
.ASBtn2 {
    height: 124px;
    width: 382px;
    font-size: 42px;
    font-family: "MBlack";
    border-radius: 10px;
    border: 4px solid #979797;
    margin: 1%;
    cursor: pointer;
    pointer-events: initial;
    text-transform: uppercase;
    zoom: 0.9999;
}
.ASBtn1 {
    background-color: white;
    color: #212121;
    zoom: 0.9999;
}
.ASBtn2 {
    background-color: #212121;
    color: white;
    zoom: 0.9999;
}


div.betsRectWT > div.betsRectLogo {
    text-align: center;
}