@import "help.css";
[id="layout20"] {
  width: 80vw;
}
.layout20-1,
.layout20-2,
.layout20-3 {
  stroke-width: 0px;
}
.layout20-2 {
  fill: none;
}
.layout20-3 {
  fill: #eee;
}
.layout20-4 {
  font-size: 9px;
}
.layout20-4,
.layout20-5,
.layout20-6 {
  font-family: Arial-BoldMT, Arial;
  font-weight: 700;
  isolation: isolate;
}
.layout20-5 {
  font-size: 12.98px;
}
.layout20-6 {
  font-size: 15.9px;
}

[id="minusBtn"] {
  width: 30%;
}
.minusBtn-1 {
  stroke-width: 0px;
}
.minusBtn-2 {
  font-family: Arial-BoldMT, Arial;
  font-size: 19.37px;
  font-weight: 700;
  isolation: isolate;
}

.plusBtn-svg {
  width: 30%;
}
.betPlusBtn-1 {
  stroke-width: 0px;
}
.betPlusBtn-2 {
  font-family: Arial-BoldMT, Arial;
  font-size: 15.66px;
  font-weight: 700;
  isolation: isolate;
}

[id="newCards2Btn"] {
  width: 60%;
}
.newcards2btn-1 {
  stroke-width: 0px;
}
.newcards2btn-2 {
  font-family: Arial-BoldMT, Arial;
  font-size: 8px;
  font-weight: 700;
  isolation: isolate;
}

[id="buyExtraBall2Btn"] {
  width: 50%;
}
.buyextraballbtn-1 {
  stroke-width: 0px;
}
.buyextraballbtn-2 {
  font-family: Arial-BoldMT, Arial;
  font-size: 15px;
  font-weight: 700;
  isolation: isolate;
}

[id="infoBtnSVG"] {
  width: 30%;
}
.infoBtn-1,
.infoBtn-2 {
  stroke-width: 0px;
}
.infoBtn-2 {
  fill: none;
}

.autoPlay2Btn-svg {
  width: 80%;
}
.autoPlay2Btn-1 {
  stroke-width: 0px;
}

[id="minusBtn"] {
  width: 30%;
}
.minusBtn-1 {
  stroke-width: 0px;
}
.minusBtn-2 {
  font-family: Arial-BoldMT, Arial;
  font-size: 19.37px;
  font-weight: 700;
  isolation: isolate;
}

.plusBtn-svg {
  width: 30%;
}
.betPlusBtn-1 {
  stroke-width: 0px;
}
.betPlusBtn-2 {
  font-family: Arial-BoldMT, Arial;
  font-size: 15.66px;
  font-weight: 700;
  isolation: isolate;
}

[id="minusBtn"] {
  width: 30%;
}
.minusBtn-1 {
  stroke-width: 0px;
}
.minusBtn-2 {
  font-family: Arial-BoldMT, Arial;
  font-size: 19.37px;
  font-weight: 700;
  isolation: isolate;
}

.plusBtn-svg {
  width: 30%;
}
.betPlusBtn-1 {
  stroke-width: 0px;
}
.betPlusBtn-2 {
  font-family: Arial-BoldMT, Arial;
  font-size: 15.66px;
  font-weight: 700;
  isolation: isolate;
}

.spin2Btn-svg {
  width: 100%;
}
.spin2Btn-1 {
  stroke-width: 0px;
}

.statusbar-settingsBtn-svg {
  width: 30%;
}
.statusbar-settingsBtn-1 {
  stroke-width: 0px;
}

[id="statusbar-exitBtn"] {
  width: 30%;
}
.exitbtn-1,
.exitbtn-2 {
  stroke-width: 0px;
}
.exitbtn-2 {
  fill: #fff;
}

.statusbar-historyBtn-svg {
  width: 30%;
}
.statusbar-historyBtn-1,
.statusbar-historyBtn-2 {
  stroke-width: 0px;
}
.statusbar-historyBtn-2 {
  fill: #fff;
}

.statusbar-infosBtn-svg {
  width: 30%;
}
.statusbar-infosBtn-1 {
  stroke-width: 0px;
}
.statusbar-infosBtn-2 {
  fill: #fff;
  font-family: Arial-BoldMT, Arial;
  font-size: 14.8px;
  font-weight: 700;
  isolation: isolate;
}

.statusbar-fastplayBtn-on-svg {
  width: 30%;
}
.statusbar-fastplayBtn-on-1,
.statusbar-fastplayBtn-on-2 {
  stroke-width: 0px;
}
.statusbar-fastplayBtn-on-2 {
  fill: #fff;
}

.statusbar-fastplayBtn-off-svg {
  width: 30%;
}
.statusbar-fastplayBtn-off-1,
.statusbar-fastplayBtn-off-2 {
  stroke-width: 0px;
}
.statusbar-fastplayBtn-off-2 {
  fill: #fff;
}

.statusbar-soundsBtn-on-svg {
  width: 30%;
}
.soundonbtn-1,
.soundonbtn-2 {
  stroke-width: 0px;
}
.soundonbtn-2 {
  fill: #fff;
}

.statusbar-soundsBtn-off-svg {
  width: 30%;
}
.soundoffbtn-1,
.soundoffbtn-2 {
  stroke-width: 0px;
}
.soundoffbtn-2,
.soundoffbtn-3 {
  fill: #fff;
}
.soundoffbtn-3 {
  font-family: Arial-BoldMT, Arial;
  font-size: 7.63px;
  font-weight: 700;
  isolation: isolate;
}