#views.view-menu	#menubar li                { border-right:1px solid #666; }
#views.view-menu	#menubar li:first-child    { border-left :1px solid #666; }

                    #footbar                   { overflow:hidden; }
                    #gamebar                   { overflow:hidden; }
                    #userbar                   { overflow:hidden; }

@media only screen and (orientation: portrait) {
    #views.view-game #footbar          { pointer-events:none; }
    #views.view-game #footbar #userbar { pointer-events:auto; }
}

@media only screen and (orientation: landscape) {
                    #view-menu                 { top: 0px; bottom:calc(8.5 * (1vw + 1vh - 1vmin)); padding-bottom:calc(3.5 * (1vw + 1vh - 1vmin)); }

                    #toolbar                   { height:calc(5 * (1vw + 1vh - 1vmin)); bottom:calc(3.5 * (1vw + 1vh - 1vmin)); margin-bottom:calc(3.5 * (1vw + 1vh - 1vmin)); }
                    #toolbar > .tool           { padding-bottom:calc(2.7 * (1vw + 1vh - 1vmin)); background-color:rgba(0, 0, 0, 0.5); border-width:1px; border-style:solid; border-color:transparent; }

                    #menubar                   { padding:0; }

                    #debug   .icon,
                    #toolbar .icon,            
                    #menubar .icon             { width:calc(4.5 * (1vw + 1vh - 1vmin)); height:calc(5 * (1vw + 1vh - 1vmin)); background-size:auto calc(4.5 * (1vw + 1vh - 1vmin)); }
                    
                    #debug   .icon             { margin:4px 4px; }
                    #toolbar .icon,
                    #menubar .icon             { margin:0px 4px; }

#views.view-menu    #toolbar > .tool           { padding-bottom:0; }
#views.view-menu 	#menubar                   { background-color:#333; border-top:1px solid #666; border-bottom:1px solid #666; }
#views.view-menu 	#menubar > .navbar         { width:auto; /* height:calc(4.3 * (1vw + 1vh - 1vmin)); */ /* background-color:#f00; */ }
#views.view-menu	#menubar .link             { margin:0; border-radius:0; border-width:0; padding:0 calc(2 * (1vw + 1vh - 1vmin)); }

                    #gamebar                   { height:calc(3.5 * (1vw + 1vh - 1vmin)); width:auto; margin:calc(1.8 * (1vw + 1vh - 1vmin)) 0 0 0; padding:0; background-color:rgba(0, 0, 0, 0.5); }
                    #userbar                   { width:auto; margin:0; }
                    #userbar .l                { font-size:calc(2 * (1vw + 1vh - 1vmin)); }
                    #userbar .v                { font-size:calc(3 * (1vw + 1vh - 1vmin)); }
#views.view-menu 	#userbar                   { }
                    #messages                  { font-size:calc(2.6 * (1vw + 1vh - 1vmin)); width:100%; display:inline-block; margin:0; padding-top:calc(0.5 * (1vw + 1vh - 1vmin)); letter-spacing:1px; }
}

