/*PRELOAD DELLE IMMAGINI*/
body:before {
    display: none;
    content: url(/launch/frameworks/html5/images/hover_volume_slider.png) url(/launch/frameworks/html5/images/hover_reset.png) url(/launch/frameworks/html5/images/hover_games_menu.png) url(/launch/frameworks/html5/images/hover_menu.png) url(/launch/frameworks/html5/images/hover_more_option.png) url(/launch/frameworks/html5/images/hover_x_close.png) url(/launch/frameworks/html5/images/hover_up.png) url(/launch/frameworks/html5/images/hover_volume.png) url(/launch/frameworks/html5/images/hover_mute.png) url(/launch/frameworks/html5/images/hover_settings.png) url(/launch/frameworks/html5/images/hover_auto_play.png) url(/launch/frameworks/html5/images/hover_auto_play_stop.png);
}

body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    font-family: arial, sans-serif;
    overflow: hidden;
    -webkit-touch-callout: none;
    -webkit-user-select: none; /* Chrome/Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+ */
    /* Rules below not implemented in browsers yet */
    -o-user-select: none;
    -khtml-user-select: none;
    user-select: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.ui-loader-default {
    display: none;
}

#ammsDataContainer {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.5);
    text-align: left;
    padding: 10px 10px 0px 10px;
    left: 180px;
    width: 920px;
    height: auto;
    top: 0px;
    z-index: 100000;
    color: white !important;
}

#extSessionTimerContainer {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.5);
    text-align: left;
    padding: 10px;
    left: 10px;
    height: auto;
    top: 0px;
    z-index: 100000;
    color: white !important;
    display: none;
}

#tournamentContainer {
    position: absolute;
    background-color: rgba(0, 0, 0, 0);
    background-image: url(/launch/frameworks/html5/images/tournament.png);
    background-position: center center;
    width: 200px;
    height: 90px;
    background-repeat: no-repeat;
    left: 10px;
    top: 0px;
    z-index: 100000;
    color: white !important;
    display: none;
}

.btnAddMoneyToTheTable {
    margin: 10px auto;
    width: 220px;
    text-align: center;
    font-size: 18px;
    background-color: #333333;
    white-space: nowrap;
    position: absolute;
    left: 670px;
    top: 4px;
    padding: 3px !important;
    border-radius: 3px;
}

.btnAddMoneyToTheTable:hover {
    background-color: lightgrey;
}

.participationCodeDiv {
    position: absolute;
    left: 350px;
    width: 360px;
    text-align: left;
    top: 12px;
}

.admCodeDiv {
    position: absolute;
    left: 350px;
    width: 360px;
    text-align: left;
    top: 28px;
}

#ammsDataContainer div {
    padding: 0px;
    line-height: 17px;
}

#extSessionTimerContainer div {
    padding: 0px;
    line-height: 17px;
}

::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
}

::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0, 0, 0, .5);
    -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}

::-webkit-scrollbar-track {
    background-color: rgba(201, 196, 195, 0.8);
    border-radius: 4px;
}

::-moz-scrollbar {
    -webkit-appearance: none;
    width: 7px;
}

::-moz-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0, 0, 0, .5);
    -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}

::-moz-scrollbar-track {
    background-color: rgba(201, 196, 195, 0.8);
    border-radius: 4px;
}

#game {
    background-color: #000000;

}

.verticalOrigin {
    -moz-transform-origin: 0% 50%;
    -o-transform-origin: 0 50%;
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%; /* Standard Property */
}

.horizontalOrigin {
    -moz-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50 50%; /* Standard Property */
}

#warning-message {
    display: none;
}

.blurFilter {
    filter: blur(5px); /* Someday, sigh ... */
    -webkit-filter: blur(5px); /* Prefixed CSS3 blur filters */
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
    -ms-filter: blur(5px);
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='5'); /* IE lte 9 */
}

a {
    /*color: white !important;*/
    text-decoration: none !important;
}

.clear {
    clear: both;
}

#mainDivWrapper {
    margin: 0 auto;
    display: inline-block;
    text-align: left;
}

.videoP {
    width: 1280px;
    height: 750px;
    margin: 0 auto;
    position: relative;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    display: none;
}

#mainDiv {
    width: 1280px;
    height: 750px;
    display: inline-block;
    left: 0;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: #ffff00;
}

.btnSkip {
    position: absolute;
    top: 590px;
    left: 590px;
    cursor: pointer;
}

.videoP #videoP {
    pointer-events: none;
    position: relative;
    z-index: -1;
}

.cd-main-content {
    min-height: 100%;
    overflow: hidden;
}

.cd-gallery {
    top: 10px;
    position: absolute;
    width: 830px;
    height: 615px;
    overflow-x: hidden;
    overflow-y: scroll;
}

#contentGameMenu {
    overflow: hidden;
    width: 812px;
    margin: 0;
    padding: 0;
    position: relative;
}

.txtGameName {
    background-color: #333333;
    color: #f2f2f2;
    margin-top: 0;
    padding-top: 5px;
    font-size: 12px;
    text-align: center;
}

.txtGameDesc {
    background-color: #333333;
    color: #999999;
    border-radius: 0 0 2px 2px;
    font-size: 11px;
    top: -1px;
    position: relative;
    text-align: center;
}

#txtGameNameImportant {
    background-color: black;
    color: white;
    font-size: .9em;
    height: 30px;
}

#txtGameDescImportant {
    background-color: black;
    color: lightgrey;
    font-size: .8em;
    height: 30px;
}

.gameIconImportant {
    position: absolute;
    display: inline-block;
    width: 394px;
    height: 246px;
}

.gameIcon, #_Important {
    position: absolute;
    display: inline-block;
    width: 394px;
    height: 246px;
}

.gameIcon, #_ {
    position: absolute;
    display: inline-block;
    width: 192px;
    height: 108px;
}

#gameIcon {
    border-radius: 4px 4px 0 0;
    width: 192px;
    height: 108px;
}

#gameIconImportant {
    border-radius: 4px 4px 0 0;
    width: 394px;
    height: 246px;
}

.btn-disable {

}

.cd-filter {
    position: relative;
    left: 80.4%;
    width: 18%;
    bottom: -630px;
    background: #d3d3d3;
    box-shadow: 4px 4px 20px transparent;
    z-index: 2;
    font-size: 1.4rem;
    margin-bottom: 1.6em;
    color: black;
    border-radius: 5px;

}

#filter-label {
    margin-top: 2px;
    margin-left: 4px;
    margin-bottom: 2px;
}

.form-filter {
    bottom: 0;
    position: absolute;
    left: 0;
    text-align: left;
}

.cd-filter-content {
    margin-bottom: 3px;
}

