/**
 * Document   : uri
 * Created on : 2014-02-17
 * Author     : Antonio Olsson
 * Description: Contains game specific image uri:s (For DOM element images), this to keep the style.css cleaner.
 */
.interface-coinsField_base {
    width: 100%;
    height: 0.5rem;
    position: relative;
    top: 0;
    left: 0;
    color: #ffffff;
    text-align: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    opacity: 0.9;
}

.interface-settingsSection_scrollBarBackground {
    height: 100%;
    width: 10px;
    position: relative;
    top: 0;
    left: 50%;
    z-index: 0;
    background-color: rgb(98, 0, 0);
    border-radius: 5px;
}
.interface-settingsSection_scrollIndicator {
    height: 50px;
    width: 10px;
    position: absolute;
    top: 25px;
    left: 50%;
    z-index: 1;
    background-color: rgb(255, 211, 5) ;
    border-radius: 5px;
}

#settingsWindow * {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#BG_SpinPortrait {
    background: transparent url("../multimedia/images/960x540/freespin/BG_SpinPortrait.png");
    position: fixed;
    left: 0;
    top: 50%;
    width: 100%;
    height: 50%;
    z-index: 0;
    background-size: 100%;
    background-repeat: no-repeat;
}

#gameRules_scrollbar {
    height: 3.2rem;
    right: 0px;
    top: 37px;
}

.interface-settingsWindow_portrait_mobile #gameRules_scrollbar {
    height: 13rem;
}

.interface-settingsWindow_portrait_mobile .interface-gameHistory_portrait .button {
    width: 50%;
}

.interface-gameHistory_landscape > .button {
    width: 40%;
}

#gameRules {
    margin: 0 auto;
}

#paytable.mobile {
    background: transparent;
    width: auto;
    height: auto;
    margin: 0 auto;
    padding: 0 80px;
    font-family: MyriadProLight;
}

.paytable-mobile-section {
    width: 100%;
    padding: 60px 10px;

}

.paytable-mobile-section-background {
    background: transparent url("../multimedia/images/1280x720/paytable/paytableDeco.png") no-repeat 0 0;
    background-size: contain;
}

.mobile-row:after,
.paytable-mobile-section .left-column:after,
.paytable-mobile-section .right-column:after {
    display: block;
    clear: both;
    content: "";
}

.paytable-mobile-section .left-column {
    width: 40%;
}

.paytable-mobile-section .right-column {
    width: 60%;
}

.paytable-mobile-header {
    font-family: MyriadProBold;
    font-size: 1.5em;
    line-height: 100px;
    text-align: center;
}

.paytable-score-wrapper.mobile p {
    color: #F58517;
}

.paytable-symbols-content.hi-win {
    color: #FF3138;
}

.paytable-symbols-content.low-win {
    color: #979797;
}

.paytable-symbols-content .paytable-score-bold,
.paytable-score-wrapper.mobile .paytable-score-bold {
    color: white;
}

.mobile-row {
    display: flex;
    justify-content: center;
}

.mobile .title {
    font-family: MyriadProBold;
    color: #F58517;
    margin-bottom: 20px;
}

.desc {
    margin-bottom: 20px;
}

.mobile-row {
    margin: 50px 0;
}

.mobile-row:first-child {
    margin-top: 0;
}

.mobile .scatter {
    width: 100%;
}

.mobile .scores-table {
    font-family: MyriadProBold;
    height: 45px;
    margin: 0 !important;
    line-height: 40px;
}

div .title:not(:first-child) {
    margin-top: 40px;
}

.paytable-pair-wrapper.mobile {
    width: 50%;
    margin: 20px 0 30px 0;
}

.mobile .paytable-symbols-content {
    justify-content: flex-start;
}

.bet-lines-wrapper.mobile {
    display: flex;
    justify-content: center;
}

.bet-lines-mobile {
    width: 417px;
    height: 194px;
    background-repeat: no-repeat;
    border-bottom: none;
    margin: 0 auto;
}

.section-title {
    text-transform: uppercase;
    text-align: center;
    font-size: 1.4em;
}

.interface-settingsWindow_landscape_mobile .interface-settingsWindow_content {
    height: 3.8rem;
}

