@charset "UTF-8";@import url('https://fonts.googleapis.com/css?family=Sacramento:400');.adminBg{
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: black;
}
.AdminPinPad{
    position: absolute;
    height: 60%;
    width: 80%;
    top: 20%;
    left: 10%;
    display: grid;
    grid-template-columns: 33% 33% 33%;
    grid-gap: 1%;
}
.AdminPinLogin{
    text-align: center;
    grid-column: 1 / span 3;
    font-size: 4vw;
}
.AdminPinPadButton{
    font-size: 4vw;
}

.AdminSection{
    position: absolute;
    height: 90%;
    width: 70%;
    top: 5%;
    left: 15%;
    grid-template-rows: 53% 40% 5%;
    display: grid;
}
.AdminSectionReports{
    position: absolute;
    height: 90%;
    width: 90%;
    top: 5%;
    left: 5%;
    grid-template-rows: 10% 85% 5%;
    display: grid;
}
.AdminSectionDiv{
    display: grid;
    grid-template-columns: 10% 40% 40% 10%;
    color: white;
    border-style: solid;
    padding: 2%;
    margin: 1%;
    grid-row-gap: 5%;
}
.adminHeader{
    grid-column: 1 / span 4;
    text-align: center;
    font-size: 4vw;
    font-weight: bolder;
}
.adminLabel{
    grid-column: 2 / span 1;
    text-align: center;
    font-size: 2vw;
    font-weight: bolder;
}
.adminvalue{
    grid-column: 3 / span 1;
    text-align: center;
    font-size: 2vw;
    font-weight: bolder;
}
.submitSettingsBtn{
    grid-column: 2 / span 2;
    text-align: center;
    font-size: 2vw;
    font-weight: bolder;
}
.AdminSectionReportDiv{
    display: grid;
    grid-template-columns: 25% 25% 25% 25%;
    color: white;
    border-style: solid;
    padding: 2%;
    margin: 1%;
    grid-row-gap: 5%;
}
.adminReportsDropDown{
    grid-column: 2 / span 2;
    text-align: center;
    font-size: 3vw;
    font-weight: bolder;
}
.periodReportPrintButtons{
    grid-column: 2 / span 1;
    text-align: center;
    font-size: 3vw;
    font-weight: bolder;
}
.periodReportPrintClearButtons{
    grid-column: 3 / span 1;
    text-align: center;
    font-size: 3vw;
    font-weight: bolder;
}
.dateStartLabel{
    grid-column: 1 / span 1;
    text-align: center;
    font-size: 3vw;
    font-weight: bolder;
    color:white;
    padding: 9% 0% 0% 0%;
}
.ReportDateStartPick{
    grid-column: 2 / span 2;
    font-size: 3vw;
    text-align: center;
    padding: 5% 0% 0% 0%;
}
.dateEndLabel{
    grid-column: 1 / span 1;
    text-align: center;
    font-size: 3vw;
    font-weight: bolder;
    color:white;
    padding: 15% 0% 0% 0%;
}
.ReportDateEndPick{
    grid-column: 1 / span 4;
    font-size: 3vw;
    text-align: center;
}
.e-input-group input.e-input, .e-input-group.e-control-wrapper input.e-input {
    font-size: 3vw;
    text-align: center;
}
.submitReportBtn{
    grid-column: 1 / span 4;
    text-align: center;
    font-size: 2vw;
    font-weight: bolder;
}
.report{
    grid-column: 2 / span 2;
    text-align: center;
    font-size: 3vw;
    font-weight: bolder;
}
.AdminFinished{
    font-size: 3vw;
}
.previousPeriodReportMainContainer{
    display: grid;
    grid-template-columns: 25% 25% 25% 25%;
    grid-template-rows: 50% 20% 20% 10%;
}
.previousPeriodReportContainer{
    display: grid;
    grid-column: 1 / span 4;
    color:white;
    overflow-y: scroll;
}
.previousPeriodReportContainerLabel{
    display: grid;
    grid-column: 1 / span 4;
}
.previousPeriodReportColumn{
    display: grid;
    grid-template-columns: 30% 30% 13% 13% 13%;
    font-size: 2vw;
    text-align: center;
    background-color: white;
    color: black;
    padding: 5%;
}
.previousPeriodReportColumnLabel{
    display: grid;
    grid-template-columns: 30% 30% 13% 13% 13%;
    font-size: 3vw;
    text-align: center;
    background-color: black;
    color: white;
    padding: 5%;
}
.previousReportStartDate{
    grid-column: 1 / span 2;
    text-align: center;
    font-size: 3vw;
    font-weight: bolder;
    color:white;
    padding: 5%;
}
.previousReportEndDate{
    grid-column: 3 / span 2;
    text-align: center;
    font-size: 3vw;
    font-weight: bolder;
    color:white;
    padding: 5%;
}
.previousReportPeriodIn{
    grid-column: 1 / span 2;
    text-align: center;
    font-size: 3vw;
    font-weight: bolder;
    color:white;
}
.previousReportPeriodOut{
    grid-column: 3/ span 2;
    text-align: center;
    font-size: 3vw;
    font-weight: bolder;
    color:white;
}
.previousReportPeriodHold{
    grid-column: 1/ span 4;
    text-align: center;
    font-size: 3vw;
    font-weight: bolder;
    color:white;
}
.reportMoneyDiv{
    display: grid;
    grid-template-columns: 25% 25% 25% 25%;
    grid-template-rows: 8% 8% 8% 6% 11%;
}
.reportDivTotalIn{
    grid-column: 1 / span 2;
    text-align: center;
    font-size: 3vw;
    font-weight: bolder;
    color: white;
    padding: 17%;
}
.reportDivTotalOut{
    grid-column: 3 / span 2;
    text-align: center;
    font-size: 3vw;
    font-weight: bolder;
    color: white;
    padding: 17%;
}
.reportDivTotalHold{
    grid-column: 1 / span 4;
    text-align: center;
    font-size: 3vw;
    font-weight: bolder;
    color: white;
    padding: 17%;
}
.periodReportDiv{
    display: grid;
    grid-template-rows: 10% 10% 10% 10% 10% 6%;
    grid-template-columns: 25% 25% 25% 25%;
}
.reportPeriodReport{
    grid-column: 2 / span 2;
    text-align: center;
    font-size: 3vw;
    font-weight: bolder;
    color: white;
    padding: 10% 0% 0% 0%;
}
.previousPeriodReportsDiv{
    display: grid;
    grid-auto-rows: 10% 40% 11% 9% 6%;
    grid-template-columns: 25% 25% 25% 25%;
}
.previousPeriodReportButton{
    grid-column: 2 / span 2;
    text-align: center;
    font-size: 3vw;
    font-weight: bolder;
    padding: 5%;
}
.billReportsDiv{
    display: grid;
    color: black;
    grid-template-rows: 10% 50% 40%;
    margin: 5%;
}
.billsReportContainer{
    overflow-y: scroll;
    background-color: white;
}
.billsReportContainerLabel{
}
.billsReportRow{
    display: grid;
    grid-template-columns: 50% 50%;
    text-align: center;
    font-size: 3vw;
    margin: 3%;
    padding: 2%;
}
.billsReportRowLabel{
    display: grid;
    grid-template-columns: 50% 50%;
    text-align: center;
    font-size: 3vw;
    margin: 3%;
    padding: 2%;
    background-color: black;
    color:white;
}
.historyReportsDiv{
    display: grid;
    color: black;
    grid-template-rows: 10% 50% 40%;
    margin: 5%;
}
.historyReportContainer{
    overflow-y: scroll;
    background-color: white;
}
.historyReportContainerLabel{
}
.historyReportColumn{
    display: grid;
    color: black;
    grid-template-columns: 51% 13% 13% 13%;
    margin: 5%;
}
.historyReportColumnLabel{
    display: grid;
    color: white;
    background-color: black;
    grid-template-columns: 51% 13% 13% 13%;
    margin: 5%;
    font-size: 2vw;
    text-align: center;
}
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow, .react-datepicker__navigation-icon::before {
  border-color: #ccc;
  border-style: solid;
  border-width: 3px 3px 0 0;
  content: "";
  display: block;
  height: 9px;
  position: absolute;
  top: 6px;
  width: 9px;
}
.react-datepicker-wrapper {
  display: inline-block;
  padding: 0;
  border: 0;
}

.react-datepicker {
  font-family: "Helvetica Neue", helvetica, arial, sans-serif;
  font-size: 0.8rem;
  background-color: #fff;
  color: #000;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  display: inline-block;
  position: relative;
  line-height: initial;
}

.react-datepicker--time-only .react-datepicker__time-container {
  border-left: 0;
}
.react-datepicker--time-only .react-datepicker__time,
.react-datepicker--time-only .react-datepicker__time-box {
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.react-datepicker-popper {
  z-index: 1;
  line-height: 0;
}
.react-datepicker-popper .react-datepicker__triangle {
  stroke: #aeaeae;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
  fill: #f0f0f0;
  color: #f0f0f0;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle {
  fill: #fff;
  color: #fff;
}

.react-datepicker__header {
  text-align: center;
  background-color: #f0f0f0;
  border-bottom: 1px solid #aeaeae;
  border-top-left-radius: 0.3rem;
  padding: 8px 0;
  position: relative;
}
.react-datepicker__header--time {
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
}
.react-datepicker__header--time:not(.react-datepicker__header--time--only) {
  border-top-left-radius: 0;
}
.react-datepicker__header:not(.react-datepicker__header--has-time-select) {
  border-top-right-radius: 0.3rem;
}

.react-datepicker__year-dropdown-container--select,
.react-datepicker__month-dropdown-container--select,
.react-datepicker__month-year-dropdown-container--select,
.react-datepicker__year-dropdown-container--scroll,
.react-datepicker__month-dropdown-container--scroll,
.react-datepicker__month-year-dropdown-container--scroll {
  display: inline-block;
  margin: 0 15px;
}

.react-datepicker__current-month,
.react-datepicker-time__header,
.react-datepicker-year-header {
  margin-top: 0;
  color: #000;
  font-weight: bold;
  font-size: 0.944rem;
}

.react-datepicker-time__header {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.react-datepicker__navigation {
  align-items: center;
  background: none;
  display: flex;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  position: absolute;
  top: 2px;
  padding: 0;
  border: none;
  z-index: 1;
  height: 32px;
  width: 32px;
  text-indent: -999em;
  overflow: hidden;
}
.react-datepicker__navigation--previous {
  left: 2px;
}
.react-datepicker__navigation--next {
  right: 2px;
}
.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
  right: 85px;
}
.react-datepicker__navigation--years {
  position: relative;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__navigation--years-previous {
  top: 4px;
}
.react-datepicker__navigation--years-upcoming {
  top: -4px;
}
.react-datepicker__navigation:hover *::before {
  border-color: #a6a6a6;
}

.react-datepicker__navigation-icon {
  position: relative;
  top: -1px;
  font-size: 20px;
  width: 0;
}
.react-datepicker__navigation-icon--next {
  left: -2px;
}
.react-datepicker__navigation-icon--next::before {
  transform: rotate(45deg);
  left: -7px;
}
.react-datepicker__navigation-icon--previous {
  right: -2px;
}
.react-datepicker__navigation-icon--previous::before {
  transform: rotate(225deg);
  right: -7px;
}

.react-datepicker__month-container {
  float: left;
}

.react-datepicker__year {
  margin: 0.4rem;
  text-align: center;
}
.react-datepicker__year-wrapper {
  display: flex;
  flex-wrap: wrap;
  max-width: 180px;
}
.react-datepicker__year .react-datepicker__year-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}

.react-datepicker__month {
  margin: 0.4rem;
  text-align: center;
}
.react-datepicker__month .react-datepicker__month-text,
.react-datepicker__month .react-datepicker__quarter-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}

.react-datepicker__input-time-container {
  clear: both;
  width: 100%;
  float: left;
  margin: 5px 0 10px 15px;
  text-align: left;
}
.react-datepicker__input-time-container .react-datepicker-time__caption {
  display: inline-block;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container {
  display: inline-block;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
  display: inline-block;
  margin-left: 10px;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {
  width: auto;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time] {
  -moz-appearance: textfield;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {
  margin-left: 5px;
  display: inline-block;
}

.react-datepicker__time-container {
  float: right;
  border-left: 1px solid #aeaeae;
  width: 85px;
}
.react-datepicker__time-container--with-today-button {
  display: inline;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  position: absolute;
  right: -87px;
  top: 0;
}
.react-datepicker__time-container .react-datepicker__time {
  position: relative;
  background: white;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
  width: 85px;
  overflow-x: hidden;
  margin: 0 auto;
  text-align: center;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
  list-style: none;
  margin: 0;
  height: calc(195px + 1.7rem / 2);
  overflow-y: scroll;
  padding-right: 0;
  padding-left: 0;
  width: 100%;
  box-sizing: content-box;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
  height: 30px;
  padding: 5px 10px;
  white-space: nowrap;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
  cursor: pointer;
  background-color: #f0f0f0;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
  background-color: #216ba5;
  color: white;
  font-weight: bold;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
  background-color: #216ba5;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
  color: #ccc;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
  cursor: default;
  background-color: transparent;
}

.react-datepicker__week-number {
  color: #ccc;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable {
  cursor: pointer;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected,
.react-datepicker__week-number--keyboard-selected):hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}
.react-datepicker__week-number--selected {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}
.react-datepicker__week-number--selected:hover {
  background-color: #1d5d90;
}
.react-datepicker__week-number--keyboard-selected {
  border-radius: 0.3rem;
  background-color: #2a87d0;
  color: #fff;
}
.react-datepicker__week-number--keyboard-selected:hover {
  background-color: #1d5d90;
}

.react-datepicker__day-names {
  white-space: nowrap;
  margin-bottom: -8px;
}

.react-datepicker__week {
  white-space: nowrap;
}

.react-datepicker__day-name,
.react-datepicker__day,
.react-datepicker__time-name {
  color: #000;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}

.react-datepicker__day,
.react-datepicker__month-text,
.react-datepicker__quarter-text,
.react-datepicker__year-text {
  cursor: pointer;
}
.react-datepicker__day:hover,
.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover,
.react-datepicker__year-text:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}
.react-datepicker__day--today,
.react-datepicker__month-text--today,
.react-datepicker__quarter-text--today,
.react-datepicker__year-text--today {
  font-weight: bold;
}
.react-datepicker__day--highlighted,
.react-datepicker__month-text--highlighted,
.react-datepicker__quarter-text--highlighted,
.react-datepicker__year-text--highlighted {
  border-radius: 0.3rem;
  background-color: #3dcc4a;
  color: #fff;
}
.react-datepicker__day--highlighted:hover,
.react-datepicker__month-text--highlighted:hover,
.react-datepicker__quarter-text--highlighted:hover,
.react-datepicker__year-text--highlighted:hover {
  background-color: #32be3f;
}
.react-datepicker__day--highlighted-custom-1,
.react-datepicker__month-text--highlighted-custom-1,
.react-datepicker__quarter-text--highlighted-custom-1,
.react-datepicker__year-text--highlighted-custom-1 {
  color: magenta;
}
.react-datepicker__day--highlighted-custom-2,
.react-datepicker__month-text--highlighted-custom-2,
.react-datepicker__quarter-text--highlighted-custom-2,
.react-datepicker__year-text--highlighted-custom-2 {
  color: green;
}
.react-datepicker__day--holidays,
.react-datepicker__month-text--holidays,
.react-datepicker__quarter-text--holidays,
.react-datepicker__year-text--holidays {
  position: relative;
  border-radius: 0.3rem;
  background-color: #ff6803;
  color: #fff;
}
.react-datepicker__day--holidays .overlay,
.react-datepicker__month-text--holidays .overlay,
.react-datepicker__quarter-text--holidays .overlay,
.react-datepicker__year-text--holidays .overlay {
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  background-color: #333;
  color: #fff;
  padding: 4px;
  border-radius: 4px;
  white-space: nowrap;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.3s ease-in-out;
}
.react-datepicker__day--holidays:hover,
.react-datepicker__month-text--holidays:hover,
.react-datepicker__quarter-text--holidays:hover,
.react-datepicker__year-text--holidays:hover {
  background-color: #cf5300;
}
.react-datepicker__day--holidays:hover .overlay,
.react-datepicker__month-text--holidays:hover .overlay,
.react-datepicker__quarter-text--holidays:hover .overlay,
.react-datepicker__year-text--holidays:hover .overlay {
  visibility: visible;
  opacity: 1;
}
.react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range,
.react-datepicker__month-text--selected,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--selected,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--selected,
.react-datepicker__year-text--in-selecting-range,
.react-datepicker__year-text--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}
.react-datepicker__day--selected:hover, .react-datepicker__day--in-selecting-range:hover, .react-datepicker__day--in-range:hover,
.react-datepicker__month-text--selected:hover,
.react-datepicker__month-text--in-selecting-range:hover,
.react-datepicker__month-text--in-range:hover,
.react-datepicker__quarter-text--selected:hover,
.react-datepicker__quarter-text--in-selecting-range:hover,
.react-datepicker__quarter-text--in-range:hover,
.react-datepicker__year-text--selected:hover,
.react-datepicker__year-text--in-selecting-range:hover,
.react-datepicker__year-text--in-range:hover {
  background-color: #1d5d90;
}
.react-datepicker__day--keyboard-selected,
.react-datepicker__month-text--keyboard-selected,
.react-datepicker__quarter-text--keyboard-selected,
.react-datepicker__year-text--keyboard-selected {
  border-radius: 0.3rem;
  background-color: #bad9f1;
  color: rgb(0, 0, 0);
}
.react-datepicker__day--keyboard-selected:hover,
.react-datepicker__month-text--keyboard-selected:hover,
.react-datepicker__quarter-text--keyboard-selected:hover,
.react-datepicker__year-text--keyboard-selected:hover {
  background-color: #1d5d90;
}
.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range) {
  background-color: rgba(33, 107, 165, 0.5);
}
.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range), .react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range) {
  background-color: #f0f0f0;
  color: #000;
}
.react-datepicker__day--disabled,
.react-datepicker__month-text--disabled,
.react-datepicker__quarter-text--disabled,
.react-datepicker__year-text--disabled {
  cursor: default;
  color: #ccc;
}
.react-datepicker__day--disabled:hover,
.react-datepicker__month-text--disabled:hover,
.react-datepicker__quarter-text--disabled:hover,
.react-datepicker__year-text--disabled:hover {
  background-color: transparent;
}
.react-datepicker__day--disabled .overlay,
.react-datepicker__month-text--disabled .overlay,
.react-datepicker__quarter-text--disabled .overlay,
.react-datepicker__year-text--disabled .overlay {
  position: absolute;
  bottom: 70%;
  left: 50%;
  transform: translateX(-50%);
  background-color: #333;
  color: #fff;
  padding: 4px;
  border-radius: 4px;
  white-space: nowrap;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.3s ease-in-out;
}

.react-datepicker__input-container {
  position: relative;
  display: inline-block;
  width: 100%;
}
.react-datepicker__input-container .react-datepicker__calendar-icon {
  position: absolute;
  padding: 0.5rem;
  box-sizing: content-box;
}

.react-datepicker__view-calendar-icon input {
  padding: 6px 10px 5px 25px;
}

.react-datepicker__year-read-view,
.react-datepicker__month-read-view,
.react-datepicker__month-year-read-view {
  border: 1px solid transparent;
  border-radius: 0.3rem;
  position: relative;
}
.react-datepicker__year-read-view:hover,
.react-datepicker__month-read-view:hover,
.react-datepicker__month-year-read-view:hover {
  cursor: pointer;
}
.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
  border-top-color: #b3b3b3;
}
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  transform: rotate(135deg);
  right: -16px;
  top: 0;
}

.react-datepicker__year-dropdown,
.react-datepicker__month-dropdown,
.react-datepicker__month-year-dropdown {
  background-color: #f0f0f0;
  position: absolute;
  width: 50%;
  left: 25%;
  top: 30px;
  z-index: 1;
  text-align: center;
  border-radius: 0.3rem;
  border: 1px solid #aeaeae;
}
.react-datepicker__year-dropdown:hover,
.react-datepicker__month-dropdown:hover,
.react-datepicker__month-year-dropdown:hover {
  cursor: pointer;
}
.react-datepicker__year-dropdown--scrollable,
.react-datepicker__month-dropdown--scrollable,
.react-datepicker__month-year-dropdown--scrollable {
  height: 150px;
  overflow-y: scroll;
}

.react-datepicker__year-option,
.react-datepicker__month-option,
.react-datepicker__month-year-option {
  line-height: 20px;
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__year-option:first-of-type,
.react-datepicker__month-option:first-of-type,
.react-datepicker__month-year-option:first-of-type {
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
.react-datepicker__year-option:last-of-type,
.react-datepicker__month-option:last-of-type,
.react-datepicker__month-year-option:last-of-type {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__year-option:hover,
.react-datepicker__month-option:hover,
.react-datepicker__month-year-option:hover {
  background-color: #ccc;
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
  border-bottom-color: #b3b3b3;
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
  border-top-color: #b3b3b3;
}
.react-datepicker__year-option--selected,
.react-datepicker__month-option--selected,
.react-datepicker__month-year-option--selected {
  position: absolute;
  left: 15px;
}

.react-datepicker__close-icon {
  cursor: pointer;
  background-color: transparent;
  border: 0;
  outline: 0;
  padding: 0 6px 0 0;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
}
.react-datepicker__close-icon::after {
  cursor: pointer;
  background-color: #216ba5;
  color: #fff;
  border-radius: 50%;
  height: 16px;
  width: 16px;
  padding: 2px;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  content: "×";
}
.react-datepicker__close-icon--disabled {
  cursor: default;
}
.react-datepicker__close-icon--disabled::after {
  cursor: default;
  background-color: #ccc;
}

.react-datepicker__today-button {
  background: #f0f0f0;
  border-top: 1px solid #aeaeae;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  padding: 5px 0;
  clear: left;
}

.react-datepicker__portal {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  z-index: 2147483647;
}
.react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__time-name {
  width: 3rem;
  line-height: 3rem;
}
@media (max-width: 400px), (max-height: 550px) {
  .react-datepicker__portal .react-datepicker__day-name,
  .react-datepicker__portal .react-datepicker__day,
  .react-datepicker__portal .react-datepicker__time-name {
    width: 2rem;
    line-height: 2rem;
  }
}
.react-datepicker__portal .react-datepicker__current-month,
.react-datepicker__portal .react-datepicker-time__header {
  font-size: 1.44rem;
}

.react-datepicker__children-container {
  width: 13.8rem;
  margin: 0.4rem;
  padding-right: 0.2rem;
  padding-left: 0.2rem;
  height: auto;
}

.react-datepicker__aria-live {
  position: absolute;
  clip-path: circle(0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  width: 1px;
  white-space: nowrap;
}

.react-datepicker__calendar-icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
}


/* General container styling for scaling */

html, body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: black;
  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; 
      user-select: none;
}

#app-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;    -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; 
      user-select: none;
}

#app {
  width: 1080px;
  height: 1920px;
  max-width: 100%;
  max-height: 100%;
  overflow: hidden;
  position: relative;    -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; 
      user-select: none;
}

.Border {
  border: 0.2rem solid #fff;
  border-radius: 2rem;
  padding: 0.4em;
  background: black;
  box-shadow: 0 0 .2rem #fff,
              0 0 .2rem #fff,
              0 0 2rem #bc13fe,
              0 0 0.8rem #bc13fe,
              0 0 2.8rem #bc13fe,
              inset 0 0 1.3rem #bc13fe;
}

.SkillPopUpBg {
  background-color: #000;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background-size: cover;
  object-fit: fill;
  position: absolute;
  display: grid;
  grid-template-rows: 30% 40% 30%;
}

.SkillPopUpMessage {
  color: white;
  text-align: center;
  font-weight: bolder;
  font-family: 'san serif';
  font-size: 3em;
  padding: 3%;
}

.PopUpStartButton {
  border: 0.2rem solid #fff;
  border-radius: 2rem;
  padding: 0.4em;
  background: #1e20bf;
  box-shadow: 0 0 .2rem #fff, 0 0 .2rem #fff, 0 0 2rem #0028ff, 0 0 0.8rem #0004ff, 0 0 2.8rem #0028ff, inset 0 0 1.3rem #0010ff;
  color: white;
  font-size: 4em;
  font-family: 'san serif';
  font-weight: bolder;
}

.SkillSimonGame {
  display: grid;
  grid-template-rows: 90% 10%;
  grid-template-columns: 100%;
  padding: 0 0 0 20%;
}

.SkillGameBtns {
  display: grid;
  grid-template-columns: 50% 50%;
  grid-template-rows: 45% 45% 10%;
  width: 78%;
  padding: 0 0 0 7%;
}

.SkillGameBtnLabel {
  grid-column: 1 / span 2;
  color: white;
  text-align: center;
  font-family: 'san serif';
  font-weight: bolder;
  font-size: 2em;
}

.SkillComputerSide {
  height: 100%;
}

.skillBtn {
  background-size: 100% 100%;
  position: absolute;
  background-color: transparent;
  border-style: none;
  width: 20%;
  height: 4%;
  bottom: 1%;
  right: 30%;
  background: #000;
  color: #fff;
  border-radius: 15px;
  z-index:1000;
}

.skillBtn:disabled {
  background-size: 100% 100%;
  position: absolute;
  background-color: transparent;
  border-style: none;
  background: #000;
  color:gray;
  border-radius: 15px;
}

.SkillBg {
  background-color: rgb(0, 0, 0,91);
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background-size: cover;
  object-fit: fill;
  position: absolute;
  display: grid;
  grid-template-rows: 50% 50%;
}

.SkillGamePopUpBg {
  object-fit: fill;
  border: 0.2rem solid #fff;
  padding: 0.4em;
  background: black;
  display: grid;
  padding: 6%;
  margin: 3%;
}

.SkillGameBg {
  object-fit: fill;
  border: 0.2rem solid #fff;
  padding: 0.4em;
  background: black;
  display: grid;
  padding: 6%;
  margin: 7%;
  grid-template-rows: 3% 12% 66%;
  grid-row-gap: 7%;
}

.SkillInstruction {
  padding: 0.4em;
  background: black;
  color: white;
  text-align: center;
  font-family: 'san serif';
  font-size: 2em;
  font-weight: bolder;
  padding: 2% 0 0 0;
}

.SkillRoundDetails {
}

.SkillTotalRounds, .SkillCompletedRounds, .SkillTimer {
  background: #1e1e1e;
  color: #fff;
  text-align: center;
  font-family: "san serif";
  font-size: 2em;
  font-weight: bolder;
  padding: 3% 0 0;
}

.SkillDiv {
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: repeat(3, 1fr);
}

.SkillGameSquare {
  background-color: transparent;
  border-style: none;
  background-size: 100% 100%;
  background-image: url(./SkillGameSquareOff-BKta9ijk.png);
}

.SkillGameSquare:active {
  background-image: url(./SkillGameSquareOn-GUSbBavL.png);
}

.SkillGameSquare:disabled {
    pointer-events: none; /* Prevent :active from triggering */
  }

.SkillGameSquare-active {
    background-color: transparent;
    border-style: none;
    background-size: 100% 100%;
    background-image: url(./SkillGameSquareOn-GUSbBavL.png);
  }
  .LobbyBg {
  background-size: 100% 100%;
  position: absolute;
  height: 100%;
  width: 100%;
  background: url('./LOBBYBG-gnCC05xj.webm');
  z-index: 0; /* Ensure it is behind other elements */
}
.AttractScreen {
  position: absolute;
  height: 100%;
  width: 100%;
  background: url('./LOBBYBG-gnCC05xj.webm');
  background-repeat: no-repeat;
  background-size: contain;
  object-fit: contain; 
  z-index: 10000; /* Ensure it is behind other elements */
}

.AttractScreenVideo {
  width: 100%;
  height: 100%;
  object-fit: contain; /* Makes the video behave like background-size: contain */
  position: absolute;
  top: 0;
  left: 0;
}
@keyframes sparkle {
  0%, 100% {
    opacity: 0;
    transform: scale(0);
  }
  50% {
    opacity: 1;
    transform: scale(1);
  }
}

.particles {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 1; /* Ensure particles are behind other elements but in front of background */
  pointer-events: none; /* Allow clicks to pass through */
}

.particle {
  position: absolute;
  border-radius: 50%;
  opacity: 0;
  animation: sparkle var(--animation-duration) ease-in-out infinite;
  background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(255,223,0,1) 50%, rgba(255,255,255,1) 100%);
}

.particle.star {
  background: radial-gradient(circle, rgba(255,223,0,1) 0%, rgba(255,255,255,1) 50%, rgba(255,223,0,1) 100%);
}

.particle.diamond {
  background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(255,223,0,1) 50%, rgba(255,255,255,1) 100%);
  clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
}

@keyframes shine {
  0% {
    background-position: -200%;
  }
  100% {
    background-position: 200%;
  }
}

.text-3d {
  background-size: 100% auto;
  font-family: 'Ultra', serif;
  position: relative;
  display: inline-block;
  font-weight: 500;
  background-image: linear-gradient(
    to right,
    #b08d57 0%,      /* Darker gold */
    #f2c16b 25%,     /* Lighter gold */
    #f9e3a1 50%,     /* Brightest gold */
    #f2c16b 75%,     /* Lighter gold */
    #b08d57 100%     /* Darker gold */
  );
  text-shadow: 
    1.5px 1.5px 2px rgba(0, 0, 0, 0.4),  /* Bottom right shadow for depth */
    -1.5px -1.5px 0px rgba(255, 255, 255, 0.1); /* Top left highlight for 3D effect */
  letter-spacing: 1.5px;
  color: transparent;
  position:relative;
  -webkit-background-clip: text;
}

.text-3d::before {
  content: attr(data-text); /* Same text as the original content */
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  color: transparent;
  -webkit-background-clip: text;
  background-image: inherit;
  z-index: -1;
  text-shadow: 
    2px 2px 4px rgba(0, 0, 0, 0.7);  /* Bottom right shadow for depth */
}
.text-3d::after {
  content: attr(data-text); /* Same text as the original content */
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  color: transparent;
  -webkit-background-clip: text;
  background-image: inherit;
  text-shadow: 
    -1px -1px 0px rgba(255, 255, 255, 0.5); /* Top left highlight for 3D effect */
}
.lobbyGrandJP,
.lobbyMajorJP,
.lobbyMinorJP,
.LobbyCreditsText {
  font-size: 4em; /* Adjust as needed */
  text-align: center;
  position: absolute;
  width: 100%;
}

.lobbyGrandJP {
  top: 15%;
  font-size: 9em;
}

.lobbyMajorJP {
  top: 29.5%;
  font-size: 8em;
}

.lobbyMinorJP {
  top: 42.1%;
  font-size: 7.5em;
}

.LobbyCreditsText {
  bottom: 35%;
  font-size: 3.5em;
}

.LobbyCredits {
  background-size: 100% 100%;
  position: absolute;
  bottom: 0%;
  left: 11%;
  height: 5%;
  width: 33%;
  z-index: 2; /* Ensure it is above the particles */
}

.LobbyCollect {
  background-size: 100% 100%;
  position: absolute;
  bottom: 1%;
  right: 3%;
  height: 4.5%;
  width: 19%;
  background-image: url('./LogOut-Normal-DgXGc9XE.png');
  background-color: transparent;
  border-style: none;
  z-index: 2; /* Ensure it is above the particles */
}

.LobbyCollect:hover {
  background-image: url('./LogOut-Hover-Csv_F-If.png');
}

.LobbyCollect:active {
  background-image: url('./LogOut-Press-D6PeO-rb.png');
}

.LobbyGamesContainer {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 100%;
  height: 30%;
  top: 61%;
  z-index: 2; /* Ensure it is above the particles */
  overflow: hidden;
}

.LobbyScrollButton {
  background-color: rgba(0, 0, 0, 0.5);
  border: none;
  color: white;
  font-size: 7rem;
  cursor: pointer;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  padding-bottom: 2%;
}

.LobbyScrollButton.Left {
  left: 0;
}

.LobbyScrollButton.Right {
  right: 0;
}

.LobbyGamesDiv {
  display: flex;
  transition: transform 0.3s ease;
  white-space: nowrap;
  width: 100%;
  height: 100%;
}

.LobbyGame {
  flex: 0 0 auto;
  margin: 0 10px;
  background-color: transparent;
  border-style: none;
  background-size: 100% 100%;
  width: 23%;
}

.SpoiledRotten {
  background-image: url('./SpoiledRotten-DFzMj4v0.png');
}

.RockysRiches {
  background-image: url('./RockysRiches-Da1DjOuq.png');
}

.ColonelCash {
  background-image: url('./ColonelCash-CfMrG3-a.png');
}

.Diamond8s {
  background-image: url('./Diamond8s-CwW60Ygo.png');
}

.Dollaween {
  background-image: url('./DollaWeen-CT_TNriZ.png');
}
.TreasuresOfTheDeep {
  background-image: url('./TreasuresOfTheDeep-DdbonFUn.png');
}
.BigFootCash {
  background-image: url('./BigFootCash-DAuud0Cu.png');
}
.WinningZone {
  background-image: url('./WinningZone-BlhycY3x.png');
}

.Grind {
  background-image: url('./RockysRiches-Da1DjOuq.png');
}

.WheelOfRiches {
  background-image: url('./RockysRiches-Da1DjOuq.png');
}

  .qrCode {
    background-image: url('./qrcode-H6orZQ8e.png');
    width: 145px;
      height: 163px;
      position: absolute;
      left: 71%;
      top: 40%;
      background-repeat: no-repeat;
      background-size: contain;
      border: none !important;
      outline: none;
      z-index: 10000;
    }

.message {
  z-index: 2; /* Ensure it is above the particles */
}

.LobbyControls {
  margin: 20px;
  padding: 10px;
  z-index: 9999;
}
.LobbyControls button{
  margin: 20px;
  padding: 10px;
  z-index: 9999;
}

.BillMessage {
  color: white;
  font-size: 16px;
  padding: 10px;
  z-index: 9999;
}
.plinko-game {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: 100%;
    background-color: #1f1f2e; /* Dark background color */
    background-image: linear-gradient(to right, #1f1f2e 50%, #1a1a27 50%);
}

.plinko-info {
    margin-bottom: 10px;
    text-align: center;
    color: #ffcc00; /* Bright text color */
    font-size: 1.5em; /* Larger font size */
}

.plinko-insert-slots {
    display: flex;
    justify-content: space-around;
    width: 100%;
    position: absolute;
    top: 0;
}

.plinko-insert-slots button {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-image: linear-gradient(to bottom, #ffcc00, #ff9900); /* Gradient color */
    border: 2px solid #000;
    font-size: 16px;
    font-weight: bold;
    box-shadow: 0 4px #333;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
    transition: transform 0.2s;
}

.plinko-insert-slots button:hover {
    transform: translateY(-2px);
}

.plinko-board {
    position: relative;
    width: 100%;
    height: 100%;
    background-color: #1f1f2e; /* Match game background */
    border: 2px solid #000;
    overflow: hidden;
    background-image: linear-gradient(45deg, rgba(255, 0, 255, 0.1) 25%, rgba(0, 255, 255, 0.1) 25%, rgba(0, 255, 255, 0.1) 50%, rgba(255, 0, 255, 0.1) 50%, rgba(255, 0, 255, 0.1) 75%, rgba(0, 255, 255, 0.1) 75%, rgba(0, 255, 255, 0.1) 100%);
    background-size: 56.57px 56.57px;
}

.plinko-area {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.plinko-pegs {
    position: absolute;
    width: 100%;
    height: 72%;
    display: flex;
    flex-direction: column;
    top: 7%;
}

.plinko-row {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.plinko-row1 {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-left: calc(1 / 16 * 100%);
}

.plinko-peg {
    width: 2em;
    height: 2em;
    background-color: #00ffcc; /* Bright peg color */
    border-radius: 50%;
    box-shadow: 0 0 10px #00ffcc; /* Neon glow effect */
    position: relative;
    transition: box-shadow 0.2s;
}

.plinko-peg.flash {
    box-shadow: 0 0 20px #ff0000; /* Brighter flash effect */
}

.plinko-ball {
    position: absolute;
    width: 5%; /* Match peg size */
    height: 3%; /* Match peg size */
    background-color: #ff5733; /* Neon ball color */
    border-radius: 50%;
    margin-left: 0em;
    margin-top: -10%;
    transition: left 0.03s linear, top 0.03s linear; /* Adjusted for smoother animation */
    box-shadow: 0 0 10px #ff5733; /* Neon glow effect */
}

.plinko-wall {
    position: absolute;
    width: 4%;
    height: 97%;
    background-color: #000;
    top: 0;
    background-image: linear-gradient(to bottom, #00ffcc, #ff00ff, #00ffcc, #ff00ff); /* Zigzag pattern */
    clip-path: polygon(0 0, 100% 5%, 0 10%, 100% 15%, 0 20%, 100% 25%, 0 30%, 100% 35%, 0 40%, 100% 45%, 0 50%, 100% 55%, 0 60%, 100% 65%, 0 70%, 100% 75%, 0 80%, 100% 85%, 0 90%, 100% 95%, 0 100%);
}

.plinko-wall.left {
    left: 0%;
}

.plinko-wall.right {
    right: 0%;
    clip-path: polygon(100% 0, 0 5%, 100% 10%, 0 15%, 100% 20%, 0 25%, 100% 30%, 0 35%, 100% 40%, 0 45%, 100% 50%, 0 55%, 100% 60%, 0 65%, 100% 70%, 0 75%, 100% 80%, 0 85%, 100% 90%, 0 95%, 100% 100%);
}

.plinko-win-slots {
    display: flex;
    justify-content: space-between;
    width: 100%;
    position: absolute;
    bottom: 0;
    border-top: 2px solid #000;
}

.plinko-slot {
    width: calc(100% / 5);
    height: 50px;
    background-color: #eee;
    border-right: 2px solid #000;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 3em; /* Larger font size */
    color: #fff; /* White text color */
}

.plinko-slot-0 {
    background-color: #00ffcc; /* Color from gradient */
}

.plinko-slot-1 {
    background-color: #ff00ff; /* Color from gradient */
}

.plinko-slot-2 {
    background-color: #ffcc00; /* Bright color */
}

.plinko-slot-3 {
    background-color: #ff00ff; /* Color from gradient */
}

.plinko-slot-4 {
    background-color: #00ffcc; /* Color from gradient */
}

.plinko-slot:last-child {
    border-right: none;
}

.plinko-slot.flash {
    animation: flash 0.5s alternate infinite;
}

@keyframes flash {
    from {
        background-color: #fff000;
    }
    to {
        background-color: #ff0000;
    }
}

body {
    background: radial-gradient(circle, #000, #000); /* Pinball-style background */
}
/* GameLoadingOverlay.css */
.loading-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 1); /* Initial background color */
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  z-index: 10000;
  transition: background-color 0.5s ease; /* Smooth transition for opacity change */
}

.loading-content {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.loading-image {
  max-width: 100%;
  width: 90%; /* Adjust to fit within the container */
  height: auto;
}

.loading-bar-container {
  width: 90%; /* Match the width of the image */
  height: 20px;
  background-color: #ddd;
  border-radius: 10px;
  overflow: hidden;
  margin-top: 20px;
}

.loading-bar {
  height: 100%;
  background-color: #4caf50;
  width: 0%;
  transition: width 0.3s;
}
#app {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    -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; 
        user-select: none;
  }
  
  /* Setting root font size for scaling */
  html {
    font-size: calc((100vw / 1080) * 100%);    -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; 
        user-select: none;
  }
  
  body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: black;    -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; 
        user-select: none;
  }
  
.GameBackground {
    background-size: cover; /* Use cover to ensure it covers the entire area */
    background-position: center; /* Center the background image */
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;    -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; 
        user-select: none;
}


.no-touch {
    touch-action: none;
  }
.ReelBg{
    background-size: 100% 100%;
    position: absolute;
    -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; 
        user-select: none;
}
.Points{
    position: absolute;
    height: 100%;
    width: 100%;
}
.WinLine{
    position: absolute;
    height: 10%;
    width: 86%;
    background-size: 100% 100%;
    top: 57.5%;
    left: 7%;
    -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; 
        user-select: none;
}
.WinFrame1{
    position: absolute;
    height: 24%;
    width: 50%;
    background-size: 100% 100%;
    top: 54.5%;
    left: -3%;
    -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; 
        user-select: none;
}

.WinFrame2{
    position: absolute;
    height: 24%;
    width: 50%;
    background-size: 100% 100%;
    top: 54.5%;
    left: 25%;
    -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; 
        user-select: none;
}
.WinFrame3{
    position: absolute;
    height: 24%;
    width: 50%;
    background-size: 100% 100%;
    top: 54.5%;
    left: 53%;
    -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; 
        user-select: none;
}
.TopPayTable{
    position: absolute;
    height: 7.5%;
    width: 100%;
    top: 34%;
    left: -2%;
    display: grid;
    grid-template-columns: 6%6%6%6%6%6%6%6%6%6%6%6%;
    justify-content: center;
    align-content: center;
    grid-column-gap: 2%; -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; 
}
.BottomPayTable{
    position: absolute;
    height: 7.5%;
    width: 100%;
    top: 34.5%;
    left: 0%;
    display: grid;
    grid-template-columns: 10.5% 10.5% 10.5% 10.5% 10.5% 10.5% 10.5% 10.5%;
    justify-content: center;
    align-content: center;
    grid-column-gap: 2%;
}
.PayTableItem{
    -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; 
}
.PayTableSymbol{
    height: 110%;
    width: 160%; -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; 
}
.PayTablePay{
    height: 35%;
    text-align: center;
    font-weight: bolder;
    position: absolute;
    width: 0%;
    top: 90%; -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; 
}
.FreeGamePanel{
    position: absolute;
    height: 5%;
    width: 48%;
    top: 94.5%;
    left: 41%; -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; 
            z-index: 1000;
}
.FreeGamePanelText{
    position: absolute;
    height: 5%;
    width: 48%;
    top: 37%;
    left: 26%;
    font-size: 3vw;
    font-weight: bold;
    text-align: center; -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; 
            z-index: 1001;
}
.LeftArrow{
    background-size: 100% 100%;
    position: absolute;
    height: 8%;
    width: 15%;
    left: -4%;
    top: 63%;
    background-color: transparent;
    border-style: none;
}
.RightArrow{
    background-size: 100% 100%;
    position: absolute;
    height: 8%;
    width: 16%;
    right: -5%;
    top: 63%;
    background-color: transparent;
    border-style: none;
}


.Raise{
    position: absolute;
    width: 27%;
    height: 7%;
    top: 44%;
    z-index: 10000;
    padding-left:1.8%;
    opacity:.8;
    -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; 
        user-select: none;
}
.Lower{
    position: absolute;
    width: 27%;
    height: 7%;
    top: 83%;
    z-index: 10000;
    padding-left:1.8%;
    opacity:.8;
    -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; 
        user-select: none;
}
.reelContainer{
    position: absolute;
    height: 41.5%;
    width: 100%;
    top: 46.7%;
    left: 0%;
    overflow-y: hidden;
    overflow-x:hidden;
    touch-action: none; -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; 
}

.reelContainer5reel{
    position: absolute;
    height: 29.5%;
    width: 100%;
    top: 56.7%;
    left: 0%;
    overflow-y: hidden;
    overflow-x:hidden;
    touch-action: none; -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; 
}
.reel{
    height: 100%;
    width: 30%;
    object-fit:fill;
    background-size:100% 100%;
    position: absolute; -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; 
}

.Reel1{
    left:7%;
     -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; 
}
.Reel2{
    left:38%; -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; 
}
.Reel3{
    left: 66%; -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; 
}
.reel1{
    left:11.5%; -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; 
}
.reel2{
    left:41%; -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; 
}
.reel3{
    left: 69.3%; -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; 
}
.reelSymbol {
    /*height: 16em; */
    position: absolute; -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; 
/*    left: -4.0em;  */

    margin-top:1.5%;
    height:50%;
    left:-29.5%;
}

.symbol1{
    top:92%;
}
.symbol2{
    top: 57%;
}
.symbol3{
    top: 24%;
}
.symbol4{
    top: -8%;
}
.symbol5{
    top: -42%;
}
.symbol5Reel1{
    top:99%;
}
.symbol5Reel2{
    top: 56%;
}
.symbol5Reel3{
    top: 21%;
}
.symbol5Reel4{
    top: -11%;
}
.symbol5Reel5{
    top: -45%;
}
/* Adjustments for iPads (portrait and landscape) */
@media (min-width: 768px) and (max-width: 1024px) {
   
}

/* Adjustments for iPhones (portrait and landscape) */
@media (min-width: 320px) and (max-width: 767px) {
    
    /*.reel1{
        left:11.6%;
    }
    .reel2{
        left:40.5%;
    }
    .reel3{
        left: 69.5%;
    }
    .symbol1{
        top:90%;
    }
    .symbol2{
        top: 58%;
    }
    .symbol3{
        top: 23%;
    }
    .symbol4{
        top: -10%;
    }
    .symbol5{
        top: -56%;
    }*/
}

/* Specific adjustment for smaller iPhone sizes */
@media (max-width: 375px) {
   
}
.reelSymbolAnim{
    height: 45em;
    position: absolute;
    left: -77%;
    top: 3%;
}
.Logo{
    background-size: 100% 100%;
    position: absolute;
}
.Jackpots{
    background-size: 100% 100%;
    position: absolute;
   
}
.MegaText{
    position: absolute;

    color: white;
    text-align: center;
    
}
.MajorText{
    position: absolute;
   
    color: white;
    text-align: center;
}
.MinorText{
    position: absolute;
   
    color: white;
    text-align: center;
}
.PopUp{
    position: absolute;
    height: 37%;
    width: 100%;
    top: 33%;
    left: 0.25%;
    background-size: 100% 100%;
    z-index: 10000;
}
.PopUpText{
    position: absolute;
    height: 45%;
    width: 63%;
    top: 27%;
    left: 18%;
    background-size: 100% 100%;
}
.PicksRemaining{
    position: absolute;
    background-size: 100% 100%;
    height: 6%;
    width: 37%;
    top: 57%;
    left: 4%;
}
.TotalBonusWin{
    position: absolute;
    background-size: 100% 100%;
    height: 6%;
    width: 37%;
    top: 57%;
    left: 60%;
}
.PicksRemainingText{

}
.TotalBonusWinText{

}
.BonusPick{

}


.ConsoleContainer{
    width:100%;
    height: 10%;
    background: radial-gradient(ellipse farthest-corner at right bottom, #FEDB37 0%, #FDB931 8%, #9f7928 30%, #8A6E2F 40%, transparent 80%),
    radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #FFFFAC 8%, #D1B464 25%, #5d4a1f 62.5%, #5d4a1f 100%);;
    position:absolute;
    bottom:0px;
    border-radius:5px;
    z-index:100;
}

.Credits {
    background-size: 100% 100%;
    position: absolute;
    width: 35%;
    height: 29px;
    background: black;
    border-radius: 10px;
    top: 5%;
    left:6px;
    color: white;
    font-size:1.5em;
    padding-left:10px;
}
.CreditsText{
    font-size:23px;
    text-align: right;
    top:-1px;
    position: absolute;
    padding-top:4px;
    width:89%;
}
.GameWin{
    background-size: 100% 100%;
    position: absolute;
    width: 35%;
    height: 29px;
    background: black;
    border-radius: 10px;
    top: 5%;
    right:6px;
    color: white;
    font-size:1.5em;
    padding-left:10px;
}
.GameWinText{
    font-size:23px;
    text-align: right;
    top:-1px;
    position: absolute;
    padding-top:4px;
    width:89%;
}
.EntiresHolder
{
    width:25%;
    margin:0 auto;
    height:30%;
}
.EntriesBox{
    position:relative;
    height:100%;
}

.Play, .Stop {
    background-size: 100% 100%;
    position: absolute;
    background-color: transparent;
    width: 25%;
    height: 76%;
    top: 14%;
    right: 1%;
    background: linear-gradient(0.50turn, #000, #000,red);
    color: white;
    border-radius: 15px;
    border:2px solid #111;
    font-weight:bolder;
}.Play:disabled, .Stop:disabled {
    background-size: 100% 100%;
    position: absolute;
    background-color: transparent;
    background: linear-gradient(0.50turn, #000, #000,rgb(36, 36, 36));
    color: gray;
    border-radius: 15px;
    border:2px solid #111;
    font-weight:bolder;
}


.Buttons{
    position: absolute;
    height: 56%;
    width: 100%;
    bottom: 5%;
    left: 0%;
}
.Info{
    background-size: 100% 100%;
    position: absolute;
    height: 76%;
    width: 12%;
    min-width:68px;
    left: 16%;
    top: 14%;
    border-radius: 15px;
    background: linear-gradient(0.50turn, #000, #000,red);
    color:white;
    border:2px solid #111;
    font-weight:bolder;
}
.Info:disabled{
    background-size: 100% 100%;
    position: absolute;
    border-radius: 15px;
    background: linear-gradient(0.50turn, #000, #000,rgb(36, 36, 36));
    color:gray;
    border:2px solid #111;
    font-weight:bolder;
}

.Exit{
    background-size: 100% 100%;
    position: absolute;
    height: 76%;
    width: 12%;
    min-width:68px;
    left: 1%;
    top: 14%;
    border-radius: 15px;
    background: linear-gradient(0.50turn, #000, #000,red);
    color:white;
    border:2px solid #111;
    font-weight:bolder;
}
.Exit:disabled{
    background-size: 100% 100%;
    position: absolute;
    border-radius: 15px;
    background: linear-gradient(0.50turn, #000, #000,rgb(36, 36, 36));
    color:gray;
    border:2px solid #111;
    font-weight:bolder;
}
.GameType{
    background-size: 100% 100%;
    position: absolute;
    height: 76%;
    width: 12%;
    left: 31%;
    min-width:68px;
    top: 14%;
    border-radius: 5px;
    background-color: black;
    color:white;
    border:2px solid #111;
    font-weight:bolder;
}
.EntriesText {
	background-size: 100% 100%;
	position: absolute;
	height: 13px;
	width: 100%;
	/* right: 188px; */
	/* top: -64px; */
	/* padding: 0% 0% 3%; */
	font-weight: bolder;
	color: #000;
	align-content: center;
	text-align: center;
	font-size: 1.4em;
	text-shadow: 2px 2px 9px red;
	vertical-align: middle;
	padding-top: 4%;
}

.EntriesIncrease {
	background-size: 100% 100%;
	position: absolute;
	height: 100%;
	width: 29%;
	right: 6%;
	top: 11%;
	background: linear-gradient(0.50turn, #000, #000,red);
	padding: 0% 0% 3%;
	font-weight: bolder;
	border-radius: 15px;
	color: white;
	font-size: 1.4em;
	border: 2px solid #111;
	font-weight: bolder;
}
.EntriesIncrease:disabled {
    background-size: 100% 100%;
    position: absolute;
    background: linear-gradient(0.50turn, #000, #000,rgb(36, 36, 36));
    padding: 0% 0% 3%;
    font-weight: bolder;
    border-radius: 15px;
    color: gray;
	font-size: 1.4em;
    border:2px solid #111;
    font-weight:bolder;
}
.EntriesDecrease {
	background-size: 100% 100%;
	position: absolute;
	height: 100%;
	width: 29%;
    left:6%;
	top: 11%;
	background: linear-gradient(0.50turn, #000, #000,red);
	padding: 0% 0% 3%;
	font-weight: bolder;
	border-radius: 15px;
	color: white;
	font-size: 1.4em;
	border: 2px solid #111;
	font-weight: bolder;
}
.EntriesDecrease:disabled {
    background-size: 100% 100%;
    position: absolute;
    background: linear-gradient(0.50turn, #000, #000,rgb(36, 36, 36));
    padding: 0% 0% 3%;
    font-weight: bolder;
    border-radius: 15px;
    color: gray;
	font-size: 1.4em;
    border:2px solid #111;
    font-weight:bolder;
}


.CopAPenny{
    position: absolute;
    top: 31%;
    left: 7%;
    width:70px;
    height:50px;
    border: none;
    cursor: pointer;
    z-index: 1001;
    background: transparent;
    background-image: url('./CPB-DVXKJ05_.png');
    background-size:cover;
}






/* Ensure #app element has its own CSS */
#app {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;    -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; 
      user-select: none;
}

/* Setting root font size for scaling */
html {
  font-size: calc((100vw / 1080) * 100%);    -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; 
      user-select: none;
}

body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: black;    -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; 
      user-select: none;
      
}

/* General styles */
.SpoiledRottenJackpots {
  background-image: url('./jackpots-DsafalpC.png');
   height: 23%;
    width: 115%;
    left: -7%;
    top: 9%;
}

/* Jackpot Text */
.SpoiledRottenMegaText
{
  font-family: 'Impact';
  font-size: 5em;
  padding: 1.4% 0% 0% 0%;
  WIDTH:100%;
  left:0%;

  height: 4%;
  top: 10.5%;
}
.SpoiledRottenMajorText{
  font-family: 'Impact';
  font-size: 4em;
  padding: 3.1% 0% 0% 0%;
  WIDTH:100%;
  left:0%;

  
  height: 4%;
  top: 17.5%;
}
.SpoiledRottenMinorText {
  font-family: 'Impact';
  font-size: 3em;
  padding: 2.5% 0% 0% 0%;
  WIDTH:100%;
  left:0%;

  
  height: 4%;
  top: 25%;
}

/* Pay Table */
.SpoiledRottenPayTablePay::before{

  -webkit-text-stroke: 2px black;
}
.SpoiledRottenPayTablePay {
  width: 6%;
  font-size: 1.6em;
  color: #fff;
  -webkit-text-fill-color: white;
  text-shadow:2px 2px 0 black, 
    2px 2px 0 black, 
    2px 2px 0 black, 
    -2px -2px 0 black,
    -2px -2px 0 black,
    0px 0px 0 black,
    0px 0px 0 black,
    0px 0 0 black;
  font-family: 'Impact';
  padding-left:2%;
}

.SpoiledRottenReelBg {
  background-image: url('./reelBg-BD8Vm5Vn.png');
  height: 48%;
  width: 92%;
  left: 5%;
  top: 43%;
}

/* Free Game Panel */
.SpoiledRottenFreeGamePanel {  
  top:88%;
  width:26%;
  height:3%;
  left:74%;
}

.SpoiledRottenFreeGamePanelText {
  color: white;
  font-family: 'Impact';
  font-size: 3em;
  top:88%;
  left:63%;
}

/* Button UI */
.SpoiledRottenButtonUIBg {
  background-size: 100% 100%;
  position: absolute;
  height: 18%;
  width: 100%;
  left: 0%;
  bottom: 0%;
  background-image: url('./buttonUIBg-uZh3qGYv.png');
}

/* Credits */
.SpoiledRottenCredits {
  height: 170%;
  width: 25%;
  left: 4%;
  top: -5%;
  background-color:transparent;
}

.SpoiledRottenCreditsText {
  color: white;
  font-family: 'Impact';
  font-size: 3em;
  padding: 5% 0% 0% 0%;
  text-align: center;

   height: 80%;
    width: 100%;
    top:33%;
    background-color:transparent;
}

/* Game Win */
.SpoiledRottenGameWin {
  
  height: 170%;
  width: 43%;
  left: 29%;
  top: -5%;
  background-color:transparent;
}

.SpoiledRottenGameWinText {
  color: white;
  font-family: 'Impact';
  font-size: 3em;
  height: 80%;
  width: 100%;
  top:33%;
  text-align: center;
  background-color:transparent;
}
.reelSymbolSpoiledRotten{
  margin-top:1.5%;
  height:50%;
  left:-29.5%;
}

.SpoiledRottenReel1{
  left:7%;    -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; 
      user-select: none;
}
.SpoiledRottenReel2{
  left:35%;    -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; 
      user-select: none;
}
.SpoiledRottenReel3{
  left: 63.5%;    -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; 
      user-select: none;
}
.SpoiledRottenreel1{
  left:11.5%;    -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; 
      user-select: none;
}
.SpoiledRottenreel2{
  left:41%;    -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; 
      user-select: none;
}
.SpoiledRottenreel3{
  left: 69.3%;    -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; 
      user-select: none;
}
/* Info */
.SpoiledRottenInfo {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAF0AAAAoCAYAAACcnvaxAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpGMkNEMjZFMzRFMjM2ODExODIyQTk0MEY2N0RCREY2OCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDNkYwNjg2NThCMEQxMUU1OUYwNUQzQjlDNjE5QTFBNiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDNkYwNjg2NDhCMEQxMUU1OUYwNUQzQjlDNjE5QTFBNiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NjM5MzQyOTQyQTIwNjgxMTgyMkFBODAzNDJENjc0NEYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RjJDRDI2RTM0RTIzNjgxMTgyMkE5NDBGNjdEQkRGNjgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4k5m0RAAADtElEQVR42txb3XXaMBSWffyOMwF+47HqBDEbsEGzQZsJChOEDZpu4EyA2EC8lTezgToBlRo5CEeg3ysb7jk6BMeWrj5990/C2fEP8pWfvNWa60S5Tnl7Rvcss6PzIxkHveSfL7xVEqSD/FTlkbffvLXKtc0F0D+NcaNwqnPDvE16/xfXSkmy7u+OaDuJFeWLwvodF7LzJ81AOll5Kk8s7y3lBC4JVSbcfe8mVSmkqGRjSr/EUeeNx+J8/r7PhI4Nb298AWgH+qMnEyrL+9SVPkZm41wB85eBNFQuVmrLw7It+QLMOfAkNzDLFkxkwc6hxWWeLZAOIg6i3OGBvx6gQwNOe64plkCBXnO2l7nnBNFIWF56MnlQi8sDHrbx6TvARWCAjAQHnQCaIPUMvrcUK1xlEsL0NtAdjNXvgksRwCybSfeZLarTL0pdcE2WslATMu3lwWLsLWDG5SLr/zn4u3yzmNuh0GQlMWWqURBZgr6KWKB18upwryhoFhb3iaKHfGyB7DN8NajPjq+5gyIY0D+nypQYsA5WLjR3yALIyEEnkXVwd1/7rDLg0qrFUTWCSYb6XoaGF5MOrWtF6sOErWffGMKswXV431Ekpj4LxZwxwCSpthS267uWzGGKJbZXXGHsinQCVUG7gL7x8OksgGUbpY9SSSNXARXyNoGLKU3upXDIuWvHwWmkhbB1G7ED+84jkJrOA85AL1E6GbJ8dwn+zNoq9x9b9N9tAmkB5A+7PheyyNANXqFxiy05Xly3LnJg9pUDpJspfHNQxpcD57j02opHlth9xrZE1ncvCAgEGrBYTY912BDcTC5r6OJJnI+egV47gIE1qVxs5hHkvrFFkPlgeqgKd939EsClIhUTEiH6q/zM0GnH0EfqAZjGPKwt1NIbyfCzH1zZMh1HLjRwQpaFgGiyHgHsqzbHnx2bSw/ZVqQUAIAh2B5bz5aD67y/D5kyskhFSqwKstS4uFoJvlWq4NsxXfxO8SlyShW6kLqSmgVsL/yQ7RpJHlL4/SIgJ4VMwZay6VMvvaWwCIucBIPOvUwBBkyxoxezgkxWJXegHxIDFHIYnnLDrIIEnUCYERBw7F5Ab0fErruXHJBx7MawSEasIlDJOTp/NeRNKSio4dln5bkKnd6coL0gjNFph86U+z8Y0sxaowdLTZzQQwxyIR7YxIi1wxgu1kciZihiURaxEwL1jLTRpF0YpT3KuwVhijU3Ph1kFq801hZmeK9SSaZPlNS6OcPC45XGfwIMACz8/ck8rBHqAAAAAElFTkSuQmCC');
}

.SpoiledRottenInfo:active {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAF0AAAAoCAYAAACcnvaxAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpGMkNEMjZFMzRFMjM2ODExODIyQTk0MEY2N0RCREY2OCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDNkYwNjg2OThCMEQxMUU1OUYwNUQzQjlDNjE5QTFBNiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDNkYwNjg2ODhCMEQxMUU1OUYwNUQzQjlDNjE5QTFBNiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NjM5MzQyOTQyQTIwNjgxMTgyMkFBODAzNDJENjc0NEYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RjJDRDI2RTM0RTIzNjgxMTgyMkE5NDBGNjdEQkRGNjgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7B0KOrAAADhklEQVR42uxb7XHbMAyldfpvZoJwg6oTVN4gGzQb1JnAzgTOBk0nqDOB5QlKbyBvwEygilfqQrO0CX6Akn3BHc6OYpLg4wMIUNKs6zoSKKtea8v1RrvOe30in3Iisx502n9uemUKpKP61OVbr796bbVruzOg/zfGlWKjz63qdW78X16jimTD94FoB4WV/C7MjkvV+aNlIJs8BxrfAH9L1QTOCdcmTIxJMY0UTKnQ+m08bd4FLI7tb2njtte3wf5SsThEGPB3+kp3idm40MD86SANV4uV2/MqpevB3sLBLCiYBMDOscVnni2SDXIfJIVHg/cA0LEB50ZoSiVYoEtPpEXgBMlEWE4DmTyqxxURjSEx/YC4CAKRkeigN4guyAM332vaK3xlHsP0NjIcTDXuoksZwSzIpE1my+r0i1YXXJK1KtSk3BubkRx7j5hx+ciLysGlfAfM7Uj6inTZwYTKIwNNV4A2K6PNoBAhngqRjUd/v4F91ka7P655yfDyGpjnMkQPxMqUBLINoBBaeGQBzcRBbxLbEBK+mAOXVi+O2AQmGRt7BRlfXDa0vhVpCBP2gX1XGG6dwQbhIGOlZy88YBAaGCZqYN+1moTQPLG9EApTV6RzrAraB/RdQEwXESzbaX1QLY18jqiQ9xlCDHWFl9Ij5649B+eJFgIaNlJv7IdAwCso6JTkkzHLd5/NX3h45SA/IBtpiRQPhz4fyL+7JrbBGZm2QMmx8T26KJDZR0dIN3PE5qiMr0DOcXnGw6rUfab2RGGGF4IEAo9YrK1lgzo4xmMTLp4WJui1BxiVJZVLzbyG+D950BD3jemxKtwXffzCY0LyLvpX9TlTHYVKPQLTRIC3xXr6VjH85IErKNOrxIVGlZFlMSC6vEcC+3omx9+eawStSDkCAGOwPbWdbUAYRE0ZRaIiJVUFSS0hrtY2X5Zr8x2YLp9TfEycUsUupK2kFhHHC0ull0hylyPulxE5KWYKtlZ6LvVqEOyhuTAYwss9woA5TvRSVpDZquQB9GNmgN4zZyFTqUpPQG8w3AgJOHEroLcTYtfNS4HIOHFlWGQjVhlp5IKcvhryphUU3NH2SWvHyMebE9zYhCvycULnyv3vHGlmbbFDZCeOeiqpCnxS69bV9RTbMqTf0jicoZYzEvoZha2eU186X7kkM8ArjTXADW9VZMh70MLgUQEdhcVfAQYAysRNcquzvb8AAAAASUVORK5CYII=');
}

/* Exit */
.SpoiledRottenExit {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGkAAAAlCAYAAABBGMctAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpGMkNEMjZFMzRFMjM2ODExODIyQTk0MEY2N0RCREY2OCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpFRUE0QkZCQThCMEQxMUU1OUYwNUQzQjlDNjE5QTFBNiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpFRUE0QkZCOThCMEQxMUU1OUYwNUQzQjlDNjE5QTFBNiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NjM5MzQyOTQyQTIwNjgxMTgyMkFBODAzNDJENjc0NEYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RjJDRDI2RTM0RTIzNjgxMTgyMkE5NDBGNjdEQkRGNjgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4+J8mgAAAER0lEQVR42uRb7XGjMBBVGP+POjBXQejAXAV2KohTQZIO7ApyqSBOBYcrCK7gRAekA7kCH5oROaEDtLuSsDPRjGaMEfp4b3f1JNDV6XRiE6a8ybXOl56yJvMmiybLc3ZkFrAuNaAH4/faGGQ7aKYJ+kEkeCi1xOfWNTU9Nvl54F5L2luTd+cgSQ1yYVxXTU6bXAAGvWryZsAizZT2lHl3kIBNqh9bj+evHR7Wpl0Aw1a4zY26pYG1up/bJD3oh+z0bFgQ15XcWmXu2PdOzxaBe42ZwutG//dhEavwfMV6EgdakOzxDownqLJlRMCqEWutjP779CHruc4d4bkgeJ+cORqGzg9YL1pEJsk0tteB6NAamwLtyfr/iGzDZeBjZYQDd5FYFfAzhQoRsT7uAG3dUwbSH0k0cFc9/6XEo5GQhKZnJL0lCptKQv8p0aPjSVigMg8QDxEJrx3XQ+EXC6aIaGSDc9LSw/qxINtz0ou+3gCe3enJvzZUk2k0gkDS6oJVY0eCYxd/84CDLHTOASrxzSC4CLwbUl4iS4ml6ymexCO7u6/IgC4NltgJnVD2CAjPoyRhgV55zE1HIkE1i7ePtvYwBuFRzkVSRzjMCeouI3oRVXLLiG1xZNimhPgFQSVXSYBF45zwHDU8ZpGJvSP2xUfpup6tkwBhIg9kUdC6WnHBjd8ZC5NWRAOKugkwOxNJPqC+Gx7CjXXNz0CYqE3mp0gL0w/fxSybEOwsQGjikfq4jugZNeEZmXgCvgw8CBEBGKzYaF9elghPivnmlifGRE5RK2lgi6ovxHofkd4kgO1QHCFLPMFOicAM3T9EIIlSJ2TT1Z5fIG+Cr312HBaBQ1Y9odXHCoUc2ddoIQ+q7kqEipMRwVZ1/+pRl6WHQfFAEv4mkrr7ciTVPWFl61mn2oF/nchzKbiAJXjFcPtTH8RBLCIA45pvCzbdd3WUdj4leAWoXEa2GIj6oQzyBlDnbiqvoLSRAAeCifl7D0uLsU6CzDcvAUhKI/SvQ1IoACWwXD6hBIfsWigwNpHDal8Z18c/mSkcMkCI2etFniu+Q+Srb8oR3j4mejJLgOSM/iUtRFz9Zt23ySuIEc0AoApEDD5EJkmBMHTCYBNA6amvcv8QQ1cFKJMh5b4wwx3EemrETsLUi9KQ6usW6DVTLMQldE6SCAFRIybrPJB6c1lyCgkplvVSPnCJIXo+hQNHNH4AetqO2Cnha3UEkrJAas9n3ENp25LkmrwOQBCFBVjJvl/aBlwY70xPmiOsWyC8QH5hsEviHKOeuQ809k8RNGPuE3SyB/z2jFKqB6QIeushbcxLh05W3BuGY25+lqx7bCVl3ZOEQ5573xPyVNtHNn44rhhZcuwdy5BSj/2B4Tdv1fiezH5dnU6n1ciOw8EjbKnOLY16WjDXugPFhXuTIvaO/du3rD1waI3t2hIs7ZmmUhu56ItWfwUYAGV0FsijYaitAAAAAElFTkSuQmCC');
}

.SpoiledRottenExit:active {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGkAAAAlCAYAAABBGMctAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpGMkNEMjZFMzRFMjM2ODExODIyQTk0MEY2N0RCREY2OCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpFRUE0QkZCRThCMEQxMUU1OUYwNUQzQjlDNjE5QTFBNiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpFRUE0QkZCRDhCMEQxMUU1OUYwNUQzQjlDNjE5QTFBNiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NjM5MzQyOTQyQTIwNjgxMTgyMkFBODAzNDJENjc0NEYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RjJDRDI2RTM0RTIzNjgxMTgyMkE5NDBGNjdEQkRGNjgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz74Ag+nAAAEX0lEQVR42uRb3VHjMBBWPHlHLzzHV0HcQXwVJFRAqICjg6QCjgoIFeBUgFPB2R2YV3hxKshZnM0pwrZ2V1oThp3RDA6yfr79dvVJtkeHFzGkxVUp6nLqFlVFViWrSsnWy/nBWmXssTs1oWvt76U2yWbSonbQD6KDu6xxfGxcU+1XVW47/tc47aEqmyHYMm4BYqZd51UJq5IAJr2oyqqDkbqFLXWeLE7AmhrH2uH+M0uENbZxJvbrSOE20douNawVyWPTSdc12KbdagySdSMXRp1L8b3t1nDgtsZM4TWtf3s2HKvwvMdGkgQyqGyJDkwkqLopI2C5MSedrbk2fpcxRC3XsSU9J4ToK8eWjqHrAzaKZsxO0sl235EdGrIp0G6M3/fIPmwE76uTWXDPAqMB+UmpImNsT1pAW7bUgYynJBLc1s4HCxw68enQ8BOd3jgKaylh/JTscRRJWKAiBxB3jA4vLNdd6RcLZsZIss41ae7AfizI5pp0V1+vAPdu6sW/0FSTTpqM4KTFCavGIwmO3fxNPE4yqUsMUIkPmoMTz6ch6Sl6KTB0PSWSJHO4u4oM6NZgjl3QCXX3gPTc6yQs0AuHtWlPdFAh+M7Rlg5kyBzq2Zx0JBwmBHUXEaOIKrlLxr4kMm1TUvyMoJLzwMOmcUK4j5oeI2bHXhLH4qJ0bfcWgYc0EXtiFLStRlxI7e9I+LEFkUCshwDjT3KSC6hPWoRIbV/z0xMm6pD5hmlj+uy6mRUDgh15SE2SaYxLxsgo0HecH8rAEfC550lkDMBgxUbz8DJFRBLfk9vXkQy0hZyiVkLPjCpOgr3/nsxKJLkKhqh+uydwBDskAtP1/x2DkyhtQg5dzfUF8iT4zOXEYeY5ZRUDsp4rFUrkWNlSHlTdpQgVVzKCrdr+3aIuUwdCSU8Sfsqk7r6ck4qWtLJ2bFOdwN8PFLkUXMASPBe486ln4iRmDMDY1tuEVZ25pkRNgueAxktmxkDUDwXMKaDNzVBRQekjAE4Ek/O3Dkzj2CdB1ps7D04KGcZ35CRfAJbAevGAEhxyaqHAWDGn1bY6tpd/Il04RIAUs603ebb8DpGvrhYjor1P9ESGAIkF/U1aiLh6FMdPkxcQEo0BoGaIHLxjdpICoesN95UHpafeyv1DTF05oE6ElPuZnu4g7CkQJwlDb0p9qq8LYNQMsREvoWtSiRAQBWKxjj2pNxuTQ0hKMdhLecGFQ/S8CweJ6HwHjLQNcVCZK+sIToo8qT2XeXfZunGSbfHaAUHMDMBS8f1s7XFjvKk2su+RNEGwO0NEQfmFwU6Ja4y658rT3N9F0FjYv6ArW8BvvlEK6wkpBz20OK0vSru+rLjSiKMffqbi+LOVUBx/SdgVuVctKU/1vRf9H8clPVuOrWUbktZzvxb4w1s1v5smipSNDi9vjU17Uh01banBzbV2GjCXNTDJiUeTcuyl+H9uWTjg0JDtzBAszTdNaU3yrHLOh2z1V4ABAD0QHPB9zdKDAAAAAElFTkSuQmCC');
}

/* Entries */
.SpoiledRottenEntriesIncrease {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHkAAAAhCAYAAAD9JwTTAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpGMkNEMjZFMzRFMjM2ODExODIyQTk0MEY2N0RCREY2OCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozMUNGNTY4QzhCMEUxMUU1OUYwNUQzQjlDNjE5QTFBNiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDowRjkwNkZCNjhCMEUxMUU1OUYwNUQzQjlDNjE5QTFBNiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NjM5MzQyOTQyQTIwNjgxMTgyMkFBODAzNDJENjc0NEYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RjJDRDI2RTM0RTIzNjgxMTgyMkE5NDBGNjdEQkRGNjgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5l8gSSAAAEzklEQVR42uxb/XXiMAwPff2/2aC5CXAnIJ3g0gmuTFCYIDAB1wloJyidgGQCwgRNJmiYgCPvya+uz7JkJ+kdfdF7fkDiD8mSpZ+UMDoej8FA35suhi0YlDzQoOSBzoEuz5DnCFpDJTTsftYTDyF81qcmgIcQ1m2uFYzx8amN4XcFc/TC7wgBXvendm24/soQIADBt/C9UDbkURMkhL5yzBV8z6F/oK0XK/NyqFlrqhiCup40kJiYw2RIK9ijUOkTQmu+/7Dsy8OpJcpYlWrgWd0nofTNNCO2yf1BjZK1Jo44rQ39TS1GxqdKn/sjj95OLSLmtdF7y/GpQb4dMSY0jAlBFi4JGLf14PnT2hcWVxQgliatK1XajGFdgXJqmr5rB/ectnStqxbjc8N8wmOehLlHkn568pu1jcm1wsBCu/eguKmC4c5d43AbSjoMcRzem71YateuPeP+f4WuI2Uza8LKxo5zx8G/I/1kTDz5xZS2gdaVklknuWRMtEeuTxCGueMpDyKBiTBsQsP3E2xwbAFRC4MXkpuTaSe2/gIPcAf8JojMzxbDWRjCSP5XLwQ4USBkZgFJgQUwpAQAWp1aYgAobxp/prm3xNyUfCkTVKYM4LN1GBcAMDTtBWcs2VxjsjyBVxaXLSwxuSLmnysxLbLE5KwHF37oMHRIT1MzcEWseBjZL2R4EbaX8QVeewJ0TJF7v8ClfhnocKCrjoslsRa6MCW/nNqtAah1tkeXluBtstiCYUWJciIxI4kILPAIaDSEAgxHwNoCjArmiTooyl4ykX6hVLts+OTRAsh2cJK5a0pKFZ5ztGKG+PEtEQNmREyaETFZMOOYC387iGNHIr5FPgUFC98rKBJx5Fkx9s207tqzaIMWQ7CTWjjEgweiT9GDuxVQlDHRs2P24FKg2DtkC3OLl5Pl0h2SOXSeJ4eEy6AWjZCUIbfM31ccnhqMqssHARlitJg8v0/txmLowlDhy/tQckYwXTPy66jHChaXNsy8XfKfGfJlCllHHpWxAhS9QO5zy8Qqv1UX6HpDWOmThWmTkKUmiCndKFsqWdaLbxh9H+GUuRY0tkS6lVl+L0E5a2Stksh0brsua1IINXeMtTYBGqHfGlwIjfN48Qk5gabqWOSBEyKPkBIZDELKtCb4bsuvl5JVworty+BrqESu3VlOtFchoSVNLN6vJMJA3RW/vm+GVBaX3ljmPcMb1A5xumQouQo+3soQhFHWyImXLy7slZBiWzMz1I4xmQQhX+RY3QrBeMeQKxeYR/BVck2gWYEIVWsKT7QNWUGf2COFKJVP4QH09GfOenFCGNbTY+K7dmKFxb0mUOiJPIGogGqZSqMu3fWYcE1zz7LcDAFvlQNvr4yY5gPoIkZM3BhkDJGDISAnfmEcpF7y5C5yR4r2Hc9XOAASzqZVhGEXzHmFh7JKbf6yjUyXDoseNAVlRMK+0dxxbUDDE0v8lmPmFgGK4POz5oBZmDgY5KPifswoUOSEB5gyM4U5shehxfBRJY8sf5MRirvZeJxmGZczwhITxP1XsK4PsjQJNeog5x6DIgXwZpIrDT7eNi2Q3Fm+sakCRQn0lh3UB9hKPmdS3+qIgv7evz4LGg1/ePv+NPxNZlDyQIOSBzoL+iPAAKZiQ/g3VXf+AAAAAElFTkSuQmCC');
  color: #fff;
  font-family: 'Impact';
  -webkit-text-fill-color: white;
  -webkit-text-stroke: 1px #e3e3e3;
  text-shadow: 2px 2px 9px black;
  font-size: 2em;
  padding: 0% 0% 2.5% 0%;
}

.SpoiledRottenEntriesIncrease:active {
  background-image: url('./entriesincrease_pressed-n1vgSPBp.png');
}

.SpoiledRottenEntriesDecrease {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAAAhCAYAAAARfqOAAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpGMkNEMjZFMzRFMjM2ODExODIyQTk0MEY2N0RCREY2OCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1NDJBN0MxNzhCMEUxMUU1OUYwNUQzQjlDNjE5QTFBNiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1NDJBN0MxNjhCMEUxMUU1OUYwNUQzQjlDNjE5QTFBNiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NjM5MzQyOTQyQTIwNjgxMTgyMkFBODAzNDJENjc0NEYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RjJDRDI2RTM0RTIzNjgxMTgyMkE5NDBGNjdEQkRGNjgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz61rj7TAAAEf0lEQVR42uxb7VHjMBB1GP6jq+DcwZkKYjoIFVzoIFQQqCB0EKggUIFNBTEVYCqwUkHOnlkPOt2utCvLB3d4ZzR44kh6Wr39ksLseDwmk3xdOZlUMBFgkokAk3xVOZ1U8OlEtS2D5xraX/UAeduOjLZv26pt6cgKyQBT7vnOq4Gtey6sZr5fj4R1ZczXtG0Heur15dr0pdHPxryDsVV0xF0VYLX8KJOmbWtrjMJ43z2/Msbp+2Zt23vm69q2bSoQ8xHmUMa85vgF/HVJgeiu8PRRSB9OPxNbCn3W1lr2jP65PXdCAAqRZcCCzAUkoKBG0G89gABHi7hS2QToDdP1QjjvCiEAV/4gYMwkcIhb1YYrl7i5fCDmmwiYJViWyGc/hPOeRcRM5gAhkg6IURX8nQfkBx8lLwFYfgrGpxLAbKCOR60COnAlTJYSCWKJZLy9Mt8CMmYO6114TFyYB9KW8nqi15EskzK4c8BTEBv5Bs8ZsdnamqPiJoEKYuqWiNXUOzvJWAvioC8B3UPMbYjcwZV7FJ5Yy+3va5yYjI21ceBKkc+3DH3lTMxoCNBgDbXj3VWsGMSUzhquERZnHDc3cG4dMRxJSube05TGfujYej4VxDjMZebCBQ6tY9VIBIuBWTE3NbfCIEWcrva/gDYWZicBQpT5nQEih7EVkuikHhyl0fdRaA0pkWj5FKcszBWhG4WMrZDP5xYBSiIPyODw6NqxVuXwRj1e7fSMwphWeOKleRawE9bhVEzjxmBXDF8Q5wtbq38TcpjiiNW7CAdIDRyOYetdBeYdo5wD2BZVBfQvR3DhObhTzFqeBDmESxZECOWOd+mx8s4TbLil3dC7gFjx+iX53HKPKD1UoWcEmZ8FYeoS3L123DOsPjsB6oE5RD4wc+bKI1HJhCaRVC1eCQ/a7qDiKR2nrSpm0jtmCKCYPjPaLWI1WjhmqMveCshiYi6ZBOhu8ZqAkrGGzP+eMEpOuXlu4L0IJUAdYK0+D8LZTJdb62K5edW7YeYVmKUsEYwhmFWAl0oRsvRr6u9UrghdpAwvXcfwANJjWc1Q5lCXpYxaOkesQRMEOGdaYgjmkBA1JwyKc65SMwigYxCgDoh5nP6K2LyQXEQzvMchoS9W5kzMPenSSJl4JvCkoSE354wtvQxKIXYuGCUVBcqOizPPCWMG8+lEdvRrf6dGNpCT6N4kv18bl1ZcTRFSfrPmaByWXRPkGFKF2b/1v6ASy5MAAmCxUyNJS6i7V0TsL5B3B8G4TwxPdgjAm3pIqZFy00WABRCmSfi3nR9eBVwz3THHhUlyj1Iwh8RbSDDPGZh85aBmeiaNjB+q5ygEqCFbvY98QFNF/F4tIEuMMwDsAOzF0++WOdddbPAzz7+GrZP3i4UaFtIz/oGxAfYPLLiboIy5sQ19IMZKoVEXNthiZx7L9K1xnbzf8GWwmRWynh185wDvS2SclaMUvSUMLbVCSiUJCz4C/G+yMpTT3Vw+j+gZQiU3iJclEY57JwJMMnoSOMlEgEkmAkzyz8kvAQYAfqBb4nGqBkoAAAAASUVORK5CYII=');
  color: #fff;
  font-family: 'Impact';
  -webkit-text-fill-color: white;
  -webkit-text-stroke: 1px #e3e3e3;
  text-shadow: 2px 2px 9px black;
  font-size: 2em;
  padding: 0% 0% 2.5% 0%;
}

.SpoiledRottenEntriesDecrease:active {
  background-image: url('./entriesdecrease_pressed-BCg864lk.png');
}


/* Play */
.SpoiledRottenPlay {
  background-image: url('./play-DquWZNsD.png');
  height: 126%;
  width: 23%;
  right: 1%;
  top: -30%;
}

.SpoiledRottenPlay:active {
  background-image: url('./play_pressed-peda2Pgf.png');
}

.SpoiledRottenPlay:disabled {
  background-image: url('./play_disable-DM3FuSmn.png');
}

/* Stop */
.SpoiledRottenStop {
  background-image: url('./play-DquWZNsD.png');
  height: 126%;
  width: 23%;
  right: 1%;
  top: -30%;
}

.SpoiledRottenStop:active {
  background-image: url('./play_pressed-peda2Pgf.png');
}

.SpoiledRottenStop:disabled {
  background-image: url('./play_disable-DM3FuSmn.png');
}

/* Arrows */
.SpoiledRottenLeftArrow {
  background-image: url('./leftarrow-CW84rYoj.png');
}

.SpoiledRottenWinLine {
  background-image: url('./winLine-OcdAWZRF.png');
  top:62%;
  left:6.5%;
}

.SpoiledRottenRightArrow {
  background-image: url('./rightarrow-Fh34_FQ0.png');
}

.SpoiledRottenWinFrame {
  background-image: url('./winFrame-CE_lzw3I.png');
}

/* Pop-up */
.SpoiledRottenPopUp {
  background-image: url('./popUp-FmNVJh0a.png');
}
.SpoiledRottenPopUpFree {
  background-image: url('./popUp_FreeGames-DixpQAZ7.png');
}

.SpoiledRottenPopUpBonus {
  background-image: url('./popUp_Bonus-AZx_x3DE.png');
}


.SpoiledRottenPopUpText {
  text-align: center;
  font-family: 'Impact';
  font-size: 4em;
  color: black;
  white-space: pre-line;
}


.SpoiledRottenLogo {
  background-image: url('./Logo-BjRPKSQU.png');
  height: 10%;
  left: 1%;
  height: 9%;
    width: 73%;
    left: 11%;
    top: 1%;
}

.SpoiledRottenPicksRemainingText
{
  position:absolute;
  height:6%;
  width:17%;
  top:41.4%;
  left:561%;
  font-family: 'Impact';
  color: #fff;
  font-weight: bolder;
  font-size: 1.5em;
  padding: 8% 0% 0% 10%;
  text-align: center;text-shadow:2px 2px 0 black, 
  2px 2px 0 black, 
  2px 2px 0 black, 
  -2px -2px 0 black,
  -2px -2px 0 black,
  0px 0px 0 black,
  0px 0px 0 black,
  0px 0 0 black;
}
.SpoiledRottenTotalBonusWinText {
  position:absolute;
  height:6%;
  width:17%;
  top:43.5%;
  left:61%;
  font-family: 'Impact';
  color: #fff;
  font-weight: bolder;
  font-size: 1.5em;
  padding: 8% 0% 0% 10%;
  text-align: center;text-shadow:2px 2px 0 black, 
  2px 2px 0 black, 
  2px 2px 0 black, 
  -2px -2px 0 black,
  -2px -2px 0 black,
  0px 0px 0 black,
  0px 0px 0 black,
  0px 0 0 black;
}

/* Bonus Picks */
.SpoiledRottenBonusPick {
  position: absolute;
  width: 10%; /* Adjust width as needed */
  height: 5%; /* Adjust height as needed */
}

/* Positioning Bonus Picks in a 4x3 Grid */
.SpoiledRottenBonusPick1Idle, .SpoiledRottenBonusPick1Picked { top: 43%; left: 38%; }
.SpoiledRottenBonusPick2Idle, .SpoiledRottenBonusPick2Picked { top: 43%; left: 52.5%; }

.SpoiledRottenBonusPick3Idle, .SpoiledRottenBonusPick3Picked { top: 50%; left: 25%; }
.SpoiledRottenBonusPick4Idle, .SpoiledRottenBonusPick4Picked { top: 50%; left: 39%; }
.SpoiledRottenBonusPick5Idle, .SpoiledRottenBonusPick5Picked { top: 50%; left: 52%; }
.SpoiledRottenBonusPick6Idle, .SpoiledRottenBonusPick6Picked { top: 52%; left: 65.5%; }

.SpoiledRottenBonusPick7Idle, .SpoiledRottenBonusPick7Picked { top: 56.5%; left: 25%; }
.SpoiledRottenBonusPick8Idle, .SpoiledRottenBonusPick8Picked { top: 56.5%; left: 39%; }
.SpoiledRottenBonusPick9Idle, .SpoiledRottenBonusPick9Picked { top: 56.5%; left: 52%; }
.SpoiledRottenBonusPick10Idle, .SpoiledRottenBonusPick10Picked { top: 58.5%; left: 65.5%; }
.SpoiledRottenBonusPick11Idle, .SpoiledRottenBonusPick11Picked { top: 63.5%; left: 27%; }
.SpoiledRottenBonusPick12Idle, .SpoiledRottenBonusPick12Picked { top: 63%; left: 44.5%; }

.SpoiledRottenBonusPick1PickedText {
  position: absolute;
  font-size: 2em; /* Adjust as needed */
  -webkit-text-fill-color: white;
  -webkit-text-stroke: 1px black;
  font-family: 'Impact';top: 44%; left: 40%;text-shadow:2px 2px 0 black, 
  2px 2px 0 black, 
  2px 2px 0 black, 
  -2px -2px 0 black,
  -2px -2px 0 black,
  0px 0px 0 black,
  0px 0px 0 black,
  0px 0 0 black;
}

.SpoiledRottenBonusPick2PickedText {
  position: absolute;
  font-size: 2em; /* Adjust as needed */
  -webkit-text-fill-color: white;
  -webkit-text-stroke: 1px black;
  font-family: 'Impact';top: 44%; left: 54.5%;text-shadow:2px 2px 0 black, 
  2px 2px 0 black, 
  2px 2px 0 black, 
  -2px -2px 0 black,
  -2px -2px 0 black,
  0px 0px 0 black,
  0px 0px 0 black,
  0px 0 0 black;
}

.SpoiledRottenBonusPick3PickedText {
  position: absolute;
  font-size: 2em; /* Adjust as needed */
  -webkit-text-fill-color: white;
  -webkit-text-stroke: 1px black;
  font-family: 'Impact'; top: 51%; left: 27%;text-shadow:2px 2px 0 black, 
  2px 2px 0 black, 
  2px 2px 0 black, 
  -2px -2px 0 black,
  -2px -2px 0 black,
  0px 0px 0 black,
  0px 0px 0 black,
  0px 0 0 black;
}

.SpoiledRottenBonusPick4PickedText {
  position: absolute;
  font-size: 2em; /* Adjust as needed */
  -webkit-text-fill-color: white;
  -webkit-text-stroke: 1px black;
  font-family: 'Impact';top: 51%; left: 41%;text-shadow:2px 2px 0 black, 
  2px 2px 0 black, 
  2px 2px 0 black, 
  -2px -2px 0 black,
  -2px -2px 0 black,
  0px 0px 0 black,
  0px 0px 0 black,
  0px 0 0 black;
}

.SpoiledRottenBonusPick5PickedText {
  position: absolute;
  font-size: 2em; /* Adjust as needed */
  -webkit-text-fill-color: white;
  -webkit-text-stroke: 1px black;
  font-family: 'Impact';top: 51%; left: 54%;text-shadow:2px 2px 0 black, 
  2px 2px 0 black, 
  2px 2px 0 black, 
  -2px -2px 0 black,
  -2px -2px 0 black,
  0px 0px 0 black,
  0px 0px 0 black,
  0px 0 0 black;
}

.SpoiledRottenBonusPick6PickedText {
  position: absolute;
  font-size: 2em; /* Adjust as needed */
  -webkit-text-fill-color: white;
  -webkit-text-stroke: 1px black;
  font-family: 'Impact';top: 53%; left: 67.5%;text-shadow:2px 2px 0 black, 
  2px 2px 0 black, 
  2px 2px 0 black, 
  -2px -2px 0 black,
  -2px -2px 0 black,
  0px 0px 0 black,
  0px 0px 0 black,
  0px 0 0 black;
}

.SpoiledRottenBonusPick7PickedText {
  position: absolute;
  font-size: 2em; /* Adjust as needed */
  -webkit-text-fill-color: white;
  -webkit-text-stroke: 1px black;
  font-family: 'Impact';top: 57.5%; left: 27%;text-shadow:2px 2px 0 black, 
  2px 2px 0 black, 
  2px 2px 0 black, 
  -2px -2px 0 black,
  -2px -2px 0 black,
  0px 0px 0 black,
  0px 0px 0 black,
  0px 0 0 black;
}

.SpoiledRottenBonusPick8PickedText {
  position: absolute;
  font-size: 2em; /* Adjust as needed */
  -webkit-text-fill-color: white;
  -webkit-text-stroke: 1px black;
  font-family: 'Impact';top: 57.5%; left: 41%;text-shadow:2px 2px 0 black, 
  2px 2px 0 black, 
  2px 2px 0 black, 
  -2px -2px 0 black,
  -2px -2px 0 black,
  0px 0px 0 black,
  0px 0px 0 black,
  0px 0 0 black;
}

.SpoiledRottenBonusPick9PickedText {
  position: absolute;
  font-size: 2em; /* Adjust as needed */
  -webkit-text-fill-color: white;
  -webkit-text-stroke: 1px black;
  font-family: 'Impact';top: 57.5%; left: 54%;text-shadow:2px 2px 0 black, 
  2px 2px 0 black, 
  2px 2px 0 black, 
  -2px -2px 0 black,
  -2px -2px 0 black,
  0px 0px 0 black,
  0px 0px 0 black,
  0px 0 0 black;
}

.SpoiledRottenBonusPick10PickedText {
  position: absolute;
  font-size: 2em; /* Adjust as needed */
  -webkit-text-fill-color: white;
  -webkit-text-stroke: 1px black;
  font-family: 'Impact';top: 59.5%; left: 67.5%;text-shadow:2px 2px 0 black, 
  2px 2px 0 black, 
  2px 2px 0 black, 
  -2px -2px 0 black,
  -2px -2px 0 black,
  0px 0px 0 black,
  0px 0px 0 black,
  0px 0 0 black;
}

.SpoiledRottenBonusPick11PickedText {
  position: absolute;
  font-size: 2em; /* Adjust as needed */
  -webkit-text-fill-color: white;
  -webkit-text-stroke: 1px black;
  font-family: 'Impact';top: 64.5%; left: 29%;text-shadow:2px 2px 0 black, 
  2px 2px 0 black, 
  2px 2px 0 black, 
  -2px -2px 0 black,
  -2px -2px 0 black,
  0px 0px 0 black,
  0px 0px 0 black,
  0px 0 0 black;
}

.SpoiledRottenBonusPick12PickedText {
  position: absolute;
  font-size: 2em; /* Adjust as needed */
  -webkit-text-fill-color: white;
  -webkit-text-stroke: 1px black;
  font-family: 'Impact';top: 64%; left: 46.5%;text-shadow:2px 2px 0 black, 
  2px 2px 0 black, 
  2px 2px 0 black, 
  -2px -2px 0 black,
  -2px -2px 0 black,
  0px 0px 0 black,
  0px 0px 0 black,
  0px 0 0 black;
}

.SpoiledRottenWinFrame1 {
  background-image: url('./winFrame-CTl8gzMI.png');
  left:-2.1%;
  height:24%;
  width:46%;
  top:68.5%;
  position:absolute;
}
.SpoiledRottenWinFrame2 {
  background-image: url('./winFrame-CTl8gzMI.png');
  left:-2.1%;
  height:24%;
  width:46%;
  top:55%;
  position:absolute;
}
.SpoiledRottenWinFrame3 {
  background-image: url('./winFrame-CTl8gzMI.png');
  left:-2.1%;
  height:24%;
  width:46%;
  top:41.5%;
  position:absolute;
}
.SpoiledRottenWinFrame6 {
  background-image: url('./winFrame-CTl8gzMI.png');
  left:27.5%;
  height:24%;
  width:46%;
  top:68.5%;
  position:absolute;
}

.SpoiledRottenWinFrame7 {
  background-image: url('./winFrame-CTl8gzMI.png');
  left:27.5%;
  height:24%;
  width:46%;
  top:55%;
  position:absolute;
}
.SpoiledRottenWinFrame8 {
  background-image: url('./winFrame-CTl8gzMI.png');
  left:27.5%;
  height:24%;
  width:46%;
  top:41.5%;
  position:absolute;
}

.SpoiledRottenWinFrame11 {
  background-image: url('./winFrame-CTl8gzMI.png');
  left:56.3%;
  height:24%;
  width:46%;
  top:68.5%;
  position:absolute;
}
.SpoiledRottenWinFrame12 {
  background-image: url('./winFrame-CTl8gzMI.png');
  left:56.3%;
  height:24%;
  width:46%;
  top:55%;
  position:absolute;
}
.SpoiledRottenWinFrame13 {
  background-image: url('./winFrame-CTl8gzMI.png');
  left:56.3%;
  height:24%;
  width:46%;
  top:41.5%;
  position:absolute;
}


.SpoiledRottenLeftArrow1{  background-image: url('./leftarrow-CW84rYoj.png');

  background-size: 100% 100%;
  position: absolute;
  transform: rotate(45deg);
  height: 4%;
  width: 6%;
  left: 3%;
  top: 43.5%;
  background-color: transparent;
  border-style: none;
}
.SpoiledRottenLeftArrow2{  background-image: url('./leftarrow-CW84rYoj.png');

    background-size: 100% 100%;
    position: absolute;
    height: 4%;
    width: 6%;
    left: 2%;
    top: 51%;
    background-color: transparent;
    border-style: none;
}
.SpoiledRottenLeftArrow3{  background-image: url('./leftarrow-CW84rYoj.png');

    background-size: 100% 100%;
    position: absolute;
    height: 4%;
    width: 6%;
    left: 2%;
    top: 64%;
    background-color: transparent;
    border-style: none;
}
.SpoiledRottenLeftArrow4{  background-image: url('./leftarrow-CW84rYoj.png');

    background-size: 100% 100%;
    position: absolute;
    height: 4%;
    width: 6%;
    left: 2%;
    top: 78%;
    background-color: transparent;
    border-style: none;
}
.SpoiledRottenLeftArrow5{  background-image: url('./leftarrow-CW84rYoj.png');

    background-size: 100% 100%;
    position: absolute;
    transform: rotate(-45deg);
    height: 4%;
    width: 6%;
    left: 3%;
    top: 87%;
    background-color: transparent;
    border-style: none;
}/* Ensure #app element has its own CSS */
#app {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}

/* Setting root font size for scaling */
html {
  font-size: calc((100vw / 1080) * 100%);
}

body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: black;
}

/* General styles */
.RockysRichesJackpots {
  background-image: url('./jackpots-C1C8Tg2w.png');
  height:38%;
  left:0%;
  width:100%;
  top: 10%;
}



/* Jackpot Text */
.RockysRichesMegaText
{
  font-family: 'Impact';
  font-size: 8em;
  padding: 1.4% 0% 0% 0%;
  WIDTH:100%;
  left:0%;
  top:18.5%;
  height: 4%;
}
.RockysRichesMajorText{
  font-family: 'Impact';
  font-size: 4em;
  padding: 3.1% 0% 0% 0%;
  WIDTH:24%;
  left:0%;
  top:12%;

  
  height: 4%;
}
.RockysRichesMinorText {
  font-family: 'Impact';
  font-size: 4em;
  padding: 2% 0% 0% 0%;
  WIDTH:18%;
  left:78%;
  top:31%;
  
  height: 4%;
}

/* Pay Table */
.RockysRichesPayTablePay::before{

  -webkit-text-stroke: 2px black;
}
.RockysRichesPayTablePay {
  width: 6%;
  font-size: 1.6em;
  color: #fff;
  -webkit-text-fill-color: white;
  text-shadow:2px 2px 0 black, 
    2px 2px 0 black, 
    2px 2px 0 black, 
    -2px -2px 0 black,
    -2px -2px 0 black,
    0px 0px 0 black,
    0px 0px 0 black,
    0px 0 0 black;
  font-family: 'Impact';
  padding-left:2%;
}

.RockysRichesReelBg {
  background-image: url('./reelBg-CYBqMBwm.png');
  height: 48%;
  width: 92%;
  left: 5%;
  top: 43%;
}

/* Free Game Panel */
.RockysRichesFreeGamePanel {  
  top:88%;
  width:26%;
  height:3%;
  left:74%;
}

.RockysRichesFreeGamePanelText {
  color: white;
  font-family: 'Impact';
  font-size: 3em;
  top:88%;
  left:63%;
}

/* Button UI */
.RockysRichesButtonUIBg {
  background-size: 100% 100%;
  position: absolute;
  height: 18%;
  width: 100%;
  left: 0%;
  bottom: 0%;
  background-image: url('./buttonUIBg-uZh3qGYv.png');
}

/* Credits */
.RockysRichesCredits {
  background-image: url('./credits-4A3dOpRv.png');
  top:-8%;
  height: 170%;
  width: 25%;
  left: 4%;
}

.RockysRichesCreditsText {
  color: white;
  font-family: 'Impact';
  font-size: 3em;
  padding: 5% 0% 0% 0%;
  top:26%;

   height: 80%;
    width: 100%;
}

.RockysRichesReel1{
  left:5.5%;    -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; 
      user-select: none;
}
.RockysRichesReel2{
  left:35%;    -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; 
      user-select: none;
}
.RockysRichesReel3{
  left: 64%;    -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; 
      user-select: none;
}
.RockysRichesreel1{
  left:11.5%;    -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; 
      user-select: none;
}
.RockysRichesreel2{
  left:41%;    -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; 
      user-select: none;
}
.RockysRichesreel3{
  left: 69.3%;    -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; 
      user-select: none;
}
/* Game Win */
.RockysRichesGameWin {
  background-image: url('./gameWin-peBtIZ08.png');
  top:-5%;
  
  height: 170%;
  width: 43%;
  left: 29%;
}

.RockysRichesGameWinText {
  color: white;
  font-family: 'Impact';
  font-size: 3em;
  padding: 5% 0% 0% 0%;
  top:20%;
  
  height: 80%;
  width: 100%;
}
.reelSymbolRockysRiches{
  margin-top:1.5%;
  height:50%;
  left:-29.5%;
}
/* Info */
.RockysRichesInfo {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAF0AAAAoCAYAAACcnvaxAAAACXBIWXMAAAsTAAALEwEAmpwYAAAGRWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgOS4xLWMwMDEgNzkuMTQ2Mjg5OSwgMjAyMy8wNi8yNS0yMDowMTo1NSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczpzdEV2dD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlRXZlbnQjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6RjJDRDI2RTM0RTIzNjgxMTgyMkE5NDBGNjdEQkRGNjgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QzZGMDY4NjU4QjBEMTFFNTlGMDVEM0I5QzYxOUExQTYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ZDZmN2FhNTgtNTRlYS1iZDRhLWI2ODMtZDNjNjZhMGI5NjhiIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzYgKE1hY2ludG9zaCkiIHhtcDpDcmVhdGVEYXRlPSIyMDI0LTA2LTA3VDEwOjUwOjA5LTA1OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyNC0wNi0xNFQwODoyMzowNC0wNTowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyNC0wNi0xNFQwODoyMzowNC0wNTowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2MzkzNDI5NDJBMjA2ODExODIyQUE4MDM0MkQ2NzQ0RiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGMkNEMjZFMzRFMjM2ODExODIyQTk0MEY2N0RCREY2OCIvPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDpkNmY3YWE1OC01NGVhLWJkNGEtYjY4My1kM2M2NmEwYjk2OGIiIHN0RXZ0OndoZW49IjIwMjQtMDYtMTRUMDg6MjM6MDQtMDU6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyNS4wIChXaW5kb3dzKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPHBob3Rvc2hvcDpUZXh0TGF5ZXJzPiA8cmRmOkJhZz4gPHJkZjpsaSBwaG90b3Nob3A6TGF5ZXJOYW1lPSJIRUxQIiBwaG90b3Nob3A6TGF5ZXJUZXh0PSJIRUxQIi8+IDwvcmRmOkJhZz4gPC9waG90b3Nob3A6VGV4dExheWVycz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4FTkR7AAAB2ElEQVRoge2a0XHCMAyG//R40CMj4A0yAt2g3aCdAJigdIJeN2CDsgEeIRs43SB90xt9CO7laHBsIFE49D2ZRNbpfhQhK2T7/R7KsDxIB3CPqOgCqOgCqOgCqOgCqOgCqOgCTPyCHa1DhmS49X7KPnaUA/iIDy/o97HhdwbgJWBekuFNrO8L4iwAfAPYkuHylFHmD0fsKHhKIsPZiQCj97GjOYBdyD6WRL+2+SV1caU4LYB3MmyPb2h56Y85gB07+vfEqOj9szwWXkUfhuWhZAFQ0Ydk4ReTkJUAST94gtiW7ukLQB7Y8+QXmulX4NAePnfZ+RITneld/fi9Q4ZLdmRRdy1BUsrL27kBJZCzo5j+uCDDq96jSWcaYzS2mj5FRKaMkUPpyDvMSmB8ot8K02YLiDpRFu2mf5R+NKCin0eO9DHB1i+0exmGCsCn/6CiD8Nrc+o4tvJSAIjpSqp+w7gaFYAVGd42L0aLfu5oN5GqbRR6g1QANqhHu9XxzbFl+q1QoX4qmxQAflCPCGxo89hEn8WefE+9ybrQb+wbpuKSGdHoREf8yXfdg1+Luiz0inYvAqjoAqjoAqjoAmT6//Th0UwXQEUXQEUXQEUXQEUXQEUXQEUX4BdkJ45PAGdL5AAAAABJRU5ErkJggg==');
}

.RockysRichesInfo:active {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAF0AAAAoCAYAAACcnvaxAAAACXBIWXMAAAsTAAALEwEAmpwYAAAGRWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgOS4xLWMwMDEgNzkuMTQ2Mjg5OSwgMjAyMy8wNi8yNS0yMDowMTo1NSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczpzdEV2dD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlRXZlbnQjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6RjJDRDI2RTM0RTIzNjgxMTgyMkE5NDBGNjdEQkRGNjgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QzZGMDY4Njk4QjBEMTFFNTlGMDVEM0I5QzYxOUExQTYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTRkM2RmN2EtMWNlOC1kMjQxLWJlN2UtNTg3MDViZDc5Njk5IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzYgKE1hY2ludG9zaCkiIHhtcDpDcmVhdGVEYXRlPSIyMDI0LTA2LTA3VDEwOjUwOjA5LTA1OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyNC0wNi0xNFQwODoyMTo1MS0wNTowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyNC0wNi0xNFQwODoyMTo1MS0wNTowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2MzkzNDI5NDJBMjA2ODExODIyQUE4MDM0MkQ2NzQ0RiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGMkNEMjZFMzRFMjM2ODExODIyQTk0MEY2N0RCREY2OCIvPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDo1NGQzZGY3YS0xY2U4LWQyNDEtYmU3ZS01ODcwNWJkNzk2OTkiIHN0RXZ0OndoZW49IjIwMjQtMDYtMTRUMDg6MjE6NTEtMDU6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyNS4wIChXaW5kb3dzKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPHBob3Rvc2hvcDpUZXh0TGF5ZXJzPiA8cmRmOkJhZz4gPHJkZjpsaSBwaG90b3Nob3A6TGF5ZXJOYW1lPSJIRUxQIiBwaG90b3Nob3A6TGF5ZXJUZXh0PSJIRUxQIi8+IDwvcmRmOkJhZz4gPC9waG90b3Nob3A6VGV4dExheWVycz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5tTUkRAAABs0lEQVRoge2a7W2DMBBAH1UHyAjpBoxAN2g3aCdoOkHpBFU36AhsEEZgBLoBncD94SBBw4dNg88o9yRLTnI4l6cLOgOJMQYlLDfSCVwjKl0AlS6AShdApQug0gVQ6QLcdub5TOzY5z7HpcDHTLwr9535HniaiK2BL4+1U5blWQHfQHH6zmGMMe2Yg5Hhc1zmEO+Kz7pHM57/0LhEnsfTOmfr6+llPTLgyMA/RqWvz4E/4lV6GA7YygdUekhe2kls0ksgcRySlPRzucN2LlM8tJPYpG+VGnh0iMug36fPkfvnclXU2H9ANhfoI/1tWS5epNg2a44KeF01k2XsXIJ8pIdgh0OlREqGLZopaohP+lbY0S+OjE53MkKNSv8XKW6nwS5FO9HuJQwN8Nm+UOlheKZz1TG200uFW1fSrJvGxWiwv6fovukjfWwXeMkHZxpsr7t1Guz1+3cGCiS2St8KDefb/gr4wRZNOXVwbNL3uO98XeN81q1xu8NU0b9z5UWM0l13vvkK65b43dZbhHYvAqh0AVS6ACpdgMTo8+nB0UoXQKULoNIFUOkCqHQBVLoAKl2AX0P1jMfrT80qAAAAAElFTkSuQmCC');
}

/* Exit */
.RockysRichesExit {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGkAAAAlCAYAAABBGMctAAAACXBIWXMAAAsTAAALEwEAmpwYAAAGRWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgOS4xLWMwMDEgNzkuMTQ2Mjg5OSwgMjAyMy8wNi8yNS0yMDowMTo1NSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczpzdEV2dD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlRXZlbnQjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6RjJDRDI2RTM0RTIzNjgxMTgyMkE5NDBGNjdEQkRGNjgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RUVBNEJGQkE4QjBEMTFFNTlGMDVEM0I5QzYxOUExQTYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTcyZDhiNDYtMGU1Ny01NzRmLWI4YmItMTUyM2ZiMTFhYWFiIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzYgKE1hY2ludG9zaCkiIHhtcDpD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');
}

.RockysRichesExit:active {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGkAAAAlCAYAAABBGMctAAAACXBIWXMAAAsTAAALEwEAmpwYAAAGRWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgOS4xLWMwMDEgNzkuMTQ2Mjg5OSwgMjAyMy8wNi8yNS0yMDowMTo1NSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczpzdEV2dD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlRXZlbnQjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6RjJDRDI2RTM0RTIzNjgxMTgyMkE5NDBGNjdEQkRGNjgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RUVBNEJGQkU4QjBEMTFFNTlGMDVEM0I5QzYxOUExQTYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDdhMmIwMWEtMDQwYy0yZjQ4LWI2Y2UtMzgyNGFmMmZiOWY4IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzYgKE1hY2ludG9zaCkiIHhtcDpD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');
}

/* Entries */
.RockysRichesEntriesIncrease {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHkAAAAhCAYAAAD9JwTTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAGTWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgOS4xLWMwMDEgNzkuMTQ2Mjg5OSwgMjAyMy8wNi8yNS0yMDowMTo1NSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczpzdEV2dD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlRXZlbnQjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6RjJDRDI2RTM0RTIzNjgxMTgyMkE5NDBGNjdEQkRGNjgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MzFDRjU2OEM4QjBFMTFFNTlGMDVEM0I5QzYxOUExQTYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ZTZjMGQ0YzktZDA2YS04ZTRjLTk1OGYtMDA4MWQxOTM4ZTQ4IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzYgKE1hY2ludG9zaCkiIHhtcDpDcmVhdGVEYXRlPSIyMDI0LTA2LTA3VDEwOjUwOjA5LTA1OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyNC0wNi0xNFQwODoyMDoyMy0wNTowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyNC0wNi0xNFQwODoyMDoyMy0wNTowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2MzkzNDI5NDJBMjA2ODExODIyQUE4MDM0MkQ2NzQ0RiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGMkNEMjZFMzRFMjM2ODExODIyQTk0MEY2N0RCREY2OCIvPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDplNmMwZDRjOS1kMDZhLThlNGMtOTU4Zi0wMDgxZDE5MzhlNDgiIHN0RXZ0OndoZW49IjIwMjQtMDYtMTRUMDg6MjA6MjMtMDU6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyNS4wIChXaW5kb3dzKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPHBob3Rvc2hvcDpUZXh0TGF5ZXJzPiA8cmRmOkJhZz4gPHJkZjpsaSBwaG90b3Nob3A6TGF5ZXJOYW1lPSJJTkNSRUFTRSIgcGhvdG9zaG9wOkxheWVyVGV4dD0iSU5DUkVBU0UiLz4gPC9yZGY6QmFnPiA8L3Bob3Rvc2hvcDpUZXh0TGF5ZXJzPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PvN4O1wAAAPqSURBVGiB7Zrtcds4EIaf3KQAXAe8DpgKTq4gSgWnVGC5AskVyFeBlArkVCCmAqsD8SqQOtj7AXD4oQUIklKcCfnOYCwB+8nFYomVP4gIE35v/PHeBky4P6YgjwBTkEeAKcgjwBTkEWAK8ggwBXkEmII8AnzswZMCx9uaAUDiBk7+5Q467gXjRt6RL3XDYH3Oe8hoh4hoo4lDZe3gRurhRURmioy1Qmfc/EmhP4nIMtI+DScR2YpIovAfImWIR39zrEXkLZIWEZmL7rM426o2rzvYOtP09T2uZ8AbsB6wv1LgAKwoM7iKBNg4PaaH/ARYOP60B38XPSunYxlBvwD26D6DfbaHoUZVMbQmr4AT1rAuSLCOpBG0qaM1HXUUMMC2J28MqrJXhO1MFFtyIKNenhJgPsysEn1qchMJNgg74Im4WrqlW9BSbJasPes58M19/sz15klpf5d47mBPgTn1DW6wgX4K0FdxAf5yn1PK5/gv4dq8A/5T5lWeWwS5wALrxFfCgU7RM39HGahH6g8kb9GdU26AF+Cs0JgWGeuWdU3eRplfYv04RthgnN7Mff8zUve3Ck8rbhlksEbvCQdlrsw9U3/ImZNzAb4Dr4Mta38ovjr44Jlf4q+rmwBfEys3CrxiT4I8wLNBT6QnlM116yAXSAJrfytzL8rcl4761u7zZ2U95iieddT32JjLKf2eYU+2XYPmlXpANcwd/yf8gU4980ab/FWaIZeB/AllRqSNtR3DbgEaNtQfaEZZanw0YLNsFyHf0L4ZonGrTL4Q/yJ15DprFlw7v3R/M4Y1X0wkXRZJN+O65DxjbXys6DPoL4tfgR+ONg3oCa0d0RNDm+vdDGnCiMi+5aJeNEPmytpZRBYVHUtlfR+wrw1zqft3UGhiGxknhffgxllZ05oxRSPIiG1gLBTeN/E3Q9Smh2/cMpO/YHf5lnBNfqVev6C8y/rus4bwkZ5hX3QMtvnR1L/h+i7axCwgu8BakR3iBetT8RJmsKfAP9hMfajIb96x84DM1DN/RPPRE31tp8ZmQdGqbKLa1tTaniGcpZ4RIft8sjcS9sGHgicRPVNjUJwkW2XtIPrpUPC8W1szhAt2x3/CX+cy2u/TVXkPxDfuM/S39SXdO3NVaN2sF6xt1aHdCoqXsGeufZ5xfTrsuM210UKLvGe39a1nS7EZsFbWUo+8AnvRa1rIvuI0OSl0J7cW0tmE73Q4O1maz5r8wv+Qz2e5fk6DM/mDyE/5v2uDrSOZZz2hvqOPlD+9/a5IqPuccaefWH9WkCe8I36VZsiEO2IK8ggwBXkEmII8AkxBHgGmII8AU5BHgP8BT0pUqXHIz4UAAAAASUVORK5CYII=');
  color: #fff;
  font-family: 'Impact';
  -webkit-text-fill-color: white;
  -webkit-text-stroke: 1px #e3e3e3;
  text-shadow: 2px 2px 9px black;
  font-size: 2em;
  padding: 0% 0% 2.5% 0%;
}

.RockysRichesEntriesIncrease:active {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHkAAAAhCAYAAAD9JwTTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAGTWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgOS4xLWMwMDEgNzkuMTQ2Mjg5OSwgMjAyMy8wNi8yNS0yMDowMTo1NSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczpzdEV2dD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlRXZlbnQjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6RjJDRDI2RTM0RTIzNjgxMTgyMkE5NDBGNjdEQkRGNjgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MEY5MDZGQjM4QjBFMTFFNTlGMDVEM0I5QzYxOUExQTYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MzM4Y2RiMDYtNmI2OS01MDRmLWI4YjAtYjE3NWFlNDNhZDRjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzYgKE1hY2ludG9zaCkiIHhtcDpDcmVhdGVEYXRlPSIyMDI0LTA2LTA3VDEwOjUwOjA5LTA1OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyNC0wNi0xNFQwODoxOTozMi0wNTowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyNC0wNi0xNFQwODoxOTozMi0wNTowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2MzkzNDI5NDJBMjA2ODExODIyQUE4MDM0MkQ2NzQ0RiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGMkNEMjZFMzRFMjM2ODExODIyQTk0MEY2N0RCREY2OCIvPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDozMzhjZGIwNi02YjY5LTUwNGYtYjhiMC1iMTc1YWU0M2FkNGMiIHN0RXZ0OndoZW49IjIwMjQtMDYtMTRUMDg6MTk6MzItMDU6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyNS4wIChXaW5kb3dzKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPHBob3Rvc2hvcDpUZXh0TGF5ZXJzPiA8cmRmOkJhZz4gPHJkZjpsaSBwaG90b3Nob3A6TGF5ZXJOYW1lPSJJTkNSRUFTRSIgcGhvdG9zaG9wOkxheWVyVGV4dD0iSU5DUkVBU0UiLz4gPC9yZGY6QmFnPiA8L3Bob3Rvc2hvcDpUZXh0TGF5ZXJzPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PjUgbYsAAARaSURBVGiB7ZnRkeI4EIY/Xd2zy5eBNwMTwXkiGDaCgwiGiYAhAuYigIlguAjwRjBksN4IzqUEdA9qD0bIRmbMztbZfxVV0JJaLf2t7pZQxhhG/L/x22cbMOL2GEkeAEaSB4CR5AFgJHkAGEkeAEaSB4CR5AHg964DDDpVRIe+DTHoBEjk50ERlX3PcSsYdAzEiqjoOC4FUiAGDkDRVUcIlO/Fy6BdYa6I7qRtL7LHJrINOgP2jniliJ6cfjGwAP7iSHCFAvhbET0H2OdDAeQyb+GM3wNZgA4UkbrUx6CfgHtFNAnRadBTYM35msHaPK9sFt3LEL3AnSLKXeG14ToD3sSAqyBevMcuIPF0SYC1Qb+JM3RFAsywdqZXjA+CRKAlkBr0IqD/DHjFv2awe+sekA/hozl5adDf5eQGQzZmjw1Vl5AC+yuJBhsKN1eODUFd97LNTlm3a0uBPb1lTZbIae8FnXOyBwmWhC02hJcBYzbYzQ9Fig3rTw3tBfAi3+85d540oJZYdbAHeA+7WU0UY0/1Y8OQqfO7VERfRFeKdfwtNk0VLVNvgR8euXdMHyRXmAFTg55z6pUnkMVknqYtR6IeON2Q4sLcRZXvDfoZ+NfTJ25T4NYLlyAndu1pWhj0S4NDuTbEkvJyseGPwOlffLm3CX2SDHYRr7STMvXI3KIsN+hXrLP8o4h2HzXs0qbUCkp33F3DkAXNeXUNNI1zsZQPBg2ww0bEomXM2qBLj9xbDPdNcoWkpe1Pj+zZFSiir13mqxWB9572kFCchU4mufXBERcc150Z9EwRbZ0+Oy5XylMZP2khOm2Qxz7hL/EY0sOdOOF4IlKnbds1FAdgzemG5hxTzXsftwiTU7YN0B8Tfm26iL5Ockl4IXXAOTU+r69dR/IPPr6E2pWHdJKbxNQRr7DreqjNF+MpFhXR3KC/Sd+0Zaq2tgP+uscn643kL9iKeRrQ9xt28XWsDZqKaCH4vaiR/JN3DOEVpgY9vZTXW3KvC991rOnULQ1664ZdRbQ16MqeFHkTINwhH3964SXh9qt4+YaWnKyIdgZdOH1iYGPQTffZmJaKHXmRk/D45pl/bdB5W1pouuvXN1Pyvqsb2vP5BinCxL4p9oUvpfZCZdBLTkkuWnSmUqS58D4H91p4KaLcoCfYk9qWU+Z0e9UpCSieFFEpVzhXd0L7/ZUWexQ0FlshyGqRZI29alZ4M+hc7EuccW6Or8N3dQPrTLkr7L3wUkSlFDoT34TSJ8cSXQaoLLEeXwTOn+Op1rH31yxERwPck4bMc+d8fCmlKsJWnK8545zgbR/Xxgo3q64V0UHy3CMeMiX/ej2vhh0wuaLwWuEPd5trnkfFOWaOuMTe73Pns+N8TQmwEEdtW3Olc97VxjZ4/4XqG7KxaVOxIKEwo/ZXIza/FLe27bPgWXPOjf5i/Skkj/hc/BKPISNui5HkAWAkeQAYSR4ARpIHgJHkAWAkeQD4D928fV+G8MRFAAAAAElFTkSuQmCC');
}

.RockysRichesEntriesDecrease {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAAAhCAYAAAARfqOAAAAACXBIWXMAAAsTAAALEwEAmpwYAAAGTWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgOS4xLWMwMDEgNzkuMTQ2Mjg5OSwgMjAyMy8wNi8yNS0yMDowMTo1NSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczpzdEV2dD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlRXZlbnQjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6RjJDRDI2RTM0RTIzNjgxMTgyMkE5NDBGNjdEQkRGNjgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTQyQTdDMTc4QjBFMTFFNTlGMDVEM0I5QzYxOUExQTYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6YzIzNDhjZTEtODBiZS05ZjRhLWI3ZTctMTMxMGExNGJjZmVmIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzYgKE1hY2ludG9zaCkiIHhtcDpDcmVhdGVEYXRlPSIyMDI0LTA2LTA3VDEwOjUwOjA5LTA1OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyNC0wNi0xNFQwODoyMTozMi0wNTowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyNC0wNi0xNFQwODoyMTozMi0wNTowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2MzkzNDI5NDJBMjA2ODExODIyQUE4MDM0MkQ2NzQ0RiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGMkNEMjZFMzRFMjM2ODExODIyQTk0MEY2N0RCREY2OCIvPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDpjMjM0OGNlMS04MGJlLTlmNGEtYjdlNy0xMzEwYTE0YmNmZWYiIHN0RXZ0OndoZW49IjIwMjQtMDYtMTRUMDg6MjE6MzItMDU6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyNS4wIChXaW5kb3dzKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPHBob3Rvc2hvcDpUZXh0TGF5ZXJzPiA8cmRmOkJhZz4gPHJkZjpsaSBwaG90b3Nob3A6TGF5ZXJOYW1lPSJERUNSRUFTRSIgcGhvdG9zaG9wOkxheWVyVGV4dD0iREVDUkVBU0UiLz4gPC9yZGY6QmFnPiA8L3Bob3Rvc2hvcDpUZXh0TGF5ZXJzPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PmaZn6oAAAP0SURBVHic7Zvhcds4EIU/Z64AdnDsILwKQlUQpgLrKrBSgZQKdK5AcgVKB+ZVQHUgXgVmKtj8ABRB5AIkRfp0N+SbwXCMxe4+kLvAArYfRIQZ08WHexOYcV/MATBxzAEwccwBMHHMATBxzAEwccwBMHHMATBx/HZvAh2R2mcFHO/G4jYk9OccW70EyHnPeYuIr20kjJOIHEQk9ei/tui70PRTa1/DTkSSG32+BXinPThvPLzr9t5EJO4wFjsn3xxONc6jcB2yBcRABrzaFg0Px1/YWJuZR74ECvvsi4gL71v0+2Bn/W07jE0wnFKPPLbyeDArB2PVACmG3BjYAuuOY3cM+4hbRn6hDjaO7Qz/hz3jwHUSVZjlv6yNexrEqoa+NcAe+Af4jIlYFwnmY+wD+t9a7KfAqienLfAd88JCPj/SXFEi2/dXwH4O/O3p9yGm+aG2wB+e8QnNQFxg9v0Is9rlwEuL35y+XAP7kVYDuHvQTpEXjlzby9r2wIOicxKRpfW9FLOnujjIpR5o81kocnd/1PbVLnt9l3mIiKw84zW/B9ufikjUUac31yGngGeay2/SouPbJhb2mdX6K0zWVE5ficmmF0zmly0+25C3yB+BT0r/C/pql+KvXdZWp+rAK6vZOQJfCfPty3VQABw9/UlAlgbsabI9zZeV419KNWzs8yPNAM1pD4AYvU7QllpoFnylox9Z+Z8Kj4pwIZ1gEugLJvA1xPTj+i4XQdWItn6MYGNtW1brP2Je5phYcR1kFSZrXSzRg70+zocuJ4rOGLICxJ7+MqCTB2RHpe+RSwa7fp8wUZ1ze8BFHceV6HOq90U0Ty/PmGzNuf7oa5rvYm9tPuHfQsDMP/LISoUXnj6DQIFwjyKwUHQOcrlIiZUxhYhkAZ8hbGv+hxRWO0W3sJxOimzpsXMu+FIx8yoU3Wgg15uLwEdMJH9CX8ZeWvQ1HbhkwzPmbO8iI5wRCeFr0gf7PCh2VhjOIf3f0XmXXDIrRb+PSAJ268fXDHO8XmJqhL3trx+5K/yrXheu1whEh7YChHCS6+PKaw9d128fPZHrLNZ03cx6U+SFM0bLKh/cbCt66LnYWv2lh5dm96xzK9erNlYRWGIKqmoEW19or8zP2NO9eKpoVt9gsmvT0YaGJfrpYqG0sjZuZXX3NFehRLF7pP0yrReGBECFmehXzLHsOJzOL7sLzEQrz5jS+tU+aAjf0Y9Qa9rvMDRE6FX5Ny5HTLdpW+RZf0H4FnVvx1Q9OQbxIPKf/7+AlOavg/O7MPl3EGHmm9ifj7aV7+Hs/xAAM94R818ETRxzAEwccwBMHHMATBxzAEwccwBMHHMATBw/AWaxvOwdj1MOAAAAAElFTkSuQmCC');
  color: #fff;
  font-family: 'Impact';
  -webkit-text-fill-color: white;
  -webkit-text-stroke: 1px #e3e3e3;
  text-shadow: 2px 2px 9px black;
  font-size: 2em;
  padding: 0% 0% 2.5% 0%;
}

.RockysRichesEntriesDecrease:active {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAAAhCAYAAAARfqOAAAAACXBIWXMAAAsTAAALEwEAmpwYAAAGTWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgOS4xLWMwMDEgNzkuMTQ2Mjg5OSwgMjAyMy8wNi8yNS0yMDowMTo1NSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczpzdEV2dD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlRXZlbnQjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6RjJDRDI2RTM0RTIzNjgxMTgyMkE5NDBGNjdEQkRGNjgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MzFDRjU2OTQ4QjBFMTFFNTlGMDVEM0I5QzYxOUExQTYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Y2YzODFhN2ItOTlkZi1iMTQ0LWE4MjMtYTFkZmRjNDRlMmYwIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzYgKE1hY2ludG9zaCkiIHhtcDpDcmVhdGVEYXRlPSIyMDI0LTA2LTA3VDEwOjUwOjA5LTA1OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyNC0wNi0xNFQwODoyMDo0NS0wNTowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyNC0wNi0xNFQwODoyMDo0NS0wNTowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2MzkzNDI5NDJBMjA2ODExODIyQUE4MDM0MkQ2NzQ0RiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGMkNEMjZFMzRFMjM2ODExODIyQTk0MEY2N0RCREY2OCIvPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDpjZjM4MWE3Yi05OWRmLWIxNDQtYTgyMy1hMWRmZGM0NGUyZjAiIHN0RXZ0OndoZW49IjIwMjQtMDYtMTRUMDg6MjA6NDUtMDU6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyNS4wIChXaW5kb3dzKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPHBob3Rvc2hvcDpUZXh0TGF5ZXJzPiA8cmRmOkJhZz4gPHJkZjpsaSBwaG90b3Nob3A6TGF5ZXJOYW1lPSJERUNSRUFTRSIgcGhvdG9zaG9wOkxheWVyVGV4dD0iREVDUkVBU0UiLz4gPC9yZGY6QmFnPiA8L3Bob3Rvc2hvcDpUZXh0TGF5ZXJzPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pv1aYagAAAP0SURBVHic7Zvhcds4EIU/Z64AdnDsILwKQlUQpgLrKrBSgZQKdK5AcgVKB+ZVQHUgXgVmKtj8ABRB5AIkRfp0N+SbwXCMxe4+kLvAArYfRIQZ08WHexOYcV/MATBxzAEwccwBMHHMATBxzAEwccwBMHHMATBx/HZvAh2R2mcFHO/G4jYk9OccW70EyHnPeYuIr20kjJOIHEQk9ei/tui70PRTa1/DTkSSG32+BXinPThvPLzr9t5EJO4wFjsn3xxONc6jcB2yBcRABrzaFg0Px1/YWJuZR74ECvvsi4gL71v0+2Bn/W07jE0wnFKPPLbyeDArB2PVACmG3BjYAuuOY3cM+4hbRn6hDjaO7Qz/hz3jwHUSVZjlv6yNexrEqoa+NcAe+Af4jIlYFwnmY+wD+t9a7KfAqienLfAd88JCPj/SXFEi2/dXwH4O/O3p9yGm+aG2wB+e8QnNQFxg9v0Is9rlwEuL35y+XAP7kVYDuHvQTpEXjlzby9r2wIOicxKRpfW9FLOnujjIpR5o81kocnd/1PbVLnt9l3mIiKw84zW/B9ufikjUUac31yGngGeay2/SouPbJhb2mdX6K0zWVE5ficmmF0zmly0+25C3yB+BT0r/C/pql+KvXdZWp+rAK6vZOQJfCfPty3VQABw9/UlAlgbsabI9zZeV419KNWzs8yPNAM1pD4AYvU7QllpoFnylox9Z+Z8Kj4pwIZ1gEugLJvA1xPTj+i4XQdWItn6MYGNtW1brP2Je5phYcR1kFSZrXSzRg70+zocuJ4rOGLICxJ7+MqCTB2RHpe+RSwa7fp8wUZ1ze8BFHceV6HOq90U0Ty/PmGzNuf7oa5rvYm9tPuHfQsDMP/LISoUXnj6DQIFwjyKwUHQOcrlIiZUxhYhkAZ8hbGv+hxRWO0W3sJxOimzpsXMu+FIx8yoU3Wgg15uLwEdMJH9CX8ZeWvQ1HbhkwzPmbO8iI5wRCeFr0gf7PCh2VhjOIf3f0XmXXDIrRb+PSAJ268fXDHO8XmJqhL3trx+5K/yrXheu1whEh7YChHCS6+PKaw9d128fPZHrLNZ03cx6U+SFM0bLKh/cbCt66LnYWv2lh5dm96xzK9erNlYRWGIKqmoEW19or8zP2NO9eKpoVt9gsmvT0YaGJfrpYqG0sjZuZXX3NFehRLF7pP0yrReGBECFmehXzLHsOJzOL7sLzEQrz5jS+tU+aAjf0Y9Qa9rvMDRE6FX5Ny5HTLdpW+RZf0H4FnVvx1Q9OQbxIPKf/7+AlOavg/O7MPl3EGHmm9ifj7aV7+Hs/xAAM94R818ETRxzAEwccwBMHHMATBxzAEwccwBMHHMATBw/AWaxvOwdj1MOAAAAAElFTkSuQmCC');
}


/* Play */
.RockysRichesPlay {
  background-image: url('./play-CeLrWs9u.png');
  height:164%;
  top:-60%;
  right:4%;
  width: 23%;
}

.RockysRichesPlay:active {
  background-image: url('./play_pressed-yL3YSdjB.png');
}

.RockysRichesPlay:disabled {
  background-image: url('./play_disable-BBqbkSss.png');
}

/* Stop */
.RockysRichesStop {
  background-image: url('./play-CeLrWs9u.png');  height:164%;
  height:164%;
  top:-60%;
  right:4%;
  width: 23%;
}

.RockysRichesStop:active {
  background-image: url('./play_pressed-yL3YSdjB.png');
}

.RockysRichesStop:disabled {
  background-image: url('./play_disable-BBqbkSss.png');
}

/* Arrows */
.RockysRichesLeftArrow {
  background-image: url('./leftarrow-CW84rYoj.png');
}

.RockysRichesWinLine {
  background-image: url('./winLine-OcdAWZRF.png');
  top:62%;
  left:6.5%;
}

.RockysRichesRightArrow {
  background-image: url('./rightarrow-Fh34_FQ0.png');
}

.RockysRichesWinFrame {
  background-image: url('./winFrame-Dqa85mkf.png');
}

/* Pop-up */
.RockysRichesPopUp {
  background-image: url('./popUp-D9etgjvt.png');
}
.RockysRichesPopUpFree {
  background-image: url('./popUp_FreeGames-BGkKmWfi.png');
}

.RockysRichesPopUpBonus {
  background-image: url('./popUp_Bonus-DkorQOyh.png');
}


.RockysRichesPopUpText {
  text-align: center;
  font-family: 'Impact';
  font-size: 6em;
  top: -10px;
  color: white;
  white-space: pre-line;
}


.RockysRichesLogo {
  background-image: url('./Logo-e88aO-Rb.png');

  left: 1%;
  height: 9%;
    width: 73%;
    left: 11%;
    top: 1%;
}

.RockysRichesPicksRemainingText
{
  position:absolute;
  height:6%;
  width:17%;
  top:40%;
  left:358%;
  font-family: 'Impact';
  color: #fff;
  font-weight: bolder;
  font-size: 3.5em;
  padding: 8% 0% 0% 10%;
  text-align: center;text-shadow:2px 2px 0 black, 
  2px 2px 0 black, 
  2px 2px 0 black, 
  -2px -2px 0 black,
  -2px -2px 0 black,
  0px 0px 0 black,
  0px 0px 0 black,
  0px 0 0 black;
}
.RockysRichesTotalBonusWinText {
  position:absolute;
  height:6%;
  width:17%;
  top:35%;
  left:-3%;
  font-family: 'Impact';
  color: #fff;
  font-weight: bolder;
  font-size: 5em;
  padding: 8% 0% 0% 10%;
  text-align: center;text-shadow:2px 2px 0 black, 
  2px 2px 0 black, 
  2px 2px 0 black, 
  -2px -2px 0 black,
  -2px -2px 0 black,
  0px 0px 0 black,
  0px 0px 0 black,
  0px 0 0 black;
}

/* Bonus Picks */
.RockysRichesBonusPick {
  position: absolute;
  width: 23%; /* Adjust width as needed */
  height: 11%; /* Adjust height as needed */
}

/* Positioning Bonus Picks in a 4x3 Grid */
.RockysRichesBonusPick1Idle, .RockysRichesBonusPick1Picked { top: 51%; left: 5%; }
.RockysRichesBonusPick2Idle, .RockysRichesBonusPick2Picked { top: 51%; left: 35.5%; }
.RockysRichesBonusPick3Idle, .RockysRichesBonusPick3Picked { top: 51%; left: 65%; }

.RockysRichesBonusPick4Idle, .RockysRichesBonusPick4Picked { top: 63%; left: 20%; }
.RockysRichesBonusPick5Idle, .RockysRichesBonusPick5Picked { top: 63%; left: 50%; }
.RockysRichesBonusPick6Idle, .RockysRichesBonusPick6Picked { top: 63%; left: 76.5%; }

.RockysRichesBonusPick7Idle, .RockysRichesBonusPick7Picked { top: 75.5%; left: 5%; }
.RockysRichesBonusPick8Idle, .RockysRichesBonusPick8Picked { top: 75.5%; left: 35.5%; }
.RockysRichesBonusPick9Idle, .RockysRichesBonusPick9Picked { top: 75.5%; left: 65%; }

.RockysRichesBonusPick10Idle, .RockysRichesBonusPick10Picked { top: 89.5%; left: 20%; }
.RockysRichesBonusPick11Idle, .RockysRichesBonusPick11Picked { top: 89.5%; left: 50%; }
.RockysRichesBonusPick12Idle, .RockysRichesBonusPick12Picked { top: 89.5%; left: 76.5%; }

.RockysRichesBonusPick1PickedText {
  position: absolute;
  font-size: 2em; /* Adjust as needed */
  -webkit-text-fill-color: white;
  -webkit-text-stroke: 1px black;
  font-family: 'Impact';top: 55%; left: 15%;text-shadow:2px 2px 0 black, 
  2px 2px 0 black, 
  2px 2px 0 black, 
  -2px -2px 0 black,
  -2px -2px 0 black,
  0px 0px 0 black,
  0px 0px 0 black,
  0px 0 0 black;
}

.RockysRichesBonusPick2PickedText {
  position: absolute;
  font-size: 2em; /* Adjust as needed */
  -webkit-text-fill-color: white;
  -webkit-text-stroke: 1px black;
  font-family: 'Impact';top: 55%; left: 44.5%;text-shadow:2px 2px 0 black, 
  2px 2px 0 black, 
  2px 2px 0 black, 
  -2px -2px 0 black,
  -2px -2px 0 black,
  0px 0px 0 black,
  0px 0px 0 black,
  0px 0 0 black;
}

.RockysRichesBonusPick3PickedText {
  position: absolute;
  font-size: 2em; /* Adjust as needed */
  -webkit-text-fill-color: white;
  -webkit-text-stroke: 1px black;
  font-family: 'Impact'; top: 55%; left: 73%;text-shadow:2px 2px 0 black, 
  2px 2px 0 black, 
  2px 2px 0 black, 
  -2px -2px 0 black,
  -2px -2px 0 black,
  0px 0px 0 black,
  0px 0px 0 black,
  0px 0 0 black;
}

.RockysRichesBonusPick4PickedText {
  position: absolute;
  font-size: 2em; /* Adjust as needed */
  -webkit-text-fill-color: white;
  -webkit-text-stroke: 1px black;
  font-family: 'Impact';top: 67%; left: 29%;text-shadow:2px 2px 0 black, 
  2px 2px 0 black, 
  2px 2px 0 black, 
  -2px -2px 0 black,
  -2px -2px 0 black,
  0px 0px 0 black,
  0px 0px 0 black,
  0px 0 0 black;
}

.RockysRichesBonusPick5PickedText {
  position: absolute;
  font-size: 2em; /* Adjust as needed */
  -webkit-text-fill-color: white;
  -webkit-text-stroke: 1px black;
  font-family: 'Impact';top: 67%; left: 59.5%;text-shadow:2px 2px 0 black, 
  2px 2px 0 black, 
  2px 2px 0 black, 
  -2px -2px 0 black,
  -2px -2px 0 black,
  0px 0px 0 black,
  0px 0px 0 black,
  0px 0 0 black;
}

.RockysRichesBonusPick6PickedText {
  position: absolute;
  font-size: 2em; /* Adjust as needed */
  -webkit-text-fill-color: white;
  -webkit-text-stroke: 1px black;
  font-family: 'Impact';top: 67%; left: 88%;text-shadow:2px 2px 0 black, 
  2px 2px 0 black, 
  2px 2px 0 black, 
  -2px -2px 0 black,
  -2px -2px 0 black,
  0px 0px 0 black,
  0px 0px 0 black,
  0px 0 0 black;
}

.RockysRichesBonusPick7PickedText {
  position: absolute;
  font-size: 2em; /* Adjust as needed */
  -webkit-text-fill-color: white;
  -webkit-text-stroke: 1px black;
  font-family: 'Impact';top: 80.5%; left: 15%;text-shadow:2px 2px 0 black, 
  2px 2px 0 black, 
  2px 2px 0 black, 
  -2px -2px 0 black,
  -2px -2px 0 black,
  0px 0px 0 black,
  0px 0px 0 black,
  0px 0 0 black;
}

.RockysRichesBonusPick8PickedText {
  position: absolute;
  font-size: 2em; /* Adjust as needed */
  -webkit-text-fill-color: white;
  -webkit-text-stroke: 1px black;
  font-family: 'Impact';top: 80.5%; left: 44.5%;text-shadow:2px 2px 0 black, 
  2px 2px 0 black, 
  2px 2px 0 black, 
  -2px -2px 0 black,
  -2px -2px 0 black,
  0px 0px 0 black,
  0px 0px 0 black,
  0px 0 0 black;
}

.RockysRichesBonusPick9PickedText {
  position: absolute;
  font-size: 2em; /* Adjust as needed */
  -webkit-text-fill-color: white;
  -webkit-text-stroke: 1px black;
  font-family: 'Impact';top: 80.5%; left: 73%;text-shadow:2px 2px 0 black, 
  2px 2px 0 black, 
  2px 2px 0 black, 
  -2px -2px 0 black,
  -2px -2px 0 black,
  0px 0px 0 black,
  0px 0px 0 black,
  0px 0 0 black;
}

.RockysRichesBonusPick10PickedText {
  position: absolute;
  font-size: 2em; /* Adjust as needed */
  -webkit-text-fill-color: white;
  -webkit-text-stroke: 1px black;
  font-family: 'Impact';top: 94.5%; left: 29%;text-shadow:2px 2px 0 black, 
  2px 2px 0 black, 
  2px 2px 0 black, 
  -2px -2px 0 black,
  -2px -2px 0 black,
  0px 0px 0 black,
  0px 0px 0 black,
  0px 0 0 black;
}

.RockysRichesBonusPick11PickedText {
  position: absolute;
  font-size: 2em; /* Adjust as needed */
  -webkit-text-fill-color: white;
  -webkit-text-stroke: 1px black;
  font-family: 'Impact';top: 94.5%; left: 59.5%;text-shadow:2px 2px 0 black, 
  2px 2px 0 black, 
  2px 2px 0 black, 
  -2px -2px 0 black,
  -2px -2px 0 black,
  0px 0px 0 black,
  0px 0px 0 black,
  0px 0 0 black;
}

.RockysRichesBonusPick12PickedText {
  position: absolute;
  font-size: 2em; /* Adjust as needed */
  -webkit-text-fill-color: white;
  -webkit-text-stroke: 1px black;
  font-family: 'Impact';top: 94.5%; left: 88%;text-shadow:2px 2px 0 black, 
  2px 2px 0 black, 
  2px 2px 0 black, 
  -2px -2px 0 black,
  -2px -2px 0 black,
  0px 0px 0 black,
  0px 0px 0 black,
  0px 0 0 black;
}

.RockysRichesWinFrame1 {
  background-image: url('./winFrame-CTl8gzMI.png');
  left:-2.5%;
  height:24%;
  width:46%;
  top:68.5%;
  position:absolute;
}
.RockysRichesWinFrame2 {
  background-image: url('./winFrame-CTl8gzMI.png');
  left:-2.5%;
  height:24%;
  width:46%;
  top:55%;
  position:absolute;
}
.RockysRichesWinFrame3 {
  background-image: url('./winFrame-CTl8gzMI.png');
  left:-2.5%;
  height:24%;
  width:46%;
  top:41.5%;
  position:absolute;
}
.RockysRichesWinFrame6 {
  background-image: url('./winFrame-CTl8gzMI.png');
  left:27.5%;
  height:24%;
  width:46%;
  top:68.5%;
  position:absolute;
}

.RockysRichesWinFrame7 {
  background-image: url('./winFrame-CTl8gzMI.png');
  left:27.5%;
  height:24%;
  width:46%;
  top:55%;
  position:absolute;
}
.RockysRichesWinFrame8 {
  background-image: url('./winFrame-CTl8gzMI.png');
  left:27.5%;
  height:24%;
  width:46%;
  top:41.5%;
  position:absolute;
}

.RockysRichesWinFrame11 {
  background-image: url('./winFrame-CTl8gzMI.png');
  left:56.5%;
  height:24%;
  width:46%;
  top:68.5%;
  position:absolute;
}
.RockysRichesWinFrame12 {
  background-image: url('./winFrame-CTl8gzMI.png');
  left:56.5%;
  height:24%;
  width:46%;
  top:55%;
  position:absolute;
}
.RockysRichesWinFrame13 {
  background-image: url('./winFrame-CTl8gzMI.png');
  left:56.5%;
  height:24%;
  width:46%;
  top:41.5%;
  position:absolute;
}

.RockysRichesLeftArrow1{   background-image: url('./leftarrow-CW84rYoj.png');

  background-size: 100% 100%;
  position: absolute;
  transform: rotate(45deg);
  height: 4%;
  width: 6%;
  left: 3%;
  top: 43.5%;
  background-color: transparent;
  border-style: none;
}
.RockysRichesLeftArrow2{   background-image: url('./leftarrow-CW84rYoj.png');

    background-size: 100% 100%;
    position: absolute;
    height: 4%;
    width: 6%;
    left: 2%;
    top: 51%;
    background-color: transparent;
    border-style: none;
}
.RockysRichesLeftArrow3{   background-image: url('./leftarrow-CW84rYoj.png');

    background-size: 100% 100%;
    position: absolute;
    height: 4%;
    width: 6%;
    left: 2%;
    top: 64%;
    background-color: transparent;
    border-style: none;
}
.RockysRichesLeftArrow4{   background-image: url('./leftarrow-CW84rYoj.png');

    background-size: 100% 100%;
    position: absolute;
    height: 4%;
    width: 6%;
    left: 2%;
    top: 78%;
    background-color: transparent;
    border-style: none;
}
.RockysRichesLeftArrow5{   background-image: url('./leftarrow-CW84rYoj.png');

    background-size: 100% 100%;
    position: absolute;
    transform: rotate(-45deg);
    height: 4%;
    width: 6%;
    left: 3%;
    top: 87%;
    background-color: transparent;
    border-style: none;
}



/* Pay Table */

.RockysRichesPayTablePay::before{

  -webkit-text-stroke: 2px black;
}
.RockysRichesPayTablePay {
  width: 6%;
  font-size: 1.6em;
  color: #fff;
  -webkit-text-fill-color: white;
  text-shadow:2px 2px 0 black, 
    2px 2px 0 black, 
    2px 2px 0 black, 
    -2px -2px 0 black,
    -2px -2px 0 black,
    0px 0px 0 black,
    0px 0px 0 black,
    0px 0 0 black;
  font-family: 'Impact';
  padding-left:2%;
}

/* Pay Table */
.RockysRichesPayTablePay::before {
  -webkit-text-stroke: 2px black;
}

.RockysRichesPayTablePay {
  width: 100%; /* Let the text fill the available space */
  font-size: 1.6em;
  color: #fff;
  -webkit-text-fill-color: white;
  text-shadow: 2px 2px 0 black, 
               2px 2px 0 black, 
               2px 2px 0 black, 
              -2px -2px 0 black,
              -2px -2px 0 black,
               0px 0px 0 black,
               0px 0px 0 black,
               0px 0 0 black;
  font-family: 'Impact';
  text-align: center; /* Center the text within each grid item */
  padding-left: 0; /* Remove extra padding to better center content */
}

.RockysRichesPayTableItem {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #fff;
  -webkit-text-fill-color: white;
  font-family: 'Impact';
  width:249%;
  -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; 
      user-select: none;
}

.RockysRichesTopPayTable {
  position: absolute;
  height: 7.5%;
  width: 95%;
  top: 36%;
  left: 30px; /* Align to the left edge of the container */
  display: grid;
  grid-template-columns: repeat(12, 1fr); /* Create 12 equal columns */
  gap: 6%; /* Add a small gap between items */
  justify-content: center;
  align-content: center;
  padding: 0 0%; /* Add padding to both sides */
  -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; 
      user-select: none;
}
/* Ensure #app element has its own CSS */
#app {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}

/* Setting root font size for scaling */
html {
  font-size: calc((100vw / 1080) * 100%);
}

body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: black;
}

/* General styles */
.ColonelCashJackpots {
  background-image: url('./jackpots-My1RPqaZ.png');
  height: 23%;
  width: 115%;
  left: -7%;
  top: 9%;
}


/* Jackpot Text */
.ColonelCashMegaText
{
  font-family: 'Impact';
  font-size: 4.5em;
  color:black;
  padding: 1% 0% 0% 0%;
  WIDTH:100%;
  left:0%;

  height: 4%;
  top: 10.5%;
}
.ColonelCashMajorText{
  font-family: 'Impact';
  font-size: 3.5em;
  color:black;
  padding: 3.1% 0% 0% 0%;
  WIDTH:100%;
  left:0%;

  
  height: 4%;
  top: 17.5%;
}
.ColonelCashMinorText {
  font-family: 'Impact';
  font-size: 2.5em;
  color:black;
  padding: 2.5% 0% 0% 0%;
  WIDTH:100%;
  left:0%;

  
  height: 4%;
  top: 25%;
}

/* Pay Table */
.ColonelCashPayTablePay::before{

  -webkit-text-stroke: 2px black;
}
.ColonelCashPayTablePay {
  width: 6%;
  font-size: 1.6em;
  color: #fff;
  -webkit-text-fill-color: white;
  text-shadow:2px 2px 0 black, 
    2px 2px 0 black, 
    2px 2px 0 black, 
    -2px -2px 0 black,
    -2px -2px 0 black,
    0px 0px 0 black,
    0px 0px 0 black,
    0px 0 0 black;
  font-family: 'Impact';
  padding-left:2%;
}

.ColonelCashReelBg {
  background-image: url('./reelBg-B1WgIjnq.png');
  height: 48%;
  width: 92%;
  left: 5%;
  top: 43%;
}

/* Free Game Panel */
.ColonelCashFreeGamePanel {  
  top:88%;
  width:26%;
  height:3%;
  left:74%;
}

.ColonelCashFreeGamePanelText {
  color: white;
  font-family: 'Impact';
  font-size: 3em;
  top:88%;
  left:63%;
}

/* Button UI */
.ColonelCashButtonUIBg {
  background-size: 100% 100%;
  position: absolute;
  height: 18%;
  width: 100%;
  left: 0%;
  bottom: 0%;
  background-image: url('./buttonUIBg-uZh3qGYv.png');
}

/* Credits */
.ColonelCashCredits {
  background-image: url('./credits-C8H-kfJb.png');
  height: 170%;
  width: 25%;
  left: 4%;
  top: -19%;
}

.ColonelCashCreditsText {
  color: white;
  font-family: 'Impact';
  font-size: 3em;
  padding: 5% 0% 0% 0%;

   height: 80%;
    width: 100%;
    top:33%;
}

.ColonelCashReel1{
  left:6.5%;    -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; 
      user-select: none;
}
.ColonelCashReel2{
  left:35%;    -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; 
      user-select: none;
}
.ColonelCashReel3{
  left: 63.5%;    -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; 
      user-select: none;
}
.ColonelCashreel1{
  left:11.5%;    -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; 
      user-select: none;
}
.ColonelCashreel2{
  left:41%;    -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; 
      user-select: none;
}
.ColonelCashreel3{
  left: 69.3%;    -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; 
      user-select: none;
}
/* Game Win */
.ColonelCashGameWin {
  background-image: url('./gameWin-C0tKu2Nv.png');
  
  height: 170%;
  width: 43%;
  left: 29%;
  top: -21%;
}

.ColonelCashGameWinText {
  color: white;
  font-family: 'Impact';
  font-size: 3em;
  padding: 5% 0% 0% 0%;
  
  height: 80%;
  width: 100%;
  top:28%;
}

/* Info */
.ColonelCashInfo {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAF0AAAAoCAYAAACcnvaxAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFxWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgOS4xLWMwMDIgNzkuYTZhNjM5NjhhLCAyMDI0LzAzLzA2LTExOjUyOjA1ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczpwaG90b3Nob3A9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGhvdG9zaG9wLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpGMkNEMjZFMzRFMjM2ODExODIyQTk0MEY2N0RCREY2OCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDNkYwNjg2NThCMEQxMUU1OUYwNUQzQjlDNjE5QTFBNiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpjYzQ2YTFkNy1iODMyLTQ4NTktYjViMC0wNGMzZWVhMWVhM2QiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wOkNyZWF0ZURhdGU9IjIwMTgtMDMtMTJUMTI6MDQ6NDAtMDY6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDI0LTA2LTE3VDE3OjM3OjA2LTA2OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDI0LTA2LTE3VDE3OjM3OjA2LTA2OjAwIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjYzOTM0Mjk0MkEyMDY4MTE4MjJBQTgwMzQyRDY3NDRGIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkYyQ0QyNkUzNEUyMzY4MTE4MjJBOTQwRjY3REJERjY4Ii8+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOmNjNDZhMWQ3LWI4MzItNDg1OS1iNWIwLTA0YzNlZWExZWEzZCIgc3RFdnQ6d2hlbj0iMjAyNC0wNi0xN1QxNzozNzowNi0wNjowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDI1LjkgKE1hY2ludG9zaCkiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+GXSVRQAAAoZJREFUaIHtmk9u2lAQxr8x7T4+QtMo6wofAZ8gm6TrIDfeJ4rCAZJF95hY5ASpukZA1XXVpuoagdlHqjgAiqcLDALivwH87GZ+0siLNx7N+xiN36BHzAwhXzTVCbxGRHQFiOgKENEVIKIrQERXATMjODY2AXCE3QL4MPddNgDnAEYx7zbX/I8A9GL8s9hKXi/dQ5wlxIyzXwAuAejPYgaBTbNG7E8rodZyNAZwG5HUaDgIf8+fVnj2u67497odLdI/iy3ntckeYgSPjRlnP39ofHlBrOvPC0/ay44wqoSbaw1/Hyswa2QTUXO+JqLnQLejwaiSTUSngIieGy2HAMAGRPTcMKoEo0oGERmFE/3g8Ana23R2ZvsuAEdVrm6bV/I5/ujDG0f7m7XZ401O+WXlPTN7qpNIicvMnwCAiM71Pf9zywmv5T2dALBeuEoPGBERJ1iPiI5UJ7rG1/636L/KdX32yCK6FbZ5APub5bnKcFCBP022bkczEXyYCsSpWaPIxbHHAOClEt2qU6wA+++2lHI5WRSjVafGzXW0pEG/94ra00uBVSdY9Upq/6D19Iva0/873DZjMoHLzBMRPQe8MXDV8IHgeFu49nJw+BR71l2iD4Vn9LQ8/GYcn/iYTHDBzH+AlKK7bcaZ7UeuDwdb/5iW6ZweylVjNijdf+EHAA4z383XslT6YghYhohG2PKxsSwkFKMD4Dsz368vFK69lJDQYoyjqB/SNBPp3JrJ4RaEDngbxsxM4URPO5HODSmn0qQBb9msOtlEZO1qj4UT/TUgoitARFeAiK6Ckt97WYmfsIddxHzRXRqS++n5I+1FASK6AkR0BYjoChDRFSCiK0BEV8A/ZdMMLK67c08AAAAASUVORK5CYII=');
}

.ColonelCashInfo:active {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAF0AAAAoCAYAAACcnvaxAAAACXBIWXMAAAsTAAALEwEAmpwYAAAHGGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgOS4xLWMwMDIgNzkuYTZhNjM5NjhhLCAyMDI0LzAzLzA2LTExOjUyOjA1ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczpwaG90b3Nob3A9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGhvdG9zaG9wLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpGMkNEMjZFMzRFMjM2ODExODIyQTk0MEY2N0RCREY2OCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDNkYwNjg2OThCMEQxMUU1OUYwNUQzQjlDNjE5QTFBNiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo5YTFhZGEzOS02ZDEwLTQwZjEtODhhNC05ODFjYThkMWVmNzQiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wOkNyZWF0ZURhdGU9IjIwMTgtMDMtMTJUMTI6MDQ6NDAtMDY6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDI0LTA2LTE5VDE2OjM5OjA3LTA2OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDI0LTA2LTE5VDE2OjM5OjA3LTA2OjAwIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjYzOTM0Mjk0MkEyMDY4MTE4MjJBQTgwMzQyRDY3NDRGIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkYyQ0QyNkUzNEUyMzY4MTE4MjJBOTQwRjY3REJERjY4Ii8+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjY2OTA3MWQ2LTZjMGYtNGM5NS1hNDA3LTEwYmU1NWYyM2VhMSIgc3RFdnQ6d2hlbj0iMjAyNC0wNi0xN1QxNzozOToxMi0wNjowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDI1LjkgKE1hY2ludG9zaCkiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjlhMWFkYTM5LTZkMTAtNDBmMS04OGE0LTk4MWNhOGQxZWY3NCIgc3RFdnQ6d2hlbj0iMjAyNC0wNi0xOVQxNjozOTowNy0wNjowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDI1LjkgKE1hY2ludG9zaCkiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDxwaG90b3Nob3A6VGV4dExheWVycz4gPHJkZjpCYWc+IDxyZGY6bGkgcGhvdG9zaG9wOkxheWVyTmFtZT0iSEVMUCIgcGhvdG9zaG9wOkxheWVyVGV4dD0iSEVMUCIvPiA8L3JkZjpCYWc+IDwvcGhvdG9zaG9wOlRleHRMYXllcnM+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+6J2uGAAAAxtJREFUaIHtm01IVFEUx3+3GaYsRQ1qm/mxsOzDshKcWYQErlvUJlsUFkGLFq2T9i1ctClpkwXVojZCGBLESB8oKBRCH4a0SaxIHR1Lxk6L5g3TNB/3hm/uDN4fHHgf55573p/Dffdd7lMigqO4bLCdwHrEiW4BJ7oFnOgWcKLbIDl76QWigOSwKNAiIqQb0KLRriPNv1A/JhYFug3y6M7MP59pxMxnY0Bf+rNnxKZX9yEzGu4CEpptOwz6MbVu4J2ur6bgmwxi6hTHXwUbBCIAp09WsX1biGzcefCdmdlfYaVUg4hMJS+HgUCkPcSRtqqs7SZeLzL87CfJPgr2Y8LU9DKPBuNe7KaW5gBdnTU6vgMa4QvGzMfcfILpTz94MbrCUlzCwEOl1HEReQNuTPeFmuog+/dUcuHMVlqaAwBNwC3vvhPdZ7o6a2ioCwAcVkr1gRO9KByNVHqHYXCiF4Wa6qBX7QeVUh1B2wmlk3xhmzaLAj0+pJOXtJczAIdag7S1VrJlcyCr/84dQaamVwEi5VzpI8BpYMZ2IgCj4wneTMZz3t8YSkldayr6B6WUKKUEuPGf+a0VYaDecg4A/cBugPcfEzmdQhuVd1hbUsPLqRO1Wn6zX1a4fT8Gf+bTz/3MSYOepNFUn1vOWGzVO/yoJbquGOuZSHuIA/sqc96fXzAU3fEvDXUVXL5Yoe0/+TYlerScX6Rlw9T0MktxARgRkc9OdJ9Ziq/y5Omyd3oToKSGl/+Yp0f9ymUtmJtPMDgU86r8nogMgKbo+cTIt8roIyPAsIhcVUodK3bnhZh4vcj8wiqj46kp5BBw1jspqUpPozFtCbkkyfwizcFX4K6IXEq/aDqmN4qIEhEFnDdsa0LqI6yAmQ4vPT7EzMYIcBLYmyk4lG6l6xIGrvgQ87GBf7+InDPpoKREN/0Iu3b9GySXS/NhMqd+NRYj+nIl+6rVGuGmjBZwolvAiW4BJ7olyn3fS5S126PiWcIgptEmJhGhnHd4pfLSyMOPmMa7xjxT7qeA4uPGdAs40S3gRLeAE90CTnQLONEt8Btpf8s2GSD/AwAAAABJRU5ErkJggg==');
}

/* Exit */
.ColonelCashExit {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGkAAAAlCAYAAABBGMctAAAACXBIWXMAAAsTAAALEwEAmpwYAAAGlGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgOS4xLWMwMDIgNzkuYTZhNjM5NjhhLCAyMDI0LzAzLzA2LTExOjUyOjA1ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczpwaG90b3Nob3A9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGhvdG9zaG9wLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpGMkNEMjZFMzRFMjM2ODExODIyQTk0MEY2N0RCREY2OCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpFRUE0QkZCQThCMEQxMUU1OUYwNUQzQjlDNjE5QTFBNiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo3OGUyMDExYi0zMWE2LTQyMTEtODMwOC1lYmU1M2M5ODgyYmIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wOkNyZWF0ZURhdGU9IjIwMTgtMDMtMTJUMTI6MDQ6NDAtMDY6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDI0LTA2LTE5VDE2OjMzOjM4LTA2OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDI0LTA2LTE5VDE2OjMzOjM4LTA2OjAwIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjYzOTM0Mjk0MkEyMDY4MTE4MjJBQTgwMzQyRDY3NDRGIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkYyQ0QyNkUzNEUyMzY4MTE4MjJBOTQwRjY3REJERjY4Ii8+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOmRmNzEyNGRlLWNkM2YtNDMxOS1hYWQyLTNlOGRlZGZjM2M5YyIgc3RFdnQ6d2hlbj0iMjAyNC0wNi0xN1QxNzo1NzozNC0wNjowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDI1LjkgKE1hY2ludG9zaCkiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjc4ZTIwMTFiLTMxYTYtNDIxMS04MzA4LWViZTUzYzk4ODJiYiIgc3RFdnQ6d2hlbj0iMjAyNC0wNi0xOVQxNjozMzozOC0wNjowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDI1LjkgKE1hY2ludG9zaCkiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+RCQwVAAABbxJREFUaIHtm39MU1cUx7/XiW0RBcRMiItLOjr+cUFsWEwwMyH1HxdcsmwE95/8qOnYH3MWuixRwsqylU3iH1omsTNRIYby19DMRSZLzHRI6lgaY4yII+KG/GqtmlF+9OwPW9P2vde+91pLu7xPcv4595x7D++83nPvfRdGRFBIb1atdAAK8VGSlAEoScoAlCRlAEqSMgEiihAAdgAUR+zRfkHfrwDMxfG9DOD9MB8zgHsixhQjdpF/B2/8Uv1SMQYRIdrZ2N7+NQUCSzFlZOQPAvAhz+Bzfv+/MX19vscE4HKYz70nTx7HHVOMPH/nCAAMHR1HBe2s1lYCYOZ7gDU1NYJ+JtMBAmAIPavu7rOCtt3dZwmAkecZGa9c+UXUGCHhne4YeyWmlJZuw86dOysifZjeaKzPX7NGHdN33br1nPGystbEHVOMhJOTs1bQrqmpGQBMjLHXo2MpKCgQ1T8AaDQaQVuNRsP3aAEAarXwM+JDdk2qqqqqilIZ9u2rkdtdSlGp1HC7/9QCsKx0LGKQnaSSkhItYyw/TKUvLn4zCSGlhq1b34LZfMjEGKtb6VjiITtJO3bsAABDmMpQWFiYcECpg6G1tRV4Pu1x5+A0YrVcx02bNoXqkpMxpq+u/iB/9eqsJIYGLC4u4ODBz6S4dEoxzs5eC5drWK/Xl38D4GNJwaUQ0Unyer3Iy8uL0AXr0qcADLW1+0X5SCEQCODEiRNjRPSGGPvjx49LHmP7dj0aGupNjDEXETkkd5ACRE93Y2OjHF1YXcrfvPk1TvvU1GRCwQXRMsZIhNjldc9w7NgxII2nPdFJevjwbxAtR+jC6pJBq4182aenpxIOTqVSIRBYEiVNTWYTY0wrZ5zQtIc0Xe2JTtLU1DT8/vkIXagu6XTF+uzstRFtt27dSkJ4TPQeaf363IRGKivTo6Gh/oskBJ10JK3uRke5U97u3bvLWlqOcPSXLv0sP6qXzNzcLEfHGEN7e/sKRBMfSUm6edPF0W3ZsqW8tLSUo7fZbFzjNKGx8RNefV5ePurqalMcTXwkJenixZ9AFIjQVVRUaKLrkdfrAYAkJIlAtCxKfL7Hons9f/48nE4nb1tZ2fbEw04ykvZJvb19njNn5vNVquwXOp1Ox7G7c+dO4pEB8Pv9UKuFz8Ci6CSiMbHG1dXVnbOzM6YNGwrkBQeMzczMyPWVhNQTh4H79+/HNRoc/FVWMAKMERETIVI3o583N1tuJxCXZ3LykWBjUVERAPCtNrUFBRsEvAizs7MA4AnXSk2S68aNobhGPT09IxL7TTlE5HM4HEf7+3+U6+86cqTFI9Su1+uh0xVbws8GGWN1u3a9Yyku5s4+ALC0tITe3j4PEUWUCsm/JL66FI7X64Hb7U7m0k7sZlbyhpaIHHv3vtcZrKFyGJiZmeZtyMpS4dq132AyHTgViq+52XzqwoV+rFrF/0liYuIBAAxE6yUliYhcvb19noWFeUGbYD1KyspOpVLzftkUkq6u702MMUP8niOwWa1t/8gM0Tk8PCzYuHHjq7DbO19suG22b5GTI3yoce7cOQDoitbLOQWPWZeC9YjzNqQrRDTe0dHRcfXqVTm+zj173nU+ffo0hhWL+UEvxMTEAxw+3OIkosR+SUFi1qWenp4RIpI9f6wERPSdxWL54dmzZ3LcO83mQwgEluNbCuD3z6OyshIQOMWX9UsSqksvoR6ljOvXr39ptVol+xHR4MmTXfVG44HbPp9Psv+jR5MoL3975O7d0XoiGuSzkZykUF1aXFzgtCWzHqUaIhq32WxNQ0O/y/F1OByOj3Jzc7tOnz6NycnYJW55eRnj43+hra0NhYVFXW63e3/MzyQSrhuFX5cSuroVbrMNwEkem//NlS4B/9DdCTsAamxsjJDKysrQM7AA0IpZEDFS/qsi7VFusGYASpIyACVJGYCSpAxASVIGoCQpA/gPZXvZvzcw3hQAAAAASUVORK5CYII=');
}

.ColonelCashExit:active {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGkAAAAlCAYAAABBGMctAAAACXBIWXMAAAsTAAALEwEAmpwYAAAGSWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgOS4xLWMwMDIgNzkuYTZhNjM5NjhhLCAyMDI0LzAzLzA2LTExOjUyOjA1ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczpwaG90b3Nob3A9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGhvdG9zaG9wLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpGMkNEMjZFMzRFMjM2ODExODIyQTk0MEY2N0RCREY2OCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpFRUE0QkZCRThCMEQxMUU1OUYwNUQzQjlDNjE5QTFBNiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpjZmNmNTY0NC02ZDMzLTQ5ZTEtYTY5OS03YWIwM2M3Y2YxNTkiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wOkNyZWF0ZURhdGU9IjIwMTgtMDMtMTJUMTI6MDQ6NDAtMDY6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDI0LTA2LTE5VDE2OjMxOjE4LTA2OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDI0LTA2LTE5VDE2OjMxOjE4LTA2OjAwIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjYzOTM0Mjk0MkEyMDY4MTE4MjJBQTgwMzQyRDY3NDRGIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkYyQ0QyNkUzNEUyMzY4MTE4MjJBOTQwRjY3REJERjY4Ii8+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOmNmY2Y1NjQ0LTZkMzMtNDllMS1hNjk5LTdhYjAzYzdjZjE1OSIgc3RFdnQ6d2hlbj0iMjAyNC0wNi0xOVQxNjozMToxOC0wNjowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDI1LjkgKE1hY2ludG9zaCkiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDxwaG90b3Nob3A6VGV4dExheWVycz4gPHJkZjpCYWc+IDxyZGY6bGkgcGhvdG9zaG9wOkxheWVyTmFtZT0iTUVOVSIgcGhvdG9zaG9wOkxheWVyVGV4dD0iTUVOVSIvPiA8L3JkZjpCYWc+IDwvcGhvdG9zaG9wOlRleHRMYXllcnM+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+TwcPHQAAAwNJREFUaIHtm91xozAUhY/3pgG/8UwL3hKcErwl2CXYJaxLMC2khE0J6xLWz3qjAg15iGBYkMSVhMNVhm8mM4QfIXR0rn69aZoGK7L5sXQGVqZ5aQ+0oj8A9hP3v1Ghf9kuaEVnAL+nXkiF3gye47yXyysV+r2X9g3AkXPvEK3oCOA2w3suVOir5z3/AJSOyycqdBXqpJ3n2jYwraU5L50BLqEilVqRSwyfgBLZa0VzOfipxLRJLmvmJhIAHJbOAIcYkUa1TysqkV+4A4CjybtoYkSyiZGji1rEt00xItkEEV8bPYh30yrSJ6Ld9DJ9C2r8H+K2WlFJhX70ztmEeyBdvBMVukpMg8NBK7pQoesveFcwHCc9LOeGogz/rx3PSWUL92B0cTgi2UblnUO0IpeLcuPsGQMuCkckWwgoHcctzukWwYh1E0eku+Vc3z02keaK7TetqGH+zdH4i3QTt00aFvrOcdxiEzYHthA4C8Htgo/amF5b9J1EAgR2x7kiWTsPJjQMw10ttSs7wNW5Kc0yhRi4ItkKfYe8Ow3ONR4IcxNXJFv4KuEexObAO9wVqoSgtilFJJeTchEJ8LtJzFoTSyTTxgwLv4T9Q7LpNJglcPH55czdtdwxds6zw91XzN1VcO9lEEHILDin8O+Z9Ow6TCV4ZohOGRw/gPlFyqk96uNrmzj4vtu5EuAYwvSpgTCROLFbfHy3MYObfNFj75lqmuqchDmJCs0RIFcnAZ9tUyy+stnCPe7yjce6SYHQldkpoeYWKWSCtTGbFGOpED8xPPXd537etKKd2RTq2xvSjeFCRfJlpma6TSSm1ka1TebZqW8/tpUJwF9Mh7ouvTmdlHOoa0lx09ucGUEv/M7ppGxd1JLiJqQJPEqrP5RZnTQmqgORKHCfUTpBIpkdQq7akr2TgK6wY4W6Ir0croOdWFH77lyO+RYiGVIc8Yr4qFLZfiYTI5Jtej+XhT4WpianhL2fCO9IXKjQJ9uFzfpzzOdhti8f4B7Qtmtala+SryJlwAeePzRLlWbBKQAAAABJRU5ErkJggg==');
}

/* Entries */
.ColonelCashEntriesIncrease {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHkAAAAhCAYAAAD9JwTTAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpGMkNEMjZFMzRFMjM2ODExODIyQTk0MEY2N0RCREY2OCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozMUNGNTY4QzhCMEUxMUU1OUYwNUQzQjlDNjE5QTFBNiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDowRjkwNkZCNjhCMEUxMUU1OUYwNUQzQjlDNjE5QTFBNiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NjM5MzQyOTQyQTIwNjgxMTgyMkFBODAzNDJENjc0NEYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RjJDRDI2RTM0RTIzNjgxMTgyMkE5NDBGNjdEQkRGNjgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5l8gSSAAAEzklEQVR42uxb/XXiMAwPff2/2aC5CXAnIJ3g0gmuTFCYIDAB1wloJyidgGQCwgRNJmiYgCPvya+uz7JkJ+kdfdF7fkDiD8mSpZ+UMDoej8FA35suhi0YlDzQoOSBzoEuz5DnCFpDJTTsftYTDyF81qcmgIcQ1m2uFYzx8amN4XcFc/TC7wgBXvendm24/soQIADBt/C9UDbkURMkhL5yzBV8z6F/oK0XK/NyqFlrqhiCup40kJiYw2RIK9ijUOkTQmu+/7Dsy8OpJcpYlWrgWd0nofTNNCO2yf1BjZK1Jo44rQ39TS1GxqdKn/sjj95OLSLmtdF7y/GpQb4dMSY0jAlBFi4JGLf14PnT2hcWVxQgliatK1XajGFdgXJqmr5rB/ectnStqxbjc8N8wmOehLlHkn568pu1jcm1wsBCu/eguKmC4c5d43AbSjoMcRzem71YateuPeP+f4WuI2Uza8LKxo5zx8G/I/1kTDz5xZS2gdaVklknuWRMtEeuTxCGueMpDyKBiTBsQsP3E2xwbAFRC4MXkpuTaSe2/gIPcAf8JojMzxbDWRjCSP5XLwQ4USBkZgFJgQUwpAQAWp1aYgAobxp/prm3xNyUfCkTVKYM4LN1GBcAMDTtBWcs2VxjsjyBVxaXLSwxuSLmnysxLbLE5KwHF37oMHRIT1MzcEWseBjZL2R4EbaX8QVeewJ0TJF7v8ClfhnocKCrjoslsRa6MCW/nNqtAah1tkeXluBtstiCYUWJciIxI4kILPAIaDSEAgxHwNoCjArmiTooyl4ykX6hVLts+OTRAsh2cJK5a0pKFZ5ztGKG+PEtEQNmREyaETFZMOOYC387iGNHIr5FPgUFC98rKBJx5Fkx9s207tqzaIMWQ7CTWjjEgweiT9GDuxVQlDHRs2P24FKg2DtkC3OLl5Pl0h2SOXSeJ4eEy6AWjZCUIbfM31ccnhqMqssHARlitJg8v0/txmLowlDhy/tQckYwXTPy66jHChaXNsy8XfKfGfJlCllHHpWxAhS9QO5zy8Qqv1UX6HpDWOmThWmTkKUmiCndKFsqWdaLbxh9H+GUuRY0tkS6lVl+L0E5a2Stksh0brsua1IINXeMtTYBGqHfGlwIjfN48Qk5gabqWOSBEyKPkBIZDELKtCb4bsuvl5JVworty+BrqESu3VlOtFchoSVNLN6vJMJA3RW/vm+GVBaX3ljmPcMb1A5xumQouQo+3soQhFHWyImXLy7slZBiWzMz1I4xmQQhX+RY3QrBeMeQKxeYR/BVck2gWYEIVWsKT7QNWUGf2COFKJVP4QH09GfOenFCGNbTY+K7dmKFxb0mUOiJPIGogGqZSqMu3fWYcE1zz7LcDAFvlQNvr4yY5gPoIkZM3BhkDJGDISAnfmEcpF7y5C5yR4r2Hc9XOAASzqZVhGEXzHmFh7JKbf6yjUyXDoseNAVlRMK+0dxxbUDDE0v8lmPmFgGK4POz5oBZmDgY5KPifswoUOSEB5gyM4U5shehxfBRJY8sf5MRirvZeJxmGZczwhITxP1XsK4PsjQJNeog5x6DIgXwZpIrDT7eNi2Q3Fm+sakCRQn0lh3UB9hKPmdS3+qIgv7evz4LGg1/ePv+NPxNZlDyQIOSBzoL+iPAAKZiQ/g3VXf+AAAAAElFTkSuQmCC');
  color: #fff;
  font-family: 'Impact';
  -webkit-text-fill-color: white;
  -webkit-text-stroke: 1px #e3e3e3;
  text-shadow: 2px 2px 9px black;
  font-size: 2em;
  padding: 0% 0% 2.5% 0%;
}

.ColonelCashEntriesIncrease:active {
  background-image: url('./entriesincrease_pressed-n1vgSPBp.png');
}

.ColonelCashEntriesDecrease {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAAAhCAYAAAARfqOAAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpGMkNEMjZFMzRFMjM2ODExODIyQTk0MEY2N0RCREY2OCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1NDJBN0MxNzhCMEUxMUU1OUYwNUQzQjlDNjE5QTFBNiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1NDJBN0MxNjhCMEUxMUU1OUYwNUQzQjlDNjE5QTFBNiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NjM5MzQyOTQyQTIwNjgxMTgyMkFBODAzNDJENjc0NEYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RjJDRDI2RTM0RTIzNjgxMTgyMkE5NDBGNjdEQkRGNjgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz61rj7TAAAEf0lEQVR42uxb7VHjMBB1GP6jq+DcwZkKYjoIFVzoIFQQqCB0EKggUIFNBTEVYCqwUkHOnlkPOt2utCvLB3d4ZzR44kh6Wr39ksLseDwmk3xdOZlUMBFgkokAk3xVOZ1U8OlEtS2D5xraX/UAeduOjLZv26pt6cgKyQBT7vnOq4Gtey6sZr5fj4R1ZczXtG0Heur15dr0pdHPxryDsVV0xF0VYLX8KJOmbWtrjMJ43z2/Msbp+2Zt23vm69q2bSoQ8xHmUMa85vgF/HVJgeiu8PRRSB9OPxNbCn3W1lr2jP65PXdCAAqRZcCCzAUkoKBG0G89gABHi7hS2QToDdP1QjjvCiEAV/4gYMwkcIhb1YYrl7i5fCDmmwiYJViWyGc/hPOeRcRM5gAhkg6IURX8nQfkBx8lLwFYfgrGpxLAbKCOR60COnAlTJYSCWKJZLy9Mt8CMmYO6114TFyYB9KW8nqi15EskzK4c8BTEBv5Bs8ZsdnamqPiJoEKYuqWiNXUOzvJWAvioC8B3UPMbYjcwZV7FJ5Yy+3va5yYjI21ceBKkc+3DH3lTMxoCNBgDbXj3VWsGMSUzhquERZnHDc3cG4dMRxJSube05TGfujYej4VxDjMZebCBQ6tY9VIBIuBWTE3NbfCIEWcrva/gDYWZicBQpT5nQEih7EVkuikHhyl0fdRaA0pkWj5FKcszBWhG4WMrZDP5xYBSiIPyODw6NqxVuXwRj1e7fSMwphWeOKleRawE9bhVEzjxmBXDF8Q5wtbq38TcpjiiNW7CAdIDRyOYetdBeYdo5wD2BZVBfQvR3DhObhTzFqeBDmESxZECOWOd+mx8s4TbLil3dC7gFjx+iX53HKPKD1UoWcEmZ8FYeoS3L123DOsPjsB6oE5RD4wc+bKI1HJhCaRVC1eCQ/a7qDiKR2nrSpm0jtmCKCYPjPaLWI1WjhmqMveCshiYi6ZBOhu8ZqAkrGGzP+eMEpOuXlu4L0IJUAdYK0+D8LZTJdb62K5edW7YeYVmKUsEYwhmFWAl0oRsvRr6u9UrghdpAwvXcfwANJjWc1Q5lCXpYxaOkesQRMEOGdaYgjmkBA1JwyKc65SMwigYxCgDoh5nP6K2LyQXEQzvMchoS9W5kzMPenSSJl4JvCkoSE354wtvQxKIXYuGCUVBcqOizPPCWMG8+lEdvRrf6dGNpCT6N4kv18bl1ZcTRFSfrPmaByWXRPkGFKF2b/1v6ASy5MAAmCxUyNJS6i7V0TsL5B3B8G4TwxPdgjAm3pIqZFy00WABRCmSfi3nR9eBVwz3THHhUlyj1Iwh8RbSDDPGZh85aBmeiaNjB+q5ygEqCFbvY98QFNF/F4tIEuMMwDsAOzF0++WOdddbPAzz7+GrZP3i4UaFtIz/oGxAfYPLLiboIy5sQ19IMZKoVEXNthiZx7L9K1xnbzf8GWwmRWynh185wDvS2SclaMUvSUMLbVCSiUJCz4C/G+yMpTT3Vw+j+gZQiU3iJclEY57JwJMMnoSOMlEgEkmAkzyz8kvAQYAfqBb4nGqBkoAAAAASUVORK5CYII=');
  color: #fff;
  font-family: 'Impact';
  -webkit-text-fill-color: white;
  -webkit-text-stroke: 1px #e3e3e3;
  text-shadow: 2px 2px 9px black;
  font-size: 2em;
  padding: 0% 0% 2.5% 0%;
}

.ColonelCashEntriesDecrease:active {
  background-image: url('./entriesdecrease_pressed-BCg864lk.png');
}


/* Play */
.ColonelCashPlay {
  background-image: url('./play-DxbUyYC7.png');
  height:193%;
  right:4%;
  top:-61%;
  width: 23%;
}

.ColonelCashPlay:active {
  background-image: url('./play_pressed-fLfQEbJg.png');
  height:193%;
  right:4%;
  top:-61%;
  width: 23%;
}

.ColonelCashPlay:disabled {
  background-image: url('./play_disable-snShPsQs.png');
  height:193%;
  right:4%;
  top:-61%;
  width: 23%;
}

/* Stop */
.ColonelCashStop {
  background-image: url('./play-DxbUyYC7.png');
  height:193%;
  right:4%;
  top:-61%;
  width: 23%;
}

.ColonelCashStop:active {
  background-image: url('./play_pressed-fLfQEbJg.png');
  height:193%;
  right:4%;
  top:-61%;
  width: 23%;
}

.ColonelCashStop:disabled {
  background-image: url('./play_disable-snShPsQs.png');
  height:193%;
  right:4%;
  top:-61%;
  width: 23%;
}

/* Arrows */
.ColonelCashLeftArrow {
  background-image: url('./leftarrow-CW84rYoj.png');
}

.ColonelCashWinLine {
  background-image: url('./winLine-OcdAWZRF.png');
  top:62%;
  left:6.5%;
}

.ColonelCashRightArrow {
  background-image: url('./rightarrow-Fh34_FQ0.png');
}

.ColonelCashWinFrame {
  background-image: url('./winFrame-CE_lzw3I.png');
}

/* Pop-up */
.ColonelCashPopUp {
  background-image: url('./popUp-BjMTNTfA.png');
}
.ColonelCashPopUpFree {
  background-image: url('./popUp_FreeGames-l6XN1Idk.png');
}

.ColonelCashPopUpBonus {
  background-image: url('./popUp_Bonus-BTiJALMW.png');
}


.ColonelCashPopUpText {
  text-align: center;
  font-family: 'Impact';
  font-size: 6em;
  color: green;
  top:240px;
  white-space: pre-line;
  text-shadow:2px 2px 4px white,
}


.ColonelCashLogo {
  background-image: url('./Logo-BvOOEr5c.png');

  left: 1%;
  height: 9%;
    width: 73%;
    left: 11%;
    top: 1%;
}

.ColonelCashPicksRemainingText
{
  position:absolute;
  height:6%;
  width:17%;
  top:41.4%;
  left:361%;
  font-family: 'Impact';
  color: #fff;
  font-weight: bolder;
  font-size: 1.5em;
  padding: 8% 0% 0% 10%;
  text-align: center;text-shadow:2px 2px 0 black, 
  2px 2px 0 black, 
  2px 2px 0 black, 
  -2px -2px 0 black,
  -2px -2px 0 black,
  0px 0px 0 black,
  0px 0px 0 black,
  0px 0 0 black;
}
.ColonelCashTotalBonusWinText {
  position:absolute;
  height:6%;
  width:17%;
  top:27%;
  left:26%;
  font-family: 'Impact';
  color: #fff;
  font-weight: bolder;
  font-size: 6.5em;
  padding: 8% 0% 0% 10%;
  text-align: center;text-shadow:2px 2px 0 black, 
  2px 2px 0 black, 
  2px 2px 0 black, 
  -2px -2px 0 black,
  -2px -2px 0 black,
  0px 0px 0 black,
  0px 0px 0 black,
  0px 0 0 black;
}

/* Bonus Picks */
.ColonelCashBonusPick {
  position: absolute;
  width: 10%; /* Adjust width as needed */
  height: 5%; /* Adjust height as needed */
}

/* Positioning Bonus Picks in a 4x3 Grid */
.ColonelCashBonusPick1Idle, .ColonelCashBonusPick1Picked { top: 43%; left: 38%; }
.ColonelCashBonusPick2Idle, .ColonelCashBonusPick2Picked { top: 43%; left: 52.5%; }

.ColonelCashBonusPick3Idle, .ColonelCashBonusPick3Picked { top: 50%; left: 25%; }
.ColonelCashBonusPick4Idle, .ColonelCashBonusPick4Picked { top: 50%; left: 39%; }
.ColonelCashBonusPick5Idle, .ColonelCashBonusPick5Picked { top: 50%; left: 52%; }
.ColonelCashBonusPick6Idle, .ColonelCashBonusPick6Picked { top: 52%; left: 65.5%; }

.ColonelCashBonusPick7Idle, .ColonelCashBonusPick7Picked { top: 56.5%; left: 25%; }
.ColonelCashBonusPick8Idle, .ColonelCashBonusPick8Picked { top: 56.5%; left: 39%; }
.ColonelCashBonusPick9Idle, .ColonelCashBonusPick9Picked { top: 56.5%; left: 52%; }
.ColonelCashBonusPick10Idle, .ColonelCashBonusPick10Picked { top: 58.5%; left: 65.5%; }
.ColonelCashBonusPick11Idle, .ColonelCashBonusPick11Picked { top: 63.5%; left: 27%; }
.ColonelCashBonusPick12Idle, .ColonelCashBonusPick12Picked { top: 63%; left: 44.5%; }

.ColonelCashBonusPick1PickedText {
  position: absolute;
  font-size: 2em; /* Adjust as needed */
  -webkit-text-fill-color: white;
  -webkit-text-stroke: 1px black;
  font-family: 'Impact';top: 44%; left: 40%;text-shadow:2px 2px 0 black, 
  2px 2px 0 black, 
  2px 2px 0 black, 
  -2px -2px 0 black,
  -2px -2px 0 black,
  0px 0px 0 black,
  0px 0px 0 black,
  0px 0 0 black;
}

.ColonelCashBonusPick2PickedText {
  position: absolute;
  font-size: 2em; /* Adjust as needed */
  -webkit-text-fill-color: white;
  -webkit-text-stroke: 1px black;
  font-family: 'Impact';top: 44%; left: 54.5%;text-shadow:2px 2px 0 black, 
  2px 2px 0 black, 
  2px 2px 0 black, 
  -2px -2px 0 black,
  -2px -2px 0 black,
  0px 0px 0 black,
  0px 0px 0 black,
  0px 0 0 black;
}

.ColonelCashBonusPick3PickedText {
  position: absolute;
  font-size: 2em; /* Adjust as needed */
  -webkit-text-fill-color: white;
  -webkit-text-stroke: 1px black;
  font-family: 'Impact'; top: 51%; left: 27%;text-shadow:2px 2px 0 black, 
  2px 2px 0 black, 
  2px 2px 0 black, 
  -2px -2px 0 black,
  -2px -2px 0 black,
  0px 0px 0 black,
  0px 0px 0 black,
  0px 0 0 black;
}

.ColonelCashBonusPick4PickedText {
  position: absolute;
  font-size: 2em; /* Adjust as needed */
  -webkit-text-fill-color: white;
  -webkit-text-stroke: 1px black;
  font-family: 'Impact';top: 51%; left: 41%;text-shadow:2px 2px 0 black, 
  2px 2px 0 black, 
  2px 2px 0 black, 
  -2px -2px 0 black,
  -2px -2px 0 black,
  0px 0px 0 black,
  0px 0px 0 black,
  0px 0 0 black;
}

.ColonelCashBonusPick5PickedText {
  position: absolute;
  font-size: 2em; /* Adjust as needed */
  -webkit-text-fill-color: white;
  -webkit-text-stroke: 1px black;
  font-family: 'Impact';top: 51%; left: 54%;text-shadow:2px 2px 0 black, 
  2px 2px 0 black, 
  2px 2px 0 black, 
  -2px -2px 0 black,
  -2px -2px 0 black,
  0px 0px 0 black,
  0px 0px 0 black,
  0px 0 0 black;
}

.ColonelCashBonusPick6PickedText {
  position: absolute;
  font-size: 2em; /* Adjust as needed */
  -webkit-text-fill-color: white;
  -webkit-text-stroke: 1px black;
  font-family: 'Impact';top: 53%; left: 67.5%;text-shadow:2px 2px 0 black, 
  2px 2px 0 black, 
  2px 2px 0 black, 
  -2px -2px 0 black,
  -2px -2px 0 black,
  0px 0px 0 black,
  0px 0px 0 black,
  0px 0 0 black;
}

.ColonelCashBonusPick7PickedText {
  position: absolute;
  font-size: 2em; /* Adjust as needed */
  -webkit-text-fill-color: white;
  -webkit-text-stroke: 1px black;
  font-family: 'Impact';top: 57.5%; left: 27%;text-shadow:2px 2px 0 black, 
  2px 2px 0 black, 
  2px 2px 0 black, 
  -2px -2px 0 black,
  -2px -2px 0 black,
  0px 0px 0 black,
  0px 0px 0 black,
  0px 0 0 black;
}

.ColonelCashBonusPick8PickedText {
  position: absolute;
  font-size: 2em; /* Adjust as needed */
  -webkit-text-fill-color: white;
  -webkit-text-stroke: 1px black;
  font-family: 'Impact';top: 57.5%; left: 41%;text-shadow:2px 2px 0 black, 
  2px 2px 0 black, 
  2px 2px 0 black, 
  -2px -2px 0 black,
  -2px -2px 0 black,
  0px 0px 0 black,
  0px 0px 0 black,
  0px 0 0 black;
}

.ColonelCashBonusPick9PickedText {
  position: absolute;
  font-size: 2em; /* Adjust as needed */
  -webkit-text-fill-color: white;
  -webkit-text-stroke: 1px black;
  font-family: 'Impact';top: 57.5%; left: 54%;text-shadow:2px 2px 0 black, 
  2px 2px 0 black, 
  2px 2px 0 black, 
  -2px -2px 0 black,
  -2px -2px 0 black,
  0px 0px 0 black,
  0px 0px 0 black,
  0px 0 0 black;
}

.ColonelCashBonusPick10PickedText {
  position: absolute;
  font-size: 2em; /* Adjust as needed */
  -webkit-text-fill-color: white;
  -webkit-text-stroke: 1px black;
  font-family: 'Impact';top: 59.5%; left: 67.5%;text-shadow:2px 2px 0 black, 
  2px 2px 0 black, 
  2px 2px 0 black, 
  -2px -2px 0 black,
  -2px -2px 0 black,
  0px 0px 0 black,
  0px 0px 0 black,
  0px 0 0 black;
}

.ColonelCashBonusPick11PickedText {
  position: absolute;
  font-size: 2em; /* Adjust as needed */
  -webkit-text-fill-color: white;
  -webkit-text-stroke: 1px black;
  font-family: 'Impact';top: 64.5%; left: 29%;text-shadow:2px 2px 0 black, 
  2px 2px 0 black, 
  2px 2px 0 black, 
  -2px -2px 0 black,
  -2px -2px 0 black,
  0px 0px 0 black,
  0px 0px 0 black,
  0px 0 0 black;
}

.ColonelCashBonusPick12PickedText {
  position: absolute;
  font-size: 2em; /* Adjust as needed */
  -webkit-text-fill-color: white;
  -webkit-text-stroke: 1px black;
  font-family: 'Impact';top: 64%; left: 46.5%;text-shadow:2px 2px 0 black, 
  2px 2px 0 black, 
  2px 2px 0 black, 
  -2px -2px 0 black,
  -2px -2px 0 black,
  0px 0px 0 black,
  0px 0px 0 black,
  0px 0 0 black;
}


.reelSymbolColonelCash {
  /*height: 16em; */
  position: absolute;
/*    left: -4.0em;  */

  margin-top:9.5%;
  height:40%;
  left:-15.5%;
}


.ColonelCashWinFrame1 {
  background-image: url('./winFrame-CTl8gzMI.png');
  left:0%;
  height:24%;
  width:46%;
  top:68.5%;
  position:absolute;
}
.ColonelCashWinFrame2 {
  background-image: url('./winFrame-CTl8gzMI.png');
  left:0%;
  height:24%;
  width:46%;
  top:55%;
  position:absolute;
}
.ColonelCashWinFrame3 {
  background-image: url('./winFrame-CTl8gzMI.png');
  left:0%;
  height:24%;
  width:46%;
  top:41.5%;
  position:absolute;
}
.ColonelCashWinFrame6 {
  background-image: url('./winFrame-CTl8gzMI.png');
  left:27.5%;
  height:24%;
  width:46%;
  top:68.5%;
  position:absolute;
}

.ColonelCashWinFrame7 {
  background-image: url('./winFrame-CTl8gzMI.png');
  left:27.5%;
  height:24%;
  width:46%;
  top:55%;
  position:absolute;
}
.ColonelCashWinFrame8 {
  background-image: url('./winFrame-CTl8gzMI.png');
  left:27.5%;
  height:24%;
  width:46%;
  top:41.5%;
  position:absolute;
}

.ColonelCashWinFrame11 {
  background-image: url('./winFrame-CTl8gzMI.png');
  left:55.5%;
  height:24%;
  width:46%;
  top:68.5%;
  position:absolute;
}
.ColonelCashWinFrame12 {
  background-image: url('./winFrame-CTl8gzMI.png');
  left:55.5%;
  height:24%;
  width:46%;
  top:55%;
  position:absolute;
}
.ColonelCashWinFrame13 {
  background-image: url('./winFrame-CTl8gzMI.png');
  left:55.5%;
  height:24%;
  width:46%;
  top:41.5%;
  position:absolute;
}
.ColonelCashLeftArrow1{    background-image: url('./leftarrow-CW84rYoj.png');

  background-size: 100% 100%;
  position: absolute;
  transform: rotate(45deg);
  height: 4%;
  width: 6%;
  left: 3%;
  top: 43.5%;
  background-color: transparent;
  border-style: none;
}
.ColonelCashLeftArrow2{     background-image: url('./leftarrow-CW84rYoj.png');

    background-size: 100% 100%;
    position: absolute;
    height: 4%;
    width: 6%;
    left: 2%;
    top: 51%;
    background-color: transparent;
    border-style: none;
}
.ColonelCashLeftArrow3{    background-image: url('./leftarrow-CW84rYoj.png');

    background-size: 100% 100%;
    position: absolute;
    height: 4%;
    width: 6%;
    left: 2%;
    top: 64%;
    background-color: transparent;
    border-style: none;
}
.ColonelCashLeftArrow4{  background-image: url('./leftarrow-CW84rYoj.png');

    background-size: 100% 100%;
    position: absolute;
    height: 4%;
    width: 6%;
    left: 2%;
    top: 78%;
    background-color: transparent;
    border-style: none;
}
.ColonelCashLeftArrow5{   background-image: url('./leftarrow-CW84rYoj.png');

    background-size: 100% 100%;
    position: absolute;
    transform: rotate(-45deg);
    height: 4%;
    width: 6%;
    left: 3%;
    top: 87%;
    background-color: transparent;
    border-style: none;
}




/* Pay Table */
.ColonelCashPayTablePay::before {
  -webkit-text-stroke: 2px black;
}

.ColonelCashPayTablePay {
  width: 100%; /* Let the text fill the available space */
  font-size: 1.6em;
  color: #fff;
  -webkit-text-fill-color: white;
  text-shadow: 2px 2px 0 black, 
               2px 2px 0 black, 
               2px 2px 0 black, 
              -2px -2px 0 black,
              -2px -2px 0 black,
               0px 0px 0 black,
               0px 0px 0 black,
               0px 0 0 black;
  font-family: 'Impact';
  text-align: center; /* Center the text within each grid item */
  padding-left: 0; /* Remove extra padding to better center content */
}

.ColonelCashPayTableItem {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #fff;
  -webkit-text-fill-color: white;
  font-family: 'Impact';
  width:249%;
  -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; 
      user-select: none;
}

.ColonelCashTopPayTable {
  position: absolute;
  height: 7.5%;
  width: 95%;
  top: 36%;
  left: 30px; /* Align to the left edge of the container */
  display: grid;
  grid-template-columns: repeat(12, 1fr); /* Create 12 equal columns */
  gap: 6%; /* Add a small gap between items */
  justify-content: center;
  align-content: center;
  padding: 0 0%; /* Add padding to both sides */
  -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; 
      user-select: none;
}
/* Ensure #app element has its own CSS */
#app {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}

/* Setting root font size for scaling */
html {
  font-size: calc((100vw / 1080) * 100%);
}

body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: black;
}

/* General styles */
.Diamond8sJackpots {
  background-image: url('./jackpots-CLbq9vLD.png');
  height: 23%;
  width: 115%;
  left: -7%;
  top: 9%;
}


.Diamond8sMegaText
{
  font-family: 'Impact';
  font-size: 4.5em;
  color:black;
  padding: 1% 0% 0% 0%;
  WIDTH:100%;
  left:0%;

  height: 4%;
  top: 10.5%;
}
.Diamond8sMajorText{
  font-family: 'Impact';
  font-size: 3.5em;
  color:black;
  padding: 3.1% 0% 0% 0%;
  WIDTH:100%;
  left:0%;

  
  height: 4%;
  top: 17.5%;
}
.Diamond8sMinorText {
  font-family: 'Impact';
  font-size: 2.5em;
  color:black;
  padding: 2.5% 0% 0% 0%;
  WIDTH:100%;
  left:0%;

  
  height: 4%;
  top: 25%;
}

/* Pay Table */
.Diamond8sPayTablePay::before{

  -webkit-text-stroke: 2px black;
}
.Diamond8sPayTablePay {
  width: 6%;
  font-size: 1.6em;
  color: #fff;
  -webkit-text-fill-color: white;
  text-shadow:2px 2px 0 black, 
    2px 2px 0 black, 
    2px 2px 0 black, 
    -2px -2px 0 black,
    -2px -2px 0 black,
    0px 0px 0 black,
    0px 0px 0 black,
    0px 0 0 black;
  font-family: 'Impact';
  padding-left:2%;
}

.Diamond8sReelBg {
  background-image: url('./reelBg-Dy19bfz3.png');
  height: 48%;
  width: 92%;
  left: 5%;
  top: 43%;
}

/* Free Game Panel */
.Diamond8sFreeGamePanel {  
  top:90%;
  width:26%;
  height:3%;
  left:74%;
}

.Diamond8sFreeGamePanelText {
  color: white;
  font-family: 'Impact';
  font-size: 3em;
  top:90%;
  left:63%;
}

/* Button UI */
.Diamond8sButtonUIBg {
  background-size: 100% 100%;
  position: absolute;
  height: 18%;
  width: 100%;
  left: 0%;
  bottom: 0%;
  background-image: url('./buttonUIBg-uZh3qGYv.png');
}

/* Credits */
.Diamond8sCredits {
  background-image: url('./credits-1-x5O0Fe.png');
  height: 170%;
  width: 25%;
  left: 4%;
  top: -19%;
}

.Diamond8sCreditsText {
  color: white;
  font-family: 'Impact';
  font-size: 3em;
  padding: 5% 0% 0% 0%;

   height: 80%;
    width: 100%;
    top:26%;
}

.Diamond8sReel1{
  left:6.5%;    -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; 
      user-select: none;
}
.Diamond8sReel2{
  left:35%;    -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; 
      user-select: none;
}
.Diamond8sReel3{
  left: 63.3%;    -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; 
      user-select: none;
}
.Diamond8sreel1{
  left:11.5%;    -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; 
      user-select: none;
}
.Diamond8sreel2{
  left:41%;    -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; 
      user-select: none;
}
.Diamond8sreel3{
  left: 69.3%;    -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; 
      user-select: none;
}
/* Game Win */
.Diamond8sGameWin {
  background-image: url('./gameWin-GqRGRpgJ.png');
  
  height: 170%;
  width: 43%;
  left: 29%;
  top: -21%;
}

.Diamond8sGameWinText {
  color: white;
  font-family: 'Impact';
  font-size: 3em;
  padding: 5% 0% 0% 0%;

  
  height: 80%;
  width: 100%;
  top:28%;
}

/* Info */
.Diamond8sInfo {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAF0AAAAoCAYAAACcnvaxAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFxWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgOS4xLWMwMDIgNzkuYTZhNjM5NjhhLCAyMDI0LzAzLzA2LTExOjUyOjA1ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczpwaG90b3Nob3A9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGhvdG9zaG9wLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpGMkNEMjZFMzRFMjM2ODExODIyQTk0MEY2N0RCREY2OCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDNkYwNjg2NThCMEQxMUU1OUYwNUQzQjlDNjE5QTFBNiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpjYzQ2YTFkNy1iODMyLTQ4NTktYjViMC0wNGMzZWVhMWVhM2QiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wOkNyZWF0ZURhdGU9IjIwMTgtMDMtMTJUMTI6MDQ6NDAtMDY6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDI0LTA2LTE3VDE3OjM3OjA2LTA2OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDI0LTA2LTE3VDE3OjM3OjA2LTA2OjAwIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjYzOTM0Mjk0MkEyMDY4MTE4MjJBQTgwMzQyRDY3NDRGIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkYyQ0QyNkUzNEUyMzY4MTE4MjJBOTQwRjY3REJERjY4Ii8+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOmNjNDZhMWQ3LWI4MzItNDg1OS1iNWIwLTA0YzNlZWExZWEzZCIgc3RFdnQ6d2hlbj0iMjAyNC0wNi0xN1QxNzozNzowNi0wNjowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDI1LjkgKE1hY2ludG9zaCkiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+GXSVRQAAAoZJREFUaIHtmk9u2lAQxr8x7T4+QtMo6wofAZ8gm6TrIDfeJ4rCAZJF95hY5ASpukZA1XXVpuoagdlHqjgAiqcLDALivwH87GZ+0siLNx7N+xiN36BHzAwhXzTVCbxGRHQFiOgKENEVIKIrQERXATMjODY2AXCE3QL4MPddNgDnAEYx7zbX/I8A9GL8s9hKXi/dQ5wlxIyzXwAuAejPYgaBTbNG7E8rodZyNAZwG5HUaDgIf8+fVnj2u67497odLdI/iy3ntckeYgSPjRlnP39ofHlBrOvPC0/ay44wqoSbaw1/Hyswa2QTUXO+JqLnQLejwaiSTUSngIieGy2HAMAGRPTcMKoEo0oGERmFE/3g8Ana23R2ZvsuAEdVrm6bV/I5/ujDG0f7m7XZ401O+WXlPTN7qpNIicvMnwCAiM71Pf9zywmv5T2dALBeuEoPGBERJ1iPiI5UJ7rG1/636L/KdX32yCK6FbZ5APub5bnKcFCBP022bkczEXyYCsSpWaPIxbHHAOClEt2qU6wA+++2lHI5WRSjVafGzXW0pEG/94ra00uBVSdY9Upq/6D19Iva0/873DZjMoHLzBMRPQe8MXDV8IHgeFu49nJw+BR71l2iD4Vn9LQ8/GYcn/iYTHDBzH+AlKK7bcaZ7UeuDwdb/5iW6ZweylVjNijdf+EHAA4z383XslT6YghYhohG2PKxsSwkFKMD4Dsz368vFK69lJDQYoyjqB/SNBPp3JrJ4RaEDngbxsxM4URPO5HODSmn0qQBb9msOtlEZO1qj4UT/TUgoitARFeAiK6Ckt97WYmfsIddxHzRXRqS++n5I+1FASK6AkR0BYjoChDRFSCiK0BEV8A/ZdMMLK67c08AAAAASUVORK5CYII=');
}

.Diamond8sInfo:active {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAF0AAAAoCAYAAACcnvaxAAAACXBIWXMAAAsTAAALEwEAmpwYAAAHGGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgOS4xLWMwMDIgNzkuYTZhNjM5NjhhLCAyMDI0LzAzLzA2LTExOjUyOjA1ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczpwaG90b3Nob3A9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGhvdG9zaG9wLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpGMkNEMjZFMzRFMjM2ODExODIyQTk0MEY2N0RCREY2OCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDNkYwNjg2OThCMEQxMUU1OUYwNUQzQjlDNjE5QTFBNiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo5YTFhZGEzOS02ZDEwLTQwZjEtODhhNC05ODFjYThkMWVmNzQiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wOkNyZWF0ZURhdGU9IjIwMTgtMDMtMTJUMTI6MDQ6NDAtMDY6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDI0LTA2LTE5VDE2OjM5OjA3LTA2OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDI0LTA2LTE5VDE2OjM5OjA3LTA2OjAwIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjYzOTM0Mjk0MkEyMDY4MTE4MjJBQTgwMzQyRDY3NDRGIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkYyQ0QyNkUzNEUyMzY4MTE4MjJBOTQwRjY3REJERjY4Ii8+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjY2OTA3MWQ2LTZjMGYtNGM5NS1hNDA3LTEwYmU1NWYyM2VhMSIgc3RFdnQ6d2hlbj0iMjAyNC0wNi0xN1QxNzozOToxMi0wNjowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDI1LjkgKE1hY2ludG9zaCkiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjlhMWFkYTM5LTZkMTAtNDBmMS04OGE0LTk4MWNhOGQxZWY3NCIgc3RFdnQ6d2hlbj0iMjAyNC0wNi0xOVQxNjozOTowNy0wNjowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDI1LjkgKE1hY2ludG9zaCkiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDxwaG90b3Nob3A6VGV4dExheWVycz4gPHJkZjpCYWc+IDxyZGY6bGkgcGhvdG9zaG9wOkxheWVyTmFtZT0iSEVMUCIgcGhvdG9zaG9wOkxheWVyVGV4dD0iSEVMUCIvPiA8L3JkZjpCYWc+IDwvcGhvdG9zaG9wOlRleHRMYXllcnM+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+6J2uGAAAAxtJREFUaIHtm01IVFEUx3+3GaYsRQ1qm/mxsOzDshKcWYQErlvUJlsUFkGLFq2T9i1ctClpkwXVojZCGBLESB8oKBRCH4a0SaxIHR1Lxk6L5g3TNB/3hm/uDN4fHHgf55573p/Dffdd7lMigqO4bLCdwHrEiW4BJ7oFnOgWcKLbIDl76QWigOSwKNAiIqQb0KLRriPNv1A/JhYFug3y6M7MP59pxMxnY0Bf+rNnxKZX9yEzGu4CEpptOwz6MbVu4J2ur6bgmwxi6hTHXwUbBCIAp09WsX1biGzcefCdmdlfYaVUg4hMJS+HgUCkPcSRtqqs7SZeLzL87CfJPgr2Y8LU9DKPBuNe7KaW5gBdnTU6vgMa4QvGzMfcfILpTz94MbrCUlzCwEOl1HEReQNuTPeFmuog+/dUcuHMVlqaAwBNwC3vvhPdZ7o6a2ioCwAcVkr1gRO9KByNVHqHYXCiF4Wa6qBX7QeVUh1B2wmlk3xhmzaLAj0+pJOXtJczAIdag7S1VrJlcyCr/84dQaamVwEi5VzpI8BpYMZ2IgCj4wneTMZz3t8YSkldayr6B6WUKKUEuPGf+a0VYaDecg4A/cBugPcfEzmdQhuVd1hbUsPLqRO1Wn6zX1a4fT8Gf+bTz/3MSYOepNFUn1vOWGzVO/yoJbquGOuZSHuIA/sqc96fXzAU3fEvDXUVXL5Yoe0/+TYlerScX6Rlw9T0MktxARgRkc9OdJ9Ziq/y5Omyd3oToKSGl/+Yp0f9ymUtmJtPMDgU86r8nogMgKbo+cTIt8roIyPAsIhcVUodK3bnhZh4vcj8wiqj46kp5BBw1jspqUpPozFtCbkkyfwizcFX4K6IXEq/aDqmN4qIEhEFnDdsa0LqI6yAmQ4vPT7EzMYIcBLYmyk4lG6l6xIGrvgQ87GBf7+InDPpoKREN/0Iu3b9GySXS/NhMqd+NRYj+nIl+6rVGuGmjBZwolvAiW4BJ7olyn3fS5S126PiWcIgptEmJhGhnHd4pfLSyMOPmMa7xjxT7qeA4uPGdAs40S3gRLeAE90CTnQLONEt8Btpf8s2GSD/AwAAAABJRU5ErkJggg==');
}

/* Exit */
.Diamond8sExit {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGkAAAAlCAYAAABBGMctAAAACXBIWXMAAAsTAAALEwEAmpwYAAAGlGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgOS4xLWMwMDIgNzkuYTZhNjM5NjhhLCAyMDI0LzAzLzA2LTExOjUyOjA1ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczpwaG90b3Nob3A9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGhvdG9zaG9wLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpGMkNEMjZFMzRFMjM2ODExODIyQTk0MEY2N0RCREY2OCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpFRUE0QkZCQThCMEQxMUU1OUYwNUQzQjlDNjE5QTFBNiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo3OGUyMDExYi0zMWE2LTQyMTEtODMwOC1lYmU1M2M5ODgyYmIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wOkNyZWF0ZURhdGU9IjIwMTgtMDMtMTJUMTI6MDQ6NDAtMDY6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDI0LTA2LTE5VDE2OjMzOjM4LTA2OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDI0LTA2LTE5VDE2OjMzOjM4LTA2OjAwIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjYzOTM0Mjk0MkEyMDY4MTE4MjJBQTgwMzQyRDY3NDRGIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkYyQ0QyNkUzNEUyMzY4MTE4MjJBOTQwRjY3REJERjY4Ii8+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOmRmNzEyNGRlLWNkM2YtNDMxOS1hYWQyLTNlOGRlZGZjM2M5YyIgc3RFdnQ6d2hlbj0iMjAyNC0wNi0xN1QxNzo1NzozNC0wNjowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDI1LjkgKE1hY2ludG9zaCkiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjc4ZTIwMTFiLTMxYTYtNDIxMS04MzA4LWViZTUzYzk4ODJiYiIgc3RFdnQ6d2hlbj0iMjAyNC0wNi0xOVQxNjozMzozOC0wNjowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDI1LjkgKE1hY2ludG9zaCkiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+RCQwVAAABbxJREFUaIHtm39MU1cUx7/XiW0RBcRMiItLOjr+cUFsWEwwMyH1HxdcsmwE95/8qOnYH3MWuixRwsqylU3iH1omsTNRIYby19DMRSZLzHRI6lgaY4yII+KG/GqtmlF+9OwPW9P2vde+91pLu7xPcv4595x7D++83nPvfRdGRFBIb1atdAAK8VGSlAEoScoAlCRlAEqSMgEiihAAdgAUR+zRfkHfrwDMxfG9DOD9MB8zgHsixhQjdpF/B2/8Uv1SMQYRIdrZ2N7+NQUCSzFlZOQPAvAhz+Bzfv+/MX19vscE4HKYz70nTx7HHVOMPH/nCAAMHR1HBe2s1lYCYOZ7gDU1NYJ+JtMBAmAIPavu7rOCtt3dZwmAkecZGa9c+UXUGCHhne4YeyWmlJZuw86dOysifZjeaKzPX7NGHdN33br1nPGystbEHVOMhJOTs1bQrqmpGQBMjLHXo2MpKCgQ1T8AaDQaQVuNRsP3aAEAarXwM+JDdk2qqqqqilIZ9u2rkdtdSlGp1HC7/9QCsKx0LGKQnaSSkhItYyw/TKUvLn4zCSGlhq1b34LZfMjEGKtb6VjiITtJO3bsAABDmMpQWFiYcECpg6G1tRV4Pu1x5+A0YrVcx02bNoXqkpMxpq+u/iB/9eqsJIYGLC4u4ODBz6S4dEoxzs5eC5drWK/Xl38D4GNJwaUQ0Unyer3Iy8uL0AXr0qcADLW1+0X5SCEQCODEiRNjRPSGGPvjx49LHmP7dj0aGupNjDEXETkkd5ACRE93Y2OjHF1YXcrfvPk1TvvU1GRCwQXRMsZIhNjldc9w7NgxII2nPdFJevjwbxAtR+jC6pJBq4182aenpxIOTqVSIRBYEiVNTWYTY0wrZ5zQtIc0Xe2JTtLU1DT8/vkIXagu6XTF+uzstRFtt27dSkJ4TPQeaf363IRGKivTo6Gh/oskBJ10JK3uRke5U97u3bvLWlqOcPSXLv0sP6qXzNzcLEfHGEN7e/sKRBMfSUm6edPF0W3ZsqW8tLSUo7fZbFzjNKGx8RNefV5ePurqalMcTXwkJenixZ9AFIjQVVRUaKLrkdfrAYAkJIlAtCxKfL7Hons9f/48nE4nb1tZ2fbEw04ykvZJvb19njNn5vNVquwXOp1Ox7G7c+dO4pEB8Pv9UKuFz8Ci6CSiMbHG1dXVnbOzM6YNGwrkBQeMzczMyPWVhNQTh4H79+/HNRoc/FVWMAKMERETIVI3o583N1tuJxCXZ3LykWBjUVERAPCtNrUFBRsEvAizs7MA4AnXSk2S68aNobhGPT09IxL7TTlE5HM4HEf7+3+U6+86cqTFI9Su1+uh0xVbws8GGWN1u3a9Yyku5s4+ALC0tITe3j4PEUWUCsm/JL66FI7X64Hb7U7m0k7sZlbyhpaIHHv3vtcZrKFyGJiZmeZtyMpS4dq132AyHTgViq+52XzqwoV+rFrF/0liYuIBAAxE6yUliYhcvb19noWFeUGbYD1KyspOpVLzftkUkq6u702MMUP8niOwWa1t/8gM0Tk8PCzYuHHjq7DbO19suG22b5GTI3yoce7cOQDoitbLOQWPWZeC9YjzNqQrRDTe0dHRcfXqVTm+zj173nU+ffo0hhWL+UEvxMTEAxw+3OIkosR+SUFi1qWenp4RIpI9f6wERPSdxWL54dmzZ3LcO83mQwgEluNbCuD3z6OyshIQOMWX9UsSqksvoR6ljOvXr39ptVol+xHR4MmTXfVG44HbPp9Psv+jR5MoL3975O7d0XoiGuSzkZykUF1aXFzgtCWzHqUaIhq32WxNQ0O/y/F1OByOj3Jzc7tOnz6NycnYJW55eRnj43+hra0NhYVFXW63e3/MzyQSrhuFX5cSuroVbrMNwEkem//NlS4B/9DdCTsAamxsjJDKysrQM7AA0IpZEDFS/qsi7VFusGYASpIyACVJGYCSpAxASVIGoCQpA/gPZXvZvzcw3hQAAAAASUVORK5CYII=');
}

.Diamond8sExit:active {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGkAAAAlCAYAAABBGMctAAAACXBIWXMAAAsTAAALEwEAmpwYAAAGSWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgOS4xLWMwMDIgNzkuYTZhNjM5NjhhLCAyMDI0LzAzLzA2LTExOjUyOjA1ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczpwaG90b3Nob3A9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGhvdG9zaG9wLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpGMkNEMjZFMzRFMjM2ODExODIyQTk0MEY2N0RCREY2OCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpFRUE0QkZCRThCMEQxMUU1OUYwNUQzQjlDNjE5QTFBNiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpjZmNmNTY0NC02ZDMzLTQ5ZTEtYTY5OS03YWIwM2M3Y2YxNTkiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wOkNyZWF0ZURhdGU9IjIwMTgtMDMtMTJUMTI6MDQ6NDAtMDY6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDI0LTA2LTE5VDE2OjMxOjE4LTA2OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDI0LTA2LTE5VDE2OjMxOjE4LTA2OjAwIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjYzOTM0Mjk0MkEyMDY4MTE4MjJBQTgwMzQyRDY3NDRGIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkYyQ0QyNkUzNEUyMzY4MTE4MjJBOTQwRjY3REJERjY4Ii8+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOmNmY2Y1NjQ0LTZkMzMtNDllMS1hNjk5LTdhYjAzYzdjZjE1OSIgc3RFdnQ6d2hlbj0iMjAyNC0wNi0xOVQxNjozMToxOC0wNjowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDI1LjkgKE1hY2ludG9zaCkiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDxwaG90b3Nob3A6VGV4dExheWVycz4gPHJkZjpCYWc+IDxyZGY6bGkgcGhvdG9zaG9wOkxheWVyTmFtZT0iTUVOVSIgcGhvdG9zaG9wOkxheWVyVGV4dD0iTUVOVSIvPiA8L3JkZjpCYWc+IDwvcGhvdG9zaG9wOlRleHRMYXllcnM+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+TwcPHQAAAwNJREFUaIHtm91xozAUhY/3pgG/8UwL3hKcErwl2CXYJaxLMC2khE0J6xLWz3qjAg15iGBYkMSVhMNVhm8mM4QfIXR0rn69aZoGK7L5sXQGVqZ5aQ+0oj8A9hP3v1Ghf9kuaEVnAL+nXkiF3gye47yXyysV+r2X9g3AkXPvEK3oCOA2w3suVOir5z3/AJSOyycqdBXqpJ3n2jYwraU5L50BLqEilVqRSwyfgBLZa0VzOfipxLRJLmvmJhIAHJbOAIcYkUa1TysqkV+4A4CjybtoYkSyiZGji1rEt00xItkEEV8bPYh30yrSJ6Ld9DJ9C2r8H+K2WlFJhX70ztmEeyBdvBMVukpMg8NBK7pQoesveFcwHCc9LOeGogz/rx3PSWUL92B0cTgi2UblnUO0IpeLcuPsGQMuCkckWwgoHcctzukWwYh1E0eku+Vc3z02keaK7TetqGH+zdH4i3QTt00aFvrOcdxiEzYHthA4C8Htgo/amF5b9J1EAgR2x7kiWTsPJjQMw10ttSs7wNW5Kc0yhRi4ItkKfYe8Ow3ONR4IcxNXJFv4KuEexObAO9wVqoSgtilFJJeTchEJ8LtJzFoTSyTTxgwLv4T9Q7LpNJglcPH55czdtdwxds6zw91XzN1VcO9lEEHILDin8O+Z9Ow6TCV4ZohOGRw/gPlFyqk96uNrmzj4vtu5EuAYwvSpgTCROLFbfHy3MYObfNFj75lqmuqchDmJCs0RIFcnAZ9tUyy+stnCPe7yjce6SYHQldkpoeYWKWSCtTGbFGOpED8xPPXd537etKKd2RTq2xvSjeFCRfJlpma6TSSm1ka1TebZqW8/tpUJwF9Mh7ouvTmdlHOoa0lx09ucGUEv/M7ppGxd1JLiJqQJPEqrP5RZnTQmqgORKHCfUTpBIpkdQq7akr2TgK6wY4W6Ir0croOdWFH77lyO+RYiGVIc8Yr4qFLZfiYTI5Jtej+XhT4WpianhL2fCO9IXKjQJ9uFzfpzzOdhti8f4B7Qtmtala+SryJlwAeePzRLlWbBKQAAAABJRU5ErkJggg==');
}

/* Entries */
.Diamond8sEntriesIncrease {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHkAAAAhCAYAAAD9JwTTAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpGMkNEMjZFMzRFMjM2ODExODIyQTk0MEY2N0RCREY2OCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozMUNGNTY4QzhCMEUxMUU1OUYwNUQzQjlDNjE5QTFBNiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDowRjkwNkZCNjhCMEUxMUU1OUYwNUQzQjlDNjE5QTFBNiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NjM5MzQyOTQyQTIwNjgxMTgyMkFBODAzNDJENjc0NEYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RjJDRDI2RTM0RTIzNjgxMTgyMkE5NDBGNjdEQkRGNjgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5l8gSSAAAEzklEQVR42uxb/XXiMAwPff2/2aC5CXAnIJ3g0gmuTFCYIDAB1wloJyidgGQCwgRNJmiYgCPvya+uz7JkJ+kdfdF7fkDiD8mSpZ+UMDoej8FA35suhi0YlDzQoOSBzoEuz5DnCFpDJTTsftYTDyF81qcmgIcQ1m2uFYzx8amN4XcFc/TC7wgBXvendm24/soQIADBt/C9UDbkURMkhL5yzBV8z6F/oK0XK/NyqFlrqhiCup40kJiYw2RIK9ijUOkTQmu+/7Dsy8OpJcpYlWrgWd0nofTNNCO2yf1BjZK1Jo44rQ39TS1GxqdKn/sjj95OLSLmtdF7y/GpQb4dMSY0jAlBFi4JGLf14PnT2hcWVxQgliatK1XajGFdgXJqmr5rB/ectnStqxbjc8N8wmOehLlHkn568pu1jcm1wsBCu/eguKmC4c5d43AbSjoMcRzem71YateuPeP+f4WuI2Uza8LKxo5zx8G/I/1kTDz5xZS2gdaVklknuWRMtEeuTxCGueMpDyKBiTBsQsP3E2xwbAFRC4MXkpuTaSe2/gIPcAf8JojMzxbDWRjCSP5XLwQ4USBkZgFJgQUwpAQAWp1aYgAobxp/prm3xNyUfCkTVKYM4LN1GBcAMDTtBWcs2VxjsjyBVxaXLSwxuSLmnysxLbLE5KwHF37oMHRIT1MzcEWseBjZL2R4EbaX8QVeewJ0TJF7v8ClfhnocKCrjoslsRa6MCW/nNqtAah1tkeXluBtstiCYUWJciIxI4kILPAIaDSEAgxHwNoCjArmiTooyl4ykX6hVLts+OTRAsh2cJK5a0pKFZ5ztGKG+PEtEQNmREyaETFZMOOYC387iGNHIr5FPgUFC98rKBJx5Fkx9s207tqzaIMWQ7CTWjjEgweiT9GDuxVQlDHRs2P24FKg2DtkC3OLl5Pl0h2SOXSeJ4eEy6AWjZCUIbfM31ccnhqMqssHARlitJg8v0/txmLowlDhy/tQckYwXTPy66jHChaXNsy8XfKfGfJlCllHHpWxAhS9QO5zy8Qqv1UX6HpDWOmThWmTkKUmiCndKFsqWdaLbxh9H+GUuRY0tkS6lVl+L0E5a2Stksh0brsua1IINXeMtTYBGqHfGlwIjfN48Qk5gabqWOSBEyKPkBIZDELKtCb4bsuvl5JVworty+BrqESu3VlOtFchoSVNLN6vJMJA3RW/vm+GVBaX3ljmPcMb1A5xumQouQo+3soQhFHWyImXLy7slZBiWzMz1I4xmQQhX+RY3QrBeMeQKxeYR/BVck2gWYEIVWsKT7QNWUGf2COFKJVP4QH09GfOenFCGNbTY+K7dmKFxb0mUOiJPIGogGqZSqMu3fWYcE1zz7LcDAFvlQNvr4yY5gPoIkZM3BhkDJGDISAnfmEcpF7y5C5yR4r2Hc9XOAASzqZVhGEXzHmFh7JKbf6yjUyXDoseNAVlRMK+0dxxbUDDE0v8lmPmFgGK4POz5oBZmDgY5KPifswoUOSEB5gyM4U5shehxfBRJY8sf5MRirvZeJxmGZczwhITxP1XsK4PsjQJNeog5x6DIgXwZpIrDT7eNi2Q3Fm+sakCRQn0lh3UB9hKPmdS3+qIgv7evz4LGg1/ePv+NPxNZlDyQIOSBzoL+iPAAKZiQ/g3VXf+AAAAAElFTkSuQmCC');
  color: #fff;
  font-family: 'Impact';
  -webkit-text-fill-color: white;
  -webkit-text-stroke: 1px #e3e3e3;
  text-shadow: 2px 2px 9px black;
  font-size: 2em;
  padding: 0% 0% 2.5% 0%;
}

.Diamond8sEntriesIncrease:active {
  background-image: url('./entriesincrease_pressed-n1vgSPBp.png');
}

.Diamond8sEntriesDecrease {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAAAhCAYAAAARfqOAAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpGMkNEMjZFMzRFMjM2ODExODIyQTk0MEY2N0RCREY2OCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1NDJBN0MxNzhCMEUxMUU1OUYwNUQzQjlDNjE5QTFBNiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1NDJBN0MxNjhCMEUxMUU1OUYwNUQzQjlDNjE5QTFBNiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NjM5MzQyOTQyQTIwNjgxMTgyMkFBODAzNDJENjc0NEYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RjJDRDI2RTM0RTIzNjgxMTgyMkE5NDBGNjdEQkRGNjgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz61rj7TAAAEf0lEQVR42uxb7VHjMBB1GP6jq+DcwZkKYjoIFVzoIFQQqCB0EKggUIFNBTEVYCqwUkHOnlkPOt2utCvLB3d4ZzR44kh6Wr39ksLseDwmk3xdOZlUMBFgkokAk3xVOZ1U8OlEtS2D5xraX/UAeduOjLZv26pt6cgKyQBT7vnOq4Gtey6sZr5fj4R1ZczXtG0Heur15dr0pdHPxryDsVV0xF0VYLX8KJOmbWtrjMJ43z2/Msbp+2Zt23vm69q2bSoQ8xHmUMa85vgF/HVJgeiu8PRRSB9OPxNbCn3W1lr2jP65PXdCAAqRZcCCzAUkoKBG0G89gABHi7hS2QToDdP1QjjvCiEAV/4gYMwkcIhb1YYrl7i5fCDmmwiYJViWyGc/hPOeRcRM5gAhkg6IURX8nQfkBx8lLwFYfgrGpxLAbKCOR60COnAlTJYSCWKJZLy9Mt8CMmYO6114TFyYB9KW8nqi15EskzK4c8BTEBv5Bs8ZsdnamqPiJoEKYuqWiNXUOzvJWAvioC8B3UPMbYjcwZV7FJ5Yy+3va5yYjI21ceBKkc+3DH3lTMxoCNBgDbXj3VWsGMSUzhquERZnHDc3cG4dMRxJSube05TGfujYej4VxDjMZebCBQ6tY9VIBIuBWTE3NbfCIEWcrva/gDYWZicBQpT5nQEih7EVkuikHhyl0fdRaA0pkWj5FKcszBWhG4WMrZDP5xYBSiIPyODw6NqxVuXwRj1e7fSMwphWeOKleRawE9bhVEzjxmBXDF8Q5wtbq38TcpjiiNW7CAdIDRyOYetdBeYdo5wD2BZVBfQvR3DhObhTzFqeBDmESxZECOWOd+mx8s4TbLil3dC7gFjx+iX53HKPKD1UoWcEmZ8FYeoS3L123DOsPjsB6oE5RD4wc+bKI1HJhCaRVC1eCQ/a7qDiKR2nrSpm0jtmCKCYPjPaLWI1WjhmqMveCshiYi6ZBOhu8ZqAkrGGzP+eMEpOuXlu4L0IJUAdYK0+D8LZTJdb62K5edW7YeYVmKUsEYwhmFWAl0oRsvRr6u9UrghdpAwvXcfwANJjWc1Q5lCXpYxaOkesQRMEOGdaYgjmkBA1JwyKc65SMwigYxCgDoh5nP6K2LyQXEQzvMchoS9W5kzMPenSSJl4JvCkoSE354wtvQxKIXYuGCUVBcqOizPPCWMG8+lEdvRrf6dGNpCT6N4kv18bl1ZcTRFSfrPmaByWXRPkGFKF2b/1v6ASy5MAAmCxUyNJS6i7V0TsL5B3B8G4TwxPdgjAm3pIqZFy00WABRCmSfi3nR9eBVwz3THHhUlyj1Iwh8RbSDDPGZh85aBmeiaNjB+q5ygEqCFbvY98QFNF/F4tIEuMMwDsAOzF0++WOdddbPAzz7+GrZP3i4UaFtIz/oGxAfYPLLiboIy5sQ19IMZKoVEXNthiZx7L9K1xnbzf8GWwmRWynh185wDvS2SclaMUvSUMLbVCSiUJCz4C/G+yMpTT3Vw+j+gZQiU3iJclEY57JwJMMnoSOMlEgEkmAkzyz8kvAQYAfqBb4nGqBkoAAAAASUVORK5CYII=');
  color: #fff;
  font-family: 'Impact';
  -webkit-text-fill-color: white;
  -webkit-text-stroke: 1px #e3e3e3;
  text-shadow: 2px 2px 9px black;
  font-size: 2em;
  padding: 0% 0% 2.5% 0%;
}

.Diamond8sEntriesDecrease:active {
  background-image: url('./entriesdecrease_pressed-BCg864lk.png');
}


/* Play */
.Diamond8sPlay {
  background-image: url('./play-DRPGr3gp.png');
  height:193%;
  right:4%;
  top:-61%;
  width: 23%;
}

.Diamond8sPlay:active {
  background-image: url('./play_pressed-qG49r8GG.png');
  height:193%;
  right:4%;
  top:-61%;
  width: 23%;
}

.Diamond8sPlay:disabled {
  background-image: url('./play_disable-Dwui6aQL.png');
  height:193%;
  right:4%;
  top:-61%;
  width: 23%;
}

/* Stop */
.Diamond8sStop {
  background-image: url('./play-DRPGr3gp.png');
  height:193%;
  right:4%;
  top:-61%;
  width: 23%;
}

.Diamond8sStop:active {
  background-image: url('./play_pressed-qG49r8GG.png');
  height:193%;
  right:4%;
  top:-61%;
  width: 23%;
}

.Diamond8sStop:disabled {
  background-image: url('./play_disable-Dwui6aQL.png');
  height:193%;
  right:4%;
  top:-61%;
  width: 23%;
}

/* Arrows */
.Diamond8sLeftArrow {
  background-image: url('./leftarrow-B3m8GsNO.png');
}

.Diamond8sWinLine {
  background-image: url('./winLine-OcdAWZRF.png');
  top:62%;
  left:6.5%;
}

.Diamond8sRightArrow {
  background-image: url('./rightarrow-Fh34_FQ0.png');
}

.Diamond8sWinFrame {
  background-image: url('./winFrame-CTl8gzMI.png');
}

/* Pop-up */
.Diamond8sPopUp {
  background-image: url('./popUp-CQLjz0E_.png');
}
.Diamond8sPopUpFree {
  background-image: url('./popUp_FreeGames-Bjr86cRY.png');
}

.Diamond8sPopUpBonus {
  background-image: url('./popUp_Bonus-CoBYO3rv.png');
}


.Diamond8sPopUpText {
  text-align: center;
  font-family: 'Impact';
  font-size: 4em;
  color: black;
  white-space: pre-line;
}


.Diamond8sLogo {
  background-image: url('./Logo-C8iYYqEb.png');
  height: 10%;
  left: 11%;
    width: 73%;
    left: 11%;
    top: 1%;
}
.Diamond8sPicksRemainingText
{
  left:500% !important;
}
.Diamond8sPicksRemainingText
{
  font-family: 'Impact';
  color: #fff;
  text-align: center;
  padding: 4.5% 0% 0%;
  position:absolute;
  height:6%;
  width:108%;
  top:-23.6%;
  left:-12%;
  font-family: 'Impact';
  color: #fff;
  font-weight: bolder;
  font-size: 3.0em;
  padding: 8% 0% 0% 10%;
  text-align: center;
}
.Diamond8sTotalBonusWinText {
  
  font-family: 'Impact';
  color: #fff;
  text-align: center;
  padding: 4.5% 0% 0%;
  position:absolute;
  height:6%;
  width:108%;
  top:-27.6%;
  left:-14%;
  font-family: 'Impact';
  color: #fff;
  font-weight: bolder;
  font-size: 3.0em;
  padding: 8% 0% 0% 10%;
  text-align: center;
}

/* Bonus Picks */
.Diamond8sBonusPick {
  position: absolute;
  width: 10%; /* Adjust width as needed */
  height: 5%; /* Adjust height as needed */
}

/* Positioning Bonus Picks in a 4x3 Grid */
.Diamond8sBonusPick1Idle, .Diamond8sBonusPick1Picked { top: 43%; left: 38%; }
.Diamond8sBonusPick2Idle, .Diamond8sBonusPick2Picked { top: 43%; left: 52.5%; }

.Diamond8sBonusPick3Idle, .Diamond8sBonusPick3Picked { top: 50%; left: 25%; }
.Diamond8sBonusPick4Idle, .Diamond8sBonusPick4Picked { top: 50%; left: 39%; }
.Diamond8sBonusPick5Idle, .Diamond8sBonusPick5Picked { top: 50%; left: 52%; }
.Diamond8sBonusPick6Idle, .Diamond8sBonusPick6Picked { top: 52%; left: 65.5%; }

.Diamond8sBonusPick7Idle, .Diamond8sBonusPick7Picked { top: 56.5%; left: 25%; }
.Diamond8sBonusPick8Idle, .Diamond8sBonusPick8Picked { top: 56.5%; left: 39%; }
.Diamond8sBonusPick9Idle, .Diamond8sBonusPick9Picked { top: 56.5%; left: 52%; }
.Diamond8sBonusPick10Idle, .Diamond8sBonusPick10Picked { top: 58.5%; left: 65.5%; }
.Diamond8sBonusPick11Idle, .Diamond8sBonusPick11Picked { top: 63.5%; left: 27%; }
.Diamond8sBonusPick12Idle, .Diamond8sBonusPick12Picked { top: 63%; left: 44.5%; }

.Diamond8sBonusPick1PickedText {
  position: absolute;
  font-size: 2em; /* Adjust as needed */
  -webkit-text-fill-color: white;
  -webkit-text-stroke: 1px black;
  font-family: 'Impact';top: 44%; left: 40%;text-shadow:2px 2px 0 black, 
  2px 2px 0 black, 
  2px 2px 0 black, 
  -2px -2px 0 black,
  -2px -2px 0 black,
  0px 0px 0 black,
  0px 0px 0 black,
  0px 0 0 black;
}

.Diamond8sBonusPick2PickedText {
  position: absolute;
  font-size: 2em; /* Adjust as needed */
  -webkit-text-fill-color: white;
  -webkit-text-stroke: 1px black;
  font-family: 'Impact';top: 44%; left: 54.5%;text-shadow:2px 2px 0 black, 
  2px 2px 0 black, 
  2px 2px 0 black, 
  -2px -2px 0 black,
  -2px -2px 0 black,
  0px 0px 0 black,
  0px 0px 0 black,
  0px 0 0 black;
}

.Diamond8sBonusPick3PickedText {
  position: absolute;
  font-size: 2em; /* Adjust as needed */
  -webkit-text-fill-color: white;
  -webkit-text-stroke: 1px black;
  font-family: 'Impact'; top: 51%; left: 27%;text-shadow:2px 2px 0 black, 
  2px 2px 0 black, 
  2px 2px 0 black, 
  -2px -2px 0 black,
  -2px -2px 0 black,
  0px 0px 0 black,
  0px 0px 0 black,
  0px 0 0 black;
}

.Diamond8sBonusPick4PickedText {
  position: absolute;
  font-size: 2em; /* Adjust as needed */
  -webkit-text-fill-color: white;
  -webkit-text-stroke: 1px black;
  font-family: 'Impact';top: 51%; left: 41%;text-shadow:2px 2px 0 black, 
  2px 2px 0 black, 
  2px 2px 0 black, 
  -2px -2px 0 black,
  -2px -2px 0 black,
  0px 0px 0 black,
  0px 0px 0 black,
  0px 0 0 black;
}

.Diamond8sBonusPick5PickedText {
  position: absolute;
  font-size: 2em; /* Adjust as needed */
  -webkit-text-fill-color: white;
  -webkit-text-stroke: 1px black;
  font-family: 'Impact';top: 51%; left: 54%;text-shadow:2px 2px 0 black, 
  2px 2px 0 black, 
  2px 2px 0 black, 
  -2px -2px 0 black,
  -2px -2px 0 black,
  0px 0px 0 black,
  0px 0px 0 black,
  0px 0 0 black;
}

.Diamond8sBonusPick6PickedText {
  position: absolute;
  font-size: 2em; /* Adjust as needed */
  -webkit-text-fill-color: white;
  -webkit-text-stroke: 1px black;
  font-family: 'Impact';top: 53%; left: 67.5%;text-shadow:2px 2px 0 black, 
  2px 2px 0 black, 
  2px 2px 0 black, 
  -2px -2px 0 black,
  -2px -2px 0 black,
  0px 0px 0 black,
  0px 0px 0 black,
  0px 0 0 black;
}

.Diamond8sBonusPick7PickedText {
  position: absolute;
  font-size: 2em; /* Adjust as needed */
  -webkit-text-fill-color: white;
  -webkit-text-stroke: 1px black;
  font-family: 'Impact';top: 57.5%; left: 27%;text-shadow:2px 2px 0 black, 
  2px 2px 0 black, 
  2px 2px 0 black, 
  -2px -2px 0 black,
  -2px -2px 0 black,
  0px 0px 0 black,
  0px 0px 0 black,
  0px 0 0 black;
}

.Diamond8sBonusPick8PickedText {
  position: absolute;
  font-size: 2em; /* Adjust as needed */
  -webkit-text-fill-color: white;
  -webkit-text-stroke: 1px black;
  font-family: 'Impact';top: 57.5%; left: 41%;text-shadow:2px 2px 0 black, 
  2px 2px 0 black, 
  2px 2px 0 black, 
  -2px -2px 0 black,
  -2px -2px 0 black,
  0px 0px 0 black,
  0px 0px 0 black,
  0px 0 0 black;
}

.Diamond8sBonusPick9PickedText {
  position: absolute;
  font-size: 2em; /* Adjust as needed */
  -webkit-text-fill-color: white;
  -webkit-text-stroke: 1px black;
  font-family: 'Impact';top: 57.5%; left: 54%;text-shadow:2px 2px 0 black, 
  2px 2px 0 black, 
  2px 2px 0 black, 
  -2px -2px 0 black,
  -2px -2px 0 black,
  0px 0px 0 black,
  0px 0px 0 black,
  0px 0 0 black;
}

.Diamond8sBonusPick10PickedText {
  position: absolute;
  font-size: 2em; /* Adjust as needed */
  -webkit-text-fill-color: white;
  -webkit-text-stroke: 1px black;
  font-family: 'Impact';top: 59.5%; left: 67.5%;text-shadow:2px 2px 0 black, 
  2px 2px 0 black, 
  2px 2px 0 black, 
  -2px -2px 0 black,
  -2px -2px 0 black,
  0px 0px 0 black,
  0px 0px 0 black,
  0px 0 0 black;
}

.Diamond8sBonusPick11PickedText {
  position: absolute;
  font-size: 2em; /* Adjust as needed */
  -webkit-text-fill-color: white;
  -webkit-text-stroke: 1px black;
  font-family: 'Impact';top: 64.5%; left: 29%;text-shadow:2px 2px 0 black, 
  2px 2px 0 black, 
  2px 2px 0 black, 
  -2px -2px 0 black,
  -2px -2px 0 black,
  0px 0px 0 black,
  0px 0px 0 black,
  0px 0 0 black;
}

.Diamond8sBonusPick12PickedText {
  position: absolute;
  font-size: 2em; /* Adjust as needed */
  -webkit-text-fill-color: white;
  -webkit-text-stroke: 1px black;
  font-family: 'Impact';top: 64%; left: 46.5%;text-shadow:2px 2px 0 black, 
  2px 2px 0 black, 
  2px 2px 0 black, 
  -2px -2px 0 black,
  -2px -2px 0 black,
  0px 0px 0 black,
  0px 0px 0 black,
  0px 0 0 black;
}


.reelSymbolDiamond8s {
  /*height: 16em; */
  position: absolute;
/*    left: -4.0em;  */

  margin-top:24.5%;
  height:31%;
  left:-4.5%;

}
.Diamond8sWinFrame1 {
  background-image: url('./winFrame-CTl8gzMI.png');
  left:-1.5%;
  height:24%;
  width:46%;
  top:68.5%;
  position:absolute;
}
.Diamond8sWinFrame2 {
  background-image: url('./winFrame-CTl8gzMI.png');
  left:-1.5%;
  height:24%;
  width:46%;
  top:55%;
  position:absolute;
}
.Diamond8sWinFrame3 {
  background-image: url('./winFrame-CTl8gzMI.png');
  left:-1.5%;
  height:24%;
  width:46%;
  top:41.5%;
  position:absolute;
}
.Diamond8sWinFrame6 {
  background-image: url('./winFrame-CTl8gzMI.png');
  left:27.5%;
  height:24%;
  width:46%;
  top:68.5%;
  position:absolute;
}

.Diamond8sWinFrame7 {
  background-image: url('./winFrame-CTl8gzMI.png');
  left:27.5%;
  height:24%;
  width:46%;
  top:55%;
  position:absolute;
}
.Diamond8sWinFrame8 {
  background-image: url('./winFrame-CTl8gzMI.png');
  left:27.5%;
  height:24%;
  width:46%;
  top:41.5%;
  position:absolute;
}

.Diamond8sWinFrame11 {
  background-image: url('./winFrame-CTl8gzMI.png');
  left:55.5%;
  height:24%;
  width:46%;
  top:68.5%;
  position:absolute;
}
.Diamond8sWinFrame12 {
  background-image: url('./winFrame-CTl8gzMI.png');
  left:55.5%;
  height:24%;
  width:46%;
  top:55%;
  position:absolute;
}
.Diamond8sWinFrame13 {
  background-image: url('./winFrame-CTl8gzMI.png');
  left:55.5%;
  height:24%;
  width:46%;
  top:41.5%;
  position:absolute;
}
.Diamond8sLeftArrow1{    background-image: url('./leftarrow-B3m8GsNO.png');

  background-size: 100% 100%;
  position: absolute;
  transform: rotate(45deg);
  height: 4%;
  width: 6%;
  left: 3%;
  top: 43.5%;
  background-color: transparent;
  border-style: none;
}
.Diamond8sLeftArrow2{     background-image: url('./leftarrow-B3m8GsNO.png');

    background-size: 100% 100%;
    position: absolute;
    height: 4%;
    width: 6%;
    left: 2%;
    top: 51%;
    background-color: transparent;
    border-style: none;
}
.Diamond8sLeftArrow3{    background-image: url('./leftarrow-B3m8GsNO.png');

    background-size: 100% 100%;
    position: absolute;
    height: 4%;
    width: 6%;
    left: 2%;
    top: 64%;
    background-color: transparent;
    border-style: none;
}
.Diamond8sLeftArrow4{    background-image: url('./leftarrow-B3m8GsNO.png');

    background-size: 100% 100%;
    position: absolute;
    height: 4%;
    width: 6%;
    left: 2%;
    top: 78%;
    background-color: transparent;
    border-style: none;
}
.Diamond8sLeftArrow5{     background-image: url('./leftarrow-B3m8GsNO.png');

    background-size: 100% 100%;
    position: absolute;
    transform: rotate(-45deg);
    height: 4%;
    width: 6%;
    left: 3%;
    top: 87%;
    background-color: transparent;
    border-style: none;
}



.Diamond8sPicksRemaining{
    background-image: url('./bonusPicksBg-Cg-YH63t.png');
    position: absolute;
    background-size: 100% 100%;
    height: 5%;
    width: 47%;
    top: 84%;
    left: 28%;
}
.Diamond8sTotalBonusWin{
    background-image: url('./bonusPicksBg-Cg-YH63t.png');
    position: absolute;
    background-size: 100% 100%;
    height: 5%;
    width: 49%;
    top: 92%;
    left: 28%;
}
.Diamond8sBonusPick1Idle{
    position: absolute;
    height: 8%;
    top: 41%;
    left: 11%;
}
.Diamond8sBonusPick2Idle{
    position: absolute;
    height: 8%;
    top: 56%;
    left: 38%;
}
.Diamond8sBonusPick3Idle{
    position: absolute;
    height: 8%;
    top: 46%;
    left: 69%;
}
.Diamond8sBonusPick4Idle{
    height: 8%;
    top: 69%;
    left: 11%;
    position: absolute;
}
.Diamond8sBonusPick5Idle{
    height: 8%;
    top: 72%;
    left: 69%;
    position: absolute;
}
.Diamond8sBonusPick6Idle{
    position: absolute;
    height: 8%;
    top: 85%;
    left: 38%;
}
.Diamond8sBonusPick1Picked{
    position: absolute;
    height: 27%;
    top: 5.2%;
    left: 1.25%;
}
.Diamond8sBonusPick2Picked{
    position: absolute;
    height: 27%;
    top: -4.8%;
    left: 26.25%;
    font-size: 6vw;
}
.Diamond8sBonusPick3Picked{
    position: absolute;
    height: 27%;
    top: 5.2%;
    left: 52.25%;
}
.Diamond8sBonusPick4Picked{
    height: 27%;
    top: 21.2%;
    left: 1.25%;
    position: absolute;
}
.Diamond8sBonusPick5Picked{
    height: 27%;
    top: 21.2%;
    left: 52.25%;
    position: absolute;
}
.Diamond8sBonusPick6Picked{
    position: absolute;
    height: 27%;
    top: 32.2%;
    left: 26.25%;
}
.Diamond8sBonusPick1PickedText{
    position: absolute;
    height: 27%;
    top: 15.2%;
    left: 15.25%;
    font-size: 11vw;
    -webkit-text-fill-color: white;
    -webkit-text-stroke: 1px #e3e3e3;
    text-shadow: 2px 2px 9px black;
    font-weight: bold;
    font-family: 'Impact';
}
.Diamond8sBonusPick2PickedText{
    position: absolute;
    height: 27%;
    top: 6.2%;
    left: 41.25%;
    font-size: 11vw;
    -webkit-text-fill-color: white;
    -webkit-text-stroke: 1px #e3e3e3;
    text-shadow: 2px 2px 9px black;
    font-weight: bold;
    font-family: 'Impact';
}
.Diamond8sBonusPick3PickedText{
    position: absolute;
    height: 27%;
    top: 16.2%;
    left: 67.25%;
    font-size: 11vw;
    -webkit-text-fill-color: white;
    -webkit-text-stroke: 1px #e3e3e3;
    text-shadow: 2px 2px 9px black;
    font-weight: bold;
    font-family: 'Impact';
}
.Diamond8sBonusPick4PickedText{
    height: 27%;
    top: 32.2%;
    left: 15.25%;
    font-size: 11vw;
    position: absolute;
    -webkit-text-fill-color: white;
    -webkit-text-stroke: 1px #e3e3e3;
    text-shadow: 2px 2px 9px black;
    font-weight: bold;
    font-family: 'Impact';
}
.Diamond8sBonusPick5PickedText{
    height: 27%;
    top: 32.2%;
    left: 67.25%;
    font-size: 11vw;
    position: absolute;
    -webkit-text-fill-color: white;
    -webkit-text-stroke: 1px #e3e3e3;
    text-shadow: 2px 2px 9px black;
    font-weight: bold;
    font-family: 'Impact';
}
.Diamond8sBonusPick6PickedText{
    position: absolute;
    height: 27%;
    top: 43.2%;
    left: 41.25%;
    font-size: 11vw;
    -webkit-text-fill-color: white;
    -webkit-text-stroke: 1px #e3e3e3;
    text-shadow: 2px 2px 9px black;
    font-weight: bold;
    font-family: 'Impact';
}
.BonusGameTierBg{
    background-size: 100% 100%;
    position: absolute;
    left:0%;
    bottom:0%;
    height: 61.5%;
    width:100%;
    background-image: url('./BonusGameTierBg-C8Re9ttu.png');
}
.BonusGameBgShade{
    background-size: 100% 100%;
    position: absolute;
    left: 2%;
    bottom: 22%;
    height: 53.5%;
    width: 97%;
    background-color: #000000a1;
}

.BonusGameGrid{
    background-size: 100% 100%;
    position: absolute;
    left: 2%;
    bottom: 22%;
    height: 52%;
    width: 105%;
    display: grid;
    grid-template-rows: 20% 20% 20% 20% 20%;
}
.BonusGameRow{
    display: grid;
    grid-template-columns: 17% 17% 17% 17% 17%;
    grid-column-gap: 1%;
}
.BonusGameSquare{
    background-size: 100% 100%;
    background-color: transparent;
    border: none;
    height: 104%;
    width: 114%;
}
.BonusGameSquareWinText{
    color: pink;
    font-family: 'Impact';
    font-size: 2vw;
    background-size: 100% 100%;
    background-color: transparent;
    border: none;
    text-align: center;
    padding: 35% 0% 0% 14%;
}

.BonusRowFireContainerRed{
    background-size: 100% 100%;
    position: absolute;
    left: -6%;
    bottom: 38.5%;
    height: 19%;
    width: 112%;
    background-image: url('../../Assets/Games/Diamond8s/UI/bonusRedRowContainer.gif');
}
.BonusRowFireContainerPink{
    background-size: 100% 100%;
    position: absolute;
    left: -6%;
    bottom: 28.25%;
    height: 19%;
    width: 112%;
    background-image: url('../../Assets/Games/Diamond8s/UI/bonusPinkRowContainer.gif');
}
.BonusRowFireContainerPurple{
    background-size: 100% 100%;
    position: absolute;
    left: -6%;
    bottom: 17.5%;
    height: 19%;
    width: 112%;
    background-image: url('../../Assets/Games/Diamond8s/UI/bonusPurpleRowContainer.gif');
}
.BonusRowFireContainerBlue{
    background-size: 100% 100%;
    position: absolute;
    left: -6%;
    bottom: 7.25%;
    height: 19%;
    width: 112%;
    background-image: url('../../Assets/Games/Diamond8s/UI/bonusBlueRowContainer.gif');
}
.BonusRowFireContainerGreen{
    background-size: 100% 100%;
    position: absolute;
    left: -6%;
    bottom: -3%;
    height: 19%;
    width: 112%;
    background-image: url('../../Assets/Games/Diamond8s/UI/bonusGreenRowContainer.gif');
}

/* Pay Table */
.Diamond8sPayTablePay::before {
  -webkit-text-stroke: 2px black;
}

.Diamond8sPayTablePay {
  width: 100%; /* Let the text fill the available space */
  font-size: 1.6em;
  color: #fff;
  -webkit-text-fill-color: white;
  text-shadow: 2px 2px 0 black, 
               2px 2px 0 black, 
               2px 2px 0 black, 
              -2px -2px 0 black,
              -2px -2px 0 black,
               0px 0px 0 black,
               0px 0px 0 black,
               0px 0 0 black;
  font-family: 'Impact';
  text-align: center; /* Center the text within each grid item */
  padding-left: 0; /* Remove extra padding to better center content */
}

.Diamond8sPayTableItem {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #fff;
  -webkit-text-fill-color: white;
  font-family: 'Impact';
  width:249%;
  -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; 
      user-select: none;
}

.Diamond8sTopPayTable {
  position: absolute;
  height: 7.5%;
  width: 95%;
  top: 33%;
  left: 0; /* Align to the left edge of the container */
  display: grid;
  grid-template-columns: repeat(11, 1fr); /* Create 12 equal columns */
  gap: 8%; /* Add a small gap between items */
  justify-content: center;
  align-content: center;
  padding: 0 0.8%; /* Add padding to both sides */
  -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; 
      user-select: none;
}
/* Ensure #app element has its own CSS */
#app {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}

/* Setting root font size for scaling */
html {
  font-size: calc((100vw / 1080) * 100%);
}

body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: black;
}

/* General styles */
.BigFootCashJackpots {
  background-image: url('./jackpots-BdL7G5uL.png');
  height: 27%;
  width: 162%;
  left: -31%;
  top:10%;
}


/* Jackpot Text */
.BigFootCashMegaText
{
  font-family: 'Impact';
  font-size: 7.5em;
  color:darkblue;
  padding: 1% 0% 0% 0%;
  WIDTH:100%;
  left:0%;

  height: 4%;
  top: 13%;
  transform: rotate(-2deg);
}
.BigFootCashMajorText{
  font-family: 'Impact';
  font-size: 6em;
  color:darkblue;
  padding: 3.1% 0% 0% 0%;
  WIDTH:100%;
  left:0%;
  height: 4%;
  top: 21%;
  transform: rotate(3deg);
}
.BigFootCashMinorText {
  font-family: 'Impact';
  font-size: 5.5em;
  color:darkblue;
  padding: 2.5% 0% 0% 0%;
  WIDTH:100%;
  left:0%;
  height: 4%;
  top: 28.5%;
  transform: rotate(-1deg);
}
.BigFootCash3PaytableSymbol
{
  width:405%;
  height:376%;
}
/* Pay Table */.BigFootCashPayTablePay::before {
  -webkit-text-stroke: 2px black;
}

.BigFootCashPayTablePay {
  width: 100%; /* Let the text fill the available space */
  font-size: 1.6em;
  color: #fff;
  -webkit-text-fill-color: white;
  text-shadow: 2px 2px 0 black, 
               2px 2px 0 black, 
               2px 2px 0 black, 
              -2px -2px 0 black,
              -2px -2px 0 black,
               0px 0px 0 black,
               0px 0px 0 black,
               0px 0 0 black;
  font-family: 'Impact';
  text-align: center; /* Center the text within each grid item */
  padding-left: 0; /* Remove extra padding to better center content */
}

.BigFootCashPayTableItem {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #fff;
  -webkit-text-fill-color: white;
  font-family: 'Impact';
}

.BigFootCash3TopPayTable {
  position: absolute;
  height: 7.5%;
  width: 95%;
  top: 30%;
  left: 0; /* Align to the left edge of the container */
  display: grid;
  grid-template-columns: repeat(13, 1fr); /* Create 12 equal columns */
  gap: 6%; /* Add a small gap between items */
  justify-content: center;
  align-content: center;
  padding: 0 2.5%; /* Add padding to both sides */
  z-index:1000;
}

/* Free Game Panel */
.BigFootCash3FreeGamePanel {  
  top:29%;
  width:29%;
  height:3%;
  left:37%;
}

.BigFootCash3FreeGamePanelText {
  color: white;
  font-family: 'Impact';
  font-size: 3em;
  top:29%;
  left:27%;
}

/* Button UI */
.BigFootCashButtonUIBg {
  background-size: 100% 100%;
  position: absolute;
  height: 18%;
  width: 100%;
  left: 0%;
  bottom: 0%;
  background-image: url('./buttonUIBg-uZh3qGYv.png');
}

/* Credits */
.BigFootCashCredits {
  background-image: url('./credits---9pL_u5.png');
  height: 184%;
  width: 22%;
  left: 2.3%;
  top: -14%;
}

.BigFootCashCreditsText {
  color: black;
  font-family: 'Impact';
  font-size: 2em;
  padding: 5% 0% 0% 0%;

   height: 80%;
    width: 100%;
    top:40%;
}
.BigFootCash3ReelBottom {
	background-image: url('./navi_back-Cm7NyMlb.png');
	height: 34%;
	width: 103%;
	left: -2.5%;
	top: 80%;
	position: absolute;
	background-size: contain;
	background-repeat: no-repeat;
	z-index: 1;
}
.BigFootCash3ReelTop {
	background-image: url('./navi_mid-CRZdMbYF.png');
	height: 11%;
	width: 103%;
	left: -2.5%;
	top: 37%;
	position: absolute;
	background-size: contain;
	background-repeat: no-repeat;
	z-index: 1000;
}

.BigFootCash3ReelBg {
  background-image: url('./reelBg-BMWu09bD.png');
  height: 34%;
  width: 105%;
  left: -2.5%;
  top: 55%;
}
.BigFootCash3ReelBgBonus {
  height: 51.5%;
	width: 93%;
	left: 4.3%;
	top: 42.5%;
}
.BigFootCash5Reelreel1{
  left:6%;
}
.BigFootCash5Reelreel2{
  left:25.5%;
}
.BigFootCash5Reelreel3{
  left: 45%;
}
.BigFootCash5Reelreel4{
  left: 64.6%;
}
.BigFootCash5Reelreel5{
  left: 84.3%;
}

.BigFootCash3ReelContainer{
  top:43.7%;
}
/* Game Win */
.BigFootCashGameWin {
  background-image: url('./gameWin-DCmCJcem.png');
  height:132%;
  width:21%;
  left:59%;
  top:10%;
}

.BigFootCashGameWinText {
  color: black;
  font-family: 'Impact';
  font-size: 2em;
  padding: 5% 0% 0% 0%;
  
  height: 80%;
  width: 100%;
  top:30%;
}

/* Info */
.BigFootCashInfo {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAF0AAAAoCAYAAACcnvaxAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFxWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgOS4xLWMwMDIgNzkuYTZhNjM5NjhhLCAyMDI0LzAzLzA2LTExOjUyOjA1ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczpwaG90b3Nob3A9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGhvdG9zaG9wLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpGMkNEMjZFMzRFMjM2ODExODIyQTk0MEY2N0RCREY2OCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDNkYwNjg2NThCMEQxMUU1OUYwNUQzQjlDNjE5QTFBNiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyODE0NDNhOC03ODhkLTRmNmYtODI5Ni1kMmZhMDVhNWUyNjIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1w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');
}

.BigFootCashInfo:active {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAF0AAAAoCAYAAACcnvaxAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFxWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgOS4xLWMwMDIgNzkuYTZhNjM5NjhhLCAyMDI0LzAzLzA2LTExOjUyOjA1ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczpwaG90b3Nob3A9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGhvdG9zaG9wLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpGMkNEMjZFMzRFMjM2ODExODIyQTk0MEY2N0RCREY2OCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDNkYwNjg2OThCMEQxMUU1OUYwNUQzQjlDNjE5QTFBNiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo5MDZmZGM1OC1kNjY0LTQ1MjEtYjZhZS1iMjNiZDhhNTkyMjgiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1w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');
}

/* Exit */
.BigFootCashExit {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGkAAAAlCAYAAABBGMctAAAACXBIWXMAAAsTAAALEwEAmpwYAAAGSWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgOS4xLWMwMDIgNzkuYTZhNjM5NjhhLCAyMDI0LzAzLzA2LTExOjUyOjA1ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczpwaG90b3Nob3A9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGhvdG9zaG9wLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpGMkNEMjZFMzRFMjM2ODExODIyQTk0MEY2N0RCREY2OCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpFRUE0QkZCQThCMEQxMUU1OUYwNUQzQjlDNjE5QTFBNiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo3OWI4YWRjNy0xMDFhLTRmYjMtYTkzZC1kODlhZDJlZjZlMGEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wOkNyZWF0ZURhdGU9IjIwMTgtMDMtMTJUMTI6MDQ6NDAtMDU6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDI0LTA3LTA4VDE2OjA3OjMxLTA1OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDI0LTA3LTA4VDE2OjA3OjMxLTA1OjAwIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjYzOTM0Mjk0MkEyMDY4MTE4MjJBQTgwMzQyRDY3NDRGIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkYyQ0QyNkUzNEUyMzY4MTE4MjJBOTQwRjY3REJERjY4Ii8+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjc5YjhhZGM3LTEwMWEtNGZiMy1hOTNkLWQ4OWFkMmVmNmUwYSIgc3RFdnQ6d2hlbj0iMjAyNC0wNy0wOFQxNjowNzozMS0wNTowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDI1LjkgKE1hY2ludG9zaCkiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDxwaG90b3Nob3A6VGV4dExheWVycz4gPHJkZjpCYWc+IDxyZGY6bGkgcGhvdG9zaG9wOkxheWVyTmFtZT0iTUVOVSIgcGhvdG9zaG9wOkxheWVyVGV4dD0iTUVOVSIvPiA8L3JkZjpCYWc+IDwvcGhvdG9zaG9wOlRleHRMYXllcnM+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+4JOrFAAACH5JREFUaN7dWz1oXEcQloqAWzcGt4ZE4NaNQQhcqBEYdUoREOpM0gR1R9KI65RUwk1QKUxIb5TKRQgmVUyqI4GUgcNVTCpxkOLyPns/8d33Zn/e0xGHHCwn3e7bnZlvZnZmdt/GcrncGNK6z3bXJvge+uz7bt1nv2vz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');
}

.BigFootCashExit:active {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGkAAAAlCAYAAABBGMctAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFxWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgOS4xLWMwMDIgNzkuYTZhNjM5NjhhLCAyMDI0LzAzLzA2LTExOjUyOjA1ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczpwaG90b3Nob3A9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGhvdG9zaG9wLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpGMkNEMjZFMzRFMjM2ODExODIyQTk0MEY2N0RCREY2OCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpFRUE0QkZCRThCMEQxMUU1OUYwNUQzQjlDNjE5QTFBNiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpiMGI5NjFlMC04OGVmLTRlNzgtOGI4OS0wNzg0ZTE4NTcyMGIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1w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');
}

/* Entries */
.BigFootCashEntriesIncrease {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHkAAAAhCAYAAAD9JwTTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFxWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgOS4xLWMwMDIgNzkuYTZhNjM5NjhhLCAyMDI0LzAzLzA2LTExOjUyOjA1ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczpwaG90b3Nob3A9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGhvdG9zaG9wLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpGMkNEMjZFMzRFMjM2ODExODIyQTk0MEY2N0RCREY2OCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDowRjkwNkZCMzhCMEUxMUU1OUYwNUQzQjlDNjE5QTFBNiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo5ZTBiYzQ1YS00NmJjLTRkN2UtOWQ0OC0wYmE3NTY0MDg1YWQiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1w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');
  color: #fff;
  font-family: 'Impact';
  -webkit-text-fill-color: white;
  -webkit-text-stroke: 1px #e3e3e3;
  text-shadow: 2px 2px 9px black;
  font-size: 2em;
  padding: 0% 0% 2.5% 0%;
  height:53%;
}

.BigFootCashEntriesIncrease:active {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHkAAAAhCAYAAAD9JwTTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAGT2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgOS4xLWMwMDIgNzkuYTZhNjM5NjhhLCAyMDI0LzAzLzA2LTExOjUyOjA1ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczpwaG90b3Nob3A9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGhvdG9zaG9wLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpGMkNEMjZFMzRFMjM2ODExODIyQTk0MEY2N0RCREY2OCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozMUNGNTY4QzhCMEUxMUU1OUYwNUQzQjlDNjE5QTFBNiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0MTI0NGEyMy1kYTU1LTRiMDMtYjkzNi0xN2VjZDliZDJmMmYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wOkNyZWF0ZURhdGU9IjIwMTgtMDMtMTJUMTI6MDQ6NDAtMDU6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDI0LTA3LTA4VDE2OjExOjQ3LTA1OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDI0LTA3LTA4VDE2OjExOjQ3LTA1OjAwIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjYzOTM0Mjk0MkEyMDY4MTE4MjJBQTgwMzQyRDY3NDRGIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkYyQ0QyNkUzNEUyMzY4MTE4MjJBOTQwRjY3REJERjY4Ii8+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjQxMjQ0YTIzLWRhNTUtNGIwMy1iOTM2LTE3ZWNkOWJkMmYyZiIgc3RFdnQ6d2hlbj0iMjAyNC0wNy0wOFQxNjoxMTo0Ny0wNTowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDI1LjkgKE1hY2ludG9zaCkiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDxwaG90b3Nob3A6VGV4dExheWVycz4gPHJkZjpCYWc+IDxyZGY6bGkgcGhvdG9zaG9wOkxheWVyTmFtZT0iSU5DRUFTRSIgcGhvdG9zaG9wOkxheWVyVGV4dD0iSU5DRUFTRSIvPiA8L3JkZjpCYWc+IDwvcGhvdG9zaG9wOlRleHRMYXllcnM+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+mqOMlQAACI9JREFUaN7tmz9oHEcUxv0X1KoJuFWRgFo3AaEi4MYglEoEAsakSZHCKJWKFEadIQSMO7sLV4S4dEQaQZqgImBIc7gJSSeUKkUK4SZc9pPnd3z39Ga0p1sbxbFguNPu7Mx773v/d+7SZDK5dN7R/S0v8vy7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');
}

.BigFootCashEntriesDecrease {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAAAhCAYAAAARfqOAAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFxWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgOS4xLWMwMDIgNzkuYTZhNjM5NjhhLCAyMDI0LzAzLzA2LTExOjUyOjA1ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczpwaG90b3Nob3A9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGhvdG9zaG9wLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpGMkNEMjZFMzRFMjM2ODExODIyQTk0MEY2N0RCREY2OCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozMUNGNTY5NDhCMEUxMUU1OUYwNUQzQjlDNjE5QTFBNiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo3ZmM3ZmQwMi0zNDQzLTRhOGYtYjBjMC03YzE5OTRlMzQ3ZmIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1w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');
  color: #fff;
  font-family: 'Impact';
  -webkit-text-fill-color: white;
  -webkit-text-stroke: 1px #e3e3e3;
  text-shadow: 2px 2px 9px black;
  font-size: 2em;
  padding: 0% 0% 2.5% 0%;
  height:53%;
}

.BigFootCashEntriesDecrease:active {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAAAhCAYAAAARfqOAAAAACXBIWXMAAAsTAAALEwEAmpwYAAAGUWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgOS4xLWMwMDIgNzkuYTZhNjM5NjhhLCAyMDI0LzAzLzA2LTExOjUyOjA1ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczpwaG90b3Nob3A9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGhvdG9zaG9wLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpGMkNEMjZFMzRFMjM2ODExODIyQTk0MEY2N0RCREY2OCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1NDJBN0MxNzhCMEUxMUU1OUYwNUQzQjlDNjE5QTFBNiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpjNjA3ZjJiNC1mZDJmLTRjOTgtOGU4Yy1kYTdlYWNkMTA1MzgiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wOkNyZWF0ZURhdGU9IjIwMTgtMDMtMTJUMTI6MDQ6NDAtMDU6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDI0LTA3LTA4VDE5OjMyOjAwLTA1OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDI0LTA3LTA4VDE5OjMyOjAwLTA1OjAwIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjYzOTM0Mjk0MkEyMDY4MTE4MjJBQTgwMzQyRDY3NDRGIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkYyQ0QyNkUzNEUyMzY4MTE4MjJBOTQwRjY3REJERjY4Ii8+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOmM2MDdmMmI0LWZkMmYtNGM5OC04ZThjLWRhN2VhY2QxMDUzOCIgc3RFdnQ6d2hlbj0iMjAyNC0wNy0wOFQxOTozMjowMC0wNTowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDI1LjkgKE1hY2ludG9zaCkiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDxwaG90b3Nob3A6VGV4dExheWVycz4gPHJkZjpCYWc+IDxyZGY6bGkgcGhvdG9zaG9wOkxheWVyTmFtZT0iREVDUkVBU0UiIHBob3Rvc2hvcDpMYXllclRleHQ9IkRFQ1JFQVNFIi8+IDwvcmRmOkJhZz4gPC9waG90b3Nob3A6VGV4dExheWVycz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4i/q74AAAIC0lEQVR42u2bP2hjRxDGpc6kvE64NFwhrrvSaVJc5yaNU6kKuEjhJo0gxYN0RxrXLgKuFC6dIEGFq1MlSEgbXLgJpDHBpBe8vE/e37tP4336Z90R8DsYLD3tzs6fb2ZnZ991yrLstPR8qTVCC4DWCC0A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');
}


/* Play */
.BigFootCashPlay {
  background-image: url('./play-Fyz_bQpt.png');
  height:226%;
  right:-5%;
  top:-116%;
  width: 29%;
}

.BigFootCashPlay:active {
  background-image: url('./play_pressed-BrTYeOoR.png');
  height:226%;
  right:-5%;
  top:-116%;
  width: 29%;
}

.BigFootCashPlay:disabled {
  background-image: url('./play_disable-Mg2Z4s2U.png');
  height:226%;
  right:-5%;
  top:-116%;
  width: 29%;
}

/* Stop */
.BigFootCashStop {
  background-image: url('./play-Fyz_bQpt.png');
  height:226%;
  right:-5%;
  top:-116%;
  width: 29%;
}

.BigFootCashStop:active {
  background-image: url('./play_pressed-BrTYeOoR.png');
  height:226%;
  right:-5%;
  top:-116%;
  width: 29%;
}

.BigFootCashStop:disabled {
  background-image: url('./play_disable-Mg2Z4s2U.png');
  height:226%;
  right:-5%;
  top:-116%;
  width: 29%;
}

/* Arrows */

.BigFootCash3LeftArrow {
  background-image: url('./leftarrow-CU6Btbet.png');
  top:61%;
}

.BigFootCash3LeftArrow1{    background-image: url('./leftarrow-CU6Btbet.png');

  background-size: 100% 100%;
  position: absolute;
  transform: rotate(45deg);
  height: 4%;
  width: 6%;
  left: 3%;
  top: 46.5%;
  background-color: transparent;
  border-style: none;
}
.BigFootCash3LeftArrow2{     background-image: url('./leftarrow-CU6Btbet.png');

    background-size: 100% 100%;
    position: absolute;
    height: 4%;
    width: 6%;
    left: 2%;
    top: 51%;
    background-color: transparent;
    border-style: none;
}
.BigFootCash3LeftArrow3{    background-image: url('./leftarrow-CU6Btbet.png');

    background-size: 100% 100%;
    position: absolute;
    height: 4%;
    width: 6%;
    left: 2%;
    top: 64%;
    background-color: transparent;
    border-style: none;
}
.BigFootCash3LeftArrow4{  background-image: url('./leftarrow-CU6Btbet.png');

    background-size: 100% 100%;
    position: absolute;
    height: 4%;
    width: 6%;
    left: 2%;
    top: 78%;
    background-color: transparent;
    border-style: none;
}
.BigFootCash3LeftArrow5{   background-image: url('./leftarrow-CU6Btbet.png');

    background-size: 100% 100%;
    position: absolute;
    transform: rotate(-215deg);
    height: 4%;
    width: 6%;
    left: 90%;
    top: 46%;
    background-color: transparent;
    border-style: none;
}

.BigFootCash3WinLine {
  background-image: url('./winLine-OcdAWZRF.png');
  top:62%;
  left:6.5%;
}

.BigFootCashWinFrame {
  background-image: url('./winFrame-CE_lzw3I.png');
  top:53.5%;
}
.BigFootCash3WinFrame {
  background-image: url('./winFrame-CE_lzw3I.png');
  top:53.5%;
}

/* Pop-up */
.BigFootCashPopUp {
  background-image: url('./popUp-ysql-kI7.png');
}
.BigFootCashPopUpFree {
  background-image: url('./popUp_FreeGames-DixpQAZ7.png');
}

.BigFootCashPopUpBonus {
  background-image: url('./popUp_Bonus-BvTj8aVu.png');
}


.BigFootCashPopUpText {
  text-align: center;
  font-family: 'Impact';
  font-size: 3em;
  color: white;
  white-space: pre-line;
  top:63%;
}


.BigFootCash3Logo {
  background-image: url('./Logo-D_Jris2t.png');

  height: 12%;
    width: 100%;
    left: -1%;
    top: 0%;
}

.BigFootCashPicksRemainingText
{
  position:absolute;
  height:6%;
  width:200%;
  top:450%;
  left:13%;
  font-family: 'Impact';
  color: #fff;
  font-weight: bolder;
  font-size: 4.5em;
  padding: 8% 0% 0% 10%;
  text-align: center;text-shadow:2px 2px 0 black, 
  2px 2px 0 black, 
  2px 2px 0 black, 
  -2px -2px 0 black,
  -2px -2px 0 black,
  0px 0px 0 black,
  0px 0px 0 black,
  0px 0 0 black;
}
.BigFootCashTotalBonusWinText {
  position:absolute;
  height:6%;
  width:100%;
  top:532%;
  left:-88%;
  font-family: 'Impact';
  color: #fff;
  font-weight: bolder;
  font-size: 3.5em;
  padding: 8% 0% 0% 10%;
  text-align: center;text-shadow:2px 2px 0 black, 
  2px 2px 0 black, 
  2px 2px 0 black, 
  -2px -2px 0 black,
  -2px -2px 0 black,
  0px 0px 0 black,
  0px 0px 0 black,
  0px 0 0 black;
}

/* Bonus Picks */
.BigFootCashBonusPick {
  position: absolute;
  width: 10%; /* Adjust width as needed */
  height: 5%; /* Adjust height as needed */
}

/* Positioning Bonus Picks in a 4x3 Grid */
.BigFootCashBonusPick1Idle, .BigFootCashBonusPick1Picked { top: 43%; left: 38%; }
.BigFootCashBonusPick2Idle, .BigFootCashBonusPick2Picked { top: 43%; left: 52.5%; }

.BigFootCashBonusPick3Idle, .BigFootCashBonusPick3Picked { top: 50%; left: 25%; }
.BigFootCashBonusPick4Idle, .BigFootCashBonusPick4Picked { top: 50%; left: 39%; }
.BigFootCashBonusPick5Idle, .BigFootCashBonusPick5Picked { top: 50%; left: 52%; }
.BigFootCashBonusPick6Idle, .BigFootCashBonusPick6Picked { top: 52%; left: 65.5%; }

.BigFootCashBonusPick7Idle, .BigFootCashBonusPick7Picked { top: 56.5%; left: 25%; }
.BigFootCashBonusPick8Idle, .BigFootCashBonusPick8Picked { top: 56.5%; left: 39%; }
.BigFootCashBonusPick9Idle, .BigFootCashBonusPick9Picked { top: 56.5%; left: 52%; }
.BigFootCashBonusPick10Idle, .BigFootCashBonusPick10Picked { top: 58.5%; left: 65.5%; }
.BigFootCashBonusPick11Idle, .BigFootCashBonusPick11Picked { top: 63.5%; left: 27%; }
.BigFootCashBonusPick12Idle, .BigFootCashBonusPick12Picked { top: 63%; left: 44.5%; }

.BigFootCashBonusPick1PickedText {
  position: absolute;
  font-size: 2em; /* Adjust as needed */
  -webkit-text-fill-color: white;
  -webkit-text-stroke: 1px black;
  font-family: 'Impact';top: 44%; left: 40%;text-shadow:2px 2px 0 black, 
  2px 2px 0 black, 
  2px 2px 0 black, 
  -2px -2px 0 black,
  -2px -2px 0 black,
  0px 0px 0 black,
  0px 0px 0 black,
  0px 0 0 black;
}

.BigFootCashBonusPick2PickedText {
  position: absolute;
  font-size: 2em; /* Adjust as needed */
  -webkit-text-fill-color: white;
  -webkit-text-stroke: 1px black;
  font-family: 'Impact';top: 44%; left: 54.5%;text-shadow:2px 2px 0 black, 
  2px 2px 0 black, 
  2px 2px 0 black, 
  -2px -2px 0 black,
  -2px -2px 0 black,
  0px 0px 0 black,
  0px 0px 0 black,
  0px 0 0 black;
}

.BigFootCashBonusPick3PickedText {
  position: absolute;
  font-size: 2em; /* Adjust as needed */
  -webkit-text-fill-color: white;
  -webkit-text-stroke: 1px black;
  font-family: 'Impact'; top: 51%; left: 27%;text-shadow:2px 2px 0 black, 
  2px 2px 0 black, 
  2px 2px 0 black, 
  -2px -2px 0 black,
  -2px -2px 0 black,
  0px 0px 0 black,
  0px 0px 0 black,
  0px 0 0 black;
}

.BigFootCashBonusPick4PickedText {
  position: absolute;
  font-size: 2em; /* Adjust as needed */
  -webkit-text-fill-color: white;
  -webkit-text-stroke: 1px black;
  font-family: 'Impact';top: 51%; left: 41%;text-shadow:2px 2px 0 black, 
  2px 2px 0 black, 
  2px 2px 0 black, 
  -2px -2px 0 black,
  -2px -2px 0 black,
  0px 0px 0 black,
  0px 0px 0 black,
  0px 0 0 black;
}

.BigFootCashBonusPick5PickedText {
  position: absolute;
  font-size: 2em; /* Adjust as needed */
  -webkit-text-fill-color: white;
  -webkit-text-stroke: 1px black;
  font-family: 'Impact';top: 51%; left: 54%;text-shadow:2px 2px 0 black, 
  2px 2px 0 black, 
  2px 2px 0 black, 
  -2px -2px 0 black,
  -2px -2px 0 black,
  0px 0px 0 black,
  0px 0px 0 black,
  0px 0 0 black;
}

.BigFootCashBonusPick6PickedText {
  position: absolute;
  font-size: 2em; /* Adjust as needed */
  -webkit-text-fill-color: white;
  -webkit-text-stroke: 1px black;
  font-family: 'Impact';top: 53%; left: 67.5%;text-shadow:2px 2px 0 black, 
  2px 2px 0 black, 
  2px 2px 0 black, 
  -2px -2px 0 black,
  -2px -2px 0 black,
  0px 0px 0 black,
  0px 0px 0 black,
  0px 0 0 black;
}

.BigFootCashBonusPick7PickedText {
  position: absolute;
  font-size: 2em; /* Adjust as needed */
  -webkit-text-fill-color: white;
  -webkit-text-stroke: 1px black;
  font-family: 'Impact';top: 57.5%; left: 27%;text-shadow:2px 2px 0 black, 
  2px 2px 0 black, 
  2px 2px 0 black, 
  -2px -2px 0 black,
  -2px -2px 0 black,
  0px 0px 0 black,
  0px 0px 0 black,
  0px 0 0 black;
}

.BigFootCashBonusPick8PickedText {
  position: absolute;
  font-size: 2em; /* Adjust as needed */
  -webkit-text-fill-color: white;
  -webkit-text-stroke: 1px black;
  font-family: 'Impact';top: 57.5%; left: 41%;text-shadow:2px 2px 0 black, 
  2px 2px 0 black, 
  2px 2px 0 black, 
  -2px -2px 0 black,
  -2px -2px 0 black,
  0px 0px 0 black,
  0px 0px 0 black,
  0px 0 0 black;
}

.BigFootCashBonusPick9PickedText {
  position: absolute;
  font-size: 2em; /* Adjust as needed */
  -webkit-text-fill-color: white;
  -webkit-text-stroke: 1px black;
  font-family: 'Impact';top: 57.5%; left: 54%;text-shadow:2px 2px 0 black, 
  2px 2px 0 black, 
  2px 2px 0 black, 
  -2px -2px 0 black,
  -2px -2px 0 black,
  0px 0px 0 black,
  0px 0px 0 black,
  0px 0 0 black;
}

.BigFootCashBonusPick10PickedText {
  position: absolute;
  font-size: 2em; /* Adjust as needed */
  -webkit-text-fill-color: white;
  -webkit-text-stroke: 1px black;
  font-family: 'Impact';top: 59.5%; left: 67.5%;text-shadow:2px 2px 0 black, 
  2px 2px 0 black, 
  2px 2px 0 black, 
  -2px -2px 0 black,
  -2px -2px 0 black,
  0px 0px 0 black,
  0px 0px 0 black,
  0px 0 0 black;
}

.BigFootCashBonusPick11PickedText {
  position: absolute;
  font-size: 2em; /* Adjust as needed */
  -webkit-text-fill-color: white;
  -webkit-text-stroke: 1px black;
  font-family: 'Impact';top: 64.5%; left: 29%;text-shadow:2px 2px 0 black, 
  2px 2px 0 black, 
  2px 2px 0 black, 
  -2px -2px 0 black,
  -2px -2px 0 black,
  0px 0px 0 black,
  0px 0px 0 black,
  0px 0 0 black;
}

.BigFootCashBonusPick12PickedText {
  position: absolute;
  font-size: 2em; /* Adjust as needed */
  -webkit-text-fill-color: white;
  -webkit-text-stroke: 1px black;
  font-family: 'Impact';top: 64%; left: 46.5%;text-shadow:2px 2px 0 black, 
  2px 2px 0 black, 
  2px 2px 0 black, 
  -2px -2px 0 black,
  -2px -2px 0 black,
  0px 0px 0 black,
  0px 0px 0 black,
  0px 0 0 black;
}


.reelSymbolBigFootCash {
  position: absolute;
  margin-top:20.5%;
  height:31%;
  left:-10.0%;
}
.reelSymbolBigFootCash3 {
  position: absolute;
  margin-top:20.5%;
  height:31%;
  left:-10.0%;
}

.WildPick5reelPlace1{
  position:absolute;
  height:9%;
  width:18%;
  left:2%;
  top:57%;
  z-index: 1000;
}
.WildPick5reelPlace1:hover{
  background-color: rgba(255, 0, 0, 0.363);
}


.WildPick5reelPlace2{
  position:absolute;
  height:9%;
  width:18%;
  left:21.5%;
  top:57%;
  z-index: 1000;
}
.WildPick5reelPlace2:hover{
  background-color: rgba(255, 0, 0, 0.363);
}
.WildPick5reelPlace3{
  position:absolute;
  height:9%;
  width:18%;
  left:41%;
  top:57%;
  z-index: 1000;
}
.WildPick5reelPlace3:hover{
  background-color: rgba(255, 0, 0, 0.363);
}



.WildPick5reelPlace4{
  position:absolute;
  height:9%;
  width:18%;
  left:61%;
  top:57%;
  z-index: 1000;
}
.WildPick5reelPlace4:hover{
  background-color: rgba(255, 0, 0, 0.363);
}

.WildPick5reelPlace5{
  position:absolute;
  height:9%;
  width:18%;
  left:80.5%;
  top:57%;
  z-index: 1000;
}
.WildPick5reelPlace5:hover{
  background-color: rgba(255, 0, 0, 0.363);
}

.WildPick5reelPlace6{
  position:absolute;
  height:9%;
  width:18%;
  left:2%;
  top:66.6%;
  z-index: 1000;
}
.WildPick5reelPlace6:hover{
  background-color: rgba(255, 0, 0, 0.363);
}




.WildPick5reelPlace7{
  position:absolute;
  height:9%;
  width:18%;
  left:21.5%;
  top:66.6%;
  z-index: 1000;
}
.WildPick5reelPlace7:hover{
  background-color: rgba(255, 0, 0, 0.363);
}

.WildPick5reelPlace8{
  position:absolute;
  height:9%;
  width:18%;
  left:41%;
  top:66.6%;
  z-index: 1000;
}
.WildPick5reelPlace8:hover{
  background-color: rgba(255, 0, 0, 0.363);
}

.WildPick5reelPlace9{
  position:absolute;
  
  height:9%;
  width:18%;
  left:61%;
  top:66.6%;
  z-index: 1000;
}
.WildPick5reelPlace9:hover{
  background-color: rgba(255, 0, 0, 0.363);
}


.WildPick5reelPlace10{
  position:absolute;
  
  height:9%;
  width:18%;
  left:80.5%;
  top:66.6%;
  z-index: 1000;
}
.WildPick5reelPlace10:hover{
  background-color: rgba(255, 0, 0, 0.363);
}

.WildPick5reelPlace11{
  position:absolute;
  
  height:9%;
  width:18%;
  left:2%;
  top:76.5%;
  z-index: 1000;
}
.WildPick5reelPlace11:hover{
  background-color: rgba(255, 0, 0, 0.363);
}

.WildPick5reelPlace12{
  position:absolute;
  
  height:9%;
  width:18%;
  left:21.5%;
  top:76.5%;
  z-index: 1000;
}
.WildPick5reelPlace12:hover{
  background-color: rgba(255, 0, 0, 0.363);
}


.WildPick5reelPlace13{
  position:absolute;
  
  height:9%;
  width:18%;
  left:41%;
  top:76.5%;
  z-index: 1000;
}
.WildPick5reelPlace13:hover{
  background-color: rgba(255, 0, 0, 0.363);
}


.WildPick5reelPlace14{
  position:absolute;
  
  height:9%;
  width:18%;
  left:61%;
  top:76.5%;
  z-index: 1000;
}
.WildPick5reelPlace14:hover{
  background-color: rgba(255, 0, 0, 0.363);
}

.WildPick5reelPlace15{
  position:absolute;
  
  height:9%;
  width:18%;
  left:80.5%;
  top:76.5%;
  z-index: 1000;
}
.WildPick5reelPlace15:hover{
  background-color: rgba(255, 0, 0, 0.363);
}

.BigFootCashWinFrame0 {
  background-image: url('./winFrame-CE_lzw3I.png');
  left:27.5%;
  height:24%;
  width:46%;
  top:30%;
  position:absolute;
}



/*  above is not used */

.BigFootCash3WinFrame1 {
  background-image: url('./winFrame-CE_lzw3I.png');
  left:-2.5%;
  height:24%;
  width:46%;
  top:68.5%;
  position:absolute;
}
.BigFootCash3WinFrame2 {
  background-image: url('./winFrame-CE_lzw3I.png');
  left:-2.5%;
  height:24%;
  width:46%;
  top:55%;
  position:absolute;
}
.BigFootCash3WinFrame3 {
  background-image: url('./winFrame-CE_lzw3I.png');
  left:-2.5%;
  height:24%;
  width:46%;
  top:41.5%;
  position:absolute;
}
.BigFootCash3WinFrame4 {
  background-image: url('./winFrame-CE_lzw3I.png');
  left:27.5%;
  height:24%;
  width:46%;
  top:30%;
  position:absolute;
}
.BigFootCash3WinFrame5 {
  background-image: url('./winFrame-CE_lzw3I.png');
  left:27.5%;
  height:24%;
  width:46%;
  top:30%;
  position:absolute;
}
.BigFootCash3WinFrame6 {
  background-image: url('./winFrame-CE_lzw3I.png');
  left:27.5%;
  height:24%;
  width:46%;
  top:68.5%;
  position:absolute;
}

.BigFootCash3WinFrame7 {
  background-image: url('./winFrame-CE_lzw3I.png');
  left:27.5%;
  height:24%;
  width:46%;
  top:55%;
  position:absolute;
}
.BigFootCash3WinFrame8 {
  background-image: url('./winFrame-CE_lzw3I.png');
  left:27.5%;
  height:24%;
  width:46%;
  top:41.5%;
  position:absolute;
}
.BigFootCash3WinFrame9 {
  background-image: url('./winFrame-CE_lzw3I.png');
  left:27.5%;
  height:24%;
  width:46%;
  top:30%;
  position:absolute;
}
.BigFootCash3WinFrame10 {
  background-image: url('./winFrame-CE_lzw3I.png');
  left:27.5%;
  height:24%;
  width:46%;
  top:30%;
  position:absolute;
}
.BigFootCash3WinFrame11 {
  background-image: url('./winFrame-CE_lzw3I.png');
  left:57.5%;
  height:24%;
  width:46%;
  top:68.5%;
  position:absolute;
}
.BigFootCash3WinFrame12 {
  background-image: url('./winFrame-CE_lzw3I.png');
  left:57.5%;
  height:24%;
  width:46%;
  top:55%;
  position:absolute;
}
.BigFootCash3WinFrame13 {
  background-image: url('./winFrame-CE_lzw3I.png');
  left:57.5%;
  height:24%;
  width:46%;
  top:41.5%;
  position:absolute;
}


.jewelArea{
  position: absolute;
  height: 100vh;
  width: 100vw;
}
.jewelDivMotion{
  position: absolute;
  width: 100%;
  height: 11%;
}
.blueJewel{
  position: absolute;
  background-size: 100% 100%;
  background-image: url('./Bubble-nul9UKAP.png');
  width: 11vh;
  height: 11vh;
}
.jewel1{
  left:15%
}
.jewel2{
  left:29%;
}
.jewel3{
  left:43%
}
.jewel4{
  left:57%;
}
.jewel5{
  left:71%
}
.jewelText1{
  left:14%
}
.jewelText2{
  left:28%
}
.jewelText3{
  left:42%
}
.jewelText4{
  left:56%
}
.jewelText5{
  left:70%
}
.jewelText{
  background-image: linear-gradient(60deg,#ffa700,#ffddab);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: #ffe764;
  color: transparent;
  font-family: 'Luxury';
  font-size: 3.5vw;
  position: absolute;
  height: 15vh;
  width: 15vh;
  font-weight: 700;
  text-align: center;
  padding: 5% 0% 0% 0%;
}

.iconWrapper {
 /* position: relative;*/
 /* display: inline-block;*/
  width: 100%; /* Adjust based on your reel layout */
  height: 150px; /* Match the size of the icons */
}

.iconWrapper img {
  display: block;
  width: 100%;
  height: auto;
}

.iconLabel {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  font-size: 28px;
  font-weight: bold;
  pointer-events: none; /* Allows user interaction with the icon itself */
}

.BigFootCash3PayTableItem {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #fff;
  -webkit-text-fill-color: white;
  font-family: 'Impact';
  -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; 
      user-select: none;
}


.BigFootCashreel1{
  left:10.5%;    -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; 
      user-select: none;
}
.BigFootCashreel2{
  left:38%;    -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; 
      user-select: none;
}
.BigFootCashreel3{
  left: 66%;    -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; 
      user-select: none;
}

.BigFootCash3Reel1{
  left:6.5%;    -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; 
      user-select: none;
}
.BigFootCash3Reel2{
  left:35%;    -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; 
      user-select: none;
}
.BigFootCash3Reel3{
  left: 63.5%;    -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; 
      user-select: none;
}.single-icon-reel {
  width: 10%;
  height: auto;
  border: 2px solid #ccc;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  font-weight: bold;
  position: relative;
  background-color: transparent; /* Remove direct background color */
  overflow: hidden; /* Ensure the pseudo-element doesn't overflow */
}

.single-icon-reel::before {
  content: '';
  position: absolute;
  top: -5%; /* Adjust position to center the oversized image */
  left: -5%; /* Adjust position to center the oversized image */
  width: 110%; /* Make the background larger than the parent */
  height: 110%; /* Make the background larger than the parent */
  background-size: cover; /* Scale background to cover the pseudo-element */
  background-repeat: no-repeat; /* Ensure the image doesn't repeat */
  z-index: 0; /* Position it behind the reel content */
  background-color: rgba(0, 0, 0, 0.5) !important; /* Debug visibility */
}
  .single-icon-reel.locked {
    background-color: gold;
    border-color: #ffcc00;
  }
  
  .icon-value {
    position: absolute;
  }
  
  .bonus-game {
    display: flex;
    flex-direction: column;
    align-items: center;
    top: 38.4%; /* Relative to parent height */
    height: 36.7%; /* Relative to parent height */
    width: 100%; /* Full width of the parent container */
  }
  
  .reels-grid {
    display: grid;
    grid-template-columns: repeat(3,  1fr);
    gap: 5%;
  }
  
  .controls button {
    padding: 10px 20px;
    font-size: 16px;
    cursor: pointer;
  }

  .iconWrapper2 {
   /* position: relative;*/
   /* display: inline-block;*/
    width: 100%; /* Adjust based on your reel layout */
    height: 100%; /* Match the size of the icons */
  }
  
  .iconWrapper2 img {
    display: block;
    width: 100%;
    height: 100%;
  }
  .iconLabel {
    position: relative;
    top: -60%;
    margin-left: 0%;
    width: 100%;
    /* transform: translate(-50%, -50%); */
    color: #000;
    text-shadow: #ffcc00 1px 1px;
    text-shadow: #ffcc00 -1px -1px;
    text-shadow: #ffcc00 -1px 1px;
    text-shadow: #ffcc00 1px -1px;
    font-size: 28px;
    font-weight: bold;
    pointer-events: none;
    /* background: red; */
    display: block;
    text-align: center;
}.demo-button {
    background: #007bff;
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: background 0.3s ease;
  }
  
  .demo-button:hover {
    background: #0056b3;
  }
  
  .demo-options-menu button {
    background: #f8f9fa;
    color: #333;
    border: 1px solid #ccc;
    border-radius: 5px;
    cursor: pointer;
    transition: background 0.3s ease;
  }
  
  .demo-options-menu button:hover {
    background: #e9ecef;
  }
  .flashScreen {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: white;
    z-index: 10000;  /* Ensure it appears on top of all content */
    animation: flashAnimation 0.2s ease-out;
  }
  
  @keyframes flashAnimation {
    0% {
      opacity: 0;
    }
    50% {
      opacity: 1;
    }
    100% {
      opacity: 0;
    }
  }
  .CopAPenny{
      position: absolute;
      top: 21%;
      left: 7%;
      width:70px;
      height:50px;
      border: none;
      cursor: pointer;
      z-index: 1001;
      background: transparent;
      background-image: url('./CPB-DVXKJ05_.png');
      background-size:cover;
  }/* Ensure #app element has its own CSS */
#app {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}

/* Setting root font size for scaling */
html {
  font-size: calc((100vw / 1080) * 100%);
}

body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: black;
}

/* General styles */
.DollaweenJackpots {
  background-image: url('./jackpots-DrKLnmTX.png');
  height: 27%;
  width: 162%;
  left: -31%;
  top:7%;
}


/* Jackpot Text */
.DollaweenMegaText
{
  font-family: 'Impact';
  font-size: 4.5em;
  color:greenyellow;
  padding: 1% 0% 0% 0%;
  WIDTH:100%;
  left:0%;

  height: 4%;
  top: 9%;
}
.DollaweenMajorText{
  font-family: 'Impact';
  font-size: 4em;
  color:greenyellow;
  padding: 3.1% 0% 0% 0%;
  WIDTH:100%;
  left:0%;
  height: 4%;
  top: 17%;
}
.DollaweenMinorText {
  font-family: 'Impact';
  font-size: 3.5em;
  color:greenyellow;
  padding: 2.5% 0% 0% 0%;
  WIDTH:100%;
  left:0%;
  height: 4%;
  top: 26.5%;
}

/* Pay Table */
.DollaweenPayTablePay::before{

  -webkit-text-stroke: 2px black;
}
.DollaweenPayTablePay {
  width: 6%;
  font-size: 1.6em;
  color: #fff;
  -webkit-text-fill-color: white;
  text-shadow:2px 2px 0 black, 
    2px 2px 0 black, 
    2px 2px 0 black, 
    -2px -2px 0 black,
    -2px -2px 0 black,
    0px 0px 0 black,
    0px 0px 0 black,
    0px 0 0 black;
  font-family: 'Impact';
  padding-left:2%;
}

.DollaweenReelBg {
  background-image: url('./reelBg-B7eJx4bZ.png');
  height:66%;
  width:99%;
  left:1%;
  top:32.9%;
}

/* Free Game Panel */
.DollaweenFreeGamePanel {  
  top:90%;
  width:26%;
  height:3%;
  left:74%;
}

.DollaweenFreeGamePanelText {
  color: white;
  font-family: 'Impact';
  font-size: 3em;
  top:90%;
  left:63%;
}

/* Button UI */
.DollaweenButtonUIBg {
  background-size: 100% 100%;
  position: absolute;
  height: 18%;
  width: 100%;
  left: 0%;
  bottom: 0%;
  background-image: url('./buttonUIBg-uZh3qGYv.png');
}

/* Credits */
.DollaweenCredits {
  background-image: url('./credits-8Y8T_eA1.png');
  height: 235%;
  width: 23%;
  left: 2.3%;
  top: -43%;
}

.DollaweenCreditsText {
  color: white;
  font-family: 'Impact';
  font-size: 2em;
  padding: 5% 0% 0% 0%;

   height: 80%;
    width: 100%;
    top:40%;
}

.Dollaweenreel1{
  left:11.5%;    -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; 
      user-select: none;
}
.Dollaweenreel2{
  left:41%;    -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; 
      user-select: none;
}
.Dollaweenreel3{
  left: 71.3%;    -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; 
      user-select: none;
}
/* Game Win */
.DollaweenGameWin {
  background-image: url('./gameWin-DzOAN0ca.png');
  height:132%;
  width:21%;
  left:59%;
  top:10%;
}

.DollaweenGameWinText {
  color: white;
  font-family: 'Impact';
  font-size: 2em;
  padding: 5% 0% 0% 0%;
  
  height: 80%;
  width: 100%;
  top:30%;
}

/* Info */
.DollaweenInfo {
  background-image: url('./info-e759gtwc.png');
}

.DollaweenInfo:active {
  background-image: url('data:image/png;base64,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UmVhZHlxyWU8AAADcGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgOS4xLWMwMDEgNzkuMTQ2Mjg5OTc3NywgMjAyMy8wNi8yNS0yMzo1NzoxNCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpGMkNEMjZFMzRFMjM2ODExODIyQTk0MEY2N0RCREY2OCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0MTI4RjI4QTM1N0MxMUVGOENEM0EyQjMxOThCNzQ0RSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0MTI4RjI4OTM1N0MxMUVGOENEM0EyQjMxOThCNzQ0RSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OWExYWRhMzktNmQxMC00MGYxLTg4YTQtOTgxY2E4ZDFlZjc0IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkM2RjA2ODY5OEIwRDExRTU5RjA1RDNCOUM2MTlBMUE2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+wbq+gQAAAYdJREFUeNrsm4FtwyAQRUuVBbxCMkJXaFZJR8AjJCPUK2QFr5AVMkI9gntItDpZbQGDiV29L50sMHc4X3DcR4oZx/EJ1MUzFEA6pANIh3QA6ZAOIH112OUGMMZ8qysRWqaUn34fiVbiXHK/y/ue5fHim+7ZqNe92CB2E+sk9pBMmlOkOeZCfFlJP/0+0myJ75oxt02Nv9vIjmwjxtwWnFvHdiv/JLb37bPsjEbIbKN3Uu7dS430kpoeCqSXoK+MsY5w1XWQsXcO0gXhz4+r6jpRvdRBN0k7pJcl00vOPKx0xNG24KoW1RwgvQ5eJ6KpjiL9oYxaYkUF42o1WhF2DulFFelcKxG3lFKOVMsurbyrcR+u778p0kfmbasUaaMUqc7nbyl3MJSMAd8A7p7wPiU+Kz2O2P0kd7u+Xsi+zgkI6eEz70CdjjgCkA7pANJXhE1UL7HXC79dBUT6D+LfVfk9WxBHCeWdyfB3dfexhDAjvaxx5/KnAA5SSAeQDukA0iEd/I1PAQYAQKFIQ8jOLLUAAAAASUVORK5CYII=');
}

/* Exit */
.DollaweenExit {
  background-image: url('./exit-BN1qRw8M.png');
}

.DollaweenExit:active {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGkAAAAlCAYAAABBGMctAAAACXBIWXMAAAsTAAALEwEAmpwYAAAHpGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgOS4xLWMwMDEgNzkuMTQ2Mjg5OSwgMjAyMy8wNi8yNS0yMDowMTo1NSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczpzdEV2dD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlRXZlbnQjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6RjJDRDI2RTM0RTIzNjgxMTgyMkE5NDBGNjdEQkRGNjgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RUVBNEJGQkU4QjBEMTFFNTlGMDVEM0I5QzYxOUExQTYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDkyYmU2NDItNWY0MC1iNjRlLWFiY2YtNGRmNzQwNjkyYjVkIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzYgKE1hY2ludG9zaCkiIHhtcDpDcmVhdGVEYXRlPSIyMDE4LTAzLTEyVDEyOjA0OjQwLTA2OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyNC0wNi0yOFQxMzozMzo1Ny0wNTowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyNC0wNi0yOFQxMzozMzo1Ny0wNTowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2MzkzNDI5NDJBMjA2ODExODIyQUE4MDM0MkQ2NzQ0RiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGMkNEMjZFMzRFMjM2ODExODIyQTk0MEY2N0RCREY2OCIvPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDpjZmNmNTY0NC02ZDMzLTQ5ZTEtYTY5OS03YWIwM2M3Y2YxNTkiIHN0RXZ0OndoZW49IjIwMjQtMDYtMTlUMTY6MzE6MTgtMDY6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyNS45IChNYWNpbnRvc2gpIiBzdEV2dDpjaGFuZ2VkPSIvIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDo0OTJiZTY0Mi01ZjQwLWI2NGUtYWJjZi00ZGY3NDA2OTJiNWQiIHN0RXZ0OndoZW49IjIwMjQtMDYtMjhUMTM6MzM6NTctMDU6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyNS4wIChXaW5kb3dzKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPHBob3Rvc2hvcDpUZXh0TGF5ZXJzPiA8cmRmOkJhZz4gPHJkZjpsaSBwaG90b3Nob3A6TGF5ZXJOYW1lPSJFWElUIiBwaG90b3Nob3A6TGF5ZXJUZXh0PSJFWElUIi8+IDwvcmRmOkJhZz4gPC9waG90b3Nob3A6VGV4dExheWVycz4gPHBob3Rvc2hvcDpEb2N1bWVudEFuY2VzdG9ycz4gPHJkZjpCYWc+IDxyZGY6bGk+eG1wLmRpZDpkNzdkNzY3Yy1iNmYwLTVlNDUtYWZiYS1lMTE1ZjdjZGE0YWE8L3JkZjpsaT4gPC9yZGY6QmFnPiA8L3Bob3Rvc2hvcDpEb2N1bWVudEFuY2VzdG9ycz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5eU4TeAAACZUlEQVRoge2a/VHDMAzFn9igK4QRwghhBFYoI4QRygh0BBihHYGOQEcgIzz+iHMIJ2md5qNW8e/Od7Ub2++iypbsCkkk4ubu2gIS50lGMkAykgGSkQyQjGSAZCQDJCMZYBEjiQgHltKVpv4tIquAeTJvnKJPx4W6WmWud6aJ1pNIvgI4uuoKwDqgW6k+f5DcTy7sCsgSJw7eL+4loMuB5N55ws61VQAeSB67OoQ8q3WQFBHRRvXZhGh2P6Z5ITl7AcCmXNB3p/q/BT5XjtUxRvPUZXFPIikD++YAPlXTfYeHPAF4d9UjyfuxOsZonppo96QGkgcAW9W06XhMtz3Pq+gKxL7cuf4rAN9qnEJ9V6r296l0jNU8ZYnekwCAZAVAb9AlALiwvNn8K4QFJeYwYSSgFZIXLppbo/YyAHj196pbIfrAwRtHBwh7ADlqI/UGC5fqiClwiDJP4oncQ0R2AAqv+ZEBiWsy0qlJBh6fnHopHSH5geTDUB2WjGRmT1LkXj0TkewqShZicSORlHOlr68XzTV0td0U1jxpDaDxmhfUYTcArP0T75vCQjLrxsjwm9B+dSSyn1PqmELzv0pmHRuonAho5U65iIRcZ5jDRJ7kXUP8yYm83KlCfQBboYMU3c1L7wEqyQ/UiS0Qfjloi9j3JNQvvem/63km13MAyNKetBAu5NZe1HkSwfZ1xtucupYmymMhoA4K3PV2Y6Q9yccTc2SoTyKa4KJ1VGR1T1p8uRtQMq9eBMyjQ/KvtNzNj16ytr5X9LDFb4KbnfmjiRkWWe4S44jZkxKOZCQDJCMZIBnJAD83qoKSMu7fSwAAAABJRU5ErkJggg==');
}

/* Entries */
.DollaweenEntriesIncrease {
  background-image: url('./entriesincrease-BRDkTUPT.png');
  color: #fff;
  font-family: 'Impact';
  -webkit-text-fill-color: white;
  -webkit-text-stroke: 1px #e3e3e3;
  text-shadow: 2px 2px 9px black;
  font-size: 2em;
  padding: 0% 0% 2.5% 0%;
  height:73%;
}

.DollaweenEntriesIncrease:active {
  background-image: url('./entriesincrease_pressed-BTv8N0uY.png');
}

.DollaweenEntriesDecrease {
  background-image: url('./entriesdecrease-Bvm2PxCg.png');
  color: #fff;
  font-family: 'Impact';
  -webkit-text-fill-color: white;
  -webkit-text-stroke: 1px #e3e3e3;
  text-shadow: 2px 2px 9px black;
  font-size: 2em;
  padding: 0% 0% 2.5% 0%;
  height:73%;
}

.DollaweenEntriesDecrease:active {
  background-image: url('./entriesdecrease_pressed-pOvkcJPE.png');
}


/* Play */
.DollaweenPlay {
  background-image: url('./play-C76rtV1r.png');
  height:226%;
  right:0%;
  top:-116%;
  width: 29%;
}

.DollaweenPlay:active {
  background-image: url('./play_pressed-CPhz1u_N.png');
  height:226%;
  right:0%;
  top:-116%;
  width: 29%;
}

.DollaweenPlay:disabled {
  background-image: url('./play_disable-DoonisCV.png');
  height:226%;
  right:0%;
  top:-116%;
  width: 29%;
}

/* Stop */
.DollaweenStop {
  background-image: url('./play-C76rtV1r.png');
  height:226%;
  right:0%;
  top:-116%;
  width: 29%;
}

.DollaweenStop:active {
  background-image: url('./play_pressed-CPhz1u_N.png');
  height:226%;
  right:0%;
  top:-116%;
  width: 29%;
}

.DollaweenStop:disabled {
  background-image: url('./play_disable-DoonisCV.png');
  height:226%;
  right:0%;
  top:-116%;
  width: 29%;
}

/* Arrows */
.DollaweenLeftArrow {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFYAAABMCAYAAAD3G0AKAAAACXBIWXMAAAsTAAALEwEAmpwYAAAGkGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgOS4xLWMwMDEgNzkuMTQ2Mjg5OSwgMjAyMy8wNi8yNS0yMDowMTo1NSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczpzdEV2dD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlRXZlbnQjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6RjJDRDI2RTM0RTIzNjgxMTgyMkE5NDBGNjdEQkRGNjgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTk1NjVCRENCMTc0MTFFNUI3MkRGMDFGRUUyNzYyQjEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MGFkOGE4NDEtMTNkMS0wNDQxLTlhZWMtNzNlODc2ZmRjNzkzIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzYgKE1hY2ludG9zaCkiIHhtcDpDcmVhdGVEYXRlPSIyMDE4LTAzLTEyVDExOjM5OjQ2LTA2OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyNC0wNi0yOFQxMzoyNzowNS0wNTowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyNC0wNi0yOFQxMzoyNzowNS0wNTowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5RUNCMUQ0MDBGMjA2ODExODA4Mzk3ODEzMEZBRDQwQSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGMkNEMjZFMzRFMjM2ODExODIyQTk0MEY2N0RCREY2OCIvPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDo4MWRmZWExNC1kYTQxLTRkMzktOWZiMi1kZjgwYTUzNTQ4OWEiIHN0RXZ0OndoZW49IjIwMjQtMDYtMTlUMTY6MzU6MDgtMDY6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyNS45IChNYWNpbnRvc2gpIiBzdEV2dDpjaGFuZ2VkPSIvIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDowYWQ4YTg0MS0xM2QxLTA0NDEtOWFlYy03M2U4NzZmZGM3OTMiIHN0RXZ0OndoZW49IjIwMjQtMDYtMjhUMTM6Mjc6MDUtMDU6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyNS4wIChXaW5kb3dzKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6XNF6GAAAAwUlEQVR4nO3QgQkAIRDAsPf33/lcwiJIMkHpmpmP8/7bAa8yNmJsxNiIsRFjI8ZGjI0YGzE2YmzE2IixEWMjxkaMjRgbMTZibMTYiLERYyPGRoyNGBsxNmJsxNiIsRFjI8ZGjI0YGzE2YmzE2IixEWMjxkaMjRgbMTZibMTYiLERYyPGRoyNGBsxNmJsxNiIsRFjI8ZGjI0YGzE2YmzE2IixEWMjxkaMjRgbMTZibMTYiLERYyPGRoyNGBsxNmJsZAPs7gOVay5sSwAAAABJRU5ErkJggg==');
}

.DollaweenWinLine {
  background-image: url('./winLine-OcdAWZRF.png');
  top:62%;
  left:6.5%;
}

.DollaweenRightArrow {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFYAAABMCAYAAAD3G0AKAAAACXBIWXMAAAsTAAALEwEAmpwYAAAGjmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgOS4xLWMwMDEgNzkuMTQ2Mjg5OSwgMjAyMy8wNi8yNS0yMDowMTo1NSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczpzdEV2dD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlRXZlbnQjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6RjJDRDI2RTM0RTIzNjgxMTgyMkE5NDBGNjdEQkRGNjgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTk1NjVCRENCMTc0MTFFNUI3MkRGMDFGRUUyNzYyQjEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6YjEyMjJiZDMtYjg5OC0zZjQxLWE0YzktZGU4NDI3NTczMmVhIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzYgKE1hY2ludG9zaCkiIHhtcDpDcmVhdGVEYXRlPSIyMDI0LTA1LTI4VDE3OjE5OjAwLTA1OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyNC0wNi0yOFQxMzozODowMi0wNTowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyNC0wNi0yOFQxMzozODowMi0wNTowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5RUNCMUQ0MDBGMjA2ODExODA4Mzk3ODEzMEZBRDQwQSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGMkNEMjZFMzRFMjM2ODExODIyQTk0MEY2N0RCREY2OCIvPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDplODJiYjU2NS0zYTc1LTNlNGItOTFkYy1iNDg4NmRhMGQ5NDAiIHN0RXZ0OndoZW49IjIwMjQtMDUtMjhUMTc6MTk6MTktMDU6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyNS4wIChXaW5kb3dzKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6YjEyMjJiZDMtYjg5OC0zZjQxLWE0YzktZGU4NDI3NTczMmVhIiBzdEV2dDp3aGVuPSIyMDI0LTA2LTI4VDEzOjM4OjAyLTA1OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgMjUuMCAoV2luZG93cykiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+5/uGsgAAAMFJREFUeJzt0IEJACEQwLD399/5XMIiSDJB6ZqZj/P+2wGvMjZibMTYiLERYyPGRoyNGBsxNmJsxNiIsRFjI8ZGjI0YGzE2YmzE2IixEWMjxkaMjRgbMTZibMTYiLERYyPGRoyNGBsxNmJsxNiIsRFjI8ZGjI0YGzE2YmzE2IixEWMjxkaMjRgbMTZibMTYiLERYyPGRoyNGBsxNmJsxNiIsRFjI8ZGjI0YGzE2YmzE2IixEWMjxkaMjRgbMTZibGQD7O4DlWsubEsAAAAASUVORK5CYII=');
}

.DollaweenWinFrame {
  background-image: url('./winFrame-CTl8gzMI.png');
}

/* Pop-up */
.DollaweenPopUp {
  background-image: url('./popUp-DR74N-o7.png');
}
.DollaweenPopUpFree {
  background-image: url('./popUp_FreeGames-38g962S-.png');
}

.DollaweenPopUpBonus {
  background-image: url('./popUp_Bonus-BRBfEasr.png');
}


.DollaweenPopUpText {
  text-align: center;
  font-family: 'Impact';
  font-size: 4em;
  color: black;
  white-space: pre-line;
}


.DollaweenLogo {
  background-image: url('./Logo-CMnYJoyv.png');

  height: 6%;
    width: 58%;
    left: 21%;
    top: 1%;
}

.DollaweenPicksRemainingText
{
  position:absolute;
  height:6%;
  width:17%;
  top:41.4%;
  left:361%;
  font-family: 'Impact';
  color: #fff;
  font-weight: bolder;
  font-size: 1.5em;
  padding: 8% 0% 0% 10%;
  text-align: center;text-shadow:2px 2px 0 black, 
  2px 2px 0 black, 
  2px 2px 0 black, 
  -2px -2px 0 black,
  -2px -2px 0 black,
  0px 0px 0 black,
  0px 0px 0 black,
  0px 0 0 black;
}
.DollaweenTotalBonusWinText {
  position:absolute;
  height:6%;
  width:17%;
  top:53.5%;
  left:61%;
  font-family: 'Impact';
  color: #fff;
  font-weight: bolder;
  font-size: 4.5em;
  padding: 8% 0% 0% 10%;
  text-align: center;text-shadow:2px 2px 0 black, 
  2px 2px 0 black, 
  2px 2px 0 black, 
  -2px -2px 0 black,
  -2px -2px 0 black,
  0px 0px 0 black,
  0px 0px 0 black,
  0px 0 0 black;
}

/* Bonus Picks */
.DollaweenBonusPick {
  position: absolute;
  width: 10%; /* Adjust width as needed */
  height: 5%; /* Adjust height as needed */
}

/* Positioning Bonus Picks in a 4x3 Grid */
.DollaweenBonusPick1Idle, .DollaweenBonusPick1Picked { top: 69%; left: 10%; }
.DollaweenBonusPick2Idle, .DollaweenBonusPick2Picked { top: 69%; left: 32%; }
.DollaweenBonusPick3Idle, .DollaweenBonusPick3Picked { top: 69%; left: 54%; }
.DollaweenBonusPick4Idle, .DollaweenBonusPick4Picked { top: 69%; left: 77%; }

.DollaweenBonusPick5Idle, .DollaweenBonusPick5Picked { top: 77%; left: 10%; }
.DollaweenBonusPick6Idle, .DollaweenBonusPick6Picked { top: 77%; left: 32%; }
.DollaweenBonusPick7Idle, .DollaweenBonusPick7Picked { top: 77%; left: 54%; }
.DollaweenBonusPick8Idle, .DollaweenBonusPick8Picked { top: 77%; left: 77%; }

.DollaweenBonusPick9Idle, .DollaweenBonusPick9Picked { top: 85%; left: 10%; }
.DollaweenBonusPick10Idle, .DollaweenBonusPick10Picked { top: 85%; left: 32%; }
.DollaweenBonusPick11Idle, .DollaweenBonusPick11Picked { top: 85%; left: 54%; }
.DollaweenBonusPick12Idle, .DollaweenBonusPick12Picked { top: 85%; left: 77%; }

.DollaweenBonusPick1PickedText {
  position: absolute;
  font-size: 2em; /* Adjust as needed */
  -webkit-text-fill-color: white;
  -webkit-text-stroke: 1px black;
  font-family: 'Impact';top: 71%; left: 11%;text-shadow:2px 2px 0 black, 
  2px 2px 0 black, 
  2px 2px 0 black, 
  -2px -2px 0 black,
  -2px -2px 0 black,
  0px 0px 0 black,
  0px 0px 0 black,
  0px 0 0 black;
}

.DollaweenBonusPick2PickedText {
  position: absolute;
  font-size: 2em; /* Adjust as needed */
  -webkit-text-fill-color: white;
  -webkit-text-stroke: 1px black;
  font-family: 'Impact';top: 71%; left: 33%;text-shadow:2px 2px 0 black, 
  2px 2px 0 black, 
  2px 2px 0 black, 
  -2px -2px 0 black,
  -2px -2px 0 black,
  0px 0px 0 black,
  0px 0px 0 black,
  0px 0 0 black;
}

.DollaweenBonusPick3PickedText {
  position: absolute;
  font-size: 2em; /* Adjust as needed */
  -webkit-text-fill-color: white;
  -webkit-text-stroke: 1px black;
  font-family: 'Impact'; top: 71%; left: 55%;text-shadow:2px 2px 0 black, 
  2px 2px 0 black, 
  2px 2px 0 black, 
  -2px -2px 0 black,
  -2px -2px 0 black,
  0px 0px 0 black,
  0px 0px 0 black,
  0px 0 0 black;
}

.DollaweenBonusPick4PickedText {
  position: absolute;
  font-size: 2em; /* Adjust as needed */
  -webkit-text-fill-color: white;
  -webkit-text-stroke: 1px black;
  font-family: 'Impact';top: 71%; left: 78%;text-shadow:2px 2px 0 black, 
  2px 2px 0 black, 
  2px 2px 0 black, 
  -2px -2px 0 black,
  -2px -2px 0 black,
  0px 0px 0 black,
  0px 0px 0 black,
  0px 0 0 black;
}

.DollaweenBonusPick5PickedText {
  position: absolute;
  font-size: 2em; /* Adjust as needed */
  -webkit-text-fill-color: white;
  -webkit-text-stroke: 1px black;
  font-family: 'Impact';top: 78%; left: 11%;text-shadow:2px 2px 0 black, 
  2px 2px 0 black, 
  2px 2px 0 black, 
  -2px -2px 0 black,
  -2px -2px 0 black,
  0px 0px 0 black,
  0px 0px 0 black,
  0px 0 0 black;
}

.DollaweenBonusPick6PickedText {
  position: absolute;
  font-size: 2em; /* Adjust as needed */
  -webkit-text-fill-color: white;
  -webkit-text-stroke: 1px black;
  font-family: 'Impact';top: 78%; left: 33%;text-shadow:2px 2px 0 black, 
  2px 2px 0 black, 
  2px 2px 0 black, 
  -2px -2px 0 black,
  -2px -2px 0 black,
  0px 0px 0 black,
  0px 0px 0 black,
  0px 0 0 black;
}

.DollaweenBonusPick7PickedText {
  position: absolute;
  font-size: 2em; /* Adjust as needed */
  -webkit-text-fill-color: white;
  -webkit-text-stroke: 1px black;
  font-family: 'Impact';top: 78%; left: 55%;text-shadow:2px 2px 0 black, 
  2px 2px 0 black, 
  2px 2px 0 black, 
  -2px -2px 0 black,
  -2px -2px 0 black,
  0px 0px 0 black,
  0px 0px 0 black,
  0px 0 0 black;
}

.DollaweenBonusPick8PickedText {
  position: absolute;
  font-size: 2em; /* Adjust as needed */
  -webkit-text-fill-color: white;
  -webkit-text-stroke: 1px black;
  font-family: 'Impact';top: 78%; left: 78%;text-shadow:2px 2px 0 black, 
  2px 2px 0 black, 
  2px 2px 0 black, 
  -2px -2px 0 black,
  -2px -2px 0 black,
  0px 0px 0 black,
  0px 0px 0 black,
  0px 0 0 black;
}

.DollaweenBonusPick9PickedText {
  position: absolute;
  font-size: 2em; /* Adjust as needed */
  -webkit-text-fill-color: white;
  -webkit-text-stroke: 1px black;
  font-family: 'Impact';top: 86%; left: 11%;text-shadow:2px 2px 0 black, 
  2px 2px 0 black, 
  2px 2px 0 black, 
  -2px -2px 0 black,
  -2px -2px 0 black,
  0px 0px 0 black,
  0px 0px 0 black,
  0px 0 0 black;
}

.DollaweenBonusPick10PickedText {
  position: absolute;
  font-size: 2em; /* Adjust as needed */
  -webkit-text-fill-color: white;
  -webkit-text-stroke: 1px black;
  font-family: 'Impact';top: 86%; left: 33%;text-shadow:2px 2px 0 black, 
  2px 2px 0 black, 
  2px 2px 0 black, 
  -2px -2px 0 black,
  -2px -2px 0 black,
  0px 0px 0 black,
  0px 0px 0 black,
  0px 0 0 black;
}

.DollaweenBonusPick11PickedText {
  position: absolute;
  font-size: 2em; /* Adjust as needed */
  -webkit-text-fill-color: white;
  -webkit-text-stroke: 1px black;
  font-family: 'Impact';top: 86%; left: 55%;text-shadow:2px 2px 0 black, 
  2px 2px 0 black, 
  2px 2px 0 black, 
  -2px -2px 0 black,
  -2px -2px 0 black,
  0px 0px 0 black,
  0px 0px 0 black,
  0px 0 0 black;
}

.DollaweenBonusPick12PickedText {
  position: absolute;
  font-size: 2em; /* Adjust as needed */
  -webkit-text-fill-color: white;
  -webkit-text-stroke: 1px black;
  font-family: 'Impact';top: 86%; left: 78%;text-shadow:2px 2px 0 black, 
  2px 2px 0 black, 
  2px 2px 0 black, 
  -2px -2px 0 black,
  -2px -2px 0 black,
  0px 0px 0 black,
  0px 0px 0 black,
  0px 0 0 black;
}


.reelSymbolDollaween {
  position: absolute;
  margin-top:20.5%;
  height:33%;
  left:-10.0%;
}

.WildPickPlace1{
  position:absolute;
  height:14%;
  width:29%;
  left:6%;
  top:46%;
  z-index: 1000;
  -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; 
      user-select: none;
}
.WildPickPlace1:hover{
  background-color: rgba(255, 0, 0, 0.363);
  -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; 
      user-select: none;
}
.WildPickPlace2{
  position:absolute;
  height:14%;
  width:29%;
  left:36%;
  top:46%;
  z-index: 1000;
  -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; 
      user-select: none;
}
.WildPickPlace2:hover{
  background-color: rgba(255, 0, 0, 0.363);
  -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; 
      user-select: none;
}
.WildPickPlace3{
  position:absolute;
  height:14%;
  width:29%;
  left:66%;
  top:46%;
  z-index: 1000;
  -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; 
      user-select: none;
}
.WildPickPlace3:hover{
  background-color: rgba(255, 0, 0, 0.363);
  -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; 
      user-select: none;
}



.WildPickPlace4{
  position:absolute;
  height:14%;
  width:29%;
  left:6%;
  top:60%;
  z-index: 1000;
  -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; 
      user-select: none;
}
.WildPickPlace4:hover{
  background-color: rgba(255, 0, 0, 0.363);
  -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; 
      user-select: none;
}
.WildPickPlace5{
  position:absolute;
  height:14%;
  width:29%;
  left:36%;
  top:60%;
  z-index: 1000;
  -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; 
      user-select: none;
}
.WildPickPlace5:hover{
  background-color: rgba(255, 0, 0, 0.363);
  -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; 
      user-select: none;
}

.WildPickPlace6{
  position:absolute;
  height:14%;
  width:29%;
  left:66%;
  top:60%;
  z-index: 1000;
  -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; 
      user-select: none;
}
.WildPickPlace6:hover{
  background-color: rgba(255, 0, 0, 0.363);
  -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; 
      user-select: none;
}




.WildPickPlace7{
  position:absolute;
  height:14.5%;
  width:29%;
  left:6%;
  top:74%;
  z-index: 1000;
  -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; 
      user-select: none;
}
.WildPickPlace7:hover{
  background-color: rgba(255, 0, 0, 0.363);
  -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; 
      user-select: none;
}

.WildPickPlace8{
  position:absolute;
  height:14.5%;
  width:29%;
  left:36%;
  top:74%;
  z-index: 1000;
  -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; 
      user-select: none;
}
.WildPickPlace8:hover{
  background-color: rgba(255, 0, 0, 0.363);
  -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; 
      user-select: none;
}

.WildPickPlace9{
  position:absolute;
  
  height:14.5%;
  width:29%;
  left:66%;
  top:74%;
  z-index: 1000;
  -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; 
      user-select: none;
}
.WildPickPlace9:hover{
  background-color: rgba(255, 0, 0, 0.363);
  -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; 
      user-select: none;
}






.DollaweenWinFrame0 {
  background-image: url('./winFrame-CTl8gzMI.png');
  left:27.5%;
  height:24%;
  width:46%;
  top:30%;
  position:absolute;
}



/*  above is not used */

.DollaweenWinFrame1 {
  background-image: url('./winFrame-CTl8gzMI.png');
  left:-2.5%;
  height:24%;
  width:46%;
  top:68.5%;
  position:absolute;
}
.DollaweenWinFrame2 {
  background-image: url('./winFrame-CTl8gzMI.png');
  left:-2.5%;
  height:24%;
  width:46%;
  top:55%;
  position:absolute;
}
.DollaweenWinFrame3 {
  background-image: url('./winFrame-CTl8gzMI.png');
  left:-2.5%;
  height:24%;
  width:46%;
  top:41.5%;
  position:absolute;
}
/*
.DollaweenWinFrame4 {
  background-image: url('../../Assets/Games/Dollaween/UI/winFrame.PNG');
  left:27.5%;
  height:24%;
  width:46%;
  top:30%;
  position:absolute;
}
.DollaweenWinFrame5 {
  background-image: url('../../Assets/Games/Dollaween/UI/winFrame.PNG');
  left:27.5%;
  height:24%;
  width:46%;
  top:30%;
  position:absolute;
}*/
.DollaweenWinFrame6 {
  background-image: url('./winFrame-CTl8gzMI.png');
  left:27.5%;
  height:24%;
  width:46%;
  top:68.5%;
  position:absolute;
}

.DollaweenWinFrame7 {
  background-image: url('./winFrame-CTl8gzMI.png');
  left:27.5%;
  height:24%;
  width:46%;
  top:55%;
  position:absolute;
}
.DollaweenWinFrame8 {
  background-image: url('./winFrame-CTl8gzMI.png');
  left:27.5%;
  height:24%;
  width:46%;
  top:41.5%;
  position:absolute;
}
/*
.DollaweenWinFrame9 {
  background-image: url('../../Assets/Games/Dollaween/UI/winFrame.PNG');
  left:27.5%;
  height:24%;
  width:46%;
  top:30%;
  position:absolute;
}
.DollaweenWinFrame10 {
  background-image: url('../../Assets/Games/Dollaween/UI/winFrame.PNG');
  left:27.5%;
  height:24%;
  width:46%;
  top:30%;
  position:absolute;
}*/
.DollaweenWinFrame11 {
  background-image: url('./winFrame-CTl8gzMI.png');
  left:57.5%;
  height:24%;
  width:46%;
  top:68.5%;
  position:absolute;
}
.DollaweenWinFrame12 {
  background-image: url('./winFrame-CTl8gzMI.png');
  left:57.5%;
  height:24%;
  width:46%;
  top:55%;
  position:absolute;
}
.DollaweenWinFrame13 {
  background-image: url('./winFrame-CTl8gzMI.png');
  left:57.5%;
  height:24%;
  width:46%;
  top:41.5%;
  position:absolute;
}

/*
.DollaweenWinFrame14 {
  background-image: url('../../Assets/Games/Dollaween/UI/winFrame.PNG');
  left:27.5%;
  height:24%;
  width:46%;
  top:30%;
  position:absolute;
}
.DollaweenWinFrame15 {
  background-image: url('../../Assets/Games/Dollaween/UI/winFrame.PNG');
  left:27.5%;
  height:24%;
  width:46%;
  top:30%;
  position:absolute;
}*/



/* Pay Table */
.DollaweenPayTablePay::before {
  -webkit-text-stroke: 2px black;
}

.DollaweenPayTablePay {
  width: 100%; /* Let the text fill the available space */
  font-size: 1.6em;
  color: #fff;
  -webkit-text-fill-color: white;
  text-shadow: 2px 2px 0 black, 
               2px 2px 0 black, 
               2px 2px 0 black, 
              -2px -2px 0 black,
              -2px -2px 0 black,
               0px 0px 0 black,
               0px 0px 0 black,
               0px 0 0 black;
  font-family: 'Impact';
  text-align: center; /* Center the text within each grid item */
  padding-left: 0; /* Remove extra padding to better center content */
}

.DollaweenPayTableItem {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #fff;
  -webkit-text-fill-color: white;
  font-family: 'Impact';
}

.DollaweenTopPayTable {
  position: absolute;
  height: 7.5%;
  width: 95%;
  top: 34%;
  left: 0; /* Align to the left edge of the container */
  display: grid;
  grid-template-columns: repeat(11, 1fr); /* Create 12 equal columns */
  gap: 3%; /* Add a small gap between items */
  justify-content: center;
  align-content: center;
  padding: 0 2.5%; /* Add padding to both sides */
}
/* Ensure #app element has its own CSS */
#app {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;    -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; 
      user-select: none;
}

/* Setting root font size for scaling */
html {
  font-size: calc((100vw / 1080) * 100%);    -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; 
      user-select: none;
}

body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: black;    -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; 
      user-select: none;
}

/* General styles */
.TreasuresOfTheDeepJackpots {
  background-image: url('./jackpots-D291GQDr.png');
  height: 27%;
  width: 162%;
  left: -31%;
  top:7%;
}


/* Jackpot Text */
.TreasuresOfTheDeepMegaText
{
  font-family: 'Impact';
  font-size: 7.5em;
  color:darkblue;
  padding: 1% 0% 0% 0%;
  WIDTH:100%;
  left:0%;

  height: 4%;
  top: 9.5%;
}
.TreasuresOfTheDeepMajorText{
  font-family: 'Impact';
  font-size: 6em;
  color:darkblue;
  padding: 3.1% 0% 0% 0%;
  WIDTH:100%;
  left:0%;
  height: 4%;
  top: 17.5%;
}
.TreasuresOfTheDeepMinorText {
  font-family: 'Impact';
  font-size: 5.5em;
  color:darkblue;
  padding: 2.5% 0% 0% 0%;
  WIDTH:100%;
  left:0%;
  height: 4%;
  top: 25.5%;
}

/* Pay Table */.TreasuresOfTheDeepPayTablePay::before {
  -webkit-text-stroke: 2px black;
}

.TreasuresOfTheDeepPayTablePay {
  width: 100%; /* Let the text fill the available space */
  font-size: 1.6em;
  color: #fff;
  -webkit-text-fill-color: white;
  text-shadow: 2px 2px 0 black, 
               2px 2px 0 black, 
               2px 2px 0 black, 
              -2px -2px 0 black,
              -2px -2px 0 black,
               0px 0px 0 black,
               0px 0px 0 black,
               0px 0 0 black;
  font-family: 'Impact';
  text-align: center; /* Center the text within each grid item */
  padding-left: 0; /* Remove extra padding to better center content */
}

.TreasuresOfTheDeepPayTableItem {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #fff;
  -webkit-text-fill-color: white;
  font-family: 'Impact';
  -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; 
      user-select: none;
}

.TreasuresOfTheDeepTopPayTable {
  position: absolute;
  height: 7.5%;
  width: 95%;
  top: 37%;
  left: 0; /* Align to the left edge of the container */
  display: grid;
  grid-template-columns: repeat(8, 1fr); /* Create 12 equal columns */
  gap: 6%; /* Add a small gap between items */
  justify-content: center;
  align-content: center;
  padding: 0 2.5%; /* Add padding to both sides */
  -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; 
      user-select: none;
}

/* Free Game Panel */
.TreasuresOfTheDeepFreeGamePanel {  
  top:90%;
  width:26%;
  height:3%;
  left:74%;
}

.TreasuresOfTheDeepFreeGamePanelText {
  color: white;
  font-family: 'Impact';
  font-size: 3em;
  top:90%;
  left:63%;
}

/* Button UI */
.TreasuresOfTheDeepButtonUIBg {
  background-size: 100% 100%;
  position: absolute;
  height: 18%;
  width: 100%;
  left: 0%;
  bottom: 0%;
  background-image: url('./buttonUIBg-uZh3qGYv.png');
}

/* Credits */
.TreasuresOfTheDeepCredits {
  background-image: url('./credits-BNG-OmbW.png');
  height: 184%;
  width: 22%;
  left: 2.3%;
  top: -14%;
}

.TreasuresOfTheDeepCreditsText {
  color: black;
  font-family: 'Impact';
  font-size: 2em;
  padding: 5% 0% 0% 0%;

   height: 80%;
    width: 100%;
    top:40%;
}

.TreasuresOfTheDeepreel1{
  left:11.5%;    -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; 
      user-select: none;
}
.TreasuresOfTheDeepreel2{
  left:41%;    -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; 
      user-select: none;
}
.TreasuresOfTheDeepreel3{
  left: 71.3%;    -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; 
      user-select: none;
}
/* Game Win */
.TreasuresOfTheDeepGameWin {
  background-image: url('./gameWin-BuL7ETEb.png');
  height:132%;
  width:21%;
  left:59%;
  top:10%;
}

.TreasuresOfTheDeepGameWinText {
  color: black;
  font-family: 'Impact';
  font-size: 2em;
  padding: 5% 0% 0% 0%;
  
  height: 80%;
  width: 100%;
  top:30%;
}

/* Info */
.TreasuresOfTheDeepInfo {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAF0AAAAoCAYAAACcnvaxAAAACXBIWXMAAAsTAAALEwEAmpwYAAAGSWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgOS4xLWMwMDIgNzkuYTZhNjM5NjhhLCAyMDI0LzAzLzA2LTExOjUyOjA1ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczpwaG90b3Nob3A9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGhvdG9zaG9wLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpGMkNEMjZFMzRFMjM2ODExODIyQTk0MEY2N0RCREY2OCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDNkYwNjg2NThCMEQxMUU1OUYwNUQzQjlDNjE5QTFBNiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDplZjcwZDgzOS1jYjFmLTQ2YmEtYjJjYy04NmFmZmVjYTBmMzIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wOkNyZWF0ZURhdGU9IjIwMTgtMDMtMTJUMTI6MDQ6NDAtMDU6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDI0LTA3LTIyVDIwOjM0OjI3LTA1OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDI0LTA3LTIyVDIwOjM0OjI3LTA1OjAwIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjYzOTM0Mjk0MkEyMDY4MTE4MjJBQTgwMzQyRDY3NDRGIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkYyQ0QyNkUzNEUyMzY4MTE4MjJBOTQwRjY3REJERjY4Ii8+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOmVmNzBkODM5LWNiMWYtNDZiYS1iMmNjLTg2YWZmZWNhMGYzMiIgc3RFdnQ6d2hlbj0iMjAyNC0wNy0yMlQyMDozNDoyNy0wNTowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDI1LjkgKE1hY2ludG9zaCkiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDxwaG90b3Nob3A6VGV4dExheWVycz4gPHJkZjpCYWc+IDxyZGY6bGkgcGhvdG9zaG9wOkxheWVyTmFtZT0iSEVMUCIgcGhvdG9zaG9wOkxheWVyVGV4dD0iSEVMUCIvPiA8L3JkZjpCYWc+IDwvcGhvdG9zaG9wOlRleHRMYXllcnM+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+sw8KDwAABEJJREFUaIHtmkFoHFUYx39JdhLWrDmk0hI0A6kGmUJbMWyLNkkDibLUWwPBBaUWhJCTIWCxh1oUxNqC2JPUi+gl0hq8eFg0gZBsPLjkVHGoUUJnkcVoY5sa0ji7xsPuDtPJzuyb2dnOQuYHAzNvvve+b/4z773vvd2mnZ0dQh4tzUEHsBcJRQ+AUPQACEUPgFD0AIjY3dBV+QRwCegvFaWBdyRFWxJp2Kb+hKRoPznYuGVXTLXGbcZDfMslf7OSon1rZ9RUKWUsOUvb1Omv9gAO9VeAI5KiPajiwy39kqIt1Rq3GR/is33ZdsPLAMBMaoPWQ1laD2WZSW08dK8Ku+rfvLUN0Guqv8vG7VEhplrjdnyGasdrUzk+//oua3fyUOwdaV2VX7c2HI7pPnI9lWf83fs8NZAzv+wvrcLbjulBMBRvQXmmRdj+8XbDdr0uAVmYSLYyGI9WvLeQ2WJ2SWdFKw7Xyal7XM7lmTzbCfCxrsqzkqLloMFEH0/GGE10uK1WwL+5wZHBeNQ2vnL5TGqD5NQ9AM5d2eT40SgvPB99guKEfAYaTHQTc4J2i8ANSdF+rmcwFThvuW6jOAcMjyY6mAZD+ItX/+a7L6JgmlMaVfRZSdEuBR2EE5XiK2c8o4kOej/ZYEXbYT5TYO1Onv37Ij26Kj8tKdpv4UTqI6X0cA5g5IRklP/xV6F8ehDC7KUeLAM8p7QZBb+sbpdP+8Dj8KKr8ks1BuaHj3VJ0ZbrHYcHDgLc/l03CqxZlhfRP6w1Kr986Kr8o6Rox+sdjCi6Kj8JHAX49XbeKO/ab8i8Ci5Ez+by5VWlMNlcvrqRRx+xx5rp6ZaO6ap8UVK091w58gFLT+wBuoBTQO/NW9tcTxWfvVdu4vCzbQB3KWZb4qKfu7IJbPoTsQ8+JpKtXL1wANwv7/3AtieuZnVefetP4/r9SSOvX5QU7QE0bsrYkNj1xNxanvubBRYyW3w6/a9RPpaIkDgZK19+VD4RFv3y2+0Mv9juKsi5HzZLX68YTstsK6bJadFVUDXgpieOJSJc++AA7dFmgK/Mu43Cond3RcpjkzCmVEkIp2W2DQXghisndWYo3sJ4MkbiZMwseNJs42V4OU8pF3Wgj9qyHOsyuxLrQPpRbgFU6+2lyd1ctEtw8DimS4r2vdN9XZX7vLRr8dFw2wCCvX2V4pD3md2PJuFE6g273i60YAtF90i13u5EuPcSAI36pY/oqjwiYOdmP124zXqvcBtV9GEXdhd0VT4iILxwm7oqnwK+EbR3TUOJfm36HxYyW8L2rwzFeHmgvYXiL+8VRXfb5uQbnfR0S8fYK6LPZwrMZwrVDUsMxg3bTr/afHPsP2Fbr4QTaQDspX94uWEFOOvQlqt/i1mp+KWXGuy3OE2LOnOof7q8vWlj45aHYvKxzdO1auBExS89pL6EY3oAhKIHQCh6AISiB8D/GSfJDAC3lU4AAAAASUVORK5CYII=');
}

.TreasuresOfTheDeepInfo:active {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAF0AAAAoCAYAAACcnvaxAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFxWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgOS4xLWMwMDIgNzkuYTZhNjM5NjhhLCAyMDI0LzAzLzA2LTExOjUyOjA1ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczpwaG90b3Nob3A9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGhvdG9zaG9wLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpGMkNEMjZFMzRFMjM2ODExODIyQTk0MEY2N0RCREY2OCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDNkYwNjg2OThCMEQxMUU1OUYwNUQzQjlDNjE5QTFBNiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozMTQwNWRjNi0zZGNkLTQwZGUtOTk4Yy02YjE2OTMzZWU4ZDQiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1w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');
}

/* Exit */
.TreasuresOfTheDeepExit {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGkAAAAlCAYAAABBGMctAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFxWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgOS4xLWMwMDIgNzkuYTZhNjM5NjhhLCAyMDI0LzAzLzA2LTExOjUyOjA1ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczpwaG90b3Nob3A9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGhvdG9zaG9wLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpGMkNEMjZFMzRFMjM2ODExODIyQTk0MEY2N0RCREY2OCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpFRUE0QkZCQThCMEQxMUU1OUYwNUQzQjlDNjE5QTFBNiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDplYmVhY2NlNi1kMDg3LTQ0NjktYTdiOC00NzQwYTFkMmRlM2UiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wOkNyZWF0ZURhdGU9IjIwMTgtMDMtMTJUMTI6MDQ6NDAtMDU6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDI0LTA3LTIyVDIwOjQzOjE2LTA1OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDI0LTA3LTIyVDIwOjQzOjE2LTA1OjAwIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjYzOTM0Mjk0MkEyMDY4MTE4MjJBQTgwMzQyRDY3NDRGIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkYyQ0QyNkUzNEUyMzY4MTE4MjJBOTQwRjY3REJERjY4Ii8+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOmViZWFjY2U2LWQwODctNDQ2OS1hN2I4LTQ3NDBhMWQyZGUzZSIgc3RFdnQ6d2hlbj0iMjAyNC0wNy0yMlQyMDo0MzoxNi0wNTowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDI1LjkgKE1hY2ludG9zaCkiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Qm4ntQAACHZJREFUaIHtm19sFMcdxz/YPuswlzOXxKIo3Eom5eFqnuwK5RSjqjrSA1SeHJ9IIyxVPiEVRSW1ikBBVa5CSI2InLQProrODwkPVDjuSySMU64vvsQICautam/TKJx0jpQiIBccMM7t4evDzqx31/dnd+2AKf5KI+3t7u/3m53fzG++85u5DeVymXWsbTQ86gqsoz6aqj3QVOVpoEv8/MoXyV9bqTFNVZ4Htouf132R/Ocr1fkkYEOlcKepynngoO32VaDfF8n/y4shTVUuAXHb7XFfJL/Xi74nCcucJEbQ7cLcIlPTRQBCwQY6O5oBsr5IfrdbI5qqvAmkcrMlrn9RAmD7tibaw00A3b5I/uMVfcX/OSrNSV0AU9NF9vXfZF//TV7ovUFutgTQranKTz3Y2QNwJFUwdH4wPi+fuXb6kwbHxCE9ck9eHnZjQFOVQ0B3brZEZnLBjeg6BJw76cJdeblfU5UfuLDRC3Bm+BsXIuswoyq7s6Mwt0j6wl2SiUAj+mh6vZ6McOaBwtwio5fm671eS48fPSx22R5NuJnPqrHL1dDvhbk6lXHsJNBDXjIRAH00nfBF8vXi13GA0UvzFOYW3ZgCQFOVF4WO3cDmKu9kgcu+SP63dXQtY5eaqowDN4T+9ipyV4GLtfRX012LubqRceWkqekimckFYlH/DvQwdq5GJWTv9BTqJCOUvzOTCwbblHg53kJ7uKkbndDsp8oSQTg7XoFdGo1USX8s6qezo3kXsKua/lq6NVV5sdJIdC1TLpctpTgTfqk4Ey6PDbeVgTJQDgUbjOtkIlAuzoTLxZnwhF3WpueQXU97uMm4Pj3QKvWcqCB7Xjwrnx5otdi3l1jUX74yskXqKhVnwjsr6Dshddntjw23WepVR/9/ijPh55zqrvRtXmQcEYfOjmZiUT+gEwgRurpFj6iGwwCj4/eNG8f6n6prS1OVXwIHC3OL7Ou/ycnBOzVDZWZygRd6b0hi0wj8RVOVlrqGWFpmiOVFTf2Cme4A/uhE92rCMbvriW80rk1MryIdF87rzs2WjHd79NBU04YgGoMAR94sWCh7MhFgbLjNKEOpkEXfkVTBdUO+MnDbqNv5d57h0/GtFGfCjA23ybnXwM9+dVt2lgMu2e2K4dhJyUTAaBTTmunVKhU+DpgXrCQTm5yYOQw0pi/cZdQkO5QKMZQKEYv6jZJMBLgyssXSmEdShXr1MpAeuUdutsRQKsT5d56xdKJY1G/YlLAx1D1OPma14CoLnuzVG9o0QhoR6yAJ0Tj7Ad5O64ShPdxkhMs66AZLJ+D0QKt0xAOgD/iJKH8OBRs4PdBqNK6tXjUbMjdbIpkImHUfBb4PbBR2HiQTAUu9M5PfysuHmiVx56REgFBQFzHNNfttr/UiRoOcSxzORc8DXbnZkiVnaBopP/JF8ud8kfxfRXkF4SjZecDSkHV7u6leP/dF8n/wRfKf+yL5BV8kfw44BdYw//XS3BjiIcIVBQ8FG+jZ20L6wl2DsnZ2NO/SVOWQ+DAQTpNOlDIOoOcMZ5ZocGdHs+wUGWC3pir2HvwP4KBI/gLwt6V5rGZv7+xoliPwmqnuZnwC1J1HHwZc1+BY/1MGGUiP3GNIb6Be4JzI0+2S6ymAnr0txuirg+0A101My9T4MVEqwhySTExwcy1jJpmsk8o9Srh1UrY93NQdi/rJTC4wemme0wOthIINBwSj6wXrnOIk1FXD1HSRM+k5z/K1sDm4QV7+9zsxsIpw66RvQWdqmckFI593LBkEnZlZ8nSxqF+GiyyCFLhBZnJhPXOOh3AH3OqJtzzbHr6js6mRe9JJ+8Gy2DXT7st4cFJ7uInt2zzPCWs+jDmFlxa4CPQlezdxclB31Oj4PD3xlmdhKdS1h5voibcA3EJMwm6R7N0kO4AXXPYquNbgxUlngb5kIsDb6W8ozC3ywaX79MRbyEwuGCkWEy2+6LVyuS8eyMuMS9GJelnxxwmuneSL5D/WVOXDULDhgKTjo+Pz5GZbSV/QR5FtfXMWcMLBr4GF0Zmz0pt9kfwPKwkJwrKHJco9wdofRd9z87LXc3cjYGVubwzeMVI5Jtr9oYtNuYpOEiOzSyReLRAOyqJvaUiangKydZK/3ym+njMO90TszzRV2Qm8Btbkcy14cpJY/GXN6R5zrs3kvBEXOr8CsqFgg2Xd88bgHXn5e01V3tNU5bAo7yHIwZn0nHHAxUTZH9kBF1POsk9TlXc1VXlJlHeBvyMyMvb9q2pYyQnWy7A8cWqm3VVW8nV1/jq5NEJHx+fNidM+4E+i9IHuoJODdwy6bhqJKz7M6RDLIkButmSu81HgI1GOIhx0JFVwusj3RBwkzgKvmek4LKPdbvEW8Gos6t+RTASWMhsiDfVyvIX2bY2AOHMhMtkSpoToZ+hz08PABPBZLOrf0dnRbIwOOVJ64hsNB05NFxkdv8/UdNGYt50s1j07yRfJf6mpykWg79PxrfbHt9Cd6FbngqYqp4D35TaBdFRutlTzg5KJgHlr4ZSD8xerAlHni8DRoVSIff03jXXi1HSxYkgLBRsYG25zvFBf6YH9XwDvAznTvSzwY18k/6UXhSJE9oG+jzQ23FZzmyMW9RubgAJ9HsLsiuCL5F8HrnZ2NPPvj7Zadgvs6Im3cGVkiyU81kOlY8Z+4J/oO5x2pLysP+rorHjMWCRrfyNlzMeeJUxZctBD3KlKDjKxwEqoZt9VO2iq8hz6jvABeW9qumjZ+rfVtxqW1afagf2dwqBM5Tg6NlULVXSeqEXRRUMdR18HVUsrZdHnv7dqhTjhqN+5tO+6HUTn6qX6MbQsOuu95rQ+FZ20FmH7K47ENUHd1yQ0VekCnjbd8lTfx8ZJTzLW/+n3GGDdSY8B/gfpy7ylYqJOQAAAAABJRU5ErkJggg==');
}

.TreasuresOfTheDeepExit:active {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGkAAAAlCAYAAABBGMctAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFxWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgOS4xLWMwMDIgNzkuYTZhNjM5NjhhLCAyMDI0LzAzLzA2LTExOjUyOjA1ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczpwaG90b3Nob3A9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGhvdG9zaG9wLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpGMkNEMjZFMzRFMjM2ODExODIyQTk0MEY2N0RCREY2OCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpFRUE0QkZCRThCMEQxMUU1OUYwNUQzQjlDNjE5QTFBNiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpmOTEzNTA3OC1lNTRhLTQxOTctOWIyNC1jNmE2OTllZDMzZDMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1w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');
}

/* Entries */
.TreasuresOfTheDeepEntriesIncrease {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHkAAAAhCAYAAAD9JwTTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFxWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgOS4xLWMwMDIgNzkuYTZhNjM5NjhhLCAyMDI0LzAzLzA2LTExOjUyOjA1ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczpwaG90b3Nob3A9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGhvdG9zaG9wLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpGMkNEMjZFMzRFMjM2ODExODIyQTk0MEY2N0RCREY2OCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDowRjkwNkZCMzhCMEUxMUU1OUYwNUQzQjlDNjE5QTFBNiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDowZWNiMTRkNy1hNTBkLTQ1NWEtOTRkZS03MzRiYWJmN2QxMzkiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1w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');
  color: #fff;
  font-family: 'Impact';
  -webkit-text-fill-color: white;
  -webkit-text-stroke: 1px #e3e3e3;
  text-shadow: 2px 2px 9px black;
  font-size: 2em;
  padding: 0% 0% 2.5% 0%;
  height:53%;
}

.TreasuresOfTheDeepEntriesIncrease:active {
  background-image: url('./entriesincrease-Vu3vrt4E.png');
}

.TreasuresOfTheDeepEntriesDecrease {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAAAhCAYAAAARfqOAAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFxWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgOS4xLWMwMDIgNzkuYTZhNjM5NjhhLCAyMDI0LzAzLzA2LTExOjUyOjA1ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczpwaG90b3Nob3A9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGhvdG9zaG9wLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpGMkNEMjZFMzRFMjM2ODExODIyQTk0MEY2N0RCREY2OCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozMUNGNTY5NDhCMEUxMUU1OUYwNUQzQjlDNjE5QTFBNiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoxNmZjNjRiMy01YzIxLTQ3OWMtODY5Ny0yOWEwNDFmYmNiZmQiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1w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');
  color: #fff;
  font-family: 'Impact';
  -webkit-text-fill-color: white;
  -webkit-text-stroke: 1px #e3e3e3;
  text-shadow: 2px 2px 9px black;
  font-size: 2em;
  padding: 0% 0% 2.5% 0%;
  height:53%;
}

.TreasuresOfTheDeepEntriesDecrease:active {
  background-image: url('./entriesdecrease-Dympvfxg.png');
}


/* Play */
.TreasuresOfTheDeepPlay {
  background-image: url('./play-knna9Emd.png');
  height:226%;
  right:-5%;
  top:-116%;
  width: 29%;
}

.TreasuresOfTheDeepPlay:active {
  background-image: url('./play_pressed-CZi4oRf-.png');
  height:226%;
  right:-5%;
  top:-116%;
  width: 29%;
}

.TreasuresOfTheDeepPlay:disabled {
  background-image: url('./play_disable-BWZtCvBF.png');
  height:226%;
  right:-5%;
  top:-116%;
  width: 29%;
}

/* Stop */
.TreasuresOfTheDeepStop {
  background-image: url('./play-knna9Emd.png');
  height:226%;
  right:-5%;
  top:-116%;
  width: 29%;
}

.TreasuresOfTheDeepStop:active {
  background-image: url('./play_pressed-CZi4oRf-.png');
  height:226%;
  right:-5%;
  top:-116%;
  width: 29%;
}

.TreasuresOfTheDeepStop:disabled {
  background-image: url('./play_disable-BWZtCvBF.png');
  height:226%;
  right:-5%;
  top:-116%;
  width: 29%;
}

/* Arrows */
.TreasuresOfTheDeepLeftArrow {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFYAAABMCAYAAAD3G0AKAAAACXBIWXMAAAsTAAALEwEAmpwYAAAGkGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgOS4xLWMwMDEgNzkuMTQ2Mjg5OSwgMjAyMy8wNi8yNS0yMDowMTo1NSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczpzdEV2dD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlRXZlbnQjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6RjJDRDI2RTM0RTIzNjgxMTgyMkE5NDBGNjdEQkRGNjgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTk1NjVCRENCMTc0MTFFNUI3MkRGMDFGRUUyNzYyQjEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MGFkOGE4NDEtMTNkMS0wNDQxLTlhZWMtNzNlODc2ZmRjNzkzIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzYgKE1hY2ludG9zaCkiIHhtcDpDcmVhdGVEYXRlPSIyMDE4LTAzLTEyVDExOjM5OjQ2LTA2OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyNC0wNi0yOFQxMzoyNzowNS0wNTowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyNC0wNi0yOFQxMzoyNzowNS0wNTowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5RUNCMUQ0MDBGMjA2ODExODA4Mzk3ODEzMEZBRDQwQSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGMkNEMjZFMzRFMjM2ODExODIyQTk0MEY2N0RCREY2OCIvPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDo4MWRmZWExNC1kYTQxLTRkMzktOWZiMi1kZjgwYTUzNTQ4OWEiIHN0RXZ0OndoZW49IjIwMjQtMDYtMTlUMTY6MzU6MDgtMDY6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyNS45IChNYWNpbnRvc2gpIiBzdEV2dDpjaGFuZ2VkPSIvIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDowYWQ4YTg0MS0xM2QxLTA0NDEtOWFlYy03M2U4NzZmZGM3OTMiIHN0RXZ0OndoZW49IjIwMjQtMDYtMjhUMTM6Mjc6MDUtMDU6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyNS4wIChXaW5kb3dzKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6XNF6GAAAAwUlEQVR4nO3QgQkAIRDAsPf33/lcwiJIMkHpmpmP8/7bAa8yNmJsxNiIsRFjI8ZGjI0YGzE2YmzE2IixEWMjxkaMjRgbMTZibMTYiLERYyPGRoyNGBsxNmJsxNiIsRFjI8ZGjI0YGzE2YmzE2IixEWMjxkaMjRgbMTZibMTYiLERYyPGRoyNGBsxNmJsxNiIsRFjI8ZGjI0YGzE2YmzE2IixEWMjxkaMjRgbMTZibMTYiLERYyPGRoyNGBsxNmJsZAPs7gOVay5sSwAAAABJRU5ErkJggg==');
}

.TreasuresOfTheDeepWinLine {
  background-image: url('./winLine-OcdAWZRF.png');
  top:62%;
  left:6.5%;
}

.TreasuresOfTheDeepRightArrow {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFYAAABMCAYAAAD3G0AKAAAACXBIWXMAAAsTAAALEwEAmpwYAAAGjmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgOS4xLWMwMDEgNzkuMTQ2Mjg5OSwgMjAyMy8wNi8yNS0yMDowMTo1NSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczpzdEV2dD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlRXZlbnQjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6RjJDRDI2RTM0RTIzNjgxMTgyMkE5NDBGNjdEQkRGNjgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTk1NjVCRENCMTc0MTFFNUI3MkRGMDFGRUUyNzYyQjEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6YjEyMjJiZDMtYjg5OC0zZjQxLWE0YzktZGU4NDI3NTczMmVhIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzYgKE1hY2ludG9zaCkiIHhtcDpDcmVhdGVEYXRlPSIyMDI0LTA1LTI4VDE3OjE5OjAwLTA1OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyNC0wNi0yOFQxMzozODowMi0wNTowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyNC0wNi0yOFQxMzozODowMi0wNTowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5RUNCMUQ0MDBGMjA2ODExODA4Mzk3ODEzMEZBRDQwQSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGMkNEMjZFMzRFMjM2ODExODIyQTk0MEY2N0RCREY2OCIvPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDplODJiYjU2NS0zYTc1LTNlNGItOTFkYy1iNDg4NmRhMGQ5NDAiIHN0RXZ0OndoZW49IjIwMjQtMDUtMjhUMTc6MTk6MTktMDU6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyNS4wIChXaW5kb3dzKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6YjEyMjJiZDMtYjg5OC0zZjQxLWE0YzktZGU4NDI3NTczMmVhIiBzdEV2dDp3aGVuPSIyMDI0LTA2LTI4VDEzOjM4OjAyLTA1OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgMjUuMCAoV2luZG93cykiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+5/uGsgAAAMFJREFUeJzt0IEJACEQwLD399/5XMIiSDJB6ZqZj/P+2wGvMjZibMTYiLERYyPGRoyNGBsxNmJsxNiIsRFjI8ZGjI0YGzE2YmzE2IixEWMjxkaMjRgbMTZibMTYiLERYyPGRoyNGBsxNmJsxNiIsRFjI8ZGjI0YGzE2YmzE2IixEWMjxkaMjRgbMTZibMTYiLERYyPGRoyNGBsxNmJsxNiIsRFjI8ZGjI0YGzE2YmzE2IixEWMjxkaMjRgbMTZibGQD7O4DlWsubEsAAAAASUVORK5CYII=');
}

.TreasuresOfTheDeepWinFrame {
  background-image: url('./winFrame-CE_lzw3I.png');
}

/* Pop-up */
.TreasuresOfTheDeepPopUp {
  background-image: url('./popUp-BhVWqR3Q.png');
}
.TreasuresOfTheDeepPopUpFree {
  background-image: url('./popUp_FreeGames-1yg8geX2.png');
}

.TreasuresOfTheDeepPopUpBonus {
  background-image: url('./popUp_Bonus-BkRFZGzo.png');
}


.TreasuresOfTheDeepPopUpText {
  text-align: center;
  font-family: 'Impact';
  font-size: 3em;
  color: white;
  white-space: pre-line;
  top:63%;
}


.TreasuresOfTheDeepLogo {
  background-image: url('./Logo-U_L7h9JT.png');

  height: 6%;
    width: 58%;
    left: 21%;
    top: 1%;
}

.TreasuresOfTheDeepPicksRemainingText
{
  position:absolute;
  height:6%;
  width:200%;
  top:450%;
  left:13%;
  font-family: 'Impact';
  color: #fff;
  font-weight: bolder;
  font-size: 4.5em;
  padding: 8% 0% 0% 10%;
  text-align: center;text-shadow:2px 2px 0 black, 
  2px 2px 0 black, 
  2px 2px 0 black, 
  -2px -2px 0 black,
  -2px -2px 0 black,
  0px 0px 0 black,
  0px 0px 0 black,
  0px 0 0 black;
}
.TreasuresOfTheDeepTotalBonusWinText {
  position:absolute;
  height:6%;
  width:100%;
  top:532%;
  left:-88%;
  font-family: 'Impact';
  color: #fff;
  font-weight: bolder;
  font-size: 3.5em;
  padding: 8% 0% 0% 10%;
  text-align: center;text-shadow:2px 2px 0 black, 
  2px 2px 0 black, 
  2px 2px 0 black, 
  -2px -2px 0 black,
  -2px -2px 0 black,
  0px 0px 0 black,
  0px 0px 0 black,
  0px 0 0 black;
}

/* Bonus Picks */
.TreasuresOfTheDeepBonusPick {
  position: absolute;
  width: 10%; /* Adjust width as needed */
  height: 5%; /* Adjust height as needed */
}

/* Positioning Bonus Picks in a 4x3 Grid */
.TreasuresOfTheDeepBonusPick1Idle, .TreasuresOfTheDeepBonusPick1Picked { top: 43%; left: 38%; }
.TreasuresOfTheDeepBonusPick2Idle, .TreasuresOfTheDeepBonusPick2Picked { top: 43%; left: 52.5%; }

.TreasuresOfTheDeepBonusPick3Idle, .TreasuresOfTheDeepBonusPick3Picked { top: 50%; left: 25%; }
.TreasuresOfTheDeepBonusPick4Idle, .TreasuresOfTheDeepBonusPick4Picked { top: 50%; left: 39%; }
.TreasuresOfTheDeepBonusPick5Idle, .TreasuresOfTheDeepBonusPick5Picked { top: 50%; left: 52%; }
.TreasuresOfTheDeepBonusPick6Idle, .TreasuresOfTheDeepBonusPick6Picked { top: 52%; left: 65.5%; }

.TreasuresOfTheDeepBonusPick7Idle, .TreasuresOfTheDeepBonusPick7Picked { top: 56.5%; left: 25%; }
.TreasuresOfTheDeepBonusPick8Idle, .TreasuresOfTheDeepBonusPick8Picked { top: 56.5%; left: 39%; }
.TreasuresOfTheDeepBonusPick9Idle, .TreasuresOfTheDeepBonusPick9Picked { top: 56.5%; left: 52%; }
.TreasuresOfTheDeepBonusPick10Idle, .TreasuresOfTheDeepBonusPick10Picked { top: 58.5%; left: 65.5%; }
.TreasuresOfTheDeepBonusPick11Idle, .TreasuresOfTheDeepBonusPick11Picked { top: 63.5%; left: 27%; }
.TreasuresOfTheDeepBonusPick12Idle, .TreasuresOfTheDeepBonusPick12Picked { top: 63%; left: 44.5%; }

.TreasuresOfTheDeepBonusPick1PickedText {
  position: absolute;
  font-size: 2em; /* Adjust as needed */
  -webkit-text-fill-color: white;
  -webkit-text-stroke: 1px black;
  font-family: 'Impact';top: 44%; left: 40%;text-shadow:2px 2px 0 black, 
  2px 2px 0 black, 
  2px 2px 0 black, 
  -2px -2px 0 black,
  -2px -2px 0 black,
  0px 0px 0 black,
  0px 0px 0 black,
  0px 0 0 black;
}

.TreasuresOfTheDeepBonusPick2PickedText {
  position: absolute;
  font-size: 2em; /* Adjust as needed */
  -webkit-text-fill-color: white;
  -webkit-text-stroke: 1px black;
  font-family: 'Impact';top: 44%; left: 54.5%;text-shadow:2px 2px 0 black, 
  2px 2px 0 black, 
  2px 2px 0 black, 
  -2px -2px 0 black,
  -2px -2px 0 black,
  0px 0px 0 black,
  0px 0px 0 black,
  0px 0 0 black;
}

.TreasuresOfTheDeepBonusPick3PickedText {
  position: absolute;
  font-size: 2em; /* Adjust as needed */
  -webkit-text-fill-color: white;
  -webkit-text-stroke: 1px black;
  font-family: 'Impact'; top: 51%; left: 27%;text-shadow:2px 2px 0 black, 
  2px 2px 0 black, 
  2px 2px 0 black, 
  -2px -2px 0 black,
  -2px -2px 0 black,
  0px 0px 0 black,
  0px 0px 0 black,
  0px 0 0 black;
}

.TreasuresOfTheDeepBonusPick4PickedText {
  position: absolute;
  font-size: 2em; /* Adjust as needed */
  -webkit-text-fill-color: white;
  -webkit-text-stroke: 1px black;
  font-family: 'Impact';top: 51%; left: 41%;text-shadow:2px 2px 0 black, 
  2px 2px 0 black, 
  2px 2px 0 black, 
  -2px -2px 0 black,
  -2px -2px 0 black,
  0px 0px 0 black,
  0px 0px 0 black,
  0px 0 0 black;
}

.TreasuresOfTheDeepBonusPick5PickedText {
  position: absolute;
  font-size: 2em; /* Adjust as needed */
  -webkit-text-fill-color: white;
  -webkit-text-stroke: 1px black;
  font-family: 'Impact';top: 51%; left: 54%;text-shadow:2px 2px 0 black, 
  2px 2px 0 black, 
  2px 2px 0 black, 
  -2px -2px 0 black,
  -2px -2px 0 black,
  0px 0px 0 black,
  0px 0px 0 black,
  0px 0 0 black;
}

.TreasuresOfTheDeepBonusPick6PickedText {
  position: absolute;
  font-size: 2em; /* Adjust as needed */
  -webkit-text-fill-color: white;
  -webkit-text-stroke: 1px black;
  font-family: 'Impact';top: 53%; left: 67.5%;text-shadow:2px 2px 0 black, 
  2px 2px 0 black, 
  2px 2px 0 black, 
  -2px -2px 0 black,
  -2px -2px 0 black,
  0px 0px 0 black,
  0px 0px 0 black,
  0px 0 0 black;
}

.TreasuresOfTheDeepBonusPick7PickedText {
  position: absolute;
  font-size: 2em; /* Adjust as needed */
  -webkit-text-fill-color: white;
  -webkit-text-stroke: 1px black;
  font-family: 'Impact';top: 57.5%; left: 27%;text-shadow:2px 2px 0 black, 
  2px 2px 0 black, 
  2px 2px 0 black, 
  -2px -2px 0 black,
  -2px -2px 0 black,
  0px 0px 0 black,
  0px 0px 0 black,
  0px 0 0 black;
}

.TreasuresOfTheDeepBonusPick8PickedText {
  position: absolute;
  font-size: 2em; /* Adjust as needed */
  -webkit-text-fill-color: white;
  -webkit-text-stroke: 1px black;
  font-family: 'Impact';top: 57.5%; left: 41%;text-shadow:2px 2px 0 black, 
  2px 2px 0 black, 
  2px 2px 0 black, 
  -2px -2px 0 black,
  -2px -2px 0 black,
  0px 0px 0 black,
  0px 0px 0 black,
  0px 0 0 black;
}

.TreasuresOfTheDeepBonusPick9PickedText {
  position: absolute;
  font-size: 2em; /* Adjust as needed */
  -webkit-text-fill-color: white;
  -webkit-text-stroke: 1px black;
  font-family: 'Impact';top: 57.5%; left: 54%;text-shadow:2px 2px 0 black, 
  2px 2px 0 black, 
  2px 2px 0 black, 
  -2px -2px 0 black,
  -2px -2px 0 black,
  0px 0px 0 black,
  0px 0px 0 black,
  0px 0 0 black;
}

.TreasuresOfTheDeepBonusPick10PickedText {
  position: absolute;
  font-size: 2em; /* Adjust as needed */
  -webkit-text-fill-color: white;
  -webkit-text-stroke: 1px black;
  font-family: 'Impact';top: 59.5%; left: 67.5%;text-shadow:2px 2px 0 black, 
  2px 2px 0 black, 
  2px 2px 0 black, 
  -2px -2px 0 black,
  -2px -2px 0 black,
  0px 0px 0 black,
  0px 0px 0 black,
  0px 0 0 black;
}

.TreasuresOfTheDeepBonusPick11PickedText {
  position: absolute;
  font-size: 2em; /* Adjust as needed */
  -webkit-text-fill-color: white;
  -webkit-text-stroke: 1px black;
  font-family: 'Impact';top: 64.5%; left: 29%;text-shadow:2px 2px 0 black, 
  2px 2px 0 black, 
  2px 2px 0 black, 
  -2px -2px 0 black,
  -2px -2px 0 black,
  0px 0px 0 black,
  0px 0px 0 black,
  0px 0 0 black;
}

.TreasuresOfTheDeepBonusPick12PickedText {
  position: absolute;
  font-size: 2em; /* Adjust as needed */
  -webkit-text-fill-color: white;
  -webkit-text-stroke: 1px black;
  font-family: 'Impact';top: 64%; left: 46.5%;text-shadow:2px 2px 0 black, 
  2px 2px 0 black, 
  2px 2px 0 black, 
  -2px -2px 0 black,
  -2px -2px 0 black,
  0px 0px 0 black,
  0px 0px 0 black,
  0px 0 0 black;
}


.reelSymbolTreasuresOfTheDeep {
  user-drag: none;
  position: absolute;
  margin-top:20.5%;
  height:33%;
  left:-10.0%;
}

.WildPickPlace1{
  user-drag: none;
  -webkit-user-drag: none;
  position:absolute;
  height:14%;
  width:29%;
  left:6%;
  top:46%;
  z-index: 1000;
}
.WildPickPlace1:hover{
  user-drag: none;
  -webkit-user-drag: none;
  background-color: rgba(255, 0, 0, 0.363);
}
.WildPickPlace2{
  user-drag: none;
  -webkit-user-drag: none;
  position:absolute;
  height:14%;
  width:29%;
  left:36%;
  top:46%;
  z-index: 1000;
}
.WildPickPlace2:hover{
  user-drag: none;
  -webkit-user-drag: none;
  background-color: rgba(255, 0, 0, 0.363);
}
.WildPickPlace3{
  user-drag: none;
  -webkit-user-drag: none;
  position:absolute;
  height:14%;
  width:29%;
  left:66%;
  top:46%;
  z-index: 1000;
}
.WildPickPlace3:hover{
  user-drag: none;
  -webkit-user-drag: none;
  background-color: rgba(255, 0, 0, 0.363);
}



.WildPickPlace4{
  user-drag: none;
  -webkit-user-drag: none;
  position:absolute;
  height:14%;
  width:29%;
  left:6%;
  top:60%;
  z-index: 1000;
}
.WildPickPlace4:hover{
  user-drag: none;
  -webkit-user-drag: none;
  background-color: rgba(255, 0, 0, 0.363);
}
.WildPickPlace5{
  user-drag: none;
  -webkit-user-drag: none;
  position:absolute;
  height:14%;
  width:29%;
  left:36%;
  top:60%;
  z-index: 1000;
}
.WildPickPlace5:hover{
  user-drag: none;
  -webkit-user-drag: none;
  background-color: rgba(255, 0, 0, 0.363);
}

.WildPickPlace6{
  user-drag: none;
  -webkit-user-drag: none;
  position:absolute;
  height:14%;
  width:29%;
  left:66%;
  top:60%;
  z-index: 1000;
}
.WildPickPlace6:hover{
  user-drag: none;
  -webkit-user-drag: none;
  background-color: rgba(255, 0, 0, 0.363);
}




.WildPickPlace7{
  user-drag: none;
  -webkit-user-drag: none;
  position:absolute;
  height:14.5%;
  width:29%;
  left:6%;
  top:74%;
  z-index: 1000;
}
.WildPickPlace7:hover{
  user-drag: none;
  -webkit-user-drag: none;
  background-color: rgba(255, 0, 0, 0.363);
}

.WildPickPlace8{
  user-drag: none;
  -webkit-user-drag: none;
  position:absolute;
  height:14.5%;
  width:29%;
  left:36%;
  top:74%;
  z-index: 1000;
}
.WildPickPlace8:hover{
  user-drag: none;
  -webkit-user-drag: none;
  background-color: rgba(255, 0, 0, 0.363);
}

.WildPickPlace9{
  position:absolute;
  user-drag: none;
  -webkit-user-drag: none;
  
  height:14.5%;
  width:29%;
  left:66%;
  top:74%;
  z-index: 1000;
}
.WildPickPlace9:hover{
  user-drag: none;
  -webkit-user-drag: none;
  background-color: rgba(255, 0, 0, 0.363);
}






.TreasuresOfTheDeepWinFrame0 {
  user-drag: none;
  -webkit-user-drag: none;
  background-image: url('./winFrame-CE_lzw3I.png');
  left:27.5%;
  height:24%;
  width:46%;
  top:30%;
  position:absolute;
}



/*  above is not used */

.TreasuresOfTheDeepWinFrame1 {
  user-drag: none;
  -webkit-user-drag: none;
  background-image: url('./winFrame-CE_lzw3I.png');
  left:-2.5%;
  height:24%;
  width:46%;
  top:68.5%;
  position:absolute;
}
.TreasuresOfTheDeepWinFrame2 {
  user-drag: none;
  -webkit-user-drag: none;
  background-image: url('./winFrame-CE_lzw3I.png');
  left:-2.5%;
  height:24%;
  width:46%;
  top:55%;
  position:absolute;
}
.TreasuresOfTheDeepWinFrame3 {
  user-drag: none;
  -webkit-user-drag: none;
  background-image: url('./winFrame-CE_lzw3I.png');
  left:-2.5%;
  height:24%;
  width:46%;
  top:41.5%;
  position:absolute;
}
/*
.TreasuresOfTheDeepWinFrame4 {
  background-image: url('../../Assets/Games/TreasuresOfTheDeep/UI/winFrame.PNG');
  left:27.5%;
  height:24%;
  width:46%;
  top:30%;
  position:absolute;
}
.TreasuresOfTheDeepWinFrame5 {
  background-image: url('../../Assets/Games/TreasuresOfTheDeep/UI/winFrame.PNG');
  left:27.5%;
  height:24%;
  width:46%;
  top:30%;
  position:absolute;
}*/
.TreasuresOfTheDeepWinFrame6 {
  user-drag: none;
  -webkit-user-drag: none;
  background-image: url('./winFrame-CE_lzw3I.png');
  left:27.5%;
  height:24%;
  width:46%;
  top:68.5%;
  position:absolute;
}

.TreasuresOfTheDeepWinFrame7 {
  user-drag: none;
  -webkit-user-drag: none;
  background-image: url('./winFrame-CE_lzw3I.png');
  left:27.5%;
  height:24%;
  width:46%;
  top:55%;
  position:absolute;
}
.TreasuresOfTheDeepWinFrame8 {
  user-drag: none;
  -webkit-user-drag: none;
  background-image: url('./winFrame-CE_lzw3I.png');
  left:27.5%;
  height:24%;
  width:46%;
  top:41.5%;
  position:absolute;
}
/*
.TreasuresOfTheDeepWinFrame9 {
  background-image: url('../../Assets/Games/TreasuresOfTheDeep/UI/winFrame.PNG');
  left:27.5%;
  height:24%;
  width:46%;
  top:30%;
  position:absolute;
}
.TreasuresOfTheDeepWinFrame10 {
  background-image: url('../../Assets/Games/TreasuresOfTheDeep/UI/winFrame.PNG');
  left:27.5%;
  height:24%;
  width:46%;
  top:30%;
  position:absolute;
}*/
.TreasuresOfTheDeepWinFrame11 {
  user-drag: none;
  -webkit-user-drag: none;
  background-image: url('./winFrame-CE_lzw3I.png');
  left:57.5%;
  height:24%;
  width:46%;
  top:68.5%;
  position:absolute;
}
.TreasuresOfTheDeepWinFrame12 {
  user-drag: none;
  -webkit-user-drag: none;
  background-image: url('./winFrame-CE_lzw3I.png');
  left:57.5%;
  height:24%;
  width:46%;
  top:55%;
  position:absolute;
}
.TreasuresOfTheDeepWinFrame13 {
  user-drag: none;
  -webkit-user-drag: none;
  background-image: url('./winFrame-CE_lzw3I.png');
  left:57.5%;
  height:24%;
  width:46%;
  top:41.5%;
  position:absolute;
}


.jewelArea{
  user-drag: none;
  -webkit-user-drag: none;
  position: absolute;
  height: 100vh;
  width: 100vw;
}
.jewelDivMotion{
  user-drag: none;
  -webkit-user-drag: none;
  position: absolute;
  width: 100%;
  height: 11%;
}
.blueJewel{
  user-drag: none;
  -webkit-user-drag: none;
  position: absolute;
  background-size: 100% 100%;
  background-image: url('./Bubble-nul9UKAP.png');
  width: 11vh;
  height: 11vh;
}
.jewel1{
  user-drag: none;
  -webkit-user-drag: none;
  left:15%
}
.jewel2{
  user-drag: none;
  -webkit-user-drag: none;
  left:29%;
}
.jewel3{
  user-drag: none;
  -webkit-user-drag: none;
  left:43%
}
.jewel4{
  user-drag: none;
  -webkit-user-drag: none;
  left:57%;
}
.jewel5{
  user-drag: none;
  -webkit-user-drag: none;
  left:71%
}
.jewelText1{
  left:14%
}
.jewelText2{
  left:28%
}
.jewelText3{
  left:42%
}
.jewelText4{
  left:56%
}
.jewelText5{
  left:70%
}
.jewelText{
  user-drag: none;
  -webkit-user-drag: none;
  background-image: linear-gradient(60deg,#ffa700,#ffddab);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: #ffe764;
  color: transparent;
  font-family: 'Luxury';
  font-size: 3.5vw;
  position: absolute;
  height: 15vh;
  width: 15vh;
  font-weight: 700;
  text-align: center;
  padding: 5% 0% 0% 0%;
}/* Ensure #app element has its own CSS */
#app {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}

/* Setting root font size for scaling */
html {
  font-size: calc((100vw / 1080) * 100%);
}

body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: black;
}

/* General styles */
.WinningZoneJackpots {
  background-image: url('./jackpots-Cjvq687_.png');
  height: 19%;
  width: 100%;
  left: 0%;
  top:0%;
}
.WinningZoneCautionTape {
  background-image: url('./CautionTape-BmORD2bN.png');
     height: 33%;
    width: 100%;
    left: 0%;
    top: 23%;
    position: absolute;
    z-index: 0;
    background-size: cover;
  }


/* Jackpot Text */.WinningZoneMegaText {
	font-family: 'Impact';
	font-size: 5.5em;
	color: white;
	padding: 1% 0% 0% 0%;
	WIDTH: 100%;
	left: 0%;
	height: 4%;
	top: 0%;
}
.WinningZoneMajorText {
	font-family: 'Impact';
	font-size: 3.5em;
	color: white;
	padding: 3.1% 0% 0% 0%;
	WIDTH: 100%;
	left: -34%;
	height: 4%;
	top: 6.2%;
}
.WinningZoneMinorText {
	font-family: 'Impact';
	font-size: 2em;
	color: white;
	padding: 2.5% 0% 0% 0%;
	WIDTH: 100%;
	left: 38%;
	height: 4%;
	top: 5.1%;
}

.WinningZoneMiniText {
	font-family: 'Impact';
	font-size: 2em;
	color: white;
	padding: 2.5% 0% 0% 0%;
	WIDTH: 100%;
	left: 86.5%;
	height: 4%;
	top: 7.6%;
	position: absolute;
}
/* Pay Table */.WinningZonePayTablePay::before {
  -webkit-text-stroke: 2px black;
}

.WinningZonePayTablePay {
  width: 100%; /* Let the text fill the available space */
  font-size: 1.6em;
  color: #fff;
  -webkit-text-fill-color: white;
  text-shadow: 2px 2px 0 black, 
               2px 2px 0 black, 
               2px 2px 0 black, 
              -2px -2px 0 black,
              -2px -2px 0 black,
               0px 0px 0 black,
               0px 0px 0 black,
               0px 0 0 black;
  font-family: 'Impact';
  text-align: center; /* Center the text within each grid item */
  padding-left: 0; /* Remove extra padding to better center content */
}
.WinningZone3PayTablePay {
	width: 100%;
	font-size: 1.2em;
	color: #ffd700;
	text-shadow: 1px 1px 2px black, 0 0 5px #ff8c00, 0 0 10px #ff4500;
	font-family: sans-serif;
	text-align: center;
	padding: 0;
	background: linear-gradient(90deg, #ffa500, #ff4500);
	-webkit-background-clip: text;
	/* -webkit-text-fill-color: transparent; */
	/* font-weight: bold; */
}

.WinningZone3TopPayTable {
	width: 104%;
	position: absolute;
	margin: 0 auto;
}
.WinningZonePayTableItem {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #fff;
  -webkit-text-fill-color: white;
  font-family: 'Impact';
}

.WinningZone3PayTableItem {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #fff;
  -webkit-text-fill-color: white;
  font-family: 'Impact';
  -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; 
      user-select: none;
}
.WinningZoneTopPayTable {
  position: absolute;
  height: 7.5%;
  width: 95%;
  top: 37%;
  left: 0; /* Align to the left edge of the container */
  display: grid;
  grid-template-columns: repeat(8, 1fr); /* Create 12 equal columns */
  gap: 6%; /* Add a small gap between items */
  justify-content: center;
  align-content: center;
  padding: 0 2.5%; /* Add padding to both sides */
  -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; 
      user-select: none;
}

/* Free Game Panel */
.WinningZoneFreeGamePanel {  
  top:90%;
  width:26%;
  height:3%;
  left:74%;
  -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; 
      user-select: none;
}

.WinningZoneFreeGamePanelText {
  color: white;
  font-family: 'Impact';
  font-size: 3em;
  top:90%;
  left:63%;
}

/* Button UI */
.WinningZoneButtonUIBg {
  background-size: 100% 100%;
  position: absolute;
  height: 18%;
  width: 100%;
  left: 0%;
  bottom: 0%;
  background-image: url('./buttonUIBg-uZh3qGYv.png');
}

/* Credits */
.WinningZoneCredits {
  background-image: url('../../Assets/Games/WinningZone/UI/credits.png');
  height: 184%;
  width: 22%;
  left: 2.3%;
  top: -14%;
}

.WinningZoneCreditsText {
  color: black;
  font-family: 'Impact';
  font-size: 2em;
  padding: 5% 0% 0% 0%;

   height: 80%;
    width: 100%;
    top:40%;
}

.WinningZoneReelBg {
  background-image: url('./reelBg-CZRY8eoX.png');
  height: 34%;
  width: 105%;
  left: -2.5%;
  top: 54.5%;
}
.WinningZonereel1{
  left:10.5%;    -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; 
      user-select: none;
}
.WinningZonereel2{
  left:38%;    -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; 
      user-select: none;
}
.WinningZonereel3{
  left: 66%;    -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; 
      user-select: none;
}
.WinningZone3ReelContainer{
  top:43.7%;
}
.WinningZone3Reel1{
  left:6.5%;    -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; 
      user-select: none;
}
.WinningZone3Reel2{
  left:35%;    -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; 
      user-select: none;
}
.WinningZone3Reel3{
  left: 63.5%;    -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; 
      user-select: none;
}
/* Game Win */
.WinningZoneGameWin {
  background-image: url('./gameWin-DCmCJcem.png');
  height:132%;
  width:21%;
  left:59%;
  top:10%;
}

.WinningZoneGameWinText {
  color: black;
  font-family: 'Impact';
  font-size: 2em;
  padding: 5% 0% 0% 0%;
  
  height: 80%;
  width: 100%;
  top:30%;
}

/* Info */
.WinningZoneInfo {
  background-image: url('../../Assets/Games/WinningZone/UI/info.png');
}

.WinningZoneInfo:active {
  background-image: url('../../Assets/Games/WinningZone/UI/info_pressed.png');
}

/* Exit */
.WinningZoneExit {
  background-image: url('../../Assets/Games/WinningZone/UI/exit.png');
}

.WinningZoneExit:active {
  background-image: url('../../Assets/Games/WinningZone/UI/exit_pressed.png');
}

/* Entries */
.WinningZoneEntriesIncrease {
  background-image: url('../../Assets/Games/WinningZone/UI/entriesincrease_pressed.png');
  color: #fff;
  font-family: 'Impact';
  -webkit-text-fill-color: white;
  -webkit-text-stroke: 1px #e3e3e3;
  text-shadow: 2px 2px 9px black;
  font-size: 2em;
  padding: 0% 0% 2.5% 0%;
  height:53%;
}

.WinningZoneEntriesIncrease:active {
  background-image: url('../../Assets/Games/WinningZone/UI/entriesincrease.png');
}

.WinningZoneEntriesDecrease {
  background-image: url('../../Assets/Games/WinningZone/UI/entriesdecrease_pressed.png');
  color: #fff;
  font-family: 'Impact';
  -webkit-text-fill-color: white;
  -webkit-text-stroke: 1px #e3e3e3;
  text-shadow: 2px 2px 9px black;
  font-size: 2em;
  padding: 0% 0% 2.5% 0%;
  height:53%;
}

.WinningZoneEntriesDecrease:active {
  background-image: url('../../Assets/Games/WinningZone/UI/entriesdecrease.png');
}


/* Play */
.WinningZonePlay {
  background-image: url('./play-Fyz_bQpt.png');
  height:226%;
  right:-5%;
  top:-116%;
  width: 29%;
}

.WinningZonePlay:active {
  background-image: url('./play_pressed-BrTYeOoR.png');
  height:226%;
  right:-5%;
  top:-116%;
  width: 29%;
}

.WinningZonePlay:disabled {
  background-image: url('./play_disable-Mg2Z4s2U.png');
  height:226%;
  right:-5%;
  top:-116%;
  width: 29%;
}

/* Stop */
.WinningZoneStop {
  background-image: url('./play-Fyz_bQpt.png');
  height:226%;
  right:-5%;
  top:-116%;
  width: 29%;
}

.WinningZoneStop:active {
  background-image: url('./play_pressed-BrTYeOoR.png');
  height:226%;
  right:-5%;
  top:-116%;
  width: 29%;
}

.WinningZoneStop:disabled {
  background-image: url('./play_disable-Mg2Z4s2U.png');
  height:226%;
  right:-5%;
  top:-116%;
  width: 29%;
}

/* Arrows */

.WinningZoneWinLine {
  background-image: url('./winLine-OcdAWZRF.png');
  top:62%;
  left:6.5%;
}

.WinningZoneWinFrame {
  background-image: url('./winFrame-BH3gwsZp.png');
}

.WinningZone3WinFrame {
  background-image: url('./winFrame-BH3gwsZp.png');
}

/* Pop-up */
.WinningZonePopUp {
  background-image: url('./popUp-ysql-kI7.png');
}
.WinningZonePopUpFree {
  background-image: url('./popUp_FreeGames-DixpQAZ7.png');
}

.WinningZonePopUpBonus {
  background-image: url('./popUp_Bonus-BvTj8aVu.png');
}


.WinningZonePopUpText {
  text-align: center;
  font-family: 'Impact';
  font-size: 3em;
  color: white;
  white-space: pre-line;
  top:63%;
}


.WinningZoneLogo {
  background-image: url('./Logo-CAE5Bjr5.png');
  height: 12%;
  width: 120%;
  left: -13%;
  top: 12%;
}

.WinningZonePicksRemainingText
{
  position:absolute;
  height:6%;
  width:200%;
  top:450%;
  left:13%;
  font-family: 'Impact';
  color: #fff;
  font-weight: bolder;
  font-size: 4.5em;
  padding: 8% 0% 0% 10%;
  text-align: center;text-shadow:2px 2px 0 black, 
  2px 2px 0 black, 
  2px 2px 0 black, 
  -2px -2px 0 black,
  -2px -2px 0 black,
  0px 0px 0 black,
  0px 0px 0 black,
  0px 0 0 black;
}
.WinningZoneTotalBonusWinText {
  position:absolute;
  height:6%;
  width:100%;
  top:532%;
  left:-88%;
  font-family: 'Impact';
  color: #fff;
  font-weight: bolder;
  font-size: 3.5em;
  padding: 8% 0% 0% 10%;
  text-align: center;text-shadow:2px 2px 0 black, 
  2px 2px 0 black, 
  2px 2px 0 black, 
  -2px -2px 0 black,
  -2px -2px 0 black,
  0px 0px 0 black,
  0px 0px 0 black,
  0px 0 0 black;
}

/* Bonus Picks */
.WinningZoneBonusPick {
  position: absolute;
  width: 10%; /* Adjust width as needed */
  height: 5%; /* Adjust height as needed */
}

/* Positioning Bonus Picks in a 4x3 Grid */
.WinningZoneBonusPick1Idle, .WinningZoneBonusPick1Picked { top: 43%; left: 38%; }
.WinningZoneBonusPick2Idle, .WinningZoneBonusPick2Picked { top: 43%; left: 52.5%; }

.WinningZoneBonusPick3Idle, .WinningZoneBonusPick3Picked { top: 50%; left: 25%; }
.WinningZoneBonusPick4Idle, .WinningZoneBonusPick4Picked { top: 50%; left: 39%; }
.WinningZoneBonusPick5Idle, .WinningZoneBonusPick5Picked { top: 50%; left: 52%; }
.WinningZoneBonusPick6Idle, .WinningZoneBonusPick6Picked { top: 52%; left: 65.5%; }

.WinningZoneBonusPick7Idle, .WinningZoneBonusPick7Picked { top: 56.5%; left: 25%; }
.WinningZoneBonusPick8Idle, .WinningZoneBonusPick8Picked { top: 56.5%; left: 39%; }
.WinningZoneBonusPick9Idle, .WinningZoneBonusPick9Picked { top: 56.5%; left: 52%; }
.WinningZoneBonusPick10Idle, .WinningZoneBonusPick10Picked { top: 58.5%; left: 65.5%; }
.WinningZoneBonusPick11Idle, .WinningZoneBonusPick11Picked { top: 63.5%; left: 27%; }
.WinningZoneBonusPick12Idle, .WinningZoneBonusPick12Picked { top: 63%; left: 44.5%; }

.WinningZoneBonusPick1PickedText {
  position: absolute;
  font-size: 2em; /* Adjust as needed */
  -webkit-text-fill-color: white;
  -webkit-text-stroke: 1px black;
  font-family: 'Impact';top: 44%; left: 40%;text-shadow:2px 2px 0 black, 
  2px 2px 0 black, 
  2px 2px 0 black, 
  -2px -2px 0 black,
  -2px -2px 0 black,
  0px 0px 0 black,
  0px 0px 0 black,
  0px 0 0 black;
}

.WinningZoneBonusPick2PickedText {
  position: absolute;
  font-size: 2em; /* Adjust as needed */
  -webkit-text-fill-color: white;
  -webkit-text-stroke: 1px black;
  font-family: 'Impact';top: 44%; left: 54.5%;text-shadow:2px 2px 0 black, 
  2px 2px 0 black, 
  2px 2px 0 black, 
  -2px -2px 0 black,
  -2px -2px 0 black,
  0px 0px 0 black,
  0px 0px 0 black,
  0px 0 0 black;
}

.WinningZoneBonusPick3PickedText {
  position: absolute;
  font-size: 2em; /* Adjust as needed */
  -webkit-text-fill-color: white;
  -webkit-text-stroke: 1px black;
  font-family: 'Impact'; top: 51%; left: 27%;text-shadow:2px 2px 0 black, 
  2px 2px 0 black, 
  2px 2px 0 black, 
  -2px -2px 0 black,
  -2px -2px 0 black,
  0px 0px 0 black,
  0px 0px 0 black,
  0px 0 0 black;
}

.WinningZoneBonusPick4PickedText {
  position: absolute;
  font-size: 2em; /* Adjust as needed */
  -webkit-text-fill-color: white;
  -webkit-text-stroke: 1px black;
  font-family: 'Impact';top: 51%; left: 41%;text-shadow:2px 2px 0 black, 
  2px 2px 0 black, 
  2px 2px 0 black, 
  -2px -2px 0 black,
  -2px -2px 0 black,
  0px 0px 0 black,
  0px 0px 0 black,
  0px 0 0 black;
}

.WinningZoneBonusPick5PickedText {
  position: absolute;
  font-size: 2em; /* Adjust as needed */
  -webkit-text-fill-color: white;
  -webkit-text-stroke: 1px black;
  font-family: 'Impact';top: 51%; left: 54%;text-shadow:2px 2px 0 black, 
  2px 2px 0 black, 
  2px 2px 0 black, 
  -2px -2px 0 black,
  -2px -2px 0 black,
  0px 0px 0 black,
  0px 0px 0 black,
  0px 0 0 black;
}

.WinningZoneBonusPick6PickedText {
  position: absolute;
  font-size: 2em; /* Adjust as needed */
  -webkit-text-fill-color: white;
  -webkit-text-stroke: 1px black;
  font-family: 'Impact';top: 53%; left: 67.5%;text-shadow:2px 2px 0 black, 
  2px 2px 0 black, 
  2px 2px 0 black, 
  -2px -2px 0 black,
  -2px -2px 0 black,
  0px 0px 0 black,
  0px 0px 0 black,
  0px 0 0 black;
}

.WinningZoneBonusPick7PickedText {
  position: absolute;
  font-size: 2em; /* Adjust as needed */
  -webkit-text-fill-color: white;
  -webkit-text-stroke: 1px black;
  font-family: 'Impact';top: 57.5%; left: 27%;text-shadow:2px 2px 0 black, 
  2px 2px 0 black, 
  2px 2px 0 black, 
  -2px -2px 0 black,
  -2px -2px 0 black,
  0px 0px 0 black,
  0px 0px 0 black,
  0px 0 0 black;
}

.WinningZoneBonusPick8PickedText {
  position: absolute;
  font-size: 2em; /* Adjust as needed */
  -webkit-text-fill-color: white;
  -webkit-text-stroke: 1px black;
  font-family: 'Impact';top: 57.5%; left: 41%;text-shadow:2px 2px 0 black, 
  2px 2px 0 black, 
  2px 2px 0 black, 
  -2px -2px 0 black,
  -2px -2px 0 black,
  0px 0px 0 black,
  0px 0px 0 black,
  0px 0 0 black;
}

.WinningZoneBonusPick9PickedText {
  position: absolute;
  font-size: 2em; /* Adjust as needed */
  -webkit-text-fill-color: white;
  -webkit-text-stroke: 1px black;
  font-family: 'Impact';top: 57.5%; left: 54%;text-shadow:2px 2px 0 black, 
  2px 2px 0 black, 
  2px 2px 0 black, 
  -2px -2px 0 black,
  -2px -2px 0 black,
  0px 0px 0 black,
  0px 0px 0 black,
  0px 0 0 black;
}

.WinningZoneBonusPick10PickedText {
  position: absolute;
  font-size: 2em; /* Adjust as needed */
  -webkit-text-fill-color: white;
  -webkit-text-stroke: 1px black;
  font-family: 'Impact';top: 59.5%; left: 67.5%;text-shadow:2px 2px 0 black, 
  2px 2px 0 black, 
  2px 2px 0 black, 
  -2px -2px 0 black,
  -2px -2px 0 black,
  0px 0px 0 black,
  0px 0px 0 black,
  0px 0 0 black;
}

.WinningZoneBonusPick11PickedText {
  position: absolute;
  font-size: 2em; /* Adjust as needed */
  -webkit-text-fill-color: white;
  -webkit-text-stroke: 1px black;
  font-family: 'Impact';top: 64.5%; left: 29%;text-shadow:2px 2px 0 black, 
  2px 2px 0 black, 
  2px 2px 0 black, 
  -2px -2px 0 black,
  -2px -2px 0 black,
  0px 0px 0 black,
  0px 0px 0 black,
  0px 0 0 black;
}

.WinningZoneBonusPick12PickedText {
  position: absolute;
  font-size: 2em; /* Adjust as needed */
  -webkit-text-fill-color: white;
  -webkit-text-stroke: 1px black;
  font-family: 'Impact';top: 64%; left: 46.5%;text-shadow:2px 2px 0 black, 
  2px 2px 0 black, 
  2px 2px 0 black, 
  -2px -2px 0 black,
  -2px -2px 0 black,
  0px 0px 0 black,
  0px 0px 0 black,
  0px 0 0 black;
}


.reelSymbolWinningZone {
  position: absolute;
  margin-top:20.5%;
  height:31%;
  left:-10.0%;
}


.reelSymbolWinningZone3 {
  position: absolute;
  margin-top:20.5%;
  height:31%;
  left:-10.0%;
}

.WildPick5reelPlace1{
  position:absolute;
  height:9%;
  width:18%;
  left:2%;
  top:57%;
  z-index: 1000;
}
.WildPick5reelPlace1:hover{
  background-color: rgba(255, 0, 0, 0.363);
}


.WildPick5reelPlace2{
  position:absolute;
  height:9%;
  width:18%;
  left:21.5%;
  top:57%;
  z-index: 1000;
}
.WildPick5reelPlace2:hover{
  background-color: rgba(255, 0, 0, 0.363);
}
.WildPick5reelPlace3{
  position:absolute;
  height:9%;
  width:18%;
  left:41%;
  top:57%;
  z-index: 1000;
}
.WildPick5reelPlace3:hover{
  background-color: rgba(255, 0, 0, 0.363);
}



.WildPick5reelPlace4{
  position:absolute;
  height:9%;
  width:18%;
  left:61%;
  top:57%;
  z-index: 1000;
}
.WildPick5reelPlace4:hover{
  background-color: rgba(255, 0, 0, 0.363);
}

.WildPick5reelPlace5{
  position:absolute;
  height:9%;
  width:18%;
  left:80.5%;
  top:57%;
  z-index: 1000;
}
.WildPick5reelPlace5:hover{
  background-color: rgba(255, 0, 0, 0.363);
}

.WildPick5reelPlace6{
  position:absolute;
  height:9%;
  width:18%;
  left:2%;
  top:66.6%;
  z-index: 1000;
}
.WildPick5reelPlace6:hover{
  background-color: rgba(255, 0, 0, 0.363);
}




.WildPick5reelPlace7{
  position:absolute;
  height:9%;
  width:18%;
  left:21.5%;
  top:66.6%;
  z-index: 1000;
}
.WildPick5reelPlace7:hover{
  background-color: rgba(255, 0, 0, 0.363);
}

.WildPick5reelPlace8{
  position:absolute;
  height:9%;
  width:18%;
  left:41%;
  top:66.6%;
  z-index: 1000;
}
.WildPick5reelPlace8:hover{
  background-color: rgba(255, 0, 0, 0.363);
}

.WildPick5reelPlace9{
  position:absolute;
  
  height:9%;
  width:18%;
  left:61%;
  top:66.6%;
  z-index: 1000;
}
.WildPick5reelPlace9:hover{
  background-color: rgba(255, 0, 0, 0.363);
}


.WildPick5reelPlace10{
  position:absolute;
  
  height:9%;
  width:18%;
  left:80.5%;
  top:66.6%;
  z-index: 1000;
}
.WildPick5reelPlace10:hover{
  background-color: rgba(255, 0, 0, 0.363);
}

.WildPick5reelPlace11{
  position:absolute;
  
  height:9%;
  width:18%;
  left:2%;
  top:76.5%;
  z-index: 1000;
}
.WildPick5reelPlace11:hover{
  background-color: rgba(255, 0, 0, 0.363);
}

.WildPick5reelPlace12{
  position:absolute;
  
  height:9%;
  width:18%;
  left:21.5%;
  top:76.5%;
  z-index: 1000;
}
.WildPick5reelPlace12:hover{
  background-color: rgba(255, 0, 0, 0.363);
}


.WildPick5reelPlace13{
  position:absolute;
  
  height:9%;
  width:18%;
  left:41%;
  top:76.5%;
  z-index: 1000;
}
.WildPick5reelPlace13:hover{
  background-color: rgba(255, 0, 0, 0.363);
}


.WildPick5reelPlace14{
  position:absolute;
  
  height:9%;
  width:18%;
  left:61%;
  top:76.5%;
  z-index: 1000;
}
.WildPick5reelPlace14:hover{
  background-color: rgba(255, 0, 0, 0.363);
}

.WildPick5reelPlace15{
  position:absolute;
  
  height:9%;
  width:18%;
  left:80.5%;
  top:76.5%;
  z-index: 1000;
}
.WildPick5reelPlace15:hover{
  background-color: rgba(255, 0, 0, 0.363);
}





/*  
// 0  1  2  3  4
// 5  6  7  8  9
//10 11 12 13 14

///1   6   11   16   21
///2   7   12   17   22
///3   8   13   18   23 */

.WinningZoneWinFrame3 {
  background-image: url('./winFrame-BH3gwsZp.png');
  left:-4%;
  height:15%;
  width:30%;
  top:54%;
  position:absolute;
}
.WinningZoneWinFrame8 {
  background-image: url('./winFrame-BH3gwsZp.png');
  left:15.5%;
  height:15%;
  width:30%;
  top:54%;
  position:absolute;
}
.WinningZoneWinFrame13 {
  background-image: url('./winFrame-BH3gwsZp.png');
  left:35.5%;
  height:15%;
  width:30%;
  top:54%;
  position:absolute;
}
.WinningZoneWinFrame18 {
  background-image: url('./winFrame-BH3gwsZp.png');
  left:55%;
  height:15%;
  width:30%;
  top:54%;
  position:absolute;
}

.WinningZoneWinFrame23 {
  background-image: url('./winFrame-BH3gwsZp.png');
  left:74.5%;
  height:15%;
  width:30%;
  top:54%;
  position:absolute;
}

/*  
// 0  1  2  3  4
// 5  6  7  8  9
//10 11 12 13 14

///1   6   11   16   21
///2   7   12   17   22
///3   8   13   18   23 */

.WinningZoneWinFrame2 {
  background-image: url('./winFrame-BH3gwsZp.png');
  left:-4%;
  height:15%;
  width:30%;
  top:63.5%;
  position:absolute;
}
.WinningZoneWinFrame7 {
  background-image: url('./winFrame-BH3gwsZp.png');
  left:15.5%;
  height:15%;
  width:30%;
  top:63.5%;
  position:absolute;
}

.WinningZoneWinFrame12 {
  background-image: url('./winFrame-BH3gwsZp.png');
  left:35.5%;
  height:15%;
  width:30%;
  top:63.5%;
  position:absolute;
}
.WinningZoneWinFrame17 {
  background-image: url('./winFrame-BH3gwsZp.png');
  left:55%;
  height:15%;
  width:30%;
  top:63.5%;
  position:absolute;
}

.WinningZoneWinFrame22 {
  background-image: url('./winFrame-BH3gwsZp.png');
  left:74.5%;
  height:15%;
  width:30%;
  top:63.5%;
  position:absolute;
}

/*  
// 0  1  2  3  4
// 5  6  7  8  9
//10 11 12 13 14

///1   6   11   16   21
///2   7   12   17   22
///3   8   13   18   23 */

.WinningZoneWinFrame1 {
  background-image: url('./winFrame-BH3gwsZp.png');
  left:-4%;
  height:15%;
  width:30%;
  top:74%;
  position:absolute;
}
.WinningZoneWinFrame6 {
  background-image: url('./winFrame-BH3gwsZp.png');
  left:15.5%;
  height:15%;
  width:30%;
  top:74%;
  position:absolute;
}
.WinningZoneWinFrame11 {
  background-image: url('./winFrame-BH3gwsZp.png');
  left:35.5%;
  height:15%;
  width:30%;
  top:74%;
  position:absolute;
}
.WinningZoneWinFrame16 {
  background-image: url('./winFrame-BH3gwsZp.png');
  left:55%;
  height:15%;
  width:30%;
  top:74%;
  position:absolute;
}

.WinningZoneWinFrame21 {
  background-image: url('./winFrame-BH3gwsZp.png');
  left:74.5%;
  height:15%;
  width:30%;
  top:74%;
  position:absolute;
}


.jewelArea{
  position: absolute;
  height: 100vh;
  width: 100vw;
}
.jewelDivMotion{
  position: absolute;
  width: 100%;
  height: 11%;
}
.blueJewel{
  position: absolute;
  background-size: 100% 100%;
  background-image: url('../../Assets/Games/WinningZone/UI/Bubble.png');
  width: 11vh;
  height: 11vh;
}
.jewel1{
  left:15%
}
.jewel2{
  left:29%;
}
.jewel3{
  left:43%
}
.jewel4{
  left:57%;
}
.jewel5{
  left:71%
}
.jewelText1{
  left:14%
}
.jewelText2{
  left:28%
}
.jewelText3{
  left:42%
}
.jewelText4{
  left:56%
}
.jewelText5{
  left:70%
}
.jewelText{
  background-image: linear-gradient(60deg,#ffa700,#ffddab);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: #ffe764;
  color: transparent;
  font-family: 'Luxury';
  font-size: 3.5vw;
  position: absolute;
  height: 15vh;
  width: 15vh;
  font-weight: 700;
  text-align: center;
  padding: 5% 0% 0% 0%;
}




/*////*/
.WinningZoneTopPayTableContainer {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	z-index: 1000;
	top: -7% !important;
	position: relative;
}
  .WinningZonePayTableRowGroup {
    margin-bottom: 20px;
    text-align: center;
    width: 80%;
  }
  
  .WinningZoneIconsRow {
    display: flex;
    justify-content: space-around;
    margin-bottom: 10px;
  }
  
  .WinningZonePayTableItem {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  
  .WinningZonePayTableSymbol {
    width: 50px;
    height: 50px;
  }
  
  .WinningZonePayoutsRow {
    display: flex;
    flex-direction: column;
  }
  
  .WinningZonePayoutRow {
    display: flex;
    justify-content: space-around;
  }
  
    .WinningZonePayoutValue {
     
      width: 80px;
      text-align: center;
      color: white;
      text-shadow: 0 0 5px black, 0 0 5px black, 0 0 5px black, 0 0 5px black, 0 0 1px black, 0 0 5px black, 0 0 10px black, 0 0 15px black;
      font-weight: bolder;
      font-size: 1.15em;
    }
    .highlight {
      animation: bounce 0.5s infinite alternate;
      border: 2px solid gold;
      box-shadow: 0 0 10px gold;
      border-radius: 5px;
    }
    
    @keyframes bounce {
      0% {
        transform: translateY(0);
      }
      100% {
        transform: translateY(-10px);
      }
    }


    .borderBox0 {
      position: absolute;
      left: -3%;
      top: 54.5%;
      width: 28%;
      height: 13.5%;
    }
    .borderBox1 {
      position: absolute;
      left: -3%;
      top: 64.5%;
      width: 28%;
      height: 13.5%;
    }
    .borderBox2 {
      position: absolute;
      left: -3%;
      top: 74.55%;
      width: 28%;
      height: 13.5%;
    }




    .borderBox3 {
      position: absolute;
      left: 16.5%;
      top: 54.5%;
      width: 28%;
      height: 13.5%;
    }
    .borderBox4{
      position: absolute;
      left: 16.5%;
      top: 64.5%;
      width: 28%;
      height: 13.5%;
    }
    .borderBox5{
      position: absolute;
      left: 16.5%;
      top: 74.55%;
      width: 28%;
      height: 13.5%;
    }


    .borderBox6 {
      position: absolute;
      left: 36%;
      top: 54.5%;
      width: 28%;
      height: 13.5%;
    }
    .borderBox7 {
      position: absolute;
      left: 36%;
      top: 64.5%;
      width: 28%;
      height: 13.5%;
    }
    .borderBox8 {
      position: absolute;
      left: 36%;
      top: 74.55%;
      width: 28%;
      height: 13.5%;
    }

    .borderBox9 {
      position: absolute;
      left: 55.5%;
      top: 54.5%;
      width: 28%;
      height: 13.5%;
    }    
    .borderBox10 {
      position: absolute;
      left: 55.5%;
      top: 64.5%;
      width: 28%;
      height: 13.5%;
    }
    .borderBox11 {
      position: absolute;
      left: 55.5%;
      top: 74.55%;
      width: 28%;
      height: 13.5%;
    }



    .borderBox12 {
      position: absolute;
      left: 75%;
      top: 54.5%;
      width: 28%;
      height: 13.5%;
    }
    .borderBox13 {
      position: absolute;
      left: 75%;
      top: 64.5%;
      width: 28%;
      height: 13.5%;
    }
    .borderBox14 {
      position: absolute;
      left: 75%;
      top: 74.55%;
      width: 28%;
      height: 13.5%;
    }






    

    .levelborderBox0 {
      position: absolute;
      left: -3%;
      top: 54.8%;
      width: 28%;
      height: 13%;
      transition: opacity 0.5s ease-in-out; /* Smooth fade in/out animation */
    }
    .levelborderBox1 {
      position: absolute;
      left: -3%;
      top: 64.6%;
      width: 28%;
      height: 13%;
      transition: opacity 0.5s ease-in-out;
    }
    .levelborderBox2 {
      position: absolute;
      left: -3%;
      top: 74.8%;
      width: 28%;
      height: 13%;
      transition: opacity 0.5s ease-in-out; /* Smooth fade in/out animation */
    }

    .levelborderBox3 {
      position: absolute;
      left:16.6%;
      top:54.8%;
      width: 28%;
      height: 13%;
      transition: opacity 0.5s ease-in-out; /* Smooth fade in/out animation */
    }
    .levelborderBox4{
      position: absolute;
      left: 16.6%;
      top: 64.6%;
      width: 28%;
      height: 13%;
      transition: opacity 0.5s ease-in-out; /* Smooth fade in/out animation */
    }
    .levelborderBox5{
      position: absolute;
      left:  16.6%;
      top: 74.8%;
      width: 28%;
      height: 13%;
      transition: opacity 0.5s ease-in-out; /* Smooth fade in/out animation */
    }
    .levelborderBox6 {
      position: absolute;
      left: 36%;
      top: 54.8%;
      width: 28%;
      height: 13%;
      transition: opacity 0.5s ease-in-out; /* Smooth fade in/out animation */
    }
    .levelborderBox7 {
      position: absolute;
      left:36%;
      top: 64.6%;
      width: 28%;
      height: 13%;
      transition: opacity 0.5s ease-in-out; /* Smooth fade in/out animation */
    }
    .levelborderBox8 {
      position: absolute;
      left: 36%;
      top: 74.8%;
      width: 28%;
      height: 13%;
      transition: opacity 0.5s ease-in-out; /* Smooth fade in/out animation */
    }

    .levelborderBox9 {
      position: absolute;
      left: 55.8%;
      top:54.8%;
      width: 28%;
      height: 13%;
      transition: opacity 0.5s ease-in-out; /* Smooth fade in/out animation */
    }    
    .levelborderBox10 {
      position: absolute;
      left: 55.8%;
      top: 64.6%;
      width: 28%;
      height: 13%;
      transition: opacity 0.5s ease-in-out; /* Smooth fade in/out animation */
    }
    .levelborderBox11 {
      position: absolute;
      left: 55.8%;
      top: 74.8%;
      width: 28%;
      height: 13%;
      transition: opacity 0.5s ease-in-out; /* Smooth fade in/out animation */
    }
    .levelborderBox12 {
      position: absolute;
      left: 75.5%;
      top: 54.8%;
      width: 28%;
      height: 13%;
      transition: opacity 0.5s ease-in-out; /* Smooth fade in/out animation */
    }
    .levelborderBox13 {
      position: absolute;
      left:  75.5%;
      top: 64.6%;
      width: 28%;
      height: 13%;
      transition: opacity 0.5s ease-in-out; /* Smooth fade in/out animation */
    }
    .levelborderBox14 {
      position: absolute;
      left: 75.5%;
      top: 74.8%;
      width: 28%;
      height: 13%;
      transition: opacity 0.5s ease-in-out; /* Smooth fade in/out animation */
    }
/* Free Games Topper */
.FreeGamesTopper {
	width: 90%;
	background-color: #1a1a2e;
	border: 3px solid #ffd700;
	border-radius: 20px;
	height: 26%;
	top: 25%;
	left: 50%;
	transform: translateX(-50%);
	position: absolute;
	opacity: 0.95;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	padding: 15px;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5);
}

.totalWinLabel {
  font-size: 1.5rem;
  color: #ffffff;
  margin-bottom: 10px; /* Add space between label and amount */
}

/* Win Amount */
.winAmount {
  font-size: 5rem;
  font-weight: bold;
  color: #00ff00; /* Green for emphasis */
  text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}
/* Free Games Remaining */
.FreeGamesRemaining {
  font-size: 2.0rem;
  color: #ffffff;
  background-color: #333;
  padding: 10px 20px;
  border-radius: 50px;
  border: 2px solid #ffcc00; /* Yellow border for a construction theme */
  text-align: center;
  width: fit-content;
}

/* Total Win */

.FreeGamesTotalWin {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background-color: #444;
	padding: 5px;
	border-radius: 50px;
	border: 2px solid #00ff00;
	text-align: center;
	width: 78%;
	margin: auto;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5);
	margin-top: 10px;
}
.FreeGamesTotalWin .winAmount {
  font-size: 5rem;
  font-weight: bold;
  color: #00ff00;
}

/* Border container */
.FreeGamesBorders {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  gap: 10px;
  width: 100%;
  position: relative;
  bottom: 10px;
}

/* Individual Border Styles */
.FreeGamesWoodBorder,
.FreeGamesConcreteBorder,
.FreeGamesSteelBorder {
  background-repeat: no-repeat;
  background-size: cover;
  width: 30%;
  height: 135px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Wood Border */
.FreeGamesWoodBorder {
  background-image: url('./wood-DHWpzg83.png');
}

/* Concrete Border */
.FreeGamesConcreteBorder {
  background-image: url('./concrete-r0miI7M4.png');
}

/* Steel Border */
.FreeGamesSteelBorder {
  background-image: url('./steel-wHrcEKhG.png');
}

/* Border Counter */
.borderCounter {
  font-size: 7rem;
  font-weight: bold;
  color: #ffffff; /* Text color */
  -webkit-text-fill-color: transparent; /* Make text transparent */
  -webkit-text-stroke: 1px transparent; /* Add stroke */
  background: repeating-linear-gradient(
    45deg,
    yellow,
    yellow 5px, /* Yellow stripe width */
    black 5px,
    black 10px /* Total stripe cycle: 5px yellow, 5px black */
  ); /* Yellow/black striped background */
  -webkit-background-clip: text;
  -webkit-text-stroke-color: black;
}


@keyframes bounce-in {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  20%{
    
    transform: scale(.80);
    opacity: .4;
  }
  
  40%{
    
    transform: scale(.40);
    opacity: .6;
  }
  60% {
    transform: scale(2.3);
    opacity: .8;
  }
  80% {
    transform: scale(.75);
    opacity: 1;
  }
  100% {
    transform: scale(1);
  }
}

.bounce {
  animation: bounce-in 0.5s ease-out;
}
.login-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8); /* Dark translucent background */
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
  }
  
  .login-box {
    background: #1e1e1e ; opacity: 0.88;
    border-radius: 0px;
    padding-bottom:10px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
    width: 90%; /* Adjust as needed */
    max-width: 330px; /* Adjust as needed */
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #ffffff;
  }
  
  .login-box h2 {
    margin-bottom: 20px;
    text-align: center;
    width: 100%;
    color: #ffffff;
    font-size:3em;
  }
  
  .login-box input {
    display: inline-block;
    width: 75%; /* Adjust width to account for padding and border */
    margin-bottom: 15px;
    margin-left:11%;
    padding: 15px;
    border: 1px solid #333;
    border-radius: 5px;
    background: #2a2a2a;
    color: #ffffff;
    box-sizing: border-box; /* Ensure padding and border are included in the width */
  }
  
  .login-box input::placeholder {
    color: #888;
  }
  
  .login-box input:focus {
    outline: none;
    border-color: #007bff;
  }
  
  .LoginButton {
    display: block;
    width: 93%;
    padding: 15px;
    background: #007bff;
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: background 0.3s;
  }
  
  .login-box button:hover {
    background: #0056b3;
  }
  
  .error-message {
    color: #ff4d4d;
    margin-top: 10px;
    text-align: center;
  }
  @keyframes shake {
  0% { transform: translateX(0); }
  25% { transform: translateX(-5px); }
  50% { transform: translateX(5px); }
  75% { transform: translateX(-5px); }
  100% { transform: translateX(0); }
}

.shake {
  animation: shake 0.5s;
}

.input-container {
  display: inline-block;
  width:100%;
  align-items: center;
}


.input-container button {
  background: none;
  border: none;
  font-size: 1.5rem;
  cursor: pointer;
}

 .keypadButton {
  background: none;
  border: none;
  font-size: 1.5rem;
  width: 40px;
  height:40px;
  display:inline-block;
  cursor: pointer;
  top: 0px;
  position: relative;
  right: 40px;
}.keypad-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  .keypad-container {
    background-color: #333;
    padding: 20px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    top: 20%;
    border-radius:10px;
    position: relative;
  }
  .keypad-row {
    display: flex;
    justify-content: space-between;
  }
  
  .keypad-row button {
    width: 60px;
    height: 60px;
    border-radius:5px;
    font-size: 1.5rem;
    margin:5px;
    background-color:#4b4b4b;
    color:#cacaca;
    cursor: pointer;
  }
  .loading-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10000; /* Higher z-index than login overlay */
}

.loading-content {
    text-align: center;
    color: #fff;
}

.progress-bar {
    width: 80%;
    background: #333;
    border-radius: 10px;
    overflow: hidden;
    margin: 20px auto;
}

.progress {
    height: 20px;
    width: 0;
    background: #76c7c0;
    animation: load 3s forwards;
}

@keyframes load {
    0% {
        width: 0;
    }
    100% {
        width: 100%;
    }
}
@font-face {
  font-family: 'Wolf';
  src: url('./Wolf-BECiTSXa.ttf');
}
@font-face {
font-family: 'Jungle';
src: url('./Jungle-CnyeA4GB.ttf');
}
@font-face {
font-family: 'Farm';
src: url('./Farm-Tn_F1B7s.ttf');
}
@font-face {
font-family: 'Dragon';
src: url('./Dragon-DSA87HAS.ttf');
}
@font-face {
font-family: 'Luxury';
src: url('./Luxury-Di1ArJuq.ttf');
}

html, body {
margin: 0;
padding: 0;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
/*background-color: black; */
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; 
    user-select: none;
}

#app-container {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;-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; 
    user-select: none;
}

#app {
width: 1080px;
height: 1920px;
max-width: 100%;
max-height: 100%;
overflow: hidden;
position: relative;-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; 
    user-select: none;
}

.message {
position: absolute;
height: auto;
min-height: 50px;
width: 40%;
max-width: 400px;
top: 62%;
left: 30%;
padding: 1em;
font-size: 1.5em; /* Adjust as needed */
background-color: #1e1e1e;
opacity: 0.88;
color: #ffffff;
text-align: center;
border-radius: 0px; /* Square corners */
box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
border: none; /* No border */-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; 
    user-select: none;
}





.Overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1010;
}

.Popup {
  background: radial-gradient(circle, #282c34, #333, #151515, #000);
  color: white; /* Text color for contrast */
  width: 85%;
  height: 80%;
  border-radius: 20px;
  padding: 20px;
  position: relative;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3), 0 0 10px rgba(231, 170, 255, 0.8);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.MenuTitle {
  font-size: 28px;
  font-weight: bold;
  margin-bottom: 15px;
  text-align: center;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.CloseButton {
  position: absolute;
  top: -25px;
  right: -25px;
  font-size: 20px;
  width: 60px;
  height: 60px;
  background: white;
  border: 2px solid #333;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
  transition: all 0.3s ease;
}

.CloseButton:hover {
  background: #e0e0e0;
  border-color: #555;
  transform: scale(1.1);
}

.ButtonContainer {
  display: flex;
  justify-content: space-between;
  margin-top: auto;
  padding: 15px 50px;
}

.PopupButton {
  font-size: 18px;
  padding: 12px 25px;
  background: linear-gradient(145deg, #f9f9f9, #eaeaea);
  border: 2px solid #333;
  border-radius: 10px;
  cursor: pointer;
  font-weight: bold;
  text-transform: uppercase;
  color: #333;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
  transition: all 0.3s ease;
}

.PopupButton:hover {
  background: #dcdcdc;
  border-color: #555;
  transform: translateY(-2px);
}

.WinLineContainer {
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* 3 columns */
  gap: 10px; /* Space between the blocks */
  justify-content: center;
  align-items: center;
  margin: 10px auto; /* Center container */
  width: 80%; /* Optional: adjust container width */
}

.WinLineBlock {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: white; /* Customize as needed */
  border: 2px solid #000;
  border-radius: 10px;
  padding: 10px;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
  text-align: center;
  color:#000;
}

.WinLineGrid {
  display: grid;
  grid-template-columns: repeat(3, 20px);
  gap: 10px;
  justify-content: center;
  align-items: center;
  margin: 10px auto;
}

.GridBox {
  width: 20px;
  height: 20px;
  border: 2px solid #888;
  background-color: #222;
  border-radius: 5px;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.5);
}

.GridBox.Active {
  background-color: #3ba745;
  border-color: #2b7c32;
  box-shadow: rgba(0, 0, 0, 1) 0px 0px 6px;
}.PayTableBody {
  width: 91%;
  height: 66%;
  position: absolute;
  display: flex;
  flex-wrap: wrap; /* Allows items to wrap to the next line */
  gap: 10px; /* Adds spacing between items */
  justify-content: center; /* Centers the content horizontally */
  align-items: flex-start; /* Aligns items to the top of the container */
  padding: 10px; /* Adds padding inside the container */
  overflow-y: auto; /* Allows scrolling if content overflows vertically */
}
.PaytableFont
{
  border-radius:4px;
  font-size:19px;
  font-weight:bold;
  box-shadow: rgba(0, 0, 0, 1) 0px 0px 6px;
  background-color:#333;
  color:white;
}