.cd-filter-content .cd-filters {
    bottom: 0;
    position: absolute;
    width: 25%;
    height: 400px;
    padding: 6px;
}

.ui-button-text-only .ui-button-text {
    padding: 2px;
    font-size: 1em;
    font-weight: 100;
}

.ui-widget {
    font-family: Arial;
    font-size: 1em;
}

#searchGM {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right top;
}

#banner_gm {
    width: 190px;
    height: 430px;
    background: rgba(255, 255, 255, .5);
    position: absolute;
    top: -625px;
    left: 6px;
}

#inputSearch {
    border-radius: 1px;
    font-size: 14px;
    margin-left: 30px;
    background-color: #f2f2f2;
    color: #6b6868;
    width: 160px;
    height: 21px;
    padding-left: 8px;
    padding-bottom: 1px;
    border: none;
    outline-offset: 0;
    outline: -webkit-focus-ring-color auto 0;
}

#inputSearch:focus {
    border: none;
    outline-offset: 0;
    outline: -webkit-focus-ring-color auto 0;
}

.cd-filter-contenttx {
    margin-bottom: 10px;
    margin-left: 6px;
    background: transparent url(/launch/frameworks/html5/images/magnify.png) no-repeat 0 0;
    background-size: 21px;
}

.gameMenuPanel .genericPanelBg {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 1px;
    -khtml-border-radius: 1px;
    border-radius: 1px;
    background-color: rgba(0, 0, 0, 0.85);
    position: relative;
}

.cd-fail-message {
    display: none;
    color: #333333;
    left: 371px;
    top: 50%;
    position: absolute;
    font-size: 19px;
}

/*-------------------------------------------- */

button {
    margin: 0;
    padding: 0;
}

.one-edge-shadow {

}

.panel-shadow {

}

/*
SOUND BAR
*/

.bgBarSound {
    display: block;
    background-color: #000000;
    width: 6px;
    height: 160px;
    margin: 20px auto;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    position: relative;
}

.btnBarSound {
    background-image: url(/launch/frameworks/html5/images/volume_bar_button.png) no-repeat;
    background-size: contain;
    display: block;
    width: 20px;
    height: 19px;
    position: relative;
    left: -7px;
    top: -5px;
}

.bgBarActiveSound {
    display: block;
    background-color: #ffffff;
    width: 6px;
    height: 160px;
    margin: 0;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    position: absolute;
    bottom: 0;
    left: 0;
    border: 1px solid #ab5b06;
    -webkit-box-shadow: 0 0 6px 1px #cd6a00;
    -moz-box-shadow: 0 0 6px 1px #cd6a00;
    box-shadow: 0 0 6px 1px #cd6a00;
}

/*
***************************************************
*/

.menuBar input {
    color: white;
    font-size: 12px;
}

.gameMenuGroupContainer {
    height: 120px;
    background-color: white;
    margin-top: 20px;
    width: 100%;
    display: block;
}

.panelTitle {
    color: #f2f2f2;
    width: 100%;
    font-size: 1.1em;
    text-align: center;
    padding: 5px 5px 0 5px;
}

.panelTitleMoreOption {
    display: inline-block;
    color: #f2f2f2;
    width: 200px;
    font-size: 1.1em;
    text-align: center;
    padding: 10px 5px 5px 5px;
}

.panelLabel {
    color: #f2f2f2;
    text-align: left;
    float: left;
    display: inline-block;
    padding-left: 10px;
}

.panelValue {
    color: #f2f2f2;
    text-align: right;
    float: right;
    display: inline-block;
    padding-right: 10px;
}

.panelRow {
    display: block;
    clear: both;
    width: 100%;
    margin: 2px auto;
    height: 22px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;

}

.gameMenuGroupButton {
    display: inline-block;
    height: 100%;
    text-align: center;
}

.gameMenuButton {
    width: 80%;
    height: 100px;
    margin: 5px auto;
    background-color: #ff0000;
    cursor: pointer;
}

.selectedGroup {
    background-color: #bbbbbb;
}

.gameMenuButtonImage {
    width: 80px;
    height: 80px;
    margin: 0 auto;
    background-size: contain;
}

.gameMenuButtonText {

}

.ui-button, .ui-widget {
    color: grey;
    border: 1px solid lightgrey;
    padding: 0;
}

.ui-state-active {
    color: #6b6868 !important;
    background-color: #ffffff !important;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    -khtml-border-radius: 1px;
    border-radius: 1px !important;
}

.ui-state-active:hover {
    color: #ffffff !important;
}

#sss {
    width: 190px;
    margin-left: 2px;
}

.horizontalLine {
    background-color: rgba(242, 242, 242, 0.5);
    height: 1px;
    font-size: 1px;
    width: 90%;
    margin: 10px auto 0 auto;
    line-height: 1px;
}

.contExt {
    display: inline-block;
    width: 300px;
    height: 155px;
    float: right;
    background-color: rgba(0, 0, 0, 0.85);
    border-right: 1px solid #ffffff;
    position: relative;
    margin-right: 0px;
}

.checkBoxC {
    width: 14px !important;
    height: 14px !important;
    display: inline-block;
    border-radius: 1px;
    background-color: #ffffff;
    border: #f2f2f2 1px solid;
    margin: 5px 4px 0 0;
    position: absolute;
    top: 0;
    left: 0;

}

.checkBoxC:hover {
    background-color: #999595;
    border: 3px solid;
    border-radius: 1px;
}

.txtBoxC {
    display: inline-block;
    position: absolute;
    color: #f2f2f2;
    top: 3px;
    left: 22px;
    font-size: 1em;
    white-space: nowrap;
    overflow: hidden;
    width: 200px;
    text-overflow: ellipsis;
    text-align: left;
}

.checkBoxControl {
    position: relative;
    height: 20px;
    margin: 0 0 0 5px;
}

.chk_selected {
    background-color: #6b6868;
    border: 3px solid;
    border-radius: 1px;
}

.chk_txt_selected {
    color: #f2f2f2;
}

.btnMoreOption {
    width: 22px;
    height: 26px;
    position: relative;
    top: 65px;
    background: url(/launch/frameworks/html5/images/btn_more_option.png) no-repeat right center transparent;
    cursor: pointer;
    transition-duration: .3s !important;
    -webkit-transition-delay: .3s !important;
    transition-delay: .3s !important;
    float: right;
}

.btnMoreOption:hover {
    background-image: url(/launch/frameworks/html5/images/hover_more_option.png);
}

.extendedPanel.opened .btnMoreOption {
    background-image: url(/launch/frameworks/html5/images/btn_less_option.png);
}

.extendedPanel.opened .btnMoreOption:hover {
    background-image: url(/launch/frameworks/html5/images/hover_less_option.png);
}

