#view-menu  { top: 0px; bottom:2.50vw; }

#footbar    { width:1920px; height:150px; white-space:nowrap; text-overflow:ellipsis; font-size:20px; } /* height=150 */
#gamebar    { width:1920px; height:109px; padding:0; margin:-88px 0 86px 0; } /* height=109 */
#userbar    { width:1920px; height: 40px; padding:2px 0; border-top:1px solid #666; background-color:#333; text-align:center; } /* height=41 */

#footbar label,
#footbar .ui_l { color:#e80; text-align:center; text-transform:uppercase; }
#footbar .ui_v { color:#fff; text-align:center; }

#userbar           .icon { width:36px; height:36px; background-size:auto 36px; margin: 1px 2px; }

#footbar .box {
	overflow:hidden;
/*
	height:32px;
*/
}
#footbar .box.left        { margin-left :0; }
#footbar .box.right       { margin-right:0; }

#views.view-menu #footbar          { height:auto; }
#views.view-menu #footbar #gamebar { display:none; }
#views.view-menu #footbar #userbar { position:absolute; }

/* Gamble */
#views.view-game #gamble                { display:none; position: absolute; left:0; right:0; display:inline-flex; width:1920px; height:200px; }
#views.view-game #gamble.over-grid      { bottom:220px; }
#views.view-game #gamble.over-ui        { bottom:250px; }
#views.view-game #gamble div            { width:200px; height:200px; display:inline-block; cursor:pointer; border-radius:120px; text-align:center;
	-webkit-animation-name: blink-gamble; -webkit-animation-duration:1.5s; -webkit-animation-iteration-count:infinite; /* Safari 4.0 - 8.0 */
	animation-name: blink-gamble; animation-duration:1.5s; animation-iteration-count: infinite;
}

@-webkit-keyframes blink-gamble {
	from { filter:drop-shadow(1px 1px 10px rgba(255,255,255,0.5)); }
	50%  { filter:drop-shadow(1px 1px 50px rgba(255,255,255,  1)); }
	to   { filter:drop-shadow(1px 1px 10px rgba(255,255,255,0.5)); }
}

@keyframes blink-gamble {
	from { filter:drop-shadow(1px 1px 10px rgba(255,255,255,0.5)); }
	50%  { filter:drop-shadow(1px 1px 50px rgba(255,255,255,  1)); }
	to   { filter:drop-shadow(1px 1px 10px rgba(255,255,255,0.5)); }
}

#views.view-game #gamble div:first-child { margin-left :540px; margin-right:220px; }
#views.view-game #gamble div:last-child  { margin-right:540px; margin-left :220px;  }
#views.view-game #gamble div i.icon      { height:200px; border:none; border-radius:120px; background-position:center; background-size:200px; background-repeat:no-repeat; line-height:196px; font-size:40px; color:#fff; text-shadow:2px 2px 5px #000; }
/* Presente una sola modalità gamble */
#views.view-game #gamble div.single      { margin:0 860px !important; }

/* *** */

#views.view-game #footbar {
	/*background-color:rgba(0, 0, 0, 0.5);*/ /* background-color:#060; */ 
	background:linear-gradient(to top, rgba(0,0,0, 0.0) 5%, rgba(0,0,0, 0.6) 30%);
	background:-webkit-linear-gradient(top, rgba(0,0,0, 0.0) 5%, rgba(0,0,0, 0.6) 30%);
	background:-moz-linear-gradient(top, rgba(0,0,0, 0.0) 5%, rgba(0,0,0, 0.6) 30%);
	background:-ms-linear-gradient(top, rgba(0,0,0, 0.0) 5%, rgba(0,0,0, 0.6) 30%);
	background:-o-linear-gradient(top, rgba(0,0,0, 0.0) 5%, rgba(0,0,0, 0.6) 30%);
}

#gamebar .box { font-size:28px; /* margin:0 5.0vw; */ min-width:10.0vw; display:inline-block; }
#userbar .box {
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
	border:1px solid #fff;
}
#userbar > div { display:inline-block; }
/*
#footbar .left  { float: left; }
#footbar .right { float:right; }
*/
#footbar .navbar a {
	display:inline-block;
}