@media only screen and (orientation: portrait) {
                    #view-menu                 { top:calc(7 * (1vw + 1vh - 1vmin)); bottom:15.50vw; margin-top:1px; }

                    #toolbar                   { height:calc(7 * (1vw + 1vh - 1vmin)); top:0; border-bottom:1px solid #666; background-color:rgba(0, 0, 0, 0.9); }

                    #menubar                   { top:   0;     padding:0; }

                    #debug   .icon,
                    #toolbar .icon,
                    #menubar .icon             { margin:0px 0px; width:calc(6 * (1vw + 1vh - 1vmin)); height:calc(7 * (1vw + 1vh - 1vmin)); background-size:auto calc(5 * (1vw + 1vh - 1vmin)); }

#views.view-game 	#banner                    { margin-top:calc(7 * (1vw + 1vh - 1vmin)); }

#views.view-menu 	#menubar                   { width:100%; display:block;}
#views.view-menu 	#menubar > .navbar         { width:auto; margin:0 calc(7 * (1vw + 1vh - 1vmin)) 0 0; }
#views.view-menu 	#menubar > .navbar .link   { padding:0 0.4vw; }
#views.view-menu	#toolbar                   { background-color:#333; }
                    #gamebar                   { font-size:5.5vw; /*height:0vw;*/ line-height:6.5vw; margin:0 0 6.0vw 0; }
                    #userbar                   { font-size:4.0vw; border-top:1px solid #666; }
                    #userbar .l                { font-size:5.0vw; display:block; }
                    #userbar .v                { font-size:5.0vw; display:block; padding-left:5%; }
#views.view-menu 	#userbar                   { background-color:#333; }
                    #messages                  { width: 98%; margin:0 1%; display:block; }

    #footbar    #messages_container {
        width: 100%; 
        display: block;
        margin: 0;
        height: calc(6 * (1vw + 1vh - 1vmin)); /* Fixed height */
        max-height: calc(6 * (1vw + 1vh - 1vmin)); /* Ensure it doesn't exceed this height */
        overflow: visible; /* Allow overflow to be visible */
        position: static; /* Ensure the overflow is positioned correctly */
    }
    #messages {
        position: absolute; /* Position the messages div absolutely */
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        overflow: visible; /* Ensure overflow is visible */
    }
}

.hotkeys {
display:none;
}

/* scrollup */

div#scrollup { position:absolute; margin:0; padding:0; height:1000000px; width:100%; top:-500px; background-color:#000; opacity:0.7; }
div#scrollup-ico { position:fixed; width:100%; height:100%; background-repeat:no-repeat; background-position:center; background-size:20%; -webkit-touch-callout:none; -webkit-user-select:none;
background-image:url(data:image/gif;base64,R0lGODlhvgAMAYABAP///////yH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowMzgwMTE3NDA3MjA2ODExODIyQUNFMjMwRUVCNEVGMyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0RTI2MDdCQjY2NTQxMUU4OUU1RUNFREUyMEMyNTU5RCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0RTI2MDdCQTY2NTQxMUU4OUU1RUNFREUyMEMyNTU5RCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RDZFODlFQTMyMDIwNjgxMTgyMkFBNjQ1NDlCRkFFNjkiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDM4MDExNzQwNzIwNjgxMTgyMkFDRTIzMEVFQjRFRjMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIi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);
}

/* controls */

#controls { position:absolute; bottom:auto; right:auto; width:166px; height:166px; background-size:166px 166px; white-space:nowrap; font-weight:bold; }

div#controls #quick_menu {
    position: relative;
    top: 210px;
    right: -38px;
    width: 90px;
    height: 90px;
    background: url('../img/mobile/play/menu.png') no-repeat;
    background-size: 90px;
}

/* div#controls #quick_menu_sg { 
    position: relative; 
    top: 210px; 
    right: -38px; 
    width: 90px; 
    height: 90px; 
    background: url('../img/mobile/play/menu.png') no-repeat; 
    background-size: 90px; 
    background-blend-mode: multiply;
    background-color: darkorange;
    border-radius: inherit;
} */

@media only screen and (orientation: portrait) {
    div#footbar div#userbar {
        padding-bottom:15px;
    }
}

div#ui_autoplay_controls { display:none !important; }

#play_exec {
position:absolute;
width:166px;
height:166px;
background: url('../img/mobile/play/background.png') center center/166px 166px no-repeat;
background-color:rgba(0,0,0,0);
-webkit-border-radius:88px; -moz-border-radius:88px; border-radius:88px;
}

#play_exec-tag          { position:absolute; top:0; left:0; width:166px; height:166px; }

#play_exec-btn {
position:absolute; top:0px; right:0px; bottom:0px; left:0px;
width:166px;
height:166px;
margin:0px;
display:inline-block;
line-height:180px;
color:#000;
background-position:center 8px;
background-size:166px 166px;
background-repeat:no-repeat;
}

#play_exec.disabled #play_exec-btn:active { transform:none; -webkit-transform:none; -moz-transform:none; -ms-transform:none; filter:none; }