.btn_slow {
    background-image: url(/launch/frameworks/html5/images/btn_slow.png);
}

.btn_slow_selected {
    background-image: url(/launch/frameworks/html5/images/select_slow.png);
}

.btn_medium {
    background-image: url(/launch/frameworks/html5/images/btn_medium.png);
}

.btn_medium_selected {
    background-image: url(/launch/frameworks/html5/images/select_medium.png);
}

.btn_fast {
    background-image: url(/launch/frameworks/html5/images/btn_fast.png);
}

.btn_fast_selected {
    background-image: url(/launch/frameworks/html5/images/select_fast.png);
}

.btnSpeed {
    padding: 8px 4px 8px 4px;
    text-align: center;
    background-color: #999595;
    background-repeat: no-repeat;
    background-position: center center;
    margin: 4px;
    border-radius: 1px;
    cursor: pointer;
    display: inline-block;
    width: 58px;
    height: 22px;
}

.btnSpeed:hover {
    background-color: #6b6868;
}

.speedSelected {
    padding: 8px 4px 8px 4px;
    text-align: center;
    cursor: pointer;
    background-color: #f2f2f2;
    background-repeat: no-repeat;
    background-position-y: 4px;
    margin: 4px;
    border-radius: 1px;
    display: inline-block;
    width: 58px;
    height: 22px;
}

.speedSelected:hover {
    background-color: #f2f2f2;
}

.genericPanelButton {
    color: #ffffff;
    background-color: #999595;
    text-align: center;
    cursor: pointer;
    margin: 2px auto 4px;
    border-radius: 1px;
    height: 20px;
}

.genericPanelButton:hover {
    color: #ffffff;
    background-color: #6b6868;
}

.separator {
    clear: both;
    display: block;
    height: 10px;
}

#bottomBar {
    height: 32px;
    display: none;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 1280px;
    z-index: 3000;
    background-image: url(/launch/frameworks/html5/images/bg_bottom_bar.jpg);
    max-height: 32px;
}

#bottomBarContainer {
    bottom: 0;
    width: 1280px;
    height: 32px;
}

#topBarContainer {
    top: 0;
    width: 1280px;
    height: 75px;
    background-color: transparent;
    position: absolute;
}

#topBar {
    height: 32px;
    display: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 3000;
    -webkit-backface-visibility: hidden;
}

.iframeContainer {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: #222222 !important;
}
.iframeContainer #iframe_popup {
    border: 0px;
}

#closeButton, .closeButton {
    background-image: url(/launch/frameworks/html5/images/btn_x_close.png);
    background-repeat: no-repeat;
    background-position: center right;
    background-size: contain;
    cursor: pointer;
    min-width: 35px;
    width: 36px;
    height: 36px;
    margin-top: 20px !important;
    margin-right: 20px !important;
    position: absolute;
    top: 0;
    right: 0;
}

#closeButton:hover, .closeButton:hover {
    background-image: url(/launch/frameworks/html5/images/hover_x_close.png);
}

#clockDiv {
    position: absolute;
    text-align: right;
    margin-top: 15px;
    margin-right: 80px;
    width: 600px;
    right: 0;
}

#sessionTimer {
    position: absolute;
    text-align: center;
    margin-top: 0px;
    margin-right: 80px;
    right: 40px;
    top: -5px;
    width: 430px;
    background-color: rgba(0, 0, 0, 0.6);
    height: auto;
    transform: scale(0.8);
    display: none;
}

#hidDiv {
    position: absolute;
    text-align: right;
    margin-top: 33px;
    margin-right: 80px;
    width: 600px;
    right: 0;
    pointer-events: none;
}

.top-bar-element {
    color: #f2f2f2;
    height: 32px;
    vertical-align: middle;
    position: relative;
    z-index: 200;
    margin-right: 25px;
    display: inline-block;
    line-height: 30px;
}

.bottomBarText {
    color: #f2f2f2;
    z-index: 200;
}

#balanceField {
    height: 32px;
    bottom: inherit;
    left: inherit;
    position: relative;
    z-index: 200;
    float: left;
    line-height: 32px;
    width: 188px;
    text-align: left;
    padding-left: 5px;
    white-space: nowrap;
}

#wrapper {
    -moz-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0; /* Standard Property */
    display: none;
}

#optionBtnWrapper {
    margin-right: 5px;
}

#currencyBtnWrapper {
    float: left;
}

#currencyBtn {
    background-image: url(/launch/frameworks/html5/images/btn_up.png);
}

#currencyBtn:hover {
    background-image: url(/launch/frameworks/html5/images/hover_up.png);
}

/*BOTTOM BAR BUTTONS*/

.currencyPanel {
    min-height: 105px;
    width: 300px;
}

.genericPanelWrapper.currencyPanel {
    right: -272px;
}

.genericPanel.currencyPanel {
    transform: translateY(200px);
    -webkit-transform: translateY(200px);
    -moz-transform: translateY(200px);
    -o-transform: translateY(200px);
    -ms-transform: translateY(200px);
}

/*-----*/

.autoplayPanel {
    width: 396px;
    height: 155px;
}

.genericPanelWrapper.autoplayPanel {
    right: -20px;
}

.genericPanel.autoplayPanel, .bottom-bar-button-wrapper.bottom-bar-button-wrapper-AP .genericPanelWrapper.autoplayPanel {
    text-align: right;
    transform: translateY(200px);
    -webkit-transform: translateY(200px);
    -moz-transform: translateY(200px);
    -o-transform: translateY(200px);
    -ms-transform: translateY(200px);
}

.bottom-bar-button-wrapper .genericPanel.autoplayPanel .extendedPanelWrapper {
    width: 322px;
    display: inline-block;
    overflow: hidden;
    height: 100%;
    position: relative;
}

.bottom-bar-button-wrapper .genericPanel.autoplayPanel .extendedPanel {
    width: 322px;
    height: 155px;
    transform: translateX(300px);
    -webkit-transform: translateX(300px);
    -moz-transform: translateX(300px);
    -o-transform: translateX(300px);
    -ms-transform: translateX(300px);
}

.bottom-bar-button-wrapper .genericPanel.autoplayPanel .extendedPanel.opened {
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
}

.gameMenuPanel {
    height: 640px;
    width: 1050px;
}

.genericPanelWrapper.gameMenuPanel {
    right: 0px;
}

.genericPanel.gameMenuPanel {
    transform: translateY(720px);
    -webkit-transform: translateY(720px);
    -moz-transform: translateY(720px);
    -o-transform: translateY(720px);
    -ms-transform: translateY(720px);
}

.audioPanel {
    height: 120px;
    width: 28px;
}