#gamebar > div {
	display:inline-block;
}

#gamebar > .left                  { width: 120px; margin:0 20px; }

#gamebar > .middle                { width:1600px; }

#gamebar > .middle > .left        { width: 320px; display:inline-block; margin:0 40px; }
#gamebar > .middle > .middle      { width: 640px; display:inline-block; margin:0 40px; position:relative; top:30px; }
#gamebar > .middle > .right       { width: 320px; display:inline-block; margin:0 40px; }

#gamebar > .right                 { width: 120px; margin:0 20px; }

/*
#gamebar > .navbar          .icon { width:72px; height:72px; background-size:auto 72px; margin:0px 4px; }
*/
#gamebar > .navbar       > .link  { width:72px; height:72px; background-size:auto 72px; margin:0 4px; }

#gamebar          .ui_input .icon { width:20px; height:20px; background-size:auto 20px; float:left; }

#controls {
	width:auto;
	height:140px;
/*
	margin:-28px 0 -8px 0;
*/
	display:inline-block;
}

#play_exec_sx                                     { display:inline-block; margin-right:-10px; /* float: left; */ }
#play_exec_dx                                     { display:inline-block; margin-left :-10px; /* float:right; */ }

#play_exec, #autoplay_btn, #maxbet_btn            { display:inline-block; overflow:hidden; background-size:auto auto; background-position:center center; background-repeat:no-repeat; }

#autoplay_btn.ss_enabled, #maxbet_btn.ss_enabled { visibility: hidden !important;}

#play_exec                                        { background-size:auto 140px; background-position:center center; background-repeat:no-repeat; vertical-align:top; margin-top:20px; /* overflow:visible; */}   
#autoplay_btn,
#maxbet_btn                                       { margin:40px 0 20px 0; }

div#page-autoplay div#ui_autoplay_selector                    { display:none; }
div#page-autoplay div#ui_autoplay_controls input[type=submit] { width:38%; margin:3% 5% 2% 5%; padding:10px 1px; color:#262626; font-size:calc(2.5*(1vw+1vh-1vmin)); border-radius:10px; cursor:pointer; }

#autoplay_btn > .icon, 
#maxbet_btn > .icon                               { width:200px; height:100px; background-size:auto 100px; }

.bt_square                   .icon,
.bt_square.disabled:hover    .icon,
.bt_square.disabled:active   .icon,
.bt_circle                   .icon,
.bt_circle.disabled:hover    .icon,
.bt_circle.disabled:active   .icon                { background-size:72px 72px; background-position:center center; background-repeat:no-repeat; width:72px; height:72px; }

.bt_square:active            .icon,
.bt_circle:active            .icon                { background-size:66px 66px; }

#maxbet_btn.on,
#maxbet_btn.on:hover,
#maxbet_btn.disabled.on                           { cursor:not-allowed; }

#gamebar .on                          .icon,
#gamebar .disabled                    .icon,
#gamebar .disabled:hover              .icon       { margin:0 !important; }

#play_exec-tag                                    { width:140px; margin:20px 0 0 0; font-size:80%; display:block; position:absolute; text-transform:uppercase; color:#090; display:none; }

#play_exec-btn                      > .icon       { width:140px; height:140px; line-height:140px; background-size:auto 120px; background-position:center center; background-repeat:no-repeat; }
#play_exec-btn.spin-base            > .icon       { color:#fff; }
#play_exec-btn.spin-fast            > .icon       { color:#fff; }
#play_exec-btn.stop-base            > .icon       { color:#f00; }
#play_exec-btn.stop-fast            > .icon       { color:#f00; }
#play_exec-btn.auto-base            > .icon       { color:#090; }
#play_exec-btn.auto-fast            > .icon       { color:#090; }
#play_exec-btn.next                 > .icon       { color:#090; }
#play_exec-btn.take                 > .icon       { color:#090; }