.interface-settingsWindow_landscape_mobile #gameRules_scrollbar,
.interface-settingsWindow_landscape_mobile #paytable_scrollbar {
    height: 3.7rem;
    top: 5px
}

.interface-gameRules_portrait > #gameRules_rules {
    margin-top: -23px;
}

.interface-settingsWindow_landscape_mobile .interface-toggleSwitch_buttonBackgroundSize {
    height: .62rem;
}

.interface-cashField_base:not(.interface-cashField_desktop) {
    height: 0.28rem;
}

.interface-balanceDisplay_landscape, .interface-balanceDisplay_portrait {
    bottom: -1px;
}

.interface-settingsWindow_portrait_mobile .interface-toggleSwitch_buttonHandleSize {
    width: 0.8rem;
    height: 0.8rem;
    top: 2px
}

.interface-toggleSwitch_buttonHandleSize {
    width: 0.33rem;
    height: 0.33rem;
    top: 0px;
}

.interface-betSettings_portraitInfo {
    height: 0.96rem;
}

.paytable-persones-mobile {
    margin-top: 6px;
}

.interface-settingsSection_dynamicSliderPosition_label {
    white-space: nowrap;
}

.tablet_landscape .keypad,
.tablet_landscape .keypad,
.mobile_landscape .keypad,
.mobile_portrait .keypad {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: flex-start;
    height: auto;
}

.tablet_landscape .keypad .button,
.mobile_landscape .keypad .button {
    width: 0.75rem !important;
    height: 0.75rem !important;
    line-height: 0.75rem !important;
    padding: 0 !important;
}

.tablet_portrait .keypad .button,
.mobile_portrait .keypad .button {
    width: 1.74rem !important;
    height: 1.74rem !important;
    line-height: 1.74rem !important;
    padding: 0 !important;
}

.tablet_landscape .keypad .cancelButton,
.tablet_landscape .keypad .okButton,
.mobile_landscape .keypad .cancelButton,
.mobile_landscape .keypad .okButton {
    width: 1.95rem !important;
}

.tablet_portrait #keypad_num_0,
.mobile_portrait #keypad_num_0 {
    order: 9;
}

.tablet_portrait .keypad .cancelButton,
.mobile_portrait .keypad .cancelButton {
    order: 8;
}

.tablet_portrait .keypad .okButton,
.mobile_portrait .keypad .okButton {
    order: 10;
}

.tablet_landscape .fieldContainer,
.mobile_landscape .fieldContainer {
    padding: 0 0.1rem !important;
    height: 0.6rem !important;
}

.tablet_landscape .fieldContainer .value,
.mobile_landscape .fieldContainer .value {
    line-height: 0.6rem !important;
}

.tablet_portrait .fieldContainer .value,
.mobile_portrait .fieldContainer .value {
    line-height: .6rem !important;
}

.label {
    text-align: center;
    margin-bottom: 0.1rem;
}

.tablet_landscape .fieldContainer #undefined,
.mobile_landscape .fieldContainer #undefined {
    top: 0;
}

.tablet_portrait .fieldContainer #undefined,
.mobile_portrait .fieldContainer #undefined {
    top: 4px;
    right: -10px;
    height: 1rem;
}

.interface-settingsWindow_landscape .tab,
.interface-settingsWindow_landscape_mobile .tab {
    width: 9rem;
    padding: 0 0.4rem 0 0.9rem;
}

.interface-interactiveContainer_label {
    line-height: 0.6rem;
}

.dialogWindowDualButton.long-text {
    line-height: 0.18rem !important;
    white-space: normal !important;
    word-wrap: break-word;
}

.tablet_landscape .interface-cashField_base,
.mobile_landscape .interface-cashField_base {
    position: absolute;
    bottom: 0;
}

.tablet_portrait .interface-ticker_container,
.mobile_portrait .interface-ticker_container {
    top: 6.73rem;
}

.interface-ticker_container {
    background: transparent;
}

.mobile_landscape .interface-keyboard_container .info,
.tablet_landscape .interface-keyboard_container .info,
.tablet_portrait .interface-keyboard_container .info {
    text-align: center;
    width: auto !important;
}

.interface-balanceDisplay_portrait_mobile {
    background-color: rgb(19, 19, 19);
}