.genericPanelWrapper.audioPanel {
    right: 3px;
}

.genericPanel.audioPanel {
    transform: translateY(200px);
    -webkit-transform: translateY(200px);
    -moz-transform: translateY(200px);
    -o-transform: translateY(200px);
    -ms-transform: translateY(200px);
}

#audio_slider {
    height: 90%;
    margin: 6px auto 0 auto;
    width: 2px;
    background: #808080;
    border: 0;
    box-shadow: none;
}

#audio_slider .noUi-origin.noUi-connect {
    background: #f2f2f2;
}

#audio_slider .noUi-handle {
    cursor: pointer;
    transition-property: background-color;
    transition-duration: .1s !important;
    width: 22px;
    height: 10px;
    left: -10px;
    top: -5px;
    border: none;
    background: #808080;
    box-shadow: none;
    border-radius: 2px;
}

#audio_slider .noUi-handle:hover {
    will-change: background-color;
}

#audio_slider .noUi-handle:active {
    background-color: #FFFFFF;
}

#audio_slider .noUi-handle::before {
    display: none;
}

#audio_slider .noUi-handle::after {
    display: none;
}

.menuPanel {
    width: 200px;
}

.genericPanel.menuPanel {
    transform: translateY(200px);
    -webkit-transform: translateY(200px);
    -moz-transform: translateY(200px);
    -o-transform: translateY(200px);
    -ms-transform: translateY(200px);
}

.optionPanel {
    width: 250px;
}

.genericPanelWrapper.optionPanel {
    right: 8px;
}

.genericPanel.optionPanel {
    transform: translateY(200px);
    -webkit-transform: translateY(200px);
    -moz-transform: translateY(200px);
    -o-transform: translateY(200px);
    -ms-transform: translateY(200px);
}

.bottom-bar-button-wrapper {
    width: 32px;
    height: 32px;
    bottom: inherit;
    left: inherit;
    position: relative;
    cursor: pointer;
    z-index: 200;
    float: right;
    margin-left: 5px;
}

.bottom-bar-button-wrapper-disable {
    width: 32px;
    height: 32px;
    bottom: inherit;
    left: inherit;
    position: relative;
    z-index: 200;
    float: right;
    margin-left: 5px;
}

.bottom-bar-button-wrapper-AP {
    width: 32px;
    height: 32px;
    bottom: inherit;
    left: inherit;
    position: relative;
    cursor: pointer;
    z-index: 200;
    float: right;
    margin-left: 5px;
}

.bottom-bar-button {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 28px;
    width: 32px;
    height: 32px;
    position: relative;
    z-index: 200;
}

.apStopText input {
    width: 65px;
    height: 20px;
    color: #999595;
    background-color: #f2f2f2;
    text-align: right;
    border: none;
}

.apStopInput {
    border: none;
}

.apStopInput:focus {
    border: none;
    outline-offset: 0;
    outline: -webkit-focus-ring-color auto 0;
}

.btnAutoplay {
    color: #f2f2f2;
    text-align: center;
    background-color: #999595;
    border-radius: 1px;
    cursor: pointer;
    display: inline-block;
    margin: 2px 0;
    padding: 0;
    width: 100%;
    height: 25px;
    line-height: 25px;
}

.btnAutoplay:hover {
    background-color: #6b6868;
}

.autoplaySelected {
    color: #6b6868;
    background-color: #f2f2f2;
}

.autoplaySelected:hover {
    color: #f2f2f2;
}

#audioBtn {
}

.audioBtnOn {
    background-image: url(/launch/frameworks/html5/images/btn_volume.png);
}

.audioBtnOn:hover {
    background-image: url(/launch/frameworks/html5/images/hover_volume.png);
}

.audioBtnOnDisable {
    background-image: url(/launch/frameworks/html5/images/hover_volume.png) !important;
}

.audioBtnOff {
    background-image: url(/launch/frameworks/html5/images/btn_mute.png);
}

.audioBtnOff:hover {
    background-image: url(/launch/frameworks/html5/images/hover_mute.png);
}

.audioBtnOffDisable {
    background-image: url(/launch/frameworks/html5/images/hover_mute.png) !important;
}

#optionBtn {
    background-image: url(/launch/frameworks/html5/images/btn_settings.png);
}

#optionBtn:hover {
    background-image: url(/launch/frameworks/html5/images/hover_settings.png);
}

.optionBtnDisable {
    background-image: url(/launch/frameworks/html5/images/hover_settings.png) !important;
}

#autoplayBtn {

}

#autoplayBtn:hover {

}

.playAutoplayBtn {
    background-image: url(/launch/frameworks/html5/images/btn_auto_play.png);
}

.playAutoplayBtn:hover {
    background-image: url(/launch/frameworks/html5/images/hover_auto_play.png);
}

.stopAutoplayBtn {
    background-image: url(/launch/frameworks/html5/images/btn_auto_play_stop.png);
}

.stopAutoplayBtn:hover {
    background-image: url(/launch/frameworks/html5/images/hover_auto_play_stop.png);
}

.autoplayBtnDisable {
    background-image: url(/launch/frameworks/html5/images/hover_auto_play.png);
}

.autoplayBtnStopDisable {
    background-image: url(/launch/frameworks/html5/images/hover_auto_play_stop.png);
}

#menuBtn {
    background-image: url(/launch/frameworks/html5/images/btn_menu.png);
}

#menuBtn:hover {
    background-image: url(/launch/frameworks/html5/images/hover_menu.png);
}

.menuBtnDisable {
    background-image: url(/launch/frameworks/html5/images/hover_menu.png) !important;
}

#gameMenuBtn {
    background-image: url(/launch/frameworks/html5/images/btn_games_menu.png);
}

#gameMenuBtn:hover {
    background-image: url(/launch/frameworks/html5/images/hover_games_menu.png);
}

.gameMenuBtnDisable {
    background-image: url(/launch/frameworks/html5/images/hover_games_menu.png) !important;
}

#bottomMessageBar {
    height: 32px;
    left: inherit;
    bottom: inherit;
    color: #f2f2f2;
    z-index: 190;
    line-height: 32px;
    text-align: center;
    float: left;
    width: 830px;
}

.bottom-bar-button-wrapper:hover .genericPanelWrapper {
    transform: scale3d(1, 1, 1);
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    -o-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    /*transition: none !important;*/
}

.genericPanelWrapper {
    position: absolute;
    right: 0;
    bottom: 30px;
    height: auto !important;
    overflow: hidden !important;

    transform: scale3d(0, 0, 0);
    -webkit-transform: scale3d(0, 0, 0);
    -moz-transform: scale3d(0, 0, 0);
    -o-transform: scale3d(0, 0, 0);
    -ms-transform: scale3d(0, 0, 0);

    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%;

    transition-property: transform;
    transition-duration: 0s !important;
    -webkit-transition-delay: .5s !important;
    transition-delay: .5s !important;
    will-change: transform;
}