#footbar #ui_button .button {
	background-color:#084;
	display:inline-block;
	margin:0;
	padding:0.0vw 1.5vw;
	font-size:2.0vw; 
	width:12.0vw; 
}

#ui_button_l { float :left; }
#ui_button_r { float:right; }

#footbar #gd_msg     { line-height:22px; font-size:16px; }

#gd_crd_tot { width:30%; }
#gd_win_tot { width:40%; }
#gd_bet_tot { width:30%; }

#messages   { width:40%; }

#userbar > .navbar.left  { width:304px; margin-left :16px; text-align: left; float: left; }
#userbar > .navbar.right { width:304px; margin-right:16px; text-align:right; float:right; }
#userbar > .message {
	float:none;
	font-size:28px;
	text-align:center;
	background-color:#000;
	width:1280px;
	height:34px;
	line-height:34px;
	margin:1px -1px;
	
	-moz-box-shadow:    inset 0 0 5px #666;
	-webkit-box-shadow: inset 0 0 5px #666;
	box-shadow:         inset 0 0 5px #666;
}

/* Create the animation blocks */
@keyframes spin {
	from { transform: rotate(0deg); }
	to { transform: rotate(360deg); }
}

#ui_button_x {
	width: 68px;
	height: 68px;
	border-radius: 50%;
	border:2px solid #fff;
	margin:-30px 160px;
	
	background-image: -moz-radial-gradient(45px 45px 45deg, circle cover, yellow 0%, orange 100%, red 95%);
	background-image: -webkit-radial-gradient(45px 45px, circle cover, yellow, orange);
	background-image: radial-gradient(45px 45px 45deg, circle cover, yellow 0%, orange 100%, red 95%);
/*
	animation-name: spin; 
	animation-duration: 3s;
	animation-iteration-count: infinite; 
	animation-timing-function: linear;
*/
}

.ui_select .prev:before, .ui_select .next:before                  { content:none; }

#gamebar            .ui_select                                    { width:288px; position:relative; margin-top:-1000px; text-align:center; }
#gamebar            .ui_select             > .head                { display:table; }
#gamebar            .ui_select .open                              { width:124px; height:36px; margin: 0  66px; padding:0 16px; background-size:156px 36px; background-repeat:no-repeat; line-height:38px; }
#gamebar            .ui_select .open       > .icon                { text-align:center; font-style:normal; }
#gamebar            .ui_select .open:hover > .icon                { }
#gamebar            .ui_select .prev                              { width: 72px; height:72px; margin: 0   0;   padding:0  0;   background-size: 72px 72px; background-repeat:no-repeat; }
#gamebar            .ui_select .next                              { width: 72px; height:72px; margin: 0   0;   padding:0  0;   background-size: 72px 72px; background-repeat:no-repeat; }
#gamebar            .ui_select .item                              { width:144px; height:56px; margin: 0   0;   padding:0  0;   background-size:156px 56px; background-repeat:no-repeat; }
#gamebar            .ui_select .item > .range                     { width:144px; height:16px; margin: -7px 0 0 0;   padding:0  0;   background-size:156px 16px; background-repeat:no-repeat; }
#gamebar            .ui_select .item > .range  > .ui_range_level > .ui_range_inner,
#gamebar            .ui_select .item > .range  > .ui_range_select { width:0px;   height:16px; margin: 0   0;   padding:0  0;   background-size:156px 16px; background-repeat:no-repeat; } 

/*
#gamebar            .ui_select .item > .range  > .ui_range_thumb  { display:none; }
#gamebar            .ui_select .item > .range  > .ui_range_label  { display:none; }
*/
#gamebar            .ui_select .item > .value                     { line-height:56px; text-transform: initial; }

#gamebar            .ui_select .prev > .icon,
#gamebar            .ui_select .next > .icon                      { }

#gamebar            .ui_select .open,
#gamebar            .ui_select .open.disabled:hover,
#gamebar            .ui_select .open.disabled:active              { color:#060; }
#gamebar            .ui_select .open          > .icon             { width:124px; height:36px; }