#play_exec-btn:active                     { transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05); -ms-transform:scale(1.05); filter:drop-shadow(8px 8px 10px green); }

#play_exec-btn.spin-base              { background-image:url("../img/mobile/play/ico/spin-base.png"); color:#000; }
#play_exec-btn.spin-fast              { background-image:url("../img/mobile/play/ico/spin-fast.png"); color:#000; }
#play_exec-btn.stop-base              { background-image:url("../img/mobile/play/ico/stop-base.png"); color:#fff; }
#play_exec-btn.stop-fast              { background-image:url("../img/mobile/play/ico/stop-fast.png"); color:#fff; }
#play_exec-btn.auto-base              { background-image:url("../img/mobile/play/ico/auto-base.png"); color:#000; }
#play_exec-btn.auto-fast              { background-image:url("../img/mobile/play/ico/auto-fast.png"); color:#000; }
#play_exec-btn.next                   { background-image:url("../img/mobile/play/ico/next.png");      color:#000; }
#play_exec-btn.take                   { background-image:url("../img/mobile/play/ico/take.png");      color:#000; }
#play_exec-btn.gamble.spin-base,
#play_exec-btn.gamble.spin-fast       {                                                               color:#fff; }

/* Gamble */
#views.view-game #gamble                 { display:none; position: absolute; top:-140%; bottom:0; right:130px; display:block; width:200px; height:100%; }

#views.view-game #gamble div             { width:200px; height:200px; cursor:pointer; border-radius:120px; }

#views.view-game #gamble div i.icon      { height:166px; border:none; border-radius:120px; background-position:center; background-size:166px; line-height:165px; color:#fff; text-shadow:2px 2px 5px #000; }

#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)); }
}

#messages:before { content:'\0000a0'; }
#messages:after  { content:'\0000a0'; }

#views          	#menu_open_btn > .icon { background-image:url('../img/default/extra/ico/menu.png'); }
#views.view-menu	#menu_open_btn > .icon { background-image:url('../img/default/extra/ico/back.png'); }

                #menu_exit_btn         { display:none; }


@media only screen and (orientation: portrait) and (max-aspect-ratio:4/3) {
#play_exec { background-color:rgba(0,0,0,1); -webkit-border-radius:100px; -moz-border-radius:100px; border-radius:100px; }
}




#views .do_change_language.lang_flag_it_IT .icon, #views #menu_ui_language i.icon.lang_flag_it_IT {
    background-image: url('../img/flags/it.jpg');
}

#views .do_change_language.lang_flag_en_GB .icon, #views #menu_ui_language i.icon.lang_flag_en_GB {
    background-image: url('../img/flags/en.jpg');
}

#views .do_change_language.lang_flag_en_EN .icon, #views #menu_ui_language i.icon.lang_flag_en_EN {
    background-image: url('../img/flags/en.jpg');
}

#views .do_change_language.lang_flag_es_ES .icon, #views #menu_ui_language i.icon.lang_flag_es_ES {
    background-image: url('../img/flags/es.jpg');
}

#views .do_change_language.lang_flag_sv_SE .icon , #views #menu_ui_language i.icon.lang_flag_sv_SE{
    background-image: url('../img/flags/sv.jpg');
}

#views .do_change_language.lang_flag_pt_PT .icon, #views #menu_ui_language i.icon.lang_flag_pt_PT {
    background-image: url('../img/flags/pt.jpg');
}

#views .do_change_language.lang_flag_fr_FR .icon, #views #menu_ui_language i.icon.lang_flag_fr_FR {
    background-image: url('../img/flags/fr.jpg');
}

#views .do_change_language.lang_flag_ro_RO .icon, #views #menu_ui_language i.icon.lang_flag_ro_RO {
    background-image: url('../img/flags/ro.jpg');
}


#views #menu_ui_language i.icon {
    background-size: 100%;
    height: 40px;
    width: 40px;
}

.language-selector-container {
    display: flex;
    align-items: center;
    float: right;
}

/* scale down the background image of the do_change_language .icon element */
#views .do_change_language .icon {
    background-size: 90%;
}

#language_selector_container {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: right;
    float: right;
}