.bottom-bar-button-wrapper:hover .genericPanel {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transition-duration: .3s !important;
    -webkit-transition-delay: .3s !important;
    transition-delay: .5s !important;
}

.genericPanel {
    position: relative;
    z-index: 10;
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    transition-property: transform;
    transition-duration: .2s !important;
    -webkit-transition-delay: .3s !important;
    transition-delay: .3s !important;
    transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
    will-change: transform;
}

.genericPanelHoverPadding {
    position: relative;
    z-index: 10;
    width: 100%;
    height: 5px;
}

.videoP {
    margin: 0 auto;
}

.genericCenterBg {
    background-color: rgba(0, 0, 0, 0.85);
}

.extendedPanel {
    position: relative;
    transition-property: transform;
    transition-duration: .5s;
    transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
}

.apStopOption {
    width: 280px;
    height: 22px;
    margin: 2px 0 2px 10px;
    text-align: left;
    font-size: 1em;
    display: block;
    clear: both;
}

.resetMoreOptionBtn {
    width: 30px;
    height: 30px;
    position: relative;
    display: inline-block;
    top: 5px;
    left: 5px;
    float: left;
    background-image: url(/launch/frameworks/html5/images/btn_reset.png);
}

.resetMoreOptionBtn:hover {
    background-image: url(/launch/frameworks/html5/images/hover_reset.png);
}

.apStopLeftArrow {
    width: 20px;
    float: right;
    height: 20px;
    display: inline-block;
    background: #999595 url(/launch/frameworks/html5/images/btn_minus.png) no-repeat;
    margin-left: 8px;
    -moz-border-radius-topleft: 1px;
    -webkit-border-top-left-radius: 1px;
    border-top-left-radius: 1px;
    -moz-border-radius-bottomleft: 1px;
    -webkit-border-bottom-left-radius: 1px;
    border-bottom-left-radius: 1px;
}

.apStopLeftArrow:hover {
    background-color: #6b6868;
}

.apStopRightArrow {
    width: 20px;
    height: 20px;
    float: right;
    background: #999595 url(/launch/frameworks/html5/images/btn_plus.png) no-repeat;
    display: inline-block;
    margin-left: 2px;
    -moz-border-radius-topright: 1px;
    -webkit-border-top-right-radius: 1px;
    border-top-right-radius: 1px;
    -moz-border-radius-bottomright: 1px;
    -webkit-border-bottom-right-radius: 1px;
    border-bottom-right-radius: 1px;
}

.apStopRightArrow:hover {
    background-color: #6b6868;
}

.apStopLabel {
    display: inline-block;
    color: #f2f2f2;
    float: left;
    font-size: 0.9em;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 14px;
    width: 140px;
}

#checkJkt {
    margin-top: 13px;
    margin-bottom: 10px;
    margin-left: 10px;
}

.apStopCurrency {
    display: inline-block;
    color: #f2f2f2;
    float: right;
    margin-right: 5px;
}

.apStopText {
    width: 65px;
    height: 20px;
    background-color: #f2f2f2;
    float: right;
    display: inline-block;
}

.genericMiddleBg {
    display: inline-block;
    height: 155px;
    overflow: hidden;
    position: relative;
    padding: 5px 7px;
    background-color: rgba(0, 0, 0, 0.85);
}

.genericExtendedBg {
    display: inline-block;
    height: 155px;
}

.genericCenterBg {

}

.genericTopBg {
    width: 100%;
    height: 20px;
    -moz-border-radius-topleft: 1px;
    -webkit-border-top-left-radius: 1px;
    border-top-left-radius: 1px;
    -moz-border-radius-topright: 1px;
    -webkit-border-top-right-radius: 1px;
    border-top-right-radius: 1px;
    background-color: rgba(0, 0, 0, 0.85);
}

.genericBottomBg {
    width: 100%;
    height: 20px;
    -moz-border-radius-bottomleft: 1px;
    -webkit-border-bottom-left-radius: 1px;
    border-bottom-left-radius: 1px;
    -moz-border-radius-bottomright: 1px;
    -webkit-border-bottom-right-radius: 1px;
    border-bottom-right-radius: 1px;
    background-color: rgba(0, 0, 0, 0.85);
}

#autoplayValueContainer {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    width: 60px;
    height: 100%;
    margin: 0;
    overflow: visible;
}

#autoplay_slider {
    height: 10px;
    margin: 0 auto;
    text-align: center;
    background: #808080 !important;
    border: #999595 1px solid
}

#autoplay_slider .ui-widget-content {
    border: 1px solid #6b6868;
    background: #808080 !important;
}

#autoplay_slider .ui-widget-header {
    border: 1px solid #6b6868;
    background: #f2f2f2;
    box-shadow: rgba(230, 134, 9, 0.5) 0 0 5px 5px;
}

.ui-slider-horizontal .ui-slider-handle {
    top: -0.55em;
    left: -1em;
    margin-left: -1em;
    margin-bottom: -.6em;
    width: 2em;
    height: 1.7em;
    color: #6b6868;
    padding-top: 1px;
}

.ui-state-hover {
    background-color: #6b6868 !important;
    color: #f2f2f2;
}

.ui-buttonset .ui-button {
    margin-left: 0;
    margin-right: -.3em;
    background-color: #999595;
    border: 0;
    color: white;
    border-radius: 1px;
    height: 20px !important;
}

.genericPanelBg {
    width: 100%;
    height: 100%;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    -khtml-border-radius: 1px;
    border-radius: 1px;
    background-color: rgba(0, 0, 0, 0.85);
    padding: 5px 7px 7px 7px;
    overflow: hidden;
}

#divLoader {
    background-color: #1a1a1a;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    z-index: 1;
    width: 1280px;
    height: 750px;
    top: 50%;
    left: 50%;
    -ms-transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    -o-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
}

.centralBarLoader {
    width: 100%;
    height: 60%;

    position: relative;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.centralContainerLoader {
    margin: 0 auto;
    width: 500px;
    height: 100%;
    background-image: url(/launch/frameworks/html5/images/newLoaderDesktopBg.png);
    background-position: center;
    background-repeat: no-repeat;
}

#loaderTxt {
    position: absolute;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 229px;
    left: 552px;
    width: 600px;
    font-size: 16px;
    color: rgba(242, 242, 242, 1);
    text-align: right;
    display: none !important;
}