#gamebar            .ui_select .prev,
#gamebar            .ui_select .next,
#gamebar            .ui_select .item          > .value            { line-height:63px; font-size:28px; }
#gamebar            .ui_select .list                              { padding:0; margin:0 66px; }
#gamebar            .ui_select .list > ul                         { padding:0; margin:0; text-align:center; list-style-type:none; text-transform:initial; }
#gamebar            .ui_select .list > ul > li                    { width:156px; height:36px; line-height:43px; }
#gamebar            .ui_select .list > ul > li     > a            { color:#fff; background-color:transparent; background-size:156px 36px; background-repeat:no-repeat; display:block; }
#gamebar            .ui_select .list > ul > li.sel > a,
#gamebar            .ui_select .list > ul > li     > a:hover      { color:#000; background-color:#fff; }

#gamebar           .ui_select.fixed.disabled, 
#gamebar           .ui_select.fixed.disabled *       { cursor:context-menu; filter:none; opacity:1; }

#gamebar           .ui_select.fixed .item            { width:288px; height:72px; background-size:288px 72px; }
#gamebar           .ui_select.fixed .item > .value   { line-height:72px; cursor: not-allowed; }

#overdiv {
	position:absolute;
	bottom:0;
	width:100%;
}

#overtxt {
	font-size:1.0rem; 
	margin:0 0 2.0rem 0;
	padding:0.5rem;
	display:inline-block;
	background-color:rgba(51,102,153,0.4);
	min-width:350px;
	border:1px solid #fff;
	-webkit-border-radius:0.7rem;
	-moz-border-radius:0.7rem;
	border-radius:0.7rem;
}

#menu_exit_btn               { z-index:80; display:block; position:absolute; top:1.0rem; right:2.0rem; }


#gamebar {
	pointer-events: none;
}
#gamebar > * {
	pointer-events: auto;
}

#gamebar a:hover {
	color: inherit;
}

#langbar_desktop_container {
    display: inline-block;
    position: relative;
}

#langbar_desktop_list {
    width: 50px;
    cursor: pointer;
}

#langbar_desktop_list .head {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px;
    background-color: #333;
    color: #fff;
    border: 1px solid #666;
    border-radius: 5px;
}

#langbar_desktop_list .head.open {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

#langbar_desktop_list .icon {
    width: 32px;
    height: 20px;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 5px;
	margin: 1px auto;
}

#langbar_desktop_list .list {
    display: none;
    position: absolute;
    bottom: 100%;
    right: 0;
    width: 50px;
    background-color: #333;
    border: 1px solid #666;
    border-top: none;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    z-index: 99;
}

#langbar_desktop_list.open .list {
    display: table;
	margin-bottom: 6px;
	border-radius: 5px;
}

#langbar_desktop_list ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#langbar_desktop_list li {
    padding: 5px;
    cursor: pointer;
	display: list-item;
}

#langbar_desktop_list li:hover {
    background-color: #444;
}

#langbar_desktop_list .ui_select.disabled {
    pointer-events: none;
    opacity: 0.5; /* Optional: to visually indicate that the element is disabled */
}

#langbar_desktop_list .ui_select.disabled .head {
    cursor: not-allowed;
}

.lang_flag_it_IT {
    background-image: url('../img/flags/it.jpg');
}

.lang_flag_en_GB {
    background-image: url('../img/flags/en.jpg');
}

.lang_flag_en_EN {
    background-image: url('../img/flags/en.jpg');
}

.lang_flag_es_ES {
    background-image: url('../img/flags/es.jpg');
}

.lang_flag_sv_SE {
    background-image: url('../img/flags/sv.jpg');
}

.lang_flag_pt_PT {
    background-image: url('../img/flags/pt.jpg');
}

.lang_flag_fr_FR {
    background-image: url('../img/flags/fr.jpg');
}

.lang_flag_ro_RO {
    background-image: url('../img/flags/ro.jpg');
}