@CHARSET "UTF-8";
/* the settings page */

.infoPopup.mobileInfo.info2 .settingsBox .settingCheckbox {
    background-image: url('../../picts/game/1280/buttons/mobile/checkbox-off.png');
}

.infoPopup.mobileInfo.info2 .settingsBox .settingCheckbox.active {
    background-image: url('../../picts/game/1280/buttons/mobile/checkbox-on.png');
}

.infoPopup.mobileInfo.info2 .settingsBox .setting.inactive .settingCheckbox {
    background-image: url('../../picts/game/1280/buttons/mobile/checkbox-inactive.png');
}

.infoPopup.webInfo.info2 .settingsBox .setting.inactive .settingCheckbox {
    background-image: url('../../picts/game/1280/buttons/web/checkbox-inactive.png');
}

.infoContainer .mobileInfo .closeButton {
    background-image: url('../../picts/game/1280/buttons/mobile/button-close.png');
}

/* the paytable */

.webConsole .closeInfoButton.paytable {
    background-image: url('../../picts/game/1280/console/mobile/button-close.png');
}

/* general layout & the settings page */

.gameContainer .infoContainer .infoPopup {
    position: relative;
    height: 604px;
    background-color: #000000;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

.infoContainer .infoPopup.webInfo {
    width: 1200px;
    margin-left: 40px;
}

.infoContainer .infoPopup.mobileInfo {
    width: 1280px;
    background-color: black;
}

.infoContainer .infoPopup .closeButton,
.infoContainer .infoPopup .settingCheckbox,
.infoContainer .infoPopup .settingText {
    cursor: pointer;
}

.infoContainer .infoPopup .setting.inactive .settingCheckbox,
.infoContainer .infoPopup .setting.inactive .settingText {
    cursor: default;
}

.infoContainer .infoPopup.info2 .settingsBox .settingText {
    margin-top: 8px;
    font-weight: bold;
    color: white;
}

.infoContainer .infoPopup.info2 .settingsBox .setting.inactive .settingText {
    color: #4a4a4a;
}

.infoContainer .infoPopup.webInfo.info2 .settingsBox {
    padding-top: 170px;
    padding-left: 220px;
}

.infoContainer .infoPopup.webInfo.info2 .settingsBox.onlyOneCheckbox {
    padding-top: 256px;
}

.infoContainer .infoPopup.webInfo.info2 .settingsBox.onlyTwoCheckboxes {
    padding-top: 200px;
}

.infoContainer .infoPopup.webInfo.info2 .settingsBox .setting+.setting {
    margin-top: 43px;
}

.infoContainer .infoPopup.webInfo.info2 .settingsBox .settingCheckbox {
    width: 64px;
    height: 59px;
    background-repeat: no-repeat;
}

.infoContainer .infoPopup.webInfo.info2 .settingsBox .settingText {
    margin-left: 7px;
    font-size: 40px;
}

.infoContainer .infoPopup.webInfo.info2.nl .settingsBox .settingText.setting3 {
    margin-top: -12px;
    width: 700px;
}

.infoContainer .infoPopup.mobileInfo.info2 .settingsBox {
    padding-top: 110px;
    padding-left: 290px;
}

.infoContainer .infoPopup.mobileInfo.info2 .settingsBox.onlyOneCheckbox {
    padding-top: 256px;
}

.infoContainer .infoPopup.mobileInfo.info2 .settingsBox.onlyTwoCheckboxes {
    padding-top: 200px;
}

.infoContainer .infoPopup.mobileInfo.info2.leftHandMode .settingsBox {
    padding-left: 390px;
}

.infoContainer .infoPopup.mobileInfo.info2.portraitInfo.leftHandMode .settingsBox {
    padding-left: 290px;
}

.infoContainer .infoPopup.mobileInfo.info2 .settingsBox .setting+.setting {
    margin-top: 24px;
}

.infoContainer .infoPopup.mobileInfo.info2 .settingsBox .settingCheckbox {
    width: 84px;
    height: 79px;
}

.infoContainer .infoPopup.mobileInfo.info2 .settingsBox .settingText {
    width: 530px;
    margin-left: 14px;
    padding-top: 4px;
    font-size: 52px;
    line-height: 50px;
}

/* settings layout depending on the laguage */

.infoContainer .infoPopup.webInfo.hr .setting .settingText {
    font-size: 36px;
}

.infoContainer .infoPopup.webInfo.hu .setting .settingText {
    font-size: 34px;
}

.infoContainer .infoPopup.webInfo.pl .setting .settingText {
    font-size: 34px;
}

.infoContainer .infoPopup.webInfo.ru .setting .settingText {
    font-size: 34px;
}

.infoContainer .infoPopup.webInfo.sr .setting .settingText {
    font-size: 36px;
}

/* the paytable */

.infoContainer .infoPopup .scrollContainer {
    width: 960px;
    margin: 0 auto;
    font-family: 'Roboto Condensed', Arial;
    font-weight: bolder;
    color: white;
}

.infoContainer .infoPopup .bigHeadline {
    margin-top: 30px;
    font-size: 50px;
    text-align: center;
}

.infoContainer .infoPopup .headline {
    margin: 24px 0px;
    padding-top: 2px;
    font-size: 36px;
    color: #000000;
    text-align: center;
}

.infoContainer .infoPopup .headline~.headline {
    margin-top: 54px;
}

.infoContainer .infoPopup .description {
    margin: 16px 0px;
    font-size: 30px;
    font-weight: normal;
}

.infoContainer .infoPopup .paylines {
    height: 230px;
    background-size: 100%;
    background-position: top;
    background-repeat: no-repeat;
}

.infoContainer .infoPopup .centerColumn {
    margin: 0 auto;
}

.infoContainer .infoPopup .paytableValues {
    width: 920px;
}

.infoContainer .infoPopup .winValueBox {
    width: 412px;
}

/* winValues the 2nd, 3rd... line should have some distance to the line before */

.infoContainer .infoPopup .winValueBox.fr~.winValueBox {
    margin-top: 10px;
}

.infoContainer .infoPopup .winValue {
    position: relative;
    width: 230px;
    font-size: 30px;
    text-align: left;
}

.infoContainer .infoPopup .winValueBox .winValue .multiplicator {
    padding-right: 18px;
    color: #f2890c;
}

.infoContainer .infoPopup .winValueBox .symbolImg {
    width: 160px;
    height: 160px;
    margin-right: 20px;
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
}

.infoContainer .infoPopup .winValueBox .values {
    padding-top: 28px;
}

.infoContainer .infoPopup .winValueBox .values.fourLines {
    padding-top: 10px;
}

.infoContainer .infoPopup .winValueBox .values.oneLine {
    padding-top: 62px;
}

.webConsole .controlButton_closeinfosite.paytable {
    right: 22px;
    top: -574px;
    width: 28px;
    height: 28px;
    background-size: 100%;
}