.centralBarProfile {
    width: 100%;
    min-height: 60%;
    background-image: url(/launch/frameworks/html5/images/newLoaderDesktopBgFull.png);
    position: relative;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    background-repeat: no-repeat;
    background-position: center;
}

.centralBarImg {
    background-size: contain;
    width: 184px;
    height: 100%;
    position: absolute;
    left: 10%;
    top: 0;
}

.centralBarPercVal {
    font-size: 0em;
    color: rgba(242, 242, 242, 0);
    position: relative;
    text-align: center;
    top: 122px;
    height: 130px;

}

#progress {
    width: 322px;
    position: relative;
    top: 125px;
    margin: 0 auto;
    height: 11px;
    display: block;
    border-radius: 3px;
    background: transparent;
}

#progress .progress-bar.loaderProgressBar {
    background-color: #dae1e1;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
}

.progress-bar {
    background-image: none !important;
    background-color: #dae1e1;
}

.centralBarGameName {
    color: #dae1e1;
    position: relative;
    top: 190px;
    text-align: center;
    font-size: 30px;
}

.centralBarGameDescr {
    color: #dae1e1;
    position: relative;
    top: 190px;
    text-align: center;
    font-size: 22px;
}

.newLoader {
    background-image: url(/launch/frameworks/html5/images/loaderAnim.png);
    background-size: contain;
    width: 100%;
    height: 82%;
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    background-repeat: no-repeat;
    background-position: center;
}

.ui-widget-header {
    border: 1px solid #f2f2f2;
    background: #f2f2f2;
    color: #f2f2f2;
    font-weight: bold;
    border-radius: 3px;
    height: 7px;
}

.ui-widget-content {
    border: 0 solid #6b6868;
    background: #6b6868;
    color: #6b6868;
}

#fakeLoader {
    display: none;
}

#txtLoader {
    color: #f2f2f2;
    width: 100px;
    position: absolute;
    top: 45%;
    left: 47%;
    text-align: center;
    margin: 60px auto;
}

.gamesCT {
    text-align: center;
    position: relative;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.gameCT {
    color: white;
    overflow: hidden;
    margin: 0 auto;
    width: 1280px;
    height: 750px;
}

#previewCT {
    color: white;
    overflow: hidden;
    margin: 0 auto;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #1a1a1a;
    z-index: 3000;
}

.txtPaytable_div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 3100;
    display: none;
}

.buttonLayer_div {
    position: absolute;
    top: 0;
    left: 0;
    width: 1280px;
    height: 720px;
    z-index: 2999;
}

.overLayer_div {
    position: absolute;
    top: 0;
    left: 0;
    width: 1280px;
    height: 720px;
    z-index: 2998;
}

.bottomLayer_div {
    position: absolute;
    top: 0;
    left: 0;
    width: 1280px;
    height: 750px;
    z-index: 4;
}

.bgLayer_div {
    position: absolute;
    top: 0;
    left: 0;
    width: 1280px;
    height: 750px;
    z-index: 3;
}

.menuLayer_div {
    position: absolute;
    top: 0;
    left: 0;
    width: 1280px;
    height: 750px;
}

.profileSelector {
    position: absolute;
    width: 1280px;
    height: 750px;
    top: 50%;
    left: 50%;
    -ms-transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    -o-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    display: none;
    text-align: center;
    z-index: 3001;
    background-color: #1a1a1a;
    background-size: contain;
    background-repeat: no-repeat;
}

.loaderCT {
    text-align: center;
    position: absolute;
    display: none;
    z-index: 199;
    height: 100%;
    width: 100%;
    color: white;
}

.loaderInner {
    height: 100%;
    width: 100%;
}

.loaderPerc {
    margin-top: 2.0em;
    font-size: 1.4em;

}

.loaderText {
    margin-top: 2.0em;
    font-size: 1.4em;
}

.loaderBoxInner {
    position: absolute;
    width: 40.0em;
    height: 29.0em;
    margin-top: -14.5em;
    margin-left: -20.0em;
    top: 50%;
    left: 50%;
}

.loaderImgCT {
    margin-top: 7.0em;
}

.messageCT {
    position: absolute;
    display: none;
    z-index: 3800;
    background-color: rgba(26, 26, 26, 0.8);
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}

.messagesCT_transparent {
    background-color: transparent !important;
}

.loaderImg {
    max-height: 100%;
    max-width: 100%;
    position: relative;
}

.launch {
    width: 100%;
    height: 100%;
    font-size: 14px;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.messageBoxInner {
}

.messageBoxBorder {
    background-color: rgba(0, 0, 0, 0.65);
    width: 640px;
    position: relative;
    top: 50%;
    -ms-transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    -o-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    left: 50%;
    border-radius: 1px;
    vertical-align: middle;
    padding: 10px;
}

.messageBoxTitle {
    text-align: center;
    color: white;
}

.messageBoxBottom {
    text-align: center;
    color: #f2f2f2;
    top: 15%;
    position: relative;
}

.messageBoxButton {
    color: #f2f2f2;
    padding: 5px 0 5px 0;
    text-align: center;
    background-color: #999595;
    margin: 4px 4px 15px 4px;
    border-radius: 1px;
    cursor: pointer;
    display: inline-block;
    width: 120px;
    height: 30px;
}

.messageBoxButton:hover {
    background-color: #6b6868;
    color: #f2f2f2;
}

.messageBoxText {
    color: #f2f2f2;
    text-align: center;
    width: 90%;
    margin: 2% auto;
    position: relative;
    top: 5%;
}

.msgBoxBottom {
    color: #f2f2f2;
    height: 16px;
    line-height: 16px;
    margin: 5px auto;
    padding: 0 5px;
    width: 80%;
    display: block;
    text-align: center;
}

.optionMenuBtn {
    background-size: contain;
    background-repeat: no-repeat;
}

.homeMenuBtn {
    background-size: contain;
    background-repeat: no-repeat;
}

/*MENU OPTIONS*/

.section_tab_game_menu {
    background-color: #f2f2f2;
}

.section_tab_game_menu_sel {
    background-color: #EA6A00;
}

.icon_tab_game_menu {
    width: 30%;
    height: 100%;
    margin: 10% auto;
}

.transparent {
    /* should come BEFORE filter */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=20);
    -moz-opacity: 0.2;
    -khtml-opacity: 0.2;
    opacity: 0.2;
}

#gameContainer {
    width: 100%;
    height: 100%;
    background-color: transparent;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 7;
}

#gameContainerPhaser {
    z-index: 1000;
    position: absolute;
}

.row_cont_option {
    width: 100%;
    height: 33%;
    border-bottom: 2px solid #000000;
    overflow: hidden;
    background-color: #222222;
}

.icon_row_option {
    width: 5%;
    height: 50%;
    margin-top: 5.3%;
    margin-right: 2%;
    display: inline-block;
}

.icon-tab-game-option {
    background-size: 100%;
    background-repeat: no-repeat;
}

.speed_selector_container {
    width: 79%;
    height: 50%;
    margin-top: 5%;
    display: inline-block;
    vertical-align: top;
    padding-left: 2%;
}

.volume_selector_container {
    width: 77%;
    height: 50%;
    margin-left: 2%;
    margin-top: 6.2%;
    display: inline-block;
    text-align: center;
    vertical-align: top;
}

.profile_selector_container {
    height: 50%;
    margin-top: 5%;
    margin-left: 2%;
    display: inline-block;
    text-align: center;
    vertical-align: top;
    overflow-y: hidden;
}

.btn_game_opt_speed {
    width: 28%;
    height: 40%;
    display: inline-block;
    padding: 1.8%;
    background-color: #707173;
    margin-left: 1%;
    letter-spacing: 2px;
    vertical-align: top;
}

.btn_game_opt_speed_sel {
    background-color: #EA6A00;
}

.left_arrow_game_opt {
    background-repeat: no-repeat;
    background-size: 100%;
    width: 5%;
    height: 50%;
    display: inline-block;
    padding: 1.8%;
}

.right_arrow_game_opt {
    background-repeat: no-repeat;
    background-size: 100%;
    width: 5%;
    height: 50%;
    display: inline-block;
    padding: 1.8%;
}

.profile_selector_content {
    background-color: #707173;
    height: 40%;
    padding-top: 1.4%;
    padding-bottom: 1.4%;
    letter-spacing: 2px;
    vertical-align: top;
    display: inline-block;
    float: left;
}

.profile_selector_content_selected {
    background-color: #EA6A00;
    height: 40%;
    padding-top: 1.4%;
    padding-bottom: 1.4%;
    letter-spacing: 2px;
    vertical-align: top;
    display: inline-block;
    float: left;
}

.section_cont {
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: #222222;
    text-align: center;
}

.section_cont_transaction {
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
    background-color: #222222;
    text-align: center;
    -webkit-overflow-scrolling: touch;
}

.transactionTable {
    width: 100%;
}

.cellTransactionTable {
    height: 10%;
    padding: 3% 5% 3% 5%;
    text-align: center;
}

.rowTransactionOdd {
    background-color: #707173;
}

.diamondTable {
    width: 90%;
    margin: 7% 5%;
}

.thDiamondTable {
    color: #EA6A00;
    padding: 3%;
}

.tdDiamondTable {
    padding: 0.5%;
}

.imgIconDiamondPT {
    background-size: 28%;
    background-repeat: no-repeat;
    background-position: center;
}

.trDiamondTableOdd {
    background-color: #707173;
}

.divImageWildMultPT {
    width: 33%;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: contain;
    background-position-x: 10%;
}

.divTxtMult {
    margin-top: 15%;
}

.spotGameMenuCont {
    height: 5%;
    width: 100%;
    text-align: center;
}

.spotGameMenu {
    background-color: #999999;
    border-radius: 50%;
    width: 2.5%;
    margin-left: 1%;
    margin-right: 1%;
    height: 100%;
    display: inline-block;
}

.spotGameMenuSelected {
    background-color: #f2f2f2 !important;
}

.backgroundMenu {
    background-color: rgba(0, 0, 0, 0.8);
    width: 100%;
    height: 100%;
    position: absolute;
}

#slider-volume {
    width: 80%;
}

/*PULSE ANIMATION*/

@-webkit-keyframes glow_white {
    0% {
        opacity: 1;
        -webkit-box-shadow: 0 0 25px rgba(255, 255, 255, 1);
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        -khtml-border-radius: 50%;
        border-color: rgba(255, 255, 255, 0.4);
    }
    50% {
        opacity: 1;
        -webkit-box-shadow: 0 0 25px rgba(255, 255, 255, 0);
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        -khtml-border-radius: 50%;
        border-color: rgba(255, 255, 255, 0);
    }
    100% {
        opacity: 1;
        -webkit-box-shadow: 0 0 25px rgba(255, 255, 255, 1);
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        -khtml-border-radius: 50%;
        border-color: rgba(255, 255, 255, 0.4);
    }
}

@-webkit-keyframes glow_red {
    0% {
        opacity: 1;
        -webkit-box-shadow: 0 0 20px 4px rgba(255, 0, 0, 1);
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        -khtml-border-radius: 50%;
        border-color: rgba(200, 200, 200, 0.4);
    }
    50% {
        opacity: 1;
        -webkit-box-shadow: 0 0 10px 4px rgba(255, 0, 0, 0);
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        -khtml-border-radius: 50%;
        border-color: rgba(200, 200, 200, 0);
    }
    100% {
        opacity: 1;
        -webkit-box-shadow: 0 0 20px 4px rgba(255, 0, 0, 1);
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        -khtml-border-radius: 50%;
        border-color: rgba(200, 200, 200, 0.4);
    }
}

.iconPulse {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: normal;
    -webkit-animation-timing-function: ease-out;
    -webkit-animation-duration: 4s;
    -webkit-animation-delay: 2s;
    -webkit-animation-name: glow_red;

    animation-iteration-count: infinite;
    animation-direction: normal;
    animation-timing-function: ease-out;
    animation-duration: 4s;
    animation-delay: 2s;
    animation-name: glow_red;
}

.transitionBase {
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

.divRightArrow {
    background-size: 100%;
    background-repeat: no-repeat;
    display: inline-block;
    height: 50%;
    width: 5%;
    float: right;
    margin-top: 5.5% !important;
    margin-left: -5%;
    margin-right: 2%;
}

/*PROFILE SELECTOR*/

.txtTitleProfileSelector {
    width: 80%;
    margin: 0 auto;
    color: #f2f2f2;
    font-size: 1.4em;
    height: 25px;
}

.txtDescrProfileSelector {
    width: 80%;
    margin: 0 auto;
    color: rgba(242, 242, 242, 0.5);
    font-size: 1.3em;
}

.txtHeaderProfileSelector {
    width: 80%;
    color: #f2f2f2;
    font-size: 1em;
    margin: 10px auto 15px;
}

.profileSelectorContainer {
    position: absolute;
    top: 50%;
    width: 100%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.btnProfileSelector {
    width: 18%;
    margin: 5px auto;
    color: #f2f2f2;
    background-color: #999595;
    display: block;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    -khtml-border-radius: 1px;
    border-radius: 1px;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 1em;
    font-family: Arial;
    cursor: pointer;
}

.btnProfileSelector:hover {
    background-color: #6b6868;
}

.noProfileMessage {
    width: 100%;
    color: #d2d2d2;
    margin: 4% auto;
    display: none;
}

.customCheckBox {
    background-size: cover;
    display: inline-block;
}

.cb_selected {
    background-image: url(/launch/frameworks/html5/images/check_box_sel.png);
}

.cb_not_selected {
    background-image: url(/launch/frameworks/html5/images/check_box.png);
}

.txtRememberMe {
    display: inline-block;
    margin-right: 4%;
    margin-top: 3%;
}

.rememberMe {
    text-align: right;
}

.frReminder {
    background-size: contain;
    background-repeat: no-repeat;
}

#rememberMePreview {
    display: block;
    position: absolute;
    margin-top: 10px;
}

.customCheckBoxPreview {
    background-size: cover;
    display: inline-block;
    float: right;
}

.txtRememberMePreview {
    display: inline-block;
    color: white;
    margin-right: 4%;
    float: right;
    line-height: 30px;
}

/*
AUTOPLAY
*/

.autoplayValueBtn {
    display: inline-block;
}

.autoplayValuesSelected {
    background-color: white;
    color: black;
}

.registerBtn {
    float: left;
    width: 225px;
    height: 32px;
    background-color: #191919;
    color: #f2f2f2;
    display: none;
    line-height: 32px;
}

.registerBtn:hover {
    background-color: #191919;
    color: #6b6868;
}

.playRealMoneyBtn {
    float: left;
    width: 225px;
    padding-top: 6px;
    height: 32px;
    background-color: #191919;
    color: #f2f2f2;
    display: none;
    cursor: pointer;
}

.playRealMoneyBtn:hover {
    background-color: #191919;
    color: #6b6868;
}

/**
* AntiAlias transform zoom
*/
.anti-alias-zoom {
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

.divGameName {
    position: absolute;
}

#upGameBg {
    display: none;
}

#bottomGameBg {
    display: none;
}

#realityCheckPanel_div {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 3700;
}

.realityCheckContainer {
    width: 500px;
    height: 600px;
    position: absolute;
    left: 390px;
    background-color: rgba(47, 47, 48, 0.95);
    top: 60px;
    text-align: center;
    -webkit-box-shadow: inset 2px 2px 49px -3px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: inset 2px 2px 49px -3px rgba(0, 0, 0, 0.75);
    box-shadow: inset 2px 2px 49px -3px rgba(0, 0, 0, 0.75);
    border: solid 2px #4f4f4f;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
}

.realityCheckHeader {
    width: 100%;
    color: #eeeeee;
    margin: 20px auto;
    font-size: 20px;
    text-shadow: 1px 2px 2px #000000;
}

.labelRealityCheck {
    color: #cccccc;
    align-items: left;
    float: left;
    width: 100%;
    text-align: left;
    padding-left: 68px;
    font-size: 16px;
}

.labelRealityCheckInline {
    color: #cccccc;
    display: inline;
}

#selfExclusionCheck {
    display: inline;
    margin-right: 10px;
    transform: scale(1.5);
    cursor: pointer;
}

.rowRealityCheck {
    width: 100%;
    height: 110px;
}

.realityCheckSelect select {
    width: 360px;
    height: 40px;
    margin: 10px;
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
    font-size: 16px;
    padding-left: 10px;
    cursor: pointer;
}

.realityCheckSelect select:disabled {
    cursor: default;
}

.realityCheckTextField input {
    width: 360px;
    height: 40px;
    margin: 10px;
}

#loaderClient {
    position: absolute;
    width: 240px;
    height: 100px;
    top: 600px;
    left: 520px;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.juegoSeguro {
    background-image: url(/launch/components/es/seguro.png);
    display: none;
    width: 125px;
    height: 21px;
    margin-left: 20px;
    vertical-align: middle;
}

.jugar {
    background-image: url(/launch/components/es/jugar.png);
    display: none;
    width: 55px;
    height: 20px;
    margin-left: 20px;
    vertical-align: middle;
}

.ma {
    background-image: url(/launch/components/es/ma.png);
    display: none;
    width: 22px;
    height: 22px;
    margin-left: 20px;
    vertical-align: middle;
}

._18 {
    background-image: url(/launch/components/es/18.png);
    display: none;
    width: 22px;
    height: 22px;
    margin-left: 20px;
    vertical-align: middle;
}

.sessionTimerIcon {
    background-image: url(/launch/components/es/iconos.png);
    background-position: 0px -49px;
    display: none;
    height: 16px;
    width: 16px;
    vertical-align: middle;
    margin-left: 20px;
}

.lossLimitIcon {
    background-image: url(/launch/components/es/iconos.png);
    background-position: 0px -1px;
    height: 16px;
    width: 18px;
    display: none;
    vertical-align: middle;
    margin-left: 20px;
}

.betIcon {
    background-image: url(/launch/components/es/iconos.png);
    background-position: 0px -17px;
    height: 16px;
    width: 18px;
    display: none;
    vertical-align: middle;
    margin-left: 20px;
}

.winIcon {
    background-image: url(/launch/components/es/iconos.png);
    background-position: 0px -33px;
    height: 16px;
    width: 18px;
    display: none;
    vertical-align: middle;
    margin-left: 20px;
}

.sessionTimerVal {
    display: none;
}

.lossLimitVal {
    display: none;
}

.betVal {
    display: none;
}

.winVal {
    display: none;
}

.depositLink {
    background-color: transparent;
    font-size: 13px;
    color: white;
    border: 1px solid white;
    border-radius: 5px;
    margin-left: 20px;
    padding: 3px;
    vertical-align: middle;
    display: none;
    line-height: 15px;
}

.depositLink:hover {
    color: lightgrey;
}

.responsibleLinkContainer {
    position: absolute;
    left: 120px;
    top: 10px;
    width: 200px;
}

.link_legal_18 {
    background-image: url(/launch/components/it/link_legal_18.png);
    width: 30px;
    height: 28px;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.link_legal_aams {
    background-image: url(/launch/components/it/link_legal_aams.png);
    width: 40px;
    height: 28px;
    display: inline-block;
    background-size: contain;
    margin-left: 3px;
    background-repeat: no-repeat;
    background-position: center;
}

.link_legal_half {
    background-image: url(/launch/components/it/link_legal_half.png);
    width: 55px;
    height: 28px;
    display: inline-block;
    background-size: contain;
    margin-left: 3px;
    background-repeat: no-repeat;
    background-position: center;
}

.link_responsible {
    background-image: url(/launch/components/it/link_responsible.png);
    width: 60px;
    height: 28px;
    display: inline-block;
    background-size: contain;
    margin-left: 3px;
    background-repeat: no-repeat;
    background-position: center;
}