@charset "UTF-8";
/**
Bingo Swarm main sass file
**/
/**
Skin vars
*/
::-webkit-scrollbar-track {
border-radius: 10px;
background-color: transparent; }
::-webkit-scrollbar {
width: 12px;
background-color: transparent; }
::-webkit-scrollbar-thumb {
border-radius: 10px;
background-color: #b5b5b5; }
/** Z indexes **/
.badge-primary {
background-color: #3FA9F5; }
@font-face {
font-family: 'Roboto';
src: url("../fonts/Roboto-Regular-webfont.woff") format("woff");
font-weight: normal;
font-style: normal; }
@font-face {
font-family: 'Roboto';
src: url("../fonts/Roboto-Bold.woff") format("woff");
font-weight: bold;
font-style: normal; }
@font-face {
font-family: 'Roboto Mono';
src: url("../fonts/roboto-mono-v6-latin-regular.woff") format("woff");
font-weight: normal;
font-style: normal; }
html, body {
width: 100%;
height: 100%;
font-family: 'Roboto';
font-weight: 400; }
/**
Bingo Swarm utils css
*/
img {
image-rendering: optimizeQuality;
/* Firefox 3.6+; default behavior is identical, no need to specify */
-ms-interpolation-mode: bicubic; }
.clear {
clear: both;
font-size: 1px; }
* {
image-rendering: high-quality;
-ms-interpolation-mode: nearest-neighbor;
/* IE (non-standard property) */
-webkit-text-size-adjust: 100%; }
/** Breakpoints **/
/* SCSS */
.icon {
display: inline-block;
width: 32px;
height: 32px; }
.icon-pacman {
background-image: url("data:image/svg+xml;utf8,"); }
.icon-green {
filter: saturate(0%) brightness(0%) invert(49.01961%) opacity(0.8);
filter: url('data:image/svg+xml;utf8, #recolor'); }
/** Lights**/
/**
If important helper
*/
/**
Bingo swarm loading css
*/
#loading {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background-color: white;
z-index: 500; }
#loading #loading_container {
position: absolute;
width: 80%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); }
#loading #loading_container #loading_logo {
width: 100%;
height: 200px;
background-image: url("../images/logo.svg?ts=61");
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
margin-bottom: 20px; }
#loading #loading_container #loading_bar {
width: 100%;
top: 70%;
height: 40px;
margin-bottom: 20px; }
#loading #loading_container #loading_items {
width: 100%;
background-color: #f2f2f2;
border-radius: 10px; }
#loading #loading_container #loading_items .component {
text-align: center;
padding: 4px;
color: #1a1a1a;
animation: 500ms linear;
animation-iteration-count: infinite;
animation-fill-mode: both;
animation-direction: alternate;
transform: scale(0.7);
animation-name: การเคลื่อนไหวที่-1; }
@keyframes การเคลื่อนไหวที่-1 {
0% {
opacity: 0.3; }
100% {
opacity: 0.5; } }
#loading #loading_container #loading_items .component .component_id {
text-align: center;
font-size: 38px; }
#loading #loading_container #loading_items .component .component_name {
text-align: center;
font-size: 18px;
margin-bottom: 5px; }
#loading #loading_container #loading_items .component.loaded {
animation: 500ms linear;
animation-iteration-count: 1;
animation-fill-mode: forwards;
animation-name: การเคลื่อนไหวที่-2; }
@keyframes การเคลื่อนไหวที่-2 {
0% {
opacity: 0;
color: #1a1a1a;
transform: scale(0.7); }
100% {
opacity: 1;
color: #007bff;
transform: scale(1); } }
#loading #loading_container #loading_items .component.loaded .component_name {
color: #1a1a1a; }
#loading #loading_container #loading_powered_by {
width: 100%;
height: 80px;
background-image: url("../images/powered_by_e2e.png?ts=61");
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
margin-top: 20px; }
#loading #loading_container #browser_not_supported {
display: none;
text-align: center; }
#loading #loading_container #browser_not_supported #browser_not_supported_heading {
width: 100%;
font-size: 5vh;
color: #000000;
text-shadow: -3px -2px 0 #FFFFFF, -3px -1px 0 #FFFFFF, -3px 0px 0 #FFFFFF, -3px 1px 0 #FFFFFF, -3px 2px 0 #FFFFFF, -2px -3px 0 #FFFFFF, -2px -2px 0 #FFFFFF, -2px -1px 0 #FFFFFF, -2px 0px 0 #FFFFFF, -2px 1px 0 #FFFFFF, -2px 2px 0 #FFFFFF, -2px 3px 0 #FFFFFF, -1px -3px 0 #FFFFFF, -1px -2px 0 #FFFFFF, -1px -1px 0 #FFFFFF, -1px 0px 0 #FFFFFF, -1px 1px 0 #FFFFFF, -1px 2px 0 #FFFFFF, -1px 3px 0 #FFFFFF, 0px -3px 0 #FFFFFF, 0px -2px 0 #FFFFFF, 0px -1px 0 #FFFFFF, 0px 0px 0 #FFFFFF, 0px 1px 0 #FFFFFF, 0px 2px 0 #FFFFFF, 0px 3px 0 #FFFFFF, 1px -3px 0 #FFFFFF, 1px -2px 0 #FFFFFF, 1px -1px 0 #FFFFFF, 1px 0px 0 #FFFFFF, 1px 1px 0 #FFFFFF, 1px 2px 0 #FFFFFF, 1px 3px 0 #FFFFFF, 2px -3px 0 #FFFFFF, 2px -2px 0 #FFFFFF, 2px -1px 0 #FFFFFF, 2px 0px 0 #FFFFFF, 2px 1px 0 #FFFFFF, 2px 2px 0 #FFFFFF, 2px 3px 0 #FFFFFF, 3px -2px 0 #FFFFFF, 3px -1px 0 #FFFFFF, 3px 0px 0 #FFFFFF, 3px 1px 0 #FFFFFF, 3px 2px 0 #FFFFFF;
text-align: center; }
#loading #loading_container #browser_not_supported #browser_not_supported_suggestions {
width: 100%;
font-size: 3vh;
color: #000000;
text-shadow: -2px -1px 0 #FFFFFF, -2px 0px 0 #FFFFFF, -2px 1px 0 #FFFFFF, -1px -2px 0 #FFFFFF, -1px -1px 0 #FFFFFF, -1px 0px 0 #FFFFFF, -1px 1px 0 #FFFFFF, -1px 2px 0 #FFFFFF, 0px -2px 0 #FFFFFF, 0px -1px 0 #FFFFFF, 0px 0px 0 #FFFFFF, 0px 1px 0 #FFFFFF, 0px 2px 0 #FFFFFF, 1px -2px 0 #FFFFFF, 1px -1px 0 #FFFFFF, 1px 0px 0 #FFFFFF, 1px 1px 0 #FFFFFF, 1px 2px 0 #FFFFFF, 2px -1px 0 #FFFFFF, 2px 0px 0 #FFFFFF, 2px 1px 0 #FFFFFF;
text-align: center;
margin-bottom: 30px; }
#loading #loading_container #browser_not_supported #browser_not_supported_suggestion_firefox {
background-image: url("../images/firefox.png?ts=61");
background-size: auto 9vh;
background-position: center top;
background-repeat: no-repeat;
width: 35%;
display: inline-block;
font-size: 2vh;
font-weight: bold;
text-align: center;
height: 100px;
padding-top: 10vh;
text-shadow: -1px -1px 0 #FFFFFF, -1px 0px 0 #FFFFFF, -1px 1px 0 #FFFFFF, 0px -1px 0 #FFFFFF, 0px 0px 0 #FFFFFF, 0px 1px 0 #FFFFFF, 1px -1px 0 #FFFFFF, 1px 0px 0 #FFFFFF, 1px 1px 0 #FFFFFF;
text-decoration: none !important;
text-transform: uppercase; }
#loading #loading_container #browser_not_supported #browser_not_supported_suggestion_chrome {
background-image: url("../images/chrome.png?ts=61");
background-size: auto 9vh;
background-position: center top;
background-repeat: no-repeat;
width: 35%;
display: inline-block;
font-size: 2vh;
font-weight: bold;
text-align: center;
height: 100px;
padding-top: 10vh;
text-shadow: -1px -1px 0 #FFFFFF, -1px 0px 0 #FFFFFF, -1px 1px 0 #FFFFFF, 0px -1px 0 #FFFFFF, 0px 0px 0 #FFFFFF, 0px 1px 0 #FFFFFF, 1px -1px 0 #FFFFFF, 1px 0px 0 #FFFFFF, 1px 1px 0 #FFFFFF;
text-decoration: none !important;
text-transform: uppercase; }
#loading_components_apart {
position: fixed;
bottom: 0px;
background-color: #eeeaea;
border-top-right-radius: 5px;
z-index: 150; }
#loading_components_apart .loading_component_apart {
padding: 5px;
color: #000000;
font-size: 12px; }
#loading_components_apart .loading_component_apart.loaded {
display: none; }
#loading_components_apart .loading_component_apart.failed .component_name {
animation: none; }
#loading_components_apart .loading_component_apart.failed .component_icon {
display: none; }
#loading_components_apart .loading_component_apart.failed .component_icon_failed {
display: inline-block; }
#loading_components_apart .loading_component_apart .component_icon {
display: inline-block; }
#loading_components_apart .loading_component_apart .component_icon_failed {
display: none;
color: red; }
#loading_components_apart .loading_component_apart .component_name {
display: inline-block;
animation: 500ms linear;
animation-iteration-count: infinite;
animation-fill-mode: both;
animation-direction: alternate;
animation-name: การเคลื่อนไหวที่-3; }
@keyframes การเคลื่อนไหวที่-3 {
0% {
opacity: 0.3; }
100% {
opacity: 0.5; } }
@media (max-width: 575px) {
#loading_container .component .component_id {
font-size: 25px !important; }
#loading_container .component .component_name {
font-size: 15px !important; } }
#audio_confirm_container {
display: none;
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 490; }
#audio_confirm_container #audio_confirm_overlay {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background-color: #000000;
opacity: 0.5; }
#audio_confirm_container #audio_confirm {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
padding: 15px;
background-color: #FFFFFF;
font-size: 20px;
border-radius: 10px;
min-width: 300px; }
.language_box_container {
max-width: 150px;
position: relative;
z-index: 101; }
.language_box_container .language_box {
overflow: hidden;
border: 1px solid black;
border-radius: 5px;
cursor: pointer;
box-sizing: content-box;
padding-right: 25px;
background-color: #FFFFFF; }
.language_box_container .language_box:after {
position: absolute;
right: 8px;
top: 8px;
width: 8px;
height: 8px;
border: solid black;
border-width: 0 3px 3px 0;
display: inline-block;
content: " ";
transform: rotate(45deg);
-webkit-transform: rotate(45deg); }
.language_box_container .language_box.expanded .language_box_item {
display: flex;
border-radius: 5px; }
.language_box_container .language_box.expanded .language_box_item:hover {
background-color: #c7d0d6; }
.language_box_container .language_box .language_box_item {
display: none;
height: 16px;
padding: 4px;
box-sizing: content-box; }
.language_box_container .language_box .language_box_item .flag {
height: 16px;
width: 20.8px;
margin-right: 4px;
background-size: 100% 100%; }
.language_box_container .language_box .language_box_item .name {
height: 16px;
line-height: 16px; }
.language_box_container .language_box .current_language {
display: flex; }
/**
BingoSwarm - Header
*/
.show_cashier {
display: none; }
.show_help {
display: none; }
.show_history {
display: none; }
#header .disabled {
opacity: 0.5;
cursor: not-allowed !important; }
/** Mobile **/
@media (max-width: 575px) {
#header {
position: relative;
width: 100%;
height: 10%;
background-color: white; }
#header #desktop_header {
display: none; }
#header #mobile_header {
position: relative;
width: 100%;
height: 100%; }
#header #mobile_header #mobile_header_logo {
position: absolute;
width: 33%;
height: 100%;
left: 0px;
top: 0px;
background-image: url("../images/logo.svg?ts=61");
background-position: center center;
background-repeat: no-repeat;
background-size: 80% auto; }
#header #mobile_header #mobile_header_balance {
width: 100%;
height: 100%; }
#header #mobile_header #mobile_header_balance #balance_split_mobile {
position: absolute;
background-color: #ececec;
width: 54%;
left: 34%;
height: 80%;
top: 10%;
border-radius: 20px;
background-image: url("../images/btn_wallet.png?ts=61");
background-repeat: no-repeat;
background-size: auto 80%;
background-position: center center; }
#header #mobile_header #mobile_header_balance #balance_split_mobile div .label {
width: 100%;
text-align: center;
font-size: 1.30vh;
position: absolute;
top: 0px;
height: 30%;
text-transform: uppercase; }
#header #mobile_header #mobile_header_balance #balance_split_mobile div .value {
width: 100%;
text-align: center;
font-size: 1.70vh;
position: absolute;
top: 30%;
height: 70%;
color: #39b54a;
font-weight: bold; }
#header #mobile_header #mobile_header_balance #balance_split_mobile #mobile_header_balance_split_real {
position: absolute;
left: 0px;
width: 50%;
height: 100%;
text-align: center; }
#header #mobile_header #mobile_header_balance #balance_split_mobile #mobile_header_balance_split_real .real_balance_value {
letter-spacing: -1px !important; }
#header #mobile_header #mobile_header_balance #balance_split_mobile #mobile_header_balance_split_bonus {
position: absolute;
right: 0px;
width: 50%;
height: 100%;
text-align: center;
letter-spacing: -1px;
font-size: 90%; }
#header #mobile_header #mobile_header_balance #balance_split_mobile #mobile_header_balance_split_bonus .bonus_balance_value {
letter-spacing: -1px !important; }
#header #mobile_header #mobile_header_balance #balance {
position: absolute;
width: 56%;
left: 33%;
background-color: #ececec;
border-radius: 20px;
top: 50%;
transform: translateY(-50%);
padding: 0 3% 0 0%;
font-weight: bolder;
text-align: center; }
#header #mobile_header #mobile_header_balance #balance i {
margin-right: 2%; }
#header #mobile_header #mobile_header_balance #balance strong {
color: #39b54a; }
#header #mobile_header #mobile_header_balance #balance i.balance-arrow-down {
position: absolute;
right: 1%;
top: 50%;
transform: translateY(-50%); }
#header #mobile_header #mobile_header_menu {
position: absolute;
width: 14%;
height: 100%;
right: 0px;
top: 0px;
color: #000000; }
#header #mobile_header #mobile_header_menu #mobile_header_menu_container {
position: relative;
width: 100%;
text-align: center;
top: 50%;
transform: translateY(-50%);
font-size: 4vw;
font-weight: bold;
text-transform: uppercase; }
#header #mobile_header #mobile_header_menu #mobile_header_menu_container button {
font-size: 4vw;
background-color: #FFFFFF; }
#header #mobile_header #mobile_menu {
position: absolute;
left: 0px;
top: 100%;
width: 100%;
background-color: white;
z-index: 51;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px; }
#header #mobile_header #mobile_menu #mobile_menu_content {
text-align: center;
margin-bottom: 10px; }
#header #mobile_header #mobile_menu #mobile_menu_content .language_box_container {
margin: auto;
margin-bottom: 5px; }
#header #mobile_header #mobile_menu #mobile_menu_content .mobile_link {
width: 90%;
margin: auto;
display: block;
color: #FFFFFF;
background-color: #3fa9f5;
border-bottom: 1px solid black;
font-weight: bold;
border-radius: 4px;
margin-bottom: 2px;
height: 5vh;
line-height: 5vh; }
#header #mobile_header #mobile_menu #mobile_menu_content #mobile_help {
display: none; }
#header #mobile_header #mobile_menu #mobile_menu_content #mobile_history {
display: none; }
#header.game_guest {
z-index: 101;
background-color: transparent; }
#header.game_guest #mobile_header {
height: 70%;
top: 5px; }
#header.game_guest #mobile_header #mobile_header_logo {
display: none; }
#header.game_guest #mobile_header #mobile_header_balance {
display: none; }
#header.game_guest #mobile_header #mobile_header_menu #mobile_header_menu_container {
top: 0px !important;
transform: translateY(0%) !important; }
#header.game_guest #mobile_header #mobile_menu {
top: 0px;
border-radius: 5px;
width: 79%;
left: 2%; }
#header.game_guest #mobile_header #mobile_menu #mobile_menu_content {
margin: 5px; }
#header.game_guest #mobile_header #mobile_menu #mobile_menu_content #mobile_cashier {
display: none !important; }
#header.game_guest #mobile_header #mobile_menu #mobile_menu_content #mobile_close {
display: none !important; }
#header.game_guest #mobile_header #mobile_menu #mobile_menu_content #mobile_history {
display: none !important; } }
/* Desktop exclusive*/
@media (min-width: 576px) {
#header {
position: relative;
width: 100%;
height: 9.5%;
background-color: white;
box-shadow: 0px -5px 0px #000065 inset;
background-image: url("../images/header-bg.png?ts=61");
background-repeat: no-repeat;
background-size: 100% 100%;
background-position: center center; }
#header #desktop_header #logo_container {
background-image: url("../images/logo.svg?ts=61");
height: 80%;
width: 10%;
position: absolute;
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
top: 10%; }
#header #desktop_header #logo_container_alternate {
height: 80%;
width: 10%;
position: absolute;
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
top: 10%;
display: none; }
#header #desktop_header .language_box_container {
width: 200px;
position: absolute;
top: 45%;
transform: translateY(-50%);
left: 10%;
height: 16px; }
#header #desktop_header #wallet_container {
position: absolute;
background: #e2e2e2;
border-radius: 5px;
width: 20%;
height: 65%;
left: 30%;
top: 15%; }
#header #desktop_header #wallet_container .left-bar {
position: absolute;
background-color: grey;
width: 3px;
height: 100%;
border-radius: 5px 0px 0px 5px; }
#header #desktop_header #wallet_container #wallet-img {
position: absolute;
background-image: url("../images/btn_wallet.png?ts=61");
height: 70%;
width: 12%;
background-repeat: no-repeat;
background-size: contain;
background-position: center center;
left: 3%;
top: 16%; }
#header #desktop_header #wallet_container #wallet-info {
position: absolute;
width: 84%;
left: 18%;
top: 12%; }
#header #desktop_header #wallet_container #wallet-info #header_balance_split {
position: absolute;
width: 95%; }
#header #desktop_header #wallet_container #wallet-info #header_balance_split #header_balance_split_real {
position: absolute;
width: 50%;
left: 0px;
top: 0px;
letter-spacing: -1px !important; }
#header #desktop_header #wallet_container #wallet-info #header_balance_split #header_balance_split_bonus {
position: absolute;
width: 50%;
right: 0px;
top: 0px;
letter-spacing: -1px !important; }
#header #desktop_header #wallet_container #wallet-info p:first-child {
font-size: 0.8vw;
margin: 0; }
#header #desktop_header #wallet_container #wallet-info p:last-child {
position: absolute;
top: 81%;
font-size: 1vw;
font-weight: bolder;
margin: 0; }
#header #desktop_header #wallet_container #wallet-info p:last-child strong {
color: #39b54a; }
#header #desktop_header #buttons {
position: absolute;
border-radius: 5px;
width: 16%;
height: 65%;
left: 52%;
top: 15%; }
#header #desktop_header #buttons .left-bar {
position: absolute;
background-color: grey;
width: 3px;
height: 100%;
border-radius: 5px 0px 0px 5px; }
#header #desktop_header #buttons #btn-deposit {
cursor: pointer;
position: absolute;
background-image: url("../images/btn_deposit.png?ts=61");
width: 43%;
height: 78%;
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
top: 12%;
left: 5%; }
#header #desktop_header #buttons #btn-deposit .inside_text {
position: absolute;
top: 50%;
width: 70%;
left: 30%;
font-size: 0.75vw;
text-align: center;
color: #FFFFFF;
font-weight: bold;
transform: translateY(-50%);
text-transform: uppercase;
letter-spacing: -1px; }
#header #desktop_header #buttons #btn-autobuy {
position: absolute;
background-image: url("../images/btn_autobuy.png?ts=61");
width: 43%;
height: 78%;
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
top: 12%;
left: 52%;
cursor: pointer;
display: none; }
#header #desktop_header #buttons #btn-autobuy .inside_text {
position: absolute;
top: 50%;
width: 70%;
left: 30%;
font-size: 0.75vw;
text-align: center;
color: #FFFFFF;
font-weight: bold;
transform: translateY(-50%);
text-transform: uppercase;
letter-spacing: -1px; }
#header #desktop_header #buttons #btn-autobuy .badge {
position: absolute;
top: 70%;
left: 50%;
transform: translateX(-50%);
display: none; }
#header #desktop_header #buttons #btn-autobuy.active .badge {
display: block !important; }
#header #desktop_header #settings-icons {
position: absolute;
right: 1%;
top: 0%;
width: 16%;
height: 94%; }
#header #desktop_header #settings-icons .header-icon {
position: absolute;
top: 20%;
width: 24%;
cursor: pointer;
height: 64%;
border-right: 2px solid lightgray;
text-align: center;
box-sizing: border-box; }
#header #desktop_header #settings-icons .header-icon i {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); }
#header #desktop_header #settings-icons #btn-history {
right: 75%;
display: none; }
#header #desktop_header #settings-icons #btn-help {
right: 50%;
display: none; }
#header #desktop_header #settings-icons #btn-music {
right: 25%; }
#header #desktop_header #settings-icons #btn-settings {
right: 28%;
display: none !important; }
#header #desktop_header #settings-icons #btn-user {
display: none !important;
right: 18%; }
#header #desktop_header #settings-icons #btn-close {
right: 0px; }
#header.game_guest #desktop_header #wallet_container {
display: none; }
#header.game_guest #desktop_header #buttons {
display: none; }
#header #desktop_header ul {
width: 50%; }
#header #desktop_header ul #btn_balance {
margin-right: 12%;
width: 40%; }
#header #desktop_header ul #btn_balance img {
margin-right: 4%; }
#header #desktop_header ul #btn_balance a {
color: #39b54a;
font-weight: bolder;
font-size: 1.1vw; }
#header #desktop_header ul #btn_balance strong {
color: black; }
#header #desktop_header ul #btn_deposit {
background-image: url("../images/btn_deposit.png?ts=61");
background-repeat: no-repeat;
background-size: 100%;
background-position: center center;
width: 15%;
margin-left: 1%; }
#header #desktop_header ul #btn_autobuy {
background-image: url("../images/btn_autobuy.png?ts=61");
background-repeat: no-repeat;
background-size: 100%;
background-position: center center;
width: 15%;
margin-left: 1%; }
#header #desktop_header div i {
font-size: 2vw; } }
/** Inside game **/
#header.inside_game #desktop_header.with_alternate #logo_container {
display: none !important; }
#header.inside_game #desktop_header.with_alternate #logo_container_alternate {
display: block !important; }
#header.inside_game #desktop_header #buttons #btn-autobuy {
display: block; }
/* For header fixed mobile design*/
@media (max-width: 575px) {
body.header_fixed_mobile #header {
height: 5% !important; }
body.header_fixed_mobile #header #mobile_header #mobile_header_logo {
height: 80% !important;
top: 10% !important;
background-size: auto 100% !important; }
body.header_fixed_mobile #header #mobile_header .balance-arrow-down {
display: none !important; }
body.header_fixed_mobile #header #mobile_menu {
z-index: 200 !important; }
body.header_fixed_mobile #lobby {
height: 95% !important;
top: 5% !important; }
body.header_fixed_mobile #inside_room {
height: 95% !important;
top: 5% !important; }
body.header_fixed_mobile #inside_room #inside_room_close {
display: none !important; }
body.header_fixed_mobile #inside_room #change_room_button_container {
right: 2% !important;
left: auto !important; } }
/* Sass file for game without header */
@media (min-width: 576px) {
body.without_header #header {
background-color: transparent !important;
background-image: none !important;
box-shadow: none !important; }
body.without_header #header #logo_container, body.without_header #header #logo_container_alternate, body.without_header #header #wallet_container, body.without_header #header .language_box_container, body.without_header #header #btn-deposit {
width: 1px !important;
height: 1px !important;
position: absolute !important;
left: 0px !important;
top: 0px !important;
visibility: hidden !important; }
body.without_header #header #desktop_header #buttons {
position: fixed;
bottom: 2% !important;
top: auto !important;
left: 2% !important;
height: 4% !important;
transform: none !important;
z-index: 101 !important;
width: 38.5% !important; }
body.without_header #header #desktop_header #buttons #btn-autobuy {
position: relative !important;
width: 7vw !important;
height: 100%;
top: auto;
left: 50% !important;
transform: translateX(-50%) !important;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
background-size: 20% auto !important; }
body.without_header #header #desktop_header #buttons #btn-autobuy .inside_text {
font-size: 0.65vw; }
body.without_header #header #desktop_header #settings-icons {
position: fixed !important;
right: 0px !important;
width: 2.5% !important;
height: auto !important;
background-color: #01437D !important;
border-top-left-radius: 10px !important;
border-bottom-left-radius: 10px !important;
top: 50%;
transform: translateY(-50%);
z-index: 200;
box-sizing: content-box; }
body.without_header #header #desktop_header #settings-icons .header-icon {
position: relative !important;
border: 0px !important;
width: 100% !important;
text-align: center !important;
height: auto !important;
right: auto !important; }
body.without_header #header #desktop_header #settings-icons .header-icon i {
position: relative !important;
top: auto !important;
left: auto !important;
width: 100% !important;
display: block !important;
font-size: 1.8vw !important;
text-align: center !important;
padding: 7px !important;
transform: none !important;
color: #FFFFFF; }
body.without_header #header #desktop_header #settings-icons #btn-close {
display: none !important; }
body.without_header #lobby {
top: 0px !important;
height: 100% !important; }
body.without_header #inside_room {
top: 0px !important;
height: 100% !important; }
body.without_header #inside_room #autobuy_container {
left: 21%;
top: auto;
bottom: 2%;
transform: translateX(-50%) rotate(180deg);
transform-origin: center center 0px; }
body.without_header #inside_room #autobuy_container #autobuy_wrapper {
transform: rotate(180deg);
margin-top: 2.5vw !important; } }
@media (max-width: 575px) {
body.without_header #header {
background-color: transparent !important;
background-image: none !important;
box-shadow: none !important;
height: 6% !important;
width: 56% !important;
z-index: 200; }
body.without_header #header #mobile_header_logo, body.without_header #header #mobile_header_balance {
width: 1px !important;
height: 1px !important;
position: absolute !important;
left: 0px !important;
top: 0px !important;
visibility: hidden !important; }
body.without_header #header #mobile_header_menu {
z-index: 55;
width: 27% !important;
right: auto;
left: 0px; }
body.without_header #header #mobile_header_menu #mobile_header_menu_container {
text-align: left !important; }
body.without_header #header #mobile_menu {
background-color: #01437d !important;
top: 0px !important; }
body.without_header #header #mobile_menu #mobile_menu_content {
margin-top: 11px;
background-color: #01437d; }
body.without_header #header #mobile_menu #mobile_menu_content .language_box_container {
margin-right: 5% !important; }
body.without_header #lobby {
top: 0px !important;
height: 100% !important; }
body.without_header #lobby #lobby_tabs_content {
top: 5% !important;
height: 94% !important; }
body.without_header #inside_room #inside_room_name {
top: 0.8% !important;
left: 15% !important; }
body.without_header #inside_room #inside_room_close {
display: none; }
body.without_header #inside_room #change_room_button_container {
z-index: 201;
position: absolute !important;
left: auto !important;
right: 1% !important;
top: 1% !important; } }
#help-container, #instructions-container, #promotions-container {
max-height: 500px;
overflow-y: auto; }
#help-container h1, #instructions-container h1, #promotions-container h1 {
text-decoration: underline;
text-align: center;
text-transform: uppercase; }
#help-container h2, #instructions-container h2, #promotions-container h2 {
text-decoration: underline;
text-align: center; }
#help-container h3, #instructions-container h3, #promotions-container h3 {
text-transform: uppercase; }
#help-container ol li, #instructions-container ol li, #promotions-container ol li {
margin-bottom: 10px; }
#help-container ol li ul li, #instructions-container ol li ul li, #promotions-container ol li ul li {
margin-bottom: 0px; }
@media (max-width: 575px) {
#help-container img, #instructions-container img, #promotions-container img {
width: 100% !important;
max-width: none !important;
display: block !important; }
#help-container dl, #help-container ol, #help-container ul, #instructions-container dl, #instructions-container ol, #instructions-container ul, #promotions-container dl, #promotions-container ol, #promotions-container ul {
padding-left: 20px !important; } }
#help-container #pjp_holder, #instructions-container #pjp_holder, #promotions-container #pjp_holder {
margin-top: 10px;
position: relative;
background-color: #000000;
border-radius: 15px;
width: 40vw;
max-width: 100%;
padding: 5px;
height: 42px; }
#help-container #pjp_holder #pjp_holder_name, #instructions-container #pjp_holder #pjp_holder_name, #promotions-container #pjp_holder #pjp_holder_name {
position: absolute;
left: 0px;
top: 0px;
font-size: 16px;
line-height: 42px;
height: 42px;
text-align: center;
color: #FFFFFF;
width: 50%; }
#help-container #pjp_holder #pjp_holder_value, #instructions-container #pjp_holder #pjp_holder_value, #promotions-container #pjp_holder #pjp_holder_value {
position: absolute;
left: 50%;
width: 50%;
top: 0px;
font-size: 16px;
line-height: 42px;
height: 25px;
text-align: center;
color: #FFFFFF; }
#help-container .scp_container, #instructions-container .scp_container, #promotions-container .scp_container {
position: relative;
width: 567px;
max-width: 100%; }
#help-container .scp_container .btn_text, #instructions-container .scp_container .btn_text, #promotions-container .scp_container .btn_text {
position: absolute;
z-index: 1;
right: 1%;
bottom: 6%;
height: 47%;
width: 31%; }
#help-container .scp_container .btn_text span, #instructions-container .scp_container .btn_text span, #promotions-container .scp_container .btn_text span {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: #FFFFFF;
font-size: 3.5vh;
text-transform: uppercase; }
#help-container .help_buy_button, #instructions-container .help_buy_button, #promotions-container .help_buy_button {
position: relative;
background-color: #36db32;
color: #FFFFFF;
width: 300px;
height: 40px;
line-height: 35px;
font-size: 25px;
text-align: center;
border-radius: 10px; }
#help-container .help_autobuy, #instructions-container .help_autobuy, #promotions-container .help_autobuy {
position: relative;
background-color: #f0c808;
color: #FFFFFF;
width: 300px;
height: 40px;
line-height: 35px;
font-size: 25px;
text-align: center;
border-radius: 10px; }
#help-container .help_autobuy .autubuy_text, #instructions-container .help_autobuy .autubuy_text, #promotions-container .help_autobuy .autubuy_text {
width: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); }
#help-container .help_autobuy .autubuy_active, #instructions-container .help_autobuy .autubuy_active, #promotions-container .help_autobuy .autubuy_active {
position: absolute;
top: 100%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 12px; }
@media (max-width: 575px) {
#help-container .scp_container .btn_text span, #instructions-container .scp_container .btn_text span, #promotions-container .scp_container .btn_text span {
font-size: 2vh; } }
#help-container #help_autobuy_container, #instructions-container #help_autobuy_container, #promotions-container #help_autobuy_container {
background-color: #0c060e;
padding: 5px;
max-width: 400px; }
#help-container #help_autobuy_container #help_autobuy_wrapper, #instructions-container #help_autobuy_container #help_autobuy_wrapper, #promotions-container #help_autobuy_container #help_autobuy_wrapper {
padding: 10px;
background-color: #FFFFFF;
font-size: 16px;
border-radius: 15px; }
#help-container #help_autobuy_active_container, #instructions-container #help_autobuy_active_container, #promotions-container #help_autobuy_active_container {
background-color: #0c060e;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 5px;
max-width: 400px; }
#help-container #help_autobuy_active_container #help_autobuy_active_wrapper, #instructions-container #help_autobuy_active_container #help_autobuy_active_wrapper, #promotions-container #help_autobuy_active_container #help_autobuy_active_wrapper {
padding: 10px;
background-color: #FFFFFF;
font-size: 16px;
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px; }
@media (max-width: 575px) {
#pjp_holder {
width: 100% !important; }
.help_autobuy {
width: 100% !important; }
.help_buy_button {
width: 100% !important; } }
#info_box {
position: absolute;
z-index: 150;
background-color: #2872b9;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
top: 9.5%;
width: 19%;
right: 4%;
display: none; }
#info_box #info_box_container {
background-color: #FFFFFF;
margin: 10px;
box-sizing: border-box;
border-radius: 10px;
padding: 5px;
font-size: 1.5vw;
max-height: 50vh;
overflow: auto; }
#info_box #info_box_container h1 {
color: #2872b9;
width: 100%;
text-align: center;
font-size: 100%;
font-weight: bold; }
#info_box #info_box_container h2 {
color: #445f99;
width: 100%;
text-align: center;
font-size: 75%; }
#info_box #info_box_container h2 .glow {
font-weight: bold;
color: green; }
#info_box #info_box_container p {
color: #000000;
font-size: 60%;
text-align: center; }
#info_box #info_box_container p .glow {
font-weight: bold;
color: green; }
#info_box #info_box_container .info_box_message_container:not(:first-child) {
border-top: 1px solid rebeccapurple;
padding-top: 1rem; }
#info_box #info_box_close {
text-align: center;
margin-bottom: 10px; }
#info_box #info_box_close button {
background-color: #3fa9f5;
box-shadow: 0px 4px 0px #248cd7;
border: none; }
#info_box #info_box_close button:hover {
background-color: #248cd7;
box-shadow: 0px 4px 0px #0c5d97; }
@media (max-width: 575px) {
#info_box {
top: 0px;
width: 90%;
left: 5%; }
#info_box #info_box_container {
font-size: 2.5vh; } }
/** Bingo swarm lobby css**/
/** Mobile **/
@media (max-width: 575px) {
#lobby {
position: absolute;
left: 0px;
top: 10%;
height: 90%;
width: 100%;
background-image: url("../images/bg.jpg?ts=61");
z-index: 50; }
#lobby #lobby_header_banners_top {
display: none; }
#lobby #lobby_header_banners_bottom {
display: none; }
#lobby #lobby_tabs {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 7%;
background: #3FA9F5;
/* Old browsers */
background: -moz-linear-gradient(top, #3FA9F5 0%, #2364aa 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3FA9F5), color-stop(100%, #2364aa));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #3FA9F5 0%, #2364aa 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #3FA9F5 0%, #2364aa 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, #3FA9F5 0%, #2364aa 100%);
/* IE10+ */
background: linear-gradient(to bottom, #3FA9F5 0%, #2364aa 100%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$lightBlue', endColorstr='$darkBlue',GradientType=0 );
/* IE6-9 */
overflow: hidden; }
#lobby #lobby_tabs_content {
position: absolute;
left: 0px;
top: 7%;
width: 100%;
height: 93%;
overflow: hidden; }
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper {
margin-top: 3%;
height: 10rem; }
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room {
width: 94%;
left: 3%;
position: relative;
background-color: white; }
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room.game_style_75 .lobby_room_game_style::after {
margin-top: -7% !important; }
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room .lobby_room_name {
height: 18% !important; }
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room .lobby_room_time {
font-size: 3vw !important;
height: 36%; }
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room .lobby_room_time::before {
margin-bottom: -20% !important;
height: 100%; }
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room .lobby_room_card_price {
font-size: 3vw !important;
height: 36%; }
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room .lobby_room_card_price::before {
margin-bottom: -20% !important;
height: 100%; }
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room .lobby_room_players {
font-size: 3vw !important;
height: 36%; }
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room .lobby_room_players::before {
margin-bottom: -20% !important;
height: 100%; }
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room .lobby_room_jackpot {
font-size: 3vw !important;
height: 36%; }
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room .lobby_room_jackpot::before {
margin-bottom: -20% !important;
height: 100%; }
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room .lobby_room_pjp {
font-size: 3vw !important;
height: 36%; }
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room .lobby_room_pjp::before {
margin-bottom: -20% !important;
height: 100%; }
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room .lobby_room_cm {
font-size: 3vw !important; }
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room .lobby_room_cm::before {
margin-bottom: -20% !important;
height: 100%; } }
@media (min-width: 576px) {
#lobby {
position: absolute;
height: 90.5%;
width: 100%;
background-image: url("../images/bg.jpg?ts=61"); }
#lobby #lobby_header_banners_top {
position: absolute;
left: 5%;
top: 2%;
width: 90%;
height: 15%;
background-color: white;
padding-top: 2%;
text-align: center; }
#lobby #lobby_header_banners_top div {
position: absolute;
top: 0%;
width: 100%;
height: 20%;
background-color: #3fa9f5;
color: white;
font-weight: bolder;
font-size: 1vw; }
#lobby #lobby_header_banners_top span {
font-size: 2vw;
font-weight: bolder; }
#lobby #lobby_header_banners_bottom {
position: absolute;
left: 5%;
top: 58%;
width: 90%;
height: 38%;
border-radius: 16px;
background-color: white;
padding-top: 6%;
border-bottom: 25px solid #3fa9f5;
text-align: center; }
#lobby #lobby_header_banners_bottom div {
position: absolute;
top: 0%;
width: 100%;
height: 15%;
background-color: #3fa9f5;
color: white;
font-weight: bolder;
font-size: 1.5vw;
border-radius: 15px 15px 0px 0px; }
#lobby #lobby_header_banners_bottom span {
font-size: 3vw;
font-weight: bolder; }
#lobby #lobby_tabs {
position: absolute;
left: 5%;
top: 20%;
height: 8%;
width: 90%;
overflow: hidden;
background: #3FA9F5;
/* Old browsers */
background: -moz-linear-gradient(top, #3FA9F5 0%, #2364aa 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3FA9F5), color-stop(100%, #2364aa));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #3FA9F5 0%, #2364aa 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #3FA9F5 0%, #2364aa 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, #3FA9F5 0%, #2364aa 100%);
/* IE10+ */
background: linear-gradient(to bottom, #3FA9F5 0%, #2364aa 100%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$lightBlue', endColorstr='$darkBlue',GradientType=0 );
/* IE6-9 */ }
#lobby #lobby_tabs #lobby_tabs_container {
transition: none !important;
transform: none !important; }
#lobby #lobby_tabs #lobby_tabs_container .tab_left {
display: none !important; }
#lobby #lobby_tabs #lobby_tabs_container .tab_right {
display: none !important; }
#lobby #lobby_tabs_content {
position: absolute;
left: 5%;
top: 28%;
width: 90%;
height: 70%;
overflow: hidden; }
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content {
overflow: hidden !important; }
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row {
height: 100%; }
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room {
background-color: white; } }
/** Both **/
#lobby #lobby_tabs #lobby_tabs_container {
position: relative;
height: 100%;
width: 100000%;
overflow: hidden; }
#lobby #lobby_tabs #lobby_tabs_container .lobby_tab {
padding-left: 10px;
text-align: center;
color: #FFFFFF;
height: 100%;
display: table;
float: left;
cursor: pointer; }
#lobby #lobby_tabs #lobby_tabs_container .lobby_tab span {
display: table-cell;
vertical-align: middle; }
#lobby #lobby_tabs #lobby_tabs_container .lobby_tab.selected {
color: #f0C808;
font-weight: bolder; }
#lobby #lobby_tabs_content #lobby_tabs_content_container {
position: absolute;
left: 0px;
width: 300%;
height: 100%;
overflow: hidden; }
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content {
position: absolute;
left: 0px;
top: 0px;
width: 33.33%;
height: 100%;
overflow-y: auto;
overflow-x: hidden;
scroll-behavior: smooth;
-webkit-overflow-scrolling: touch;
overflow-scrolling: touch;
display: none; }
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper {
height: 14rem; }
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room {
height: 100%;
position: relative;
border-radius: 15px;
font-weight: bolder; }
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room .lobby_room_name {
background-color: #3FA9F5;
height: 17%;
color: white;
border-radius: 10px 10px 0px 0px;
font-size: 1.3rem;
text-transform: uppercase;
padding-left: 2%; }
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room .lobby_room_time {
position: absolute;
text-align: center;
width: 30%;
left: 2%;
font-size: 1vw;
white-space: nowrap; }
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room .lobby_room_time .lobby_room_time_value {
color: #dd1c1a; }
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room .lobby_room_time::before {
content: url("../images/icon_clock.png?ts=61");
display: block;
margin-bottom: -11%; }
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room .lobby_room_card_price {
position: absolute;
text-align: center;
width: 30%;
left: 2%;
bottom: 5%;
font-size: 1vw; }
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room .lobby_room_card_price .lobby_room_card_price_value {
color: #39b54a; }
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room .lobby_room_card_price::before {
content: url("../images/icon_coins.png?ts=61");
display: block;
margin-bottom: -11%; }
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room .lobby_room_players {
position: absolute;
text-align: center;
width: 30%;
left: 68%;
font-size: 1vw; }
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room .lobby_room_players::before {
content: url("../images/icon_people.png?ts=61");
display: block;
margin-bottom: -11%; }
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room .lobby_room_jackpot {
position: absolute;
text-align: center;
width: 30%;
left: 65%;
bottom: 5%;
font-size: 1vw; }
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room .lobby_room_jackpot .lobby_room_jackpot_value {
color: #39b54a;
letter-spacing: -1px; }
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room .lobby_room_jackpot::before {
content: url("../images/icon_jackpot.png?ts=61");
display: block;
margin-bottom: -11%; }
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room .lobby_room_pjp {
position: absolute;
text-align: center;
width: 38%;
bottom: 30%;
left: 33%;
font-size: 1vw; }
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room .lobby_room_pjp .lobby_room_pjp_value {
color: #39b54a;
letter-spacing: -1px; }
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room .lobby_room_pjp::before {
content: url("../images/icon_pjp.png?ts=61");
display: block;
margin-bottom: -11%; }
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room .lobby_room_cm {
position: absolute;
text-align: center;
width: 30%;
left: 37%;
font-size: 1vw; }
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room .lobby_room_cm::before {
content: url("../images/icon_people.png?ts=61");
display: block;
margin-bottom: -11%; }
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room .lobby_room_bundle {
display: none; }
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room .lobby_room_events_overlay {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background-color: #c3e6cb;
opacity: 0;
z-index: 60;
cursor: pointer; }
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room .closed {
display: none; }
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room .loading {
display: none; }
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room .lobby_room_game_style {
position: absolute;
top: 0px;
right: 0px;
color: white;
font-size: 1.3rem;
text-align: center;
margin-right: 2%; }
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room .lobby_room_game_style .lobby_room_game_style_value {
position: relative;
float: left; }
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room.game_style_75 .lobby_room_game_style::after {
content: url("../images/card_75.png?ts=61");
position: relative;
float: right;
margin-top: -3%; }
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room.game_style_90 .lobby_room_game_style::after {
content: url("../images/card_90.png?ts=61");
position: relative;
float: right;
margin-top: -3%; }
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room.is_loading .lobby_room_time {
display: none !important; }
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room.is_loading .lobby_room_card_price {
display: none !important; }
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room.is_loading .lobby_room_players {
display: none !important; }
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room.is_loading .lobby_room_jackpot {
display: none !important; }
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room.is_loading .lobby_room_cm {
display: none !important; }
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room.is_loading .lobby_room_game_style {
display: none !important; }
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room.is_loading .lobby_room_pjp {
display: none !important; }
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room.is_loading .loading {
display: block;
text-align: center;
font-size: 2rem;
top: 20%;
position: relative; }
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room.is_closed .lobby_room_time {
display: none !important; }
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room.is_closed .lobby_room_card_price {
display: none !important; }
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room.is_closed .lobby_room_players {
display: none !important; }
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room.is_closed .lobby_room_jackpot {
display: none !important; }
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room.is_closed .lobby_room_cm {
display: none !important; }
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room.is_closed .lobby_room_game_style {
display: none !important; }
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room.is_closed .lobby_room_pjp {
display: none !important; }
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room.is_closed .closed {
display: block;
text-align: center;
font-size: 2rem;
top: 20%;
position: relative; }
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room.preselling.is_closed {
display: none !important; }
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content.left {
left: 0px; }
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content.center {
left: 33.33%; }
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content.right {
left: 66.66%; }
.global_inside_game #lobby .carousel {
visibility: hidden !important; }
@media (min-width: 576px) {
body.no_lobby:not(.header_fixed_mobile) #inside_room.with_feed.with_feed_location_1.hide_header_if_no_lobby.has_pjp #inside_room_cards_info {
top: 14%; }
body.no_lobby:not(.header_fixed_mobile) #inside_room.with_feed.with_feed_location_1.hide_header_if_no_lobby.has_pjp #inside_room_pjp {
top: 1%; }
body.no_lobby:not(.header_fixed_mobile) #inside_room.with_feed.with_feed_location_1.hide_header_if_no_lobby.has_pjp #inside_room_chat {
top: 18.5% !important;
height: 80.5% !important; }
body.no_lobby:not(.header_fixed_mobile) #inside_room.with_feed.with_feed_location_1.hide_header_if_no_lobby.has_pjp #inside_room_chat #inside_room_chat_container #inside_room_chat_header {
width: 94%;
left: 3%;
top: 1%; }
body.no_lobby:not(.header_fixed_mobile) #inside_room.with_feed.with_feed_location_1.hide_header_if_no_lobby.has_pjp #inside_room_chat #inside_room_chat_container #inside_room_chat_window {
top: 7%;
left: 3%;
width: 94%;
height: 84%; }
body.no_lobby:not(.header_fixed_mobile) #inside_room.with_feed.with_feed_location_1.hide_header_if_no_lobby.has_pjp #inside_room_chat #inside_room_chat_container #inside_room_chat_input_container {
left: 3%;
top: 91.5%;
width: 94%; }
body.no_lobby:not(.header_fixed_mobile) #inside_room.with_feed.with_feed_location_1.hide_header_if_no_lobby.with_feed_design_type_2.has_pjp #inside_room_info #inside_room_info_container #inside_room_info_prizes {
top: -148% !important; } }
@media (max-width: 575px) {
body.no_lobby:not(.header_fixed_mobile) #header {
background-color: transparent !important;
z-index: 200;
height: 5% !important; }
body.no_lobby:not(.header_fixed_mobile) #header #mobile_header #mobile_header_logo {
display: none !important; }
body.no_lobby:not(.header_fixed_mobile) #header #mobile_header #mobile_header_balance {
display: none !important; }
body.no_lobby:not(.header_fixed_mobile) #header #mobile_header #mobile_header_menu {
z-index: 52; }
body.no_lobby:not(.header_fixed_mobile) #header #mobile_header #mobile_menu {
top: 0px !important;
width: 80%; }
body.no_lobby:not(.header_fixed_mobile) #header #mobile_header #mobile_menu #mobile_menu_content {
margin-top: 10px; }
body.no_lobby:not(.header_fixed_mobile) #inside_room #inside_room_close {
display: none !important; } }
@media (min-width: 576px) {
body.no_lobby #inside_room.with_feed.with_feed_location_1.hide_header_if_no_lobby #inside_room_name {
display: none !important; }
body.no_lobby #inside_room.with_feed.with_feed_location_1.hide_header_if_no_lobby.has_pjp #inside_room_pjp {
top: 0.5%; }
body.no_lobby #inside_room.with_feed.with_feed_location_1.hide_header_if_no_lobby.has_pjp #inside_room_cards_info {
top: 14% !important; }
body.no_lobby #inside_room.with_feed.with_feed_location_1.hide_header_if_no_lobby.has_pjp #inside_room_chat {
top: 18.5% !important;
height: 80.5% !important; }
body.no_lobby #inside_room.with_feed.with_feed_location_1.hide_header_if_no_lobby.has_pjp #inside_room_chat #inside_room_chat_container #inside_room_chat_header {
width: 94%;
left: 3%;
top: 1%; }
body.no_lobby #inside_room.with_feed.with_feed_location_1.hide_header_if_no_lobby.has_pjp #inside_room_chat #inside_room_chat_container #inside_room_chat_window {
top: 7%;
left: 3%;
width: 94%;
height: 84%; }
body.no_lobby #inside_room.with_feed.with_feed_location_1.hide_header_if_no_lobby.has_pjp #inside_room_chat #inside_room_chat_container #inside_room_chat_input_container {
left: 3%;
top: 91.5%;
width: 94%; }
body.no_lobby #inside_room.with_feed.with_feed_location_1.hide_header_if_no_lobby.with_feed_design_type_2.has_pjp #inside_room_info #inside_room_info_container #inside_room_info_prizes {
top: -148% !important; }
body.no_lobby #inside_room.with_feed.with_feed_location_1.hide_header_if_no_lobby.with_feed_design_type_2:not(.has_pjp) #inside_room_info #inside_room_info_container #inside_room_info_prizes {
top: -175% !important; }
body.no_lobby #inside_room.with_feed.with_feed_location_1.hide_header_if_no_lobby.with_feed_design_type_2:not(.has_pjp) #inside_room_cards_info {
top: 9% !important; }
body.no_lobby #inside_room.with_feed.with_feed_location_1.hide_header_if_no_lobby.with_feed_design_type_2:not(.has_pjp) #inside_room_chat {
top: 14% !important;
height: 85% !important; }
body.no_lobby #inside_room.with_feed.with_feed_location_1.hide_header_if_no_lobby.with_feed_design_type_2:not(.has_pjp) #inside_room_chat #inside_room_chat_container #inside_room_chat_header {
width: 94%;
left: 3%;
top: 1%; }
body.no_lobby #inside_room.with_feed.with_feed_location_1.hide_header_if_no_lobby.with_feed_design_type_2:not(.has_pjp) #inside_room_chat #inside_room_chat_container #inside_room_chat_window {
top: 7%;
left: 3%;
width: 94%;
height: 84%; }
body.no_lobby #inside_room.with_feed.with_feed_location_1.hide_header_if_no_lobby.with_feed_design_type_2:not(.has_pjp) #inside_room_chat #inside_room_chat_container #inside_room_chat_input_container {
left: 3%;
top: 91.5%;
width: 94%; } }
@media (max-width: 575px) {
body.no_lobby #inside_room.with_feed.with_feed_location_1.hide_header_if_no_lobby #inside_room_name {
display: none !important; }
body.no_lobby #inside_room.with_feed.with_feed_location_1.hide_header_if_no_lobby.has_pjp #inside_room_pjp {
top: 0.5%; }
body.no_lobby #inside_room.with_feed.with_feed_location_1.hide_header_if_no_lobby.has_pjp #inside_room_info {
top: 5%; }
body.no_lobby #inside_room.with_feed.with_feed_location_1.hide_header_if_no_lobby.has_pjp #inside_room_selling_buy_cards {
top: 18.5%; }
body.no_lobby #inside_room.with_feed.with_feed_location_1.hide_header_if_no_lobby.has_pjp #inside_room_cards_info {
top: 28%; }
body.no_lobby #inside_room.with_feed.with_feed_location_1.hide_header_if_no_lobby.has_pjp #video_feed_location_1 {
left: 0px;
top: 30.5%;
width: 100%;
height: 31.5%; }
body.no_lobby #inside_room.with_feed.with_feed_location_1.hide_header_if_no_lobby.has_pjp #inside_room_animation {
top: 5%; }
body.no_lobby #inside_room.with_feed.with_feed_location_1.hide_header_if_no_lobby.has_pjp #inside_room_board_rails {
top: 18.5%; }
body.no_lobby #inside_room.with_feed.with_feed_location_1.hide_header_if_no_lobby.has_pjp #inside_room_board {
top: 18.5%; } }
body.daily_grid_mode .lobby_room_position_1 {
order: 1 !important; }
body.daily_grid_mode .lobby_room_position_2 {
order: 2 !important; }
body.daily_grid_mode .lobby_room_position_3 {
order: 3 !important; }
body.daily_grid_mode .lobby_room_position_4 {
order: 4 !important; }
body.daily_grid_mode .lobby_room_position_5 {
order: 5 !important; }
body.daily_grid_mode .lobby_room_position_6 {
order: 6 !important; }
body.daily_grid_mode .lobby_room_position_7 {
order: 7 !important; }
body.daily_grid_mode .lobby_room_position_8 {
order: 8 !important; }
body.daily_grid_mode .lobby_room_position_9 {
order: 9 !important; }
body.daily_grid_mode .lobby_room_position_10 {
order: 10 !important; }
body.daily_grid_mode .lobby_room_position_11 {
order: 11 !important; }
body.daily_grid_mode .lobby_room_position_12 {
order: 12 !important; }
body.daily_grid_mode .lobby_room_position_13 {
order: 13 !important; }
body.daily_grid_mode .lobby_room_position_14 {
order: 14 !important; }
body.daily_grid_mode .lobby_room_position_15 {
order: 15 !important; }
body.daily_grid_mode .lobby_room_position_16 {
order: 16 !important; }
body.daily_grid_mode .lobby_room_position_17 {
order: 17 !important; }
body.daily_grid_mode .lobby_room_position_18 {
order: 18 !important; }
body.daily_grid_mode .lobby_room_position_19 {
order: 19 !important; }
body.daily_grid_mode .lobby_room_position_20 {
order: 20 !important; }
body.daily_grid_mode .lobby_room_position_21 {
order: 21 !important; }
body.daily_grid_mode .lobby_room_position_22 {
order: 22 !important; }
body.daily_grid_mode .lobby_room_position_23 {
order: 23 !important; }
body.daily_grid_mode .lobby_room_position_24 {
order: 24 !important; }
body.daily_grid_mode .lobby_room_position_25 {
order: 25 !important; }
body.daily_grid_mode #lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room.plays_today {
overflow: hidden;
/* &::before
{
content: " ";
position: absolute;
left: 0px;
top: 0px;
z-index: 0;
width: 100%;
height: 100%;
box-shadow: 1px 1px 20px -2px rgb(255, 200, 69) inset;
-webkit-box-shadow: 1px 1px 20px -2px rgb(255, 200, 69) inset;
-moz-box-shadow: 1px 1px 20px -2px rgb(255, 200, 69) inset;
//opacity: 0;
//animation: plays_today_shadow 0.5s infinite alternate;
overflow: hidden;
!* @keyframes plays_today_shadow {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}*!
}*/ }
body.daily_grid_mode #lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room.plays_today .lobby_room_time {
animation: plays_today_time .5s infinite alternate;
transform-origin: right; }
@keyframes plays_today_time {
0% {
scale: 1; }
100% {
scale: 1.15; } }
body.daily_grid_mode #lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room.plays_today::after {
transform: scale(1);
animation: pulse-black 1s infinite; }
@keyframes pulse-black {
0% {
transform: scale(0.95);
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7); }
70% {
transform: scale(1);
box-shadow: 0 0 0 10px rgba(0, 0, 0, 0); }
100% {
transform: scale(0.95);
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); } }
@media (min-width: 576px) {
body.daily_grid_mode #lobby #lobby_tabs_content {
width: 96%;
left: 2%;
height: 96%;
top: 2%; }
body.daily_grid_mode #lobby #lobby_tabs_content #lobby_tabs_content_container {
width: 100% !important; }
body.daily_grid_mode #lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content {
width: 100% !important; }
body.daily_grid_mode #lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row {
display: grid !important;
position: relative;
margin: 0px !important; }
body.daily_grid_mode #lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper {
max-width: none !important;
height: auto !important;
padding: inherit !important;
margin: inherit !important; }
body.daily_grid_mode #lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room {
width: 100% !important;
height: 100% !important;
padding: 0px !important;
margin: 0px !important; }
body.daily_grid_mode #lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room.with_pjp .lobby_room_pjp {
top: 29% !important;
height: 21% !important;
font-size: 1.40vw !important;
background-size: auto 90% !important;
background-position: right center !important; }
body.daily_grid_mode #lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room.with_pjp .lobby_room_pjp::before {
width: 3vw; }
body.daily_grid_mode #lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room.with_pjp .lobby_room_pjp .lobby_room_pjp_label {
margin-left: 3.25vw !important;
font-size: 1.40vw !important; }
body.daily_grid_mode #lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room.with_pjp .lobby_room_pjp .lobby_room_pjp_value {
font-size: 1.40vw !important; }
body.daily_grid_mode #lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room.with_pjp .lobby_room_jackpot {
top: 50% !important; }
body.daily_grid_mode #lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room .lobby_room_name {
font-size: 2vw !important;
height: 30% !important;
top: 14% !important; }
body.daily_grid_mode #lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room .lobby_room_time {
font-size: 1vw !important;
height: 20% !important;
background-size: auto 100% !important; }
body.daily_grid_mode #lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room .lobby_room_time .lobby_room_time_value {
margin-left: 1.90vw !important;
font-size: 1.4vw !important; }
body.daily_grid_mode #lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room .lobby_room_players {
bottom: 6% !important;
height: 19% !important;
width: 28% !important;
background-position: left center;
background-size: auto 100%;
left: 4%; }
body.daily_grid_mode #lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room .lobby_room_players .lobby_room_players_value {
position: absolute;
height: auto !important;
left: 2vw !important;
width: 68% !important;
top: 50% !important;
transform: translateY(-50%);
font-size: 1.25vw !important;
text-align: left; }
body.daily_grid_mode #lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room .lobby_room_card_price {
right: 4%;
bottom: 6% !important;
height: 19% !important;
width: 28% !important;
background-position: right center;
background-size: 25% auto; }
body.daily_grid_mode #lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room .lobby_room_card_price .lobby_room_card_price_value {
position: absolute;
height: auto !important;
right: 32% !important;
width: 68% !important;
top: 50% !important;
transform: translateY(-50%);
font-size: 1.25vw !important;
text-align: right; }
body.daily_grid_mode #lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room .lobby_room_jackpot {
font-size: 1.25vw;
height: 21%;
top: 38%; }
body.daily_grid_mode #lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room .lobby_room_jackpot .lobby_room_jackpot_label {
font-size: 1.40vw;
line-height: normal !important; }
body.daily_grid_mode #lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room .lobby_room_jackpot .lobby_room_jackpot_value {
font-size: 1.40vw;
line-height: normal !important; }
body.daily_grid_mode #lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room:not(.is_closed)::after {
font-size: 1.1vw;
bottom: 4%; } }
@media (max-width: 575px) {
body.daily_grid_mode #lobby #lobby_tabs_content {
height: 100% !important; }
body.daily_grid_mode #lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content {
height: 100%; }
body.daily_grid_mode #lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row {
top: 1.5%;
height: 98.5%;
position: relative; }
body.daily_grid_mode #lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper {
position: relative;
margin: 0px !important;
height: 22% !important; }
body.daily_grid_mode #lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room:not(.is_closed)::after {
top: 75% !important; }
body.daily_grid_mode #lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room .lobby_room_players {
bottom: 6% !important;
height: 19% !important;
width: 28% !important;
background-position: left center;
background-size: 25% auto; }
body.daily_grid_mode #lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room .lobby_room_players .lobby_room_players_value {
position: absolute;
height: auto !important;
left: 32% !important;
width: 68% !important;
top: 50% !important;
transform: translateY(-50%);
font-size: 2.25vh !important;
text-align: left; }
body.daily_grid_mode #lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room .lobby_room_card_price {
right: 4%;
bottom: 6% !important;
height: 19% !important;
width: 28% !important;
background-position: right center;
background-size: 25% auto; }
body.daily_grid_mode #lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room .lobby_room_card_price .lobby_room_card_price_value {
position: absolute;
height: auto !important;
right: 32% !important;
width: 68% !important;
top: 50% !important;
transform: translateY(-50%);
font-size: 2.25vh !important;
text-align: right; }
body.daily_grid_mode #lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room .lobby_room_time {
height: 19% !important; }
body.daily_grid_mode #lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room.with_pjp {
top: 51% !important; }
body.daily_grid_mode #lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room .lobby_room_jackpot {
top: 39%;
height: 19% !important; }
body.daily_grid_mode #lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room .lobby_room_pjp {
top: 28% !important; }
body.daily_grid_mode #lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room.with_promotions_bundle:not(.is_closed)::after {
display: none !important; }
body.daily_grid_mode #lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room.with_promotions_bundle .lobby_room_bundle {
top: 85% !important; } }
/* Common game */
#loading.forced {
display: block !important;
opacity: 1 !important; }
body.global_inside_game #lobby {
visibility: hidden; }
#inside_room {
-webkit-touch-callout: none;
/* iOS Safari */
-webkit-user-select: none;
/* Safari */
-khtml-user-select: none;
/* Konqueror HTML */
-moz-user-select: none;
/* Firefox */
-ms-user-select: none;
/* Internet Explorer/Edge */
user-select: none;
/* Non-prefixed version, currently
supported by Chrome and Opera */
overflow: hidden; }
#inside_room.lockdown #inside_room_cards_wrapper #inside_room_refresh_cards {
opacity: 0.6 !important;
cursor: not-allowed !important; }
#inside_room.lockdown #inside_room_cards_wrapper #inside_room_cards_container .game_card .card_overlay_events {
cursor: not-allowed !important; }
#inside_room.lockdown #inside_room_selling_buy_cards #inside_room_selling_buy_cards_picked_buy_container #inside_room_selling_buy_cards_picked_buy_button {
opacity: 0.6 !important;
cursor: not-allowed !important; }
#inside_room.lockdown #inside_room_selling_buy_cards #inside_room_selling_buy_cards_pick .pick_cards {
opacity: 0.6 !important;
cursor: not-allowed !important; }
#inside_room.lockdown #inside_room_selling_buy_cards #sliding_card_price_container .pick_cards {
opacity: 0.6 !important;
cursor: not-allowed !important; }
#inside_room.lockdown #inside_room_selling_buy_cards #sliding_card_price_container .sliding_price_wrapper {
opacity: 0.6 !important;
cursor: not-allowed !important; }
#inside_room.lockdown #inside_room_selling_buy_cards #inside_room_selling_buy_cards_picked_container {
opacity: 0.6 !important;
cursor: not-allowed !important; }
#inside_room.lockdown #inside_room_selling_buy_cards #inside_room_selling_buy_cards_min_max {
opacity: 0.6 !important;
cursor: not-allowed !important; }
#inside_room #inside_room_selling_buy_cards #inside_room_selling_buy_cards_pick .pick_cards.disabled {
opacity: 0.6 !important;
cursor: not-allowed !important; }
#inside_room #change_room_container #change_room_list #change_room_list_container .lockdown .change_room_buy {
opacity: 0.6 !important;
cursor: not-allowed !important; }
#inside_room #change_room_container #change_room_list #change_room_list_container .lockdown .change_room_select_cards_button {
opacity: 0.6 !important;
cursor: not-allowed !important; }
#inside_room #change_room_container #change_room_list #change_room_list_container .lockdown .change_room_buy_selected_cards {
opacity: 0.6 !important;
cursor: not-allowed !important; }
#inside_room.game_selling .card_status {
display: block !important; }
#inside_room .invisible_card {
opacity: 0;
order: 9999; }
#inside_room.with_bognf #bognf_container_wrapper {
display: block !important; }
#inside_room #inside_room_cancelled_game {
display: none; }
#inside_room.game_guest_cancelled #inside_room_cancelled_game {
display: block !important; }
#inside_room.game_guest_cancelled #inside_room_animation {
visibility: hidden !important; }
#game_version {
position: absolute;
bottom: 1px;
right: 5px;
font-size: 11px;
font-weight: bold;
color: #FFFFFF;
z-index: 10000;
text-shadow: -1px -1px 0 #000000, -1px 0px 0 #000000, -1px 1px 0 #000000, 0px -1px 0 #000000, 0px 0px 0 #000000, 0px 1px 0 #000000, 1px -1px 0 #000000, 1px 0px 0 #000000, 1px 1px 0 #000000; }
#inside_room.game_guest #inside_room_chat_disabled {
display: none !important; }
body.prize_design_type_2 #inside_room:not(.has_pattern) #inside_room_info {
height: 25%; }
body.prize_design_type_2 #inside_room:not(.has_pattern) #inside_room_info #inside_room_info_container #inside_room_info_prizes {
height: 56%; }
body.prize_design_type_2 #inside_room:not(.has_pattern) #inside_room_info #inside_room_info_container #inside_room_info_prizes .inside_room_info_prize {
box-sizing: content-box; }
body.prize_design_type_2 #inside_room:not(.has_pattern) #inside_room_info #inside_room_info_container #inside_room_info_prizes .inside_room_info_prize .inside_room_info_prize_label {
background-image: none; }
body.prize_design_type_2 #inside_room:not(.has_pattern) #inside_room_info #inside_room_info_container #inside_room_info_prizes .inside_room_info_prize .inside_room_info_prize_value {
height: 30%;
letter-spacing: -2px; }
body.prize_design_type_2 #inside_room:not(.has_pattern) #inside_room_info #inside_room_info_container #inside_room_info_prizes .inside_room_info_prize .inside_room_info_prize_pattern {
position: absolute;
top: 25%;
width: 100%;
height: 43%; }
body.prize_design_type_2 #inside_room:not(.has_pattern) #inside_room_info #inside_room_info_container #inside_room_info_time {
top: auto;
bottom: 0px;
height: 36%;
background-color: #56b8e5;
background-image: none;
border-radius: 10px; }
body.prize_design_type_2 #inside_room:not(.has_pattern) #inside_room_info #inside_room_info_container #inside_room_info_time #inside_room_info_time_label {
position: relative;
width: auto;
left: auto;
display: inline-block;
top: 50%;
transform: translateY(-50%);
height: auto;
margin-right: 5px; }
body.prize_design_type_2 #inside_room:not(.has_pattern) #inside_room_info #inside_room_info_container #inside_room_info_time #inside_room_info_time_label span {
position: relative;
width: auto;
left: auto;
display: inline-block;
top: auto;
transform: none; }
body.prize_design_type_2 #inside_room:not(.has_pattern) #inside_room_info #inside_room_info_container #inside_room_info_time #inside_room_info_time_label span::before {
font-weight: 400;
content: "\f017";
font-family: "Font Awesome 5 Free";
margin-right: 5px; }
body.prize_design_type_2 #inside_room:not(.has_pattern) #inside_room_info #inside_room_info_container #inside_room_info_time #inside_room_info_time_value_container {
position: relative;
width: auto;
left: auto;
display: inline-block;
right: auto;
top: 50%;
transform: translateY(-50%);
height: auto;
margin-left: 5px; }
body.prize_design_type_2 #inside_room:not(.has_pattern) #inside_room_info #inside_room_info_container #inside_room_info_time #inside_room_info_time_value_container span {
position: relative;
width: auto;
left: auto;
display: inline-block;
top: auto;
transform: none; }
@media (min-width: 576px) {
body.prize_design_type_2 #inside_room:not(.has_pattern) #inside_room_info #inside_room_info_container #inside_room_info_prizes .inside_room_info_prize .inside_room_info_prize_label {
text-transform: uppercase;
font-size: 0.8vw;
letter-spacing: -1px; }
body.prize_design_type_2 #inside_room:not(.has_pattern) #inside_room_info #inside_room_info_container #inside_room_info_prizes .inside_room_info_prize .inside_room_info_prize_label span {
line-height: 0.8vw; }
body.prize_design_type_2 #inside_room:not(.has_pattern) #inside_room_selling_buy_cards {
top: 42%; }
body.prize_design_type_2 #inside_room:not(.has_pattern) #inside_room_animation {
top: 30%;
height: 23.5%; }
body.prize_design_type_2 #inside_room:not(.has_pattern) #inside_room_cancelled_game {
top: 30%; }
body.prize_design_type_2 #inside_room:not(.has_pattern) #inside_room_cards_info {
top: 54.5%;
height: 3%;
font-size: 0.9vw;
box-shadow: none; }
body.prize_design_type_2 #inside_room:not(.has_pattern) #inside_room_guest_id {
top: 54.5%; }
body.prize_design_type_2 #inside_room:not(.has_pattern) #inside_room_board {
top: 58%;
height: 38%; }
body.prize_design_type_2 #inside_room:not(.has_pattern) #inside_room_board_rails {
top: 58%;
height: 38%; }
body.prize_design_type_2 #inside_room:not(.has_pattern):not(.has_pjp) #inside_room_animation {
top: 28.5%; }
body.prize_design_type_2 #inside_room:not(.has_pattern):not(.has_pjp) #inside_room_selling_buy_cards {
top: 40%; } }
@media (max-width: 575px) {
body.prize_design_type_2 #inside_room:not(.has_pattern) #inside_room_info {
height: 13%; }
body.prize_design_type_2 #inside_room:not(.has_pattern) #inside_room_info #inside_room_info_container #inside_room_info_prizes {
width: 100%;
height: 70%;
flex-direction: row !important; }
body.prize_design_type_2 #inside_room:not(.has_pattern) #inside_room_info #inside_room_info_container #inside_room_info_prizes .inside_room_info_prize {
width: auto;
height: 100%;
max-height: none;
background-image: none !important;
box-sizing: content-box;
margin-right: 2px; }
body.prize_design_type_2 #inside_room:not(.has_pattern) #inside_room_info #inside_room_info_container #inside_room_info_prizes .inside_room_info_prize:last-child {
margin-right: 0px; }
body.prize_design_type_2 #inside_room:not(.has_pattern) #inside_room_info #inside_room_info_container #inside_room_info_prizes .inside_room_info_prize .inside_room_info_prize_label {
background-image: none;
height: 29%;
width: 100%;
left: 0px;
top: 0px;
text-align: center;
font-size: 1.2vh;
text-transform: uppercase;
line-height: normal;
letter-spacing: -1px;
z-index: 2; }
body.prize_design_type_2 #inside_room:not(.has_pattern) #inside_room_info #inside_room_info_container #inside_room_info_prizes .inside_room_info_prize .inside_room_info_prize_value {
height: 30%;
letter-spacing: -2px;
bottom: 4%;
top: auto;
text-align: center;
width: 100%;
left: 0px; }
body.prize_design_type_2 #inside_room:not(.has_pattern) #inside_room_info #inside_room_info_container #inside_room_info_prizes .inside_room_info_prize .inside_room_info_prize_pattern {
position: absolute;
top: 18%;
width: 100%;
height: 54%;
z-index: 1; }
body.prize_design_type_2 #inside_room:not(.has_pattern) #inside_room_info #inside_room_info_container #inside_room_info_time {
width: 100%;
height: 24%; }
body.prize_design_type_2 #inside_room:not(.has_pattern) #inside_room_info #inside_room_info_container #inside_room_info_time #inside_room_info_time_label {
font-size: 2.5vh;
line-height: unset; }
body.prize_design_type_2 #inside_room:not(.has_pattern) #inside_room_info #inside_room_info_container #inside_room_info_time #inside_room_info_time_value_container {
font-size: 2.5vh;
bottom: auto; }
body.prize_design_type_2 #inside_room:not(.has_pattern) #inside_room_board {
top: 20%;
height: 18.5%;
left: 28%;
width: 71%; }
body.prize_design_type_2 #inside_room:not(.has_pattern) #inside_room_board .number {
width: 6.5%;
background-size: auto 70%; }
body.prize_design_type_2 #inside_room:not(.has_pattern) #inside_room_board_rails {
left: 28%;
top: 20%;
height: 18.5%;
width: 71%;
background-size: 100% 16.66%; }
body.prize_design_type_2 #inside_room:not(.has_pattern) #inside_room_animation {
left: 1%;
top: 20%;
height: 18.5%;
background-image: none;
width: 26%;
background-color: #56b8e5;
border-radius: 5px; }
body.prize_design_type_2 #inside_room:not(.has_pattern) #inside_room_animation #inside_room_cannon_call_number_container {
width: 100% !important;
height: 15% !important;
left: 0px !important;
top: 0px !important;
text-align: center; }
body.prize_design_type_2 #inside_room:not(.has_pattern) #inside_room_animation #inside_room_cannon_call_number_container #inside_room_cannon_call_text {
width: auto !important;
position: relative;
left: auto !important;
top: auto !important;
display: inline-block; }
body.prize_design_type_2 #inside_room:not(.has_pattern) #inside_room_animation #inside_room_cannon_call_number_container #inside_room_cannon_call_number {
width: auto !important;
position: relative;
left: auto !important;
top: auto !important;
display: inline-block; }
body.prize_design_type_2 #inside_room:not(.has_pattern) #inside_room_animation #inside_room_cannon_animation_wrapper {
width: 182%;
left: -78%;
top: 0px;
height: 100%; }
body.prize_design_type_2 #inside_room:not(.has_pattern) #inside_room_animation #inside_room_cannon_animation_container .animated_ball {
left: 8%;
width: 85%;
height: 49%;
top: -49%; }
body.prize_design_type_2 #inside_room:not(.has_pattern) #inside_room_animation #inside_room_cannon_animation_container .animated_ball.animating {
animation: drop_mobile_prize_type_2 200ms forwards, shake_mobile_prize_type_2 2000ms forwards, leave_mobile_prize_type_2 200ms forwards !important;
animation-delay: 0s, 200ms, 2200ms !important;
animation-iteration-count: 1,1,1 !important; }
@keyframes drop_mobile_prize_type_2 {
0% {
transform: translate(0, 0) scale(1) rotate(0deg); }
100% {
transform: translate(0, 160%) scale(1) rotate(0deg); } }
@keyframes shake_mobile_prize_type_2 {
0% {
transform: translate(2px, calc(160% + (1px))) scale(1) rotate(0deg); }
10% {
transform: translate(-1px, calc(160% - (2px))) scale(1) rotate(-1deg); }
20% {
transform: translate(-3px, calc(160% + (0px))) scale(1) rotate(1deg); }
30% {
transform: translate(0px, calc(160% + (2px))) scale(1) rotate(0deg); }
40% {
transform: translate(1px, calc(160% - (1px))) scale(1) rotate(1deg); }
50% {
transform: translate(-1px, calc(160% + (2px))) scale(1) rotate(-1deg); }
60% {
transform: translate(-3px, calc(160% + (1px))) scale(1) rotate(0deg); }
70% {
transform: translate(2px, calc(160% + (1px))) scale(1) rotate(-1deg); }
80% {
transform: translate(-1px, calc(160% - (1px))) scale(1) rotate(1deg); }
90% {
transform: translate(2px, calc(160% + (2px))) scale(1) rotate(0deg); }
100% {
transform: translate(1px, calc(160% - (2px))) scale(1) rotate(-1deg); } }
@keyframes leave_mobile_prize_type_2 {
0% {
transform: translate(0, 160%) scale(1) rotate(0deg); }
100% {
transform: translate(0, 310%) scale(1) rotate(0deg); } }
body.prize_design_type_2 #inside_room:not(.has_pattern):not(.has_pjp) #inside_room_info {
top: 6.5%;
height: 17%; }
body.prize_design_type_2 #inside_room:not(.has_pattern):not(.has_pjp) #inside_room_info #inside_room_info_container #inside_room_info_prizes .inside_room_info_prize_label {
top: 3%; }
body.prize_design_type_2 #inside_room:not(.has_pattern):not(.has_pjp) #inside_room_info #inside_room_info_container #inside_room_info_prizes .inside_room_info_prize .inside_room_info_prize_pattern {
top: 20%;
height: 47%; }
body.prize_design_type_2 #inside_room:not(.has_pattern).available_balls_75 #inside_room_board_rails {
background-size: 100% 20%; }
body.prize_design_type_2 #inside_room:not(.has_pattern).game_guest_cancelled #inside_room_board_rails, body.prize_design_type_2 #inside_room:not(.has_pattern).game_guest_cancelled #inside_room_board {
display: none !important; }
body.prize_design_type_2 #inside_room:not(.has_pattern).game_guest_cancelled #inside_room_cancelled_game {
top: 22.5%;
width: 98%; }
body.prize_design_type_2 #inside_room:not(.has_pattern).game_guest_cancelled #inside_room_cancelled_game #inside_room_cancelled_game_text {
font-size: 2vh; }
body.prize_design_type_2 #inside_room:not(.has_pattern).game_selling.game_guest:not(.has_pjp) #inside_room_info #inside_room_info_container #inside_room_info_time {
height: 105%; }
body.prize_design_type_2 #inside_room:not(.has_pattern).game_selling.game_guest #inside_room_info #inside_room_info_container #inside_room_info_time {
width: 26%;
top: 85%;
height: 130%; }
body.prize_design_type_2 #inside_room:not(.has_pattern).game_selling.game_guest #inside_room_info #inside_room_info_container #inside_room_info_time #inside_room_info_time_label {
position: absolute;
left: 0px;
top: 39%;
height: 50%;
width: 100%; }
body.prize_design_type_2 #inside_room:not(.has_pattern).game_selling.game_guest #inside_room_info #inside_room_info_container #inside_room_info_time #inside_room_info_time_label span::before {
content: "";
display: none; }
body.prize_design_type_2 #inside_room:not(.has_pattern).game_selling.game_guest #inside_room_info #inside_room_info_container #inside_room_info_time #inside_room_info_time_value_container {
position: absolute;
left: 0px;
top: 85%;
height: 50%;
width: 100%;
font-size: 3.5vh; } }
/* Color helpers */
#color-helper-cards {
position: fixed;
left: 0px;
top: 0px;
width: 1px;
height: 1px;
background-color: #56B1FA;
z-index: 50000; }
@media (min-width: 576px) {
#inside_room.show_to_buy_price #inside_room_selling_buy_cards_picked_container_amount #inside_room_selling_buy_cards_picked_container_amount_value {
left: 0px !important;
top: 0px !important;
height: 60% !important;
font-size: 1.35vw !important;
line-height: 1.35vw !important;
transform: none !important;
width: 100% !important; }
#inside_room.show_to_buy_price #inside_room_selling_buy_cards_picked_container_amount #inside_room_selling_buy_cards_picked_container_amount_price_value {
bottom: 8% !important;
height: 33% !important;
top: auto !important;
transform: none !important;
left: 0px !important;
width: 100% !important;
font-size: 0.68vw !important;
line-height: 0.68vw !important;
letter-spacing: -1px !important; } }
@media (max-width: 575px) {
#inside_room.show_to_buy_price #inside_room_selling_buy_cards_picked_container_amount #inside_room_selling_buy_cards_picked_container_amount_value {
left: 0px !important;
top: 0px !important;
height: 65% !important;
font-size: 4vh !important;
line-height: 4vh !important;
transform: none !important;
width: 100% !important; }
#inside_room.show_to_buy_price #inside_room_selling_buy_cards_picked_container_amount #inside_room_selling_buy_cards_picked_container_amount_price_value {
bottom: 5% !important;
height: 33% !important;
top: auto !important;
transform: none !important;
left: 0px !important;
width: 100% !important;
font-size: 1.5vh !important;
line-height: 1.5vh !important;
letter-spacing: -1px !important; }
#inside_room.show_to_buy_price.with_feed.with_feed_location_1 #inside_room_selling_buy_cards #inside_room_selling_buy_cards_picked_buy_container #inside_room_selling_buy_cards_picked_buy_button .btn_text {
top: 39% !important;
text-transform: uppercase !important; }
#inside_room.show_to_buy_price.with_feed.with_feed_location_1 #inside_room_selling_buy_cards #inside_room_selling_buy_cards_picked_container {
z-index: 111; }
#inside_room.show_to_buy_price.with_feed.with_feed_location_1 #inside_room_selling_buy_cards #inside_room_selling_buy_cards_picked_container #inside_room_selling_buy_cards_picked_container_amount #inside_room_selling_buy_cards_picked_container_amount_value {
height: 100% !important;
font-size: 2.5vh !important;
line-height: 2.5vh !important; }
#inside_room.show_to_buy_price.with_feed.with_feed_location_1 #inside_room_selling_buy_cards #inside_room_selling_buy_cards_picked_container #inside_room_selling_buy_cards_picked_container_amount #inside_room_selling_buy_cards_picked_container_amount_price_value {
left: 260% !important;
top: 27% !important; } }
@media (min-width: 576px) {
body.variable_skin_rooms #lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content[data-total-slots="12"] .row .room_wrapper {
height: 33.33% !important;
max-width: none !important;
width: 25%;
flex: 0 0 25% !important;
font-size: 2vw; }
body.variable_skin_rooms #lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content[data-total-slots="12"] .row .room_wrapper .lobby_room .lobby_room_name {
font-size: 80%; }
body.variable_skin_rooms #lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content[data-total-slots="12"] .row .room_wrapper .lobby_room .lobby_room_time {
height: 2vw;
background-size: 2vw auto;
padding-left: 2.5vw;
background-position: left center;
width: auto;
right: 0.5vw; }
body.variable_skin_rooms #lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content[data-total-slots="12"] .row .room_wrapper .lobby_room .lobby_room_time .lobby_room_time_value {
position: relative;
right: auto;
top: 50%;
transform: translateY(-50);
font-size: 1.2vw;
display: inline-block;
margin-left: auto; }
body.variable_skin_rooms #lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content[data-total-slots="12"] .row .room_wrapper .lobby_room .lobby_room_pjp {
text-align: center; }
body.variable_skin_rooms #lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content[data-total-slots="12"] .row .room_wrapper .lobby_room .lobby_room_pjp .lobby_room_pjp_label {
position: relative;
right: auto;
top: 50%;
transform: translateY(-50%);
display: inline-block;
left: auto;
font-size: 1.2vw;
margin-left: 3.3vw; }
body.variable_skin_rooms #lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content[data-total-slots="12"] .row .room_wrapper .lobby_room .lobby_room_pjp .lobby_room_pjp_value {
position: relative;
right: auto;
top: 50%;
transform: translateY(-50%);
display: inline-block;
font-size: 1.2vw;
margin-left: 0.2vw; }
body.variable_skin_rooms #lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content[data-total-slots="12"] .row .room_wrapper .lobby_room .lobby_room_pjp::before {
width: 3vw;
height: 3vw;
position: absolute;
background-size: 100% 100%;
display: inline-block;
top: 50%;
transform: translateY(-50%);
margin: auto !important; }
body.variable_skin_rooms #lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content[data-total-slots="12"] .row .room_wrapper .lobby_room .lobby_room_jackpot .lobby_room_jackpot_label {
font-size: 1.4vw;
top: 50%;
left: auto;
transform: translateY(-50%);
margin: auto;
display: inline-block; }
body.variable_skin_rooms #lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content[data-total-slots="12"] .row .room_wrapper .lobby_room .lobby_room_jackpot .lobby_room_jackpot_value {
font-size: 1.4vw;
top: 50%;
left: auto;
transform: translateY(-50%);
margin: auto;
margin-left: 0.2vw;
display: inline-block; }
body.variable_skin_rooms #lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content[data-total-slots="12"] .row .room_wrapper .lobby_room .lobby_room_players {
background-size: auto 100%;
height: 2.4vw; }
body.variable_skin_rooms #lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content[data-total-slots="12"] .row .room_wrapper .lobby_room .lobby_room_players .lobby_room_players_value {
font-size: 1.3vw; }
body.variable_skin_rooms #lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content[data-total-slots="12"] .row .room_wrapper .lobby_room .lobby_room_card_price {
background-size: auto 100%;
height: 2.4vw; }
body.variable_skin_rooms #lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content[data-total-slots="12"] .row .room_wrapper .lobby_room .lobby_room_card_price .lobby_room_card_price_value {
font-size: 1.3vw; }
body.variable_skin_rooms #lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content[data-total-slots="10"] .row .room_wrapper {
height: 50% !important;
max-width: none !important;
width: 20%;
flex: 0 0 20% !important;
font-size: 2vw; }
body.variable_skin_rooms #lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content[data-total-slots="10"] .row .room_wrapper .lobby_room .lobby_room_name {
font-size: 80%; }
body.variable_skin_rooms #lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content[data-total-slots="10"] .row .room_wrapper .lobby_room .lobby_room_time {
height: 2vw;
background-size: 2vw auto;
padding-left: 2.5vw;
background-position: left center;
width: auto;
right: 0.5vw; }
body.variable_skin_rooms #lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content[data-total-slots="10"] .row .room_wrapper .lobby_room .lobby_room_time .lobby_room_time_value {
position: relative;
right: auto;
top: 50%;
transform: translateY(-50);
font-size: 1.2vw;
display: inline-block;
margin-left: auto; }
body.variable_skin_rooms #lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content[data-total-slots="10"] .row .room_wrapper .lobby_room .lobby_room_pjp {
text-align: center; }
body.variable_skin_rooms #lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content[data-total-slots="10"] .row .room_wrapper .lobby_room .lobby_room_pjp .lobby_room_pjp_label {
position: relative;
right: auto;
top: 50%;
transform: translateY(-50%);
display: inline-block;
left: auto;
font-size: 1.2vw;
margin-left: 3.3vw; }
body.variable_skin_rooms #lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content[data-total-slots="10"] .row .room_wrapper .lobby_room .lobby_room_pjp .lobby_room_pjp_value {
position: relative;
right: auto;
top: 50%;
transform: translateY(-50%);
display: inline-block;
font-size: 1.2vw;
margin-left: 0.2vw; }
body.variable_skin_rooms #lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content[data-total-slots="10"] .row .room_wrapper .lobby_room .lobby_room_pjp::before {
width: 3vw;
height: 3vw;
position: absolute;
background-size: 100% 100%;
display: inline-block;
top: 50%;
transform: translateY(-50%);
margin: auto !important; }
body.variable_skin_rooms #lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content[data-total-slots="10"] .row .room_wrapper .lobby_room .lobby_room_jackpot .lobby_room_jackpot_label {
font-size: 1.4vw;
top: 50%;
left: auto;
transform: translateY(-50%);
margin: auto;
display: inline-block; }
body.variable_skin_rooms #lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content[data-total-slots="10"] .row .room_wrapper .lobby_room .lobby_room_jackpot .lobby_room_jackpot_value {
font-size: 1.4vw;
top: 50%;
left: auto;
transform: translateY(-50%);
margin: auto;
margin-left: 0.2vw;
display: inline-block; }
body.variable_skin_rooms #lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content[data-total-slots="10"] .row .room_wrapper .lobby_room .lobby_room_players {
background-size: auto 100%;
height: 2.4vw; }
body.variable_skin_rooms #lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content[data-total-slots="10"] .row .room_wrapper .lobby_room .lobby_room_players .lobby_room_players_value {
font-size: 1.3vw; }
body.variable_skin_rooms #lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content[data-total-slots="10"] .row .room_wrapper .lobby_room .lobby_room_card_price {
background-size: auto 100%;
height: 2.4vw; }
body.variable_skin_rooms #lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content[data-total-slots="10"] .row .room_wrapper .lobby_room .lobby_room_card_price .lobby_room_card_price_value {
font-size: 1.3vw; }
body.variable_skin_rooms #lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content[data-total-slots="6"] .row .room_wrapper {
height: 50% !important;
max-width: none !important;
width: 33%;
flex: 0 0 33% !important;
font-size: 2vw; }
body.variable_skin_rooms #lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content[data-total-slots="6"] .row .room_wrapper .lobby_room .lobby_room_name {
font-size: 80%; }
body.variable_skin_rooms #lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content[data-total-slots="6"] .row .room_wrapper .lobby_room .lobby_room_time {
height: 2vw;
background-size: 2vw auto;
padding-left: 2.5vw;
background-position: left center;
width: auto;
right: 0.5vw; }
body.variable_skin_rooms #lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content[data-total-slots="6"] .row .room_wrapper .lobby_room .lobby_room_time .lobby_room_time_value {
position: relative;
right: auto;
top: 50%;
transform: translateY(-50);
font-size: 1.2vw;
display: inline-block;
margin-left: auto; }
body.variable_skin_rooms #lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content[data-total-slots="6"] .row .room_wrapper .lobby_room .lobby_room_pjp {
text-align: center; }
body.variable_skin_rooms #lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content[data-total-slots="6"] .row .room_wrapper .lobby_room .lobby_room_pjp .lobby_room_pjp_label {
position: relative;
right: auto;
top: 50%;
transform: translateY(-50%);
display: inline-block;
left: auto;
font-size: 1.2vw;
margin-left: 3.3vw; }
body.variable_skin_rooms #lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content[data-total-slots="6"] .row .room_wrapper .lobby_room .lobby_room_pjp .lobby_room_pjp_value {
position: relative;
right: auto;
top: 50%;
transform: translateY(-50%);
display: inline-block;
font-size: 1.2vw;
margin-left: 0.2vw; }
body.variable_skin_rooms #lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content[data-total-slots="6"] .row .room_wrapper .lobby_room .lobby_room_pjp::before {
width: 3vw;
height: 3vw;
position: absolute;
background-size: 100% 100%;
display: inline-block;
top: 50%;
transform: translateY(-50%);
margin: auto !important; }
body.variable_skin_rooms #lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content[data-total-slots="6"] .row .room_wrapper .lobby_room .lobby_room_jackpot .lobby_room_jackpot_label {
font-size: 1.4vw;
top: 50%;
left: auto;
transform: translateY(-50%);
margin: auto;
display: inline-block; }
body.variable_skin_rooms #lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content[data-total-slots="6"] .row .room_wrapper .lobby_room .lobby_room_jackpot .lobby_room_jackpot_value {
font-size: 1.4vw;
top: 50%;
left: auto;
transform: translateY(-50%);
margin: auto;
margin-left: 0.2vw;
display: inline-block; }
body.variable_skin_rooms #lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content[data-total-slots="6"] .row .room_wrapper .lobby_room .lobby_room_players {
background-size: auto 100%;
height: 2.4vw; }
body.variable_skin_rooms #lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content[data-total-slots="6"] .row .room_wrapper .lobby_room .lobby_room_players .lobby_room_players_value {
font-size: 1.3vw; }
body.variable_skin_rooms #lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content[data-total-slots="6"] .row .room_wrapper .lobby_room .lobby_room_card_price {
background-size: auto 100%;
height: 2.4vw; }
body.variable_skin_rooms #lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content[data-total-slots="6"] .row .room_wrapper .lobby_room .lobby_room_card_price .lobby_room_card_price_value {
font-size: 1.3vw; }
body.variable_skin_rooms #lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content[data-total-slots="5"] .row .room_wrapper {
height: 50% !important;
max-width: none !important;
width: 33%;
flex: 0 0 33% !important;
font-size: 2vw; }
body.variable_skin_rooms #lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content[data-total-slots="5"] .row .room_wrapper .lobby_room .lobby_room_name {
font-size: 80%; }
body.variable_skin_rooms #lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content[data-total-slots="5"] .row .room_wrapper .lobby_room .lobby_room_time {
height: 2vw;
background-size: 2vw auto;
padding-left: 2.5vw;
background-position: left center;
width: auto;
right: 0.5vw; }
body.variable_skin_rooms #lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content[data-total-slots="5"] .row .room_wrapper .lobby_room .lobby_room_time .lobby_room_time_value {
position: relative;
right: auto;
top: 50%;
transform: translateY(-50);
font-size: 1.2vw;
display: inline-block;
margin-left: auto; }
body.variable_skin_rooms #lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content[data-total-slots="5"] .row .room_wrapper .lobby_room .lobby_room_pjp {
text-align: center; }
body.variable_skin_rooms #lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content[data-total-slots="5"] .row .room_wrapper .lobby_room .lobby_room_pjp .lobby_room_pjp_label {
position: relative;
right: auto;
top: 50%;
transform: translateY(-50%);
display: inline-block;
left: auto;
font-size: 1.2vw;
margin-left: 3.3vw; }
body.variable_skin_rooms #lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content[data-total-slots="5"] .row .room_wrapper .lobby_room .lobby_room_pjp .lobby_room_pjp_value {
position: relative;
right: auto;
top: 50%;
transform: translateY(-50%);
display: inline-block;
font-size: 1.2vw;
margin-left: 0.2vw; }
body.variable_skin_rooms #lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content[data-total-slots="5"] .row .room_wrapper .lobby_room .lobby_room_pjp::before {
width: 3vw;
height: 3vw;
position: absolute;
background-size: 100% 100%;
display: inline-block;
top: 50%;
transform: translateY(-50%);
margin: auto !important; }
body.variable_skin_rooms #lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content[data-total-slots="5"] .row .room_wrapper .lobby_room .lobby_room_jackpot .lobby_room_jackpot_label {
font-size: 1.4vw;
top: 50%;
left: auto;
transform: translateY(-50%);
margin: auto;
display: inline-block; }
body.variable_skin_rooms #lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content[data-total-slots="5"] .row .room_wrapper .lobby_room .lobby_room_jackpot .lobby_room_jackpot_value {
font-size: 1.4vw;
top: 50%;
left: auto;
transform: translateY(-50%);
margin: auto;
margin-left: 0.2vw;
display: inline-block; }
body.variable_skin_rooms #lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content[data-total-slots="5"] .row .room_wrapper .lobby_room .lobby_room_players {
background-size: auto 100%;
height: 2.4vw; }
body.variable_skin_rooms #lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content[data-total-slots="5"] .row .room_wrapper .lobby_room .lobby_room_players .lobby_room_players_value {
font-size: 1.3vw; }
body.variable_skin_rooms #lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content[data-total-slots="5"] .row .room_wrapper .lobby_room .lobby_room_card_price {
background-size: auto 100%;
height: 2.4vw; }
body.variable_skin_rooms #lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content[data-total-slots="5"] .row .room_wrapper .lobby_room .lobby_room_card_price .lobby_room_card_price_value {
font-size: 1.3vw; }
body.variable_skin_rooms #lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content[data-total-slots="5"] .row .room_wrapper:last-child {
width: 66%;
flex: 0 0 66% !important; }
body.variable_skin_rooms #lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content[data-total-slots="3"] .row .room_wrapper {
max-width: 33% !important;
flex: 0 0 33% !important; } }
@media (max-width: 575px) {
body.multiple_watcher #lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content[data-total-slots="10"] .row {
height: 250vh; }
body.multiple_watcher #lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content[data-total-slots="10"] .row .room_wrapper {
height: 23.75vh !important;
margin-top: 1.25vh !important; }
body.multiple_watcher #lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content[data-total-slots="9"] .row {
height: 225vh; }
body.multiple_watcher #lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content[data-total-slots="9"] .row .room_wrapper {
height: 23.75vh !important;
margin-top: 1.25vh !important; }
body.multiple_watcher #lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content[data-total-slots="8"] .row {
height: 200vh; }
body.multiple_watcher #lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content[data-total-slots="8"] .row .room_wrapper {
height: 23.75vh !important;
margin-top: 1.25vh !important; }
body.multiple_watcher #lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content[data-total-slots="7"] .row {
height: 175vh; }
body.multiple_watcher #lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content[data-total-slots="7"] .row .room_wrapper {
height: 23.75vh !important;
margin-top: 1.25vh !important; }
body.multiple_watcher #lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content[data-total-slots="6"] .row {
height: 150vh; }
body.multiple_watcher #lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content[data-total-slots="6"] .row .room_wrapper {
height: 23.75vh !important;
margin-top: 1.25vh !important; }
body.multiple_watcher #lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content[data-total-slots="5"] .row {
height: 125vh; }
body.multiple_watcher #lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content[data-total-slots="5"] .row .room_wrapper {
height: 23.75vh !important;
margin-top: 1.25vh !important; }
body.multiple_watcher #lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content[data-total-slots="4"] .row {
height: 100vh; }
body.multiple_watcher #lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content[data-total-slots="4"] .row .room_wrapper {
height: 23.75vh !important;
margin-top: 1.25vh !important; }
body.multiple_watcher #lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content[data-total-slots="3"] .row {
height: 75vh; }
body.multiple_watcher #lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content[data-total-slots="3"] .row .room_wrapper {
height: 23.75vh !important;
margin-top: 1.25vh !important; }
body.multiple_watcher #lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content[data-total-slots="2"] .row {
height: 50vh; }
body.multiple_watcher #lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content[data-total-slots="2"] .row .room_wrapper {
height: 23.75vh !important;
margin-top: 1.25vh !important; }
body.multiple_watcher #lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content[data-total-slots="1"] .row {
height: 25vh; }
body.multiple_watcher #lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content[data-total-slots="1"] .row .room_wrapper {
height: 23.75vh !important;
margin-top: 1.25vh !important; }
body.multiple_watcher #lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row {
flex-direction: column !important;
justify-content: unset !important;
flex-wrap: nowrap !important; }
body.multiple_watcher #lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper {
flex: unset;
order: 1000; } }
/** Bingo swarm game css**/
@media (max-width: 575px) {
#inside_room {
display: none;
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background-image: url("../images/bg.jpg?ts=61");
z-index: 100;
/* Room Info */
/** When pjp **/
/** When pattern (bingo 75) **/
/* Board */
/* Animation */
/** Selling displays **/
/** Guest displays **/
/** Playing displays **/ }
#inside_room #inside_room_overlay {
/*
position: absolute;
left:0px;
top:0px;
width: 100%;
height: 100%;
background-color: red;
z-index: $gameZIndex + 2000;
background-image: url($skinPath + 'images/mobile-playing.png');
opacity: 0.3;
*/ }
#inside_room #inside_room_cards_info_total_wagers {
display: none;
width: 90%;
z-index: 1000;
position: fixed;
top: 50%;
left: 5%;
text-align: center;
background-color: #FFF;
border: #2FA2DB;
border-style: solid;
border-width: 5px;
border-radius: 10px; }
#inside_room #inside_room_cards_info_total_wagers #close-total-wagers {
position: absolute;
top: 0%;
right: 0%;
font-size: 5vw;
margin: 5px; }
#inside_room #inside_room_name {
position: absolute;
top: 0.4%;
left: 3%;
width: 55%;
height: 5%;
text-align: left;
font-size: 3vh;
letter-spacing: -1px;
text-overflow: ellipsis; }
#inside_room #inside_room_name span {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
height: 100%;
transform: translate(-50%, -50%);
color: white;
font-weight: bolder;
text-transform: uppercase; }
#inside_room #inside_room_close {
position: absolute;
top: 0px;
right: 1%;
width: 10%;
height: 5%;
text-align: right;
font-size: 3.3vh;
color: white; }
#inside_room #inside_room_close span {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); }
#inside_room #change_room_button_container {
position: absolute;
left: 52.5%;
width: 35%;
height: 4%;
top: 1%; }
#inside_room #change_room_button_container #change_room_button {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
color: #1a1a1a;
background-image: url("../images/btn_change_room.png");
background-size: 100% 100%;
background-position: center center;
background-repeat: no-repeat; }
#inside_room #change_room_button_container #change_room_button span {
width: 72%;
position: relative;
font-size: 1.8vh;
letter-spacing: -1px;
text-align: center;
display: block;
top: 50%;
font-weight: bolder;
transform: translateY(-50%);
cursor: pointer; }
#inside_room #change_room_container {
position: absolute;
left: 2%;
width: 96%;
height: 29%;
top: 5.5%;
border-radius: 15px;
z-index: 150;
background-color: white;
border: 3px solid #3FA9F5;
box-sizing: content-box;
overflow-y: auto;
scroll-behavior: smooth;
-webkit-overflow-scrolling: touch;
overflow-scrolling: touch;
display: none; }
#inside_room #change_room_container #change_room_list {
position: absolute;
width: 96%;
height: 82%;
left: 2%;
top: 2%;
overflow-y: auto;
overflow-x: hidden;
scroll-behavior: smooth;
-webkit-overflow-scrolling: touch;
overflow-scrolling: touch; }
#inside_room #change_room_container #change_room_list #change_room_list_container {
padding: 0;
list-style-type: none;
margin: 0px; }
#inside_room #change_room_container #change_room_list #change_room_list_container .change_room_list_item {
font-size: 2vh;
margin-bottom: 5px;
padding: 5px;
border-bottom: 1px solid #6f42c1;
letter-spacing: -1px;
line-height: 4.5vh; }
#inside_room #change_room_container #change_room_list #change_room_list_container .change_room_list_item.closed {
display: none !important; }
#inside_room #change_room_container #change_room_list #change_room_list_container .change_room_list_item.in_room {
display: none !important; }
#inside_room #change_room_container #change_room_list #change_room_list_container .change_room_list_item .change_room_list_item_info {
width: 100%; }
#inside_room #change_room_container #change_room_list #change_room_list_container .change_room_list_item .change_room_list_item_info .change_room_name {
font-weight: bold;
order: 2; }
#inside_room #change_room_container #change_room_list #change_room_list_container .change_room_list_item .change_room_list_item_info .w-100 {
display: none !important; }
#inside_room #change_room_container #change_room_list #change_room_list_container .change_room_list_item .change_room_list_item_info .change_room_style {
order: 1; }
#inside_room #change_room_container #change_room_list #change_room_list_container .change_room_list_item .change_room_list_item_info .change_room_time {
order: 3; }
#inside_room #change_room_container #change_room_list #change_room_list_container .change_room_list_item .change_room_list_item_info .change_room_price {
order: 4; }
#inside_room #change_room_container #change_room_list #change_room_list_container .change_room_list_item .change_room_list_item_info .change_room_style, #inside_room #change_room_container #change_room_list #change_room_list_container .change_room_list_item .change_room_list_item_info .change_room_time, #inside_room #change_room_container #change_room_list #change_room_list_container .change_room_list_item .change_room_list_item_info .change_room_price {
font-size: 90%; }
#inside_room #change_room_container #change_room_list #change_room_list_container .change_room_list_item .change_room_select_cards {
width: 50%; }
#inside_room #change_room_container #change_room_list #change_room_list_container .change_room_list_item .change_room_select_cards .change_room_select_cards_button {
border-radius: 3px;
background-color: #39b54a;
color: #FFFFFF;
font-weight: bold;
padding: 3px;
width: 23%;
text-align: center;
cursor: pointer;
font-size: 120%;
letter-spacing: -1px;
text-indent: -1px; }
#inside_room #change_room_container #change_room_list #change_room_list_container .change_room_list_item .change_room_select_cards .change_room_select_cards_button.selected {
background-color: #009245; }
#inside_room #change_room_container #change_room_list #change_room_list_container .change_room_list_item .change_room_buy {
position: relative;
width: 26%;
font-size: 120%;
background-color: #3FA9F5;
font-weight: bold;
color: white;
border-radius: 3px;
padding-left: 5px;
padding-right: 5px;
cursor: pointer;
text-align: center;
letter-spacing: -1px; }
#inside_room #change_room_container #change_room_list #change_room_list_container .change_room_list_item .change_room_buy .loader {
display: none; }
#inside_room #change_room_container #change_room_list #change_room_list_container .change_room_list_item .change_room_buy.buying .btn_text {
display: none; }
#inside_room #change_room_container #change_room_list #change_room_list_container .change_room_list_item .change_room_buy.buying .loader {
display: block; }
#inside_room #change_room_container #change_room_list #change_room_list_container .change_room_list_item .change_room_buy .bognf_container_wrapper {
position: absolute;
font-size: 1.35vh;
letter-spacing: -1px;
width: 100%;
color: #1a1a1a;
bottom: 0px;
background-color: goldenrod;
padding: 1px;
display: none;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px; }
#inside_room #change_room_container #change_room_list #change_room_list_container .change_room_list_item .change_room_buy .bognf_container_wrapper span {
font-weight: bolder; }
#inside_room #change_room_container #change_room_list #change_room_list_container .change_room_list_item .change_room_buy .promotions_bundle {
display: none; }
#inside_room #change_room_container #change_room_list #change_room_list_container .change_room_list_item.with_bognf .change_room_buy .btn_text {
transform: translateY(-1vh) !important; }
#inside_room #change_room_container #change_room_list #change_room_list_container .change_room_list_item.with_bognf .change_room_buy .bognf_container_wrapper {
display: block !important; }
#inside_room #change_room_container #change_room_list #change_room_list_container .change_room_list_item .change_room_go {
width: 20%;
font-size: 150%;
background-color: #009245;
font-weight: bold;
color: white;
border-radius: 5px;
padding-left: 5px;
padding-right: 5px;
cursor: pointer;
text-align: center; }
#inside_room #change_room_container #change_room_back_lobby_container {
position: absolute;
bottom: 0px;
width: 100%;
height: 14%;
background: #3FA9F5;
font-size: 2vh; }
#inside_room #change_room_container #change_room_back_lobby_container #change_room_back_lobby_button {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
font-weight: bold;
color: white;
cursor: pointer; }
#inside_room #inside_room_info {
position: absolute;
top: 10.5%;
left: 1%;
height: 13%;
width: 98%;
z-index: 109; }
#inside_room #inside_room_info #inside_room_info_container {
width: 100%;
height: 100%; }
#inside_room #inside_room_info #inside_room_info_container #inside_room_info_time {
position: absolute;
left: 0px;
right: auto;
width: 47%;
height: 100%;
color: white;
background-image: url("../images/mobile/next_game.png");
background-repeat: no-repeat;
background-position: center center;
background-size: 100% 100%;
text-align: center;
top: 0px; }
#inside_room #inside_room_info #inside_room_info_container #inside_room_info_time #inside_room_info_time_label {
position: absolute;
top: 5%;
left: 5%;
height: 50%;
width: 94%;
text-align: center;
font-size: 3vh;
font-weight: bolder;
text-transform: uppercase;
line-height: 90%; }
#inside_room #inside_room_info #inside_room_info_container #inside_room_info_time #inside_room_info_time_label span {
display: block;
left: 5%;
width: 80%;
text-align: center;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); }
#inside_room #inside_room_info #inside_room_info_container #inside_room_info_time #inside_room_info_time_value_container {
position: absolute;
bottom: 1%;
left: 5%;
height: 50%;
width: 94%;
text-align: center;
font-size: 5vh;
font-weight: bolder;
letter-spacing: -1px;
text-indent: -2px;
color: #2364AA;
font-weight: bolder; }
#inside_room #inside_room_info #inside_room_info_container #inside_room_info_time #inside_room_info_time_value_container span {
display: block;
position: absolute;
width: 100%;
text-align: center;
top: 50%;
transform: translateY(-50%); }
#inside_room #inside_room_info #inside_room_info_container #inside_room_info_prizes {
position: absolute;
top: 0px;
right: 0px;
width: 52%;
height: 100%;
flex-direction: column !important; }
#inside_room #inside_room_info #inside_room_info_container #inside_room_info_prizes .inside_room_info_prize {
position: relative;
width: 100%;
height: 30%;
max-height: 30%;
background-color: #f2f2f2;
text-align: center;
box-shadow: 0 -3px 0px #CCCCCC inset;
font-weight: bolder;
box-sizing: content-box;
border-radius: 5px; }
#inside_room #inside_room_info #inside_room_info_container #inside_room_info_prizes .inside_room_info_prize:nth-of-type(1) {
background-image: url("../images/icon_one_line.png");
background-size: auto 50%;
background-position: 2% 40%;
background-repeat: no-repeat; }
#inside_room #inside_room_info #inside_room_info_container #inside_room_info_prizes .inside_room_info_prize:nth-of-type(2) {
background-image: url("../images/icon_two_lines.png");
background-size: auto 50%;
background-position: 2% 40%;
background-repeat: no-repeat; }
#inside_room #inside_room_info #inside_room_info_container #inside_room_info_prizes .inside_room_info_prize:nth-of-type(3), #inside_room #inside_room_info #inside_room_info_container #inside_room_info_prizes .inside_room_info_prize:last-child {
background-image: url("../images/icon_full_house.png");
background-size: auto 50%;
background-position: 2% 40%;
background-repeat: no-repeat; }
#inside_room #inside_room_info #inside_room_info_container #inside_room_info_prizes .inside_room_info_prize .inside_room_info_prize_label {
position: absolute;
width: 80%;
height: 100%;
left: 10%;
top: 10%;
font-size: 2vh;
font-weight: bold;
text-align: left;
letter-spacing: -1px; }
#inside_room #inside_room_info #inside_room_info_container #inside_room_info_prizes .inside_room_info_prize .inside_room_info_prize_value {
position: absolute;
width: 95%;
height: 100%;
color: #39B589;
font-size: 2vh;
font-weight: bolder;
right: 5%;
top: 10%;
text-align: right;
letter-spacing: -1px; }
#inside_room #inside_room_info #inside_room_info_container #inside_room_info_prizes.alone > .inside_room_info_prize {
background-size: auto 30%;
background-position: center 8%;
max-height: 100%; }
#inside_room #inside_room_info #inside_room_info_container #inside_room_info_prizes.alone > .inside_room_info_prize > .inside_room_info_prize_label {
width: 100%;
left: 0;
top: 33%;
font-size: 2.5vh;
text-align: center; }
#inside_room #inside_room_info #inside_room_info_container #inside_room_info_prizes.alone > .inside_room_info_prize > .inside_room_info_prize_value {
width: 100%;
font-size: 3vh;
text-align: center;
left: 0;
top: 60%; }
#inside_room #inside_room_info #inside_room_info_pattern_container {
visibility: hidden; }
#inside_room #inside_room_pjp {
display: none !important; }
#inside_room .balance_container {
display: none !important; }
#inside_room.has_pjp {
/*
#inside_room_animation
{
top:11%;
}
#inside_room_selling_buy_cards
{
top:25%;
height:11%;
}
#inside_room_cards_info
{
top:37%;
}
#inside_room_cards_wrapper
{
height: 59% ;
}
#inside_room_board
{
top:25%;
height:11%;
}
#inside_room_guest_winners
{
top: 11% !important;
height: 25% !important;
}
*/ }
#inside_room.has_pjp #inside_room_pjp {
display: flex !important;
position: absolute;
width: 100%;
height: 4%;
top: 5.5%;
left: 0px;
color: white;
background-image: url("../images/pjp_bg.png?ts=61");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
border-radius: 5px;
font-weight: bolder;
font-size: 2.3vh; }
#inside_room.has_pjp #inside_room_pjp div {
position: relative;
top: 45%;
transform: translateY(-50%);
text-shadow: black 1px 1px 5px;
margin-top: 1px; }
#inside_room.has_pjp #inside_room_pjp #inside_room_pjp_on_call {
position: absolute;
text-align: center;
color: #FFFFFF;
text-shadow: none !important;
font-weight: bold;
letter-spacing: -1px;
left: 6%;
animation: 1s linear;
animation-iteration-count: infinite;
animation-fill-mode: both;
animation-direction: alternate;
background-image: url("../images/pjp_until_call_bg.png?ts=61") !important;
background-size: 100% 100%;
height: 150%;
font-size: 1.5vh;
line-height: 1.5vh;
width: 16%;
z-index: 110;
animation-name: การเคลื่อนไหวที่-4; }
#inside_room.has_pjp #inside_room_pjp #inside_room_pjp_on_call #inside_room_pjp_on_call_container {
position: relative;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); }
#inside_room.has_pjp #inside_room_pjp #inside_room_pjp_on_call #inside_room_pjp_on_call_in_game_container {
display: none;
position: relative;
top: 50%;
left: 50%;
width: 68%;
transform: translate(-50%, -50%); }
@keyframes การเคลื่อนไหวที่-4 {
0% {
transform: translate(-50%, -50%) scale(0.7); }
100% {
transform: translate(-50%, -50%) scale(1); } }
#inside_room.has_pattern #inside_room_info {
width: 98%;
height: 16%;
top: 10%; }
#inside_room.has_pattern #inside_room_info #inside_room_info_container {
position: absolute;
left: 0px;
width: 61%; }
#inside_room.has_pattern #inside_room_info #inside_room_info_container #inside_room_info_time {
width: 100%;
height: 60%;
background-image: url("../images/next_game_75.png") !important; }
#inside_room.has_pattern #inside_room_info #inside_room_info_container #inside_room_info_prizes {
width: 100%;
height: 35%;
top: auto;
bottom: 0px; }
#inside_room.has_pattern #inside_room_info #inside_room_info_container #inside_room_info_prizes .inside_room_info_prize {
width: 100%;
height: 100%;
background-size: auto 50%;
background-position: left center; }
#inside_room.has_pattern #inside_room_info #inside_room_info_container #inside_room_info_prizes .inside_room_info_prize .inside_room_info_prize_label {
position: absolute;
left: 0px;
top: 0px;
width: 70%;
height: 100%;
font-size: 2.3vh; }
#inside_room.has_pattern #inside_room_info #inside_room_info_container #inside_room_info_prizes .inside_room_info_prize .inside_room_info_prize_label span {
position: absolute;
left: 26%;
top: 50%;
width: 100%;
transform: translateY(-50%);
text-align: left; }
#inside_room.has_pattern #inside_room_info #inside_room_info_container #inside_room_info_prizes .inside_room_info_prize .inside_room_info_prize_value {
position: absolute;
left: auto;
right: 1%;
top: 0px;
width: 50%;
height: 100%;
font-size: 2.3vh; }
#inside_room.has_pattern #inside_room_info #inside_room_info_container #inside_room_info_prizes .inside_room_info_prize .inside_room_info_prize_value span {
position: absolute;
right: 5%;
top: 50%;
transform: translateY(-50%);
text-align: right; }
#inside_room.has_pattern #inside_room_info #inside_room_info_pattern_container {
visibility: visible !important;
height: 100%;
width: auto;
position: absolute;
width: 39%;
right: 0px;
top: 0px; }
#inside_room.has_pattern #inside_room_info #inside_room_info_pattern_container #inside_room_info_pattern {
height: 100%;
background-color: #9fcdff;
border: 1px solid black;
box-sizing: content-box; }
#inside_room.has_pattern #inside_room_info #inside_room_info_pattern_container #inside_room_info_pattern .pattern_row {
width: 100%; }
#inside_room.has_pattern #inside_room_info #inside_room_info_pattern_container #inside_room_info_pattern .pattern_row .pattern_row_column {
font-size: 1px;
text-align: center;
border: 1px solid black;
box-sizing: content-box; }
#inside_room.has_pattern #inside_room_info #inside_room_info_pattern_container #inside_room_info_pattern .pattern_row .pattern_row_column.filled {
background-color: palegreen; }
#inside_room.has_pattern #inside_room_info #inside_room_info_pattern_container #inside_room_info_pattern_name_container {
position: absolute;
width: 100%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); }
#inside_room.has_pattern #inside_room_info #inside_room_info_pattern_container #inside_room_info_pattern_name_container #inside_room_info_pattern_name {
background-color: #3fa9f5;
text-align: center;
padding: 1px;
padding-top: 3px;
padding-bottom: 3px;
font-size: 2vh;
color: #FFF;
width: 84%;
position: relative;
left: 8%;
font-weight: bold;
letter-spacing: -1px;
text-transform: uppercase;
opacity: 1;
animation-name: pattern_animation;
animation-direction: alternate;
animation-duration: 1500ms;
animation-iteration-count: infinite;
animation-fill-mode: both;
animation-timing-function: ease-in-out; }
@keyframes pattern_animation {
0% {
opacity: 0;
transform: scale(0.5); }
70% {
opacity: 1; }
100% {
opacity: 1;
transform: scale(1.5); } }
#inside_room.has_pattern #inside_room_animation {
top: 10%;
height: 10%; }
#inside_room.has_pattern #inside_room_board_rails {
top: 26% !important;
background-size: 100% 20% !important; }
#inside_room.has_pattern #inside_room_board {
top: 26%; }
#inside_room.has_pattern #inside_room_board .number {
width: 6.6%;
font-size: 2vh; }
#inside_room.has_pattern #inside_room_selling_buy_cards {
top: 27.5%;
height: 12.5%; }
#inside_room.has_pattern #inside_room_cards_info {
top: 40.5%; }
#inside_room.has_pattern.has_pjp #inside_room_selling_buy_cards {
/*
top:25%;
height:11%;
*/ }
#inside_room #inside_room_board_rails {
display: none;
position: absolute;
width: 98%;
left: 1%;
top: 24.5%;
height: 14%;
font-size: 1vh;
color: white;
font-weight: bold;
text-align: center;
z-index: 110;
background-image: url("../images/mobile/rails.png");
background-size: 100% 20%;
background-repeat: repeat-y;
background-position: center -1px;
background-color: transparent; }
#inside_room #inside_room_board {
display: none;
position: absolute;
width: 98%;
left: 1%;
top: 24.5%;
height: 14%;
font-size: 1.5vh;
font-weight: bold;
text-align: center;
letter-spacing: -1px;
text-indent: -2px; }
#inside_room #inside_room_board .number:nth-child(n+1):nth-child(-n+10) {
background-image: url("../images/board/ball_blue.png"); }
#inside_room #inside_room_board .number:nth-child(n+11):nth-child(-n+20) {
background-image: url("../images/board/ball_red.png"); }
#inside_room #inside_room_board .number:nth-child(n+21):nth-child(-n+30) {
background-image: url("../images/board/ball_green.png"); }
#inside_room #inside_room_board .number:nth-child(n+31):nth-child(-n+40) {
background-image: url("../images/board/ball_pink.png"); }
#inside_room #inside_room_board .number:nth-child(n+41):nth-child(-n+50) {
background-image: url("../images/board/ball_brown.png"); }
#inside_room #inside_room_board .number:nth-child(n+51):nth-child(-n+60) {
background-image: url("../images/board/ball_orange.png"); }
#inside_room #inside_room_board .number:nth-child(n+61):nth-child(-n+70) {
background-image: url("../images/board/ball_violet.png"); }
#inside_room #inside_room_board .number:nth-child(n+71):nth-child(-n+80) {
background-image: url("../images/board/ball_yellow.png"); }
#inside_room #inside_room_board .number:nth-child(n+81):nth-child(-n+90) {
background-image: url("../images/board/ball_grey.png"); }
#inside_room #inside_room_board .number {
width: 5.5%;
opacity: 0;
transform-origin: center;
position: relative;
background-repeat: no-repeat;
background-size: 100% auto;
background-position: center center;
text-indent: 0px;
order: 100; }
#inside_room #inside_room_board .number span {
position: absolute;
left: 50%;
top: 47%;
transform: translate(-50%, -50%); }
#inside_room #inside_room_board .number.served {
opacity: 0.5;
text-shadow: 1px 1px 0 #FFFFFF, 1px -1px 0 #FFFFFF, -1px 1px 0 #FFFFFF, -1px -1px 0 #FFFFFF, 1px 0px 0 #FFFFFF, 0px 1px 0 #FFFFFF, -1px 0px 0 #FFFFFF, 0px -1px 0 #FFFFFF; }
#inside_room #inside_room_board .number.served.active_board_number {
opacity: 1; }
#inside_room #inside_room_animation {
position: absolute;
left: 1%;
top: 10.5%;
width: 45.5%;
height: 13%;
display: none; }
#inside_room #inside_room_animation #inside_room_animation_cannon_container {
position: absolute;
width: 51%;
height: 96%;
left: 24.5%;
top: 2%;
background-image: url("../images/ball.png?ts=61");
background-size: cover;
border-radius: 10px;
font-size: 8.5vh;
text-align: center; }
#inside_room #inside_room_animation #inside_room_animation_call_container {
font-size: 2vh;
font-weight: bold; }
#inside_room #inside_room_selling_buy_cards {
display: none !important;
position: absolute;
width: 98%;
left: 1%;
top: 24.5%;
height: 14%; }
#inside_room #inside_room_selling_buy_cards #inside_room_selling_buy_cards_bg {
position: absolute;
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background-color: #1a1a1a;
z-index: 101;
opacity: 0.4;
border-radius: 5px; }
#inside_room #inside_room_selling_buy_cards #inside_room_selling_buy_cards_pick {
position: absolute;
left: 2%;
top: 6%;
width: 96%;
height: 40%;
z-index: 110; }
#inside_room #inside_room_selling_buy_cards #inside_room_selling_buy_cards_pick .pick_cards {
width: 12.5%;
height: 100%;
font-weight: bold;
text-align: center;
position: relative;
font-size: 2.5vh;
letter-spacing: -1px;
cursor: pointer;
background-image: url("../images/coin.png");
background-repeat: no-repeat;
background-size: auto 100%;
background-position: center center;
color: #b57803;
letter-spacing: -1px; }
#inside_room #inside_room_selling_buy_cards #inside_room_selling_buy_cards_pick .pick_cards.selected {
color: #986400 !important;
background-image: url("../images/coin_selected.png");
cursor: default; }
#inside_room #inside_room_selling_buy_cards #inside_room_selling_buy_cards_pick .pick_cards span {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); }
#inside_room #inside_room_selling_buy_cards #inside_room_selling_buy_cards_pick .pick_cards_separator {
width: 100%;
font-size: 1px; }
#inside_room #inside_room_selling_buy_cards #inside_room_selling_buy_cards_min_max {
display: none;
visibility: hidden;
position: absolute;
left: 1.5%;
top: 10%;
height: 32%;
font-size: 1.6vh;
width: 16%;
color: #FFFFFF;
z-index: 109; }
#inside_room #inside_room_selling_buy_cards #inside_room_selling_buy_cards_min_max .min_max_container {
height: 50%;
position: relative; }
#inside_room #inside_room_selling_buy_cards #inside_room_selling_buy_cards_min_max .min_max_container .min_max_value {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 100%;
text-align: center; }
#inside_room #inside_room_selling_buy_cards #inside_room_selling_buy_cards_min_max .min_max_container .min_max_value #min_tickets_value, #inside_room #inside_room_selling_buy_cards #inside_room_selling_buy_cards_min_max .min_max_container .min_max_value #max_tickets_value {
font-weight: bold; }
#inside_room #inside_room_selling_buy_cards #inside_room_selling_buy_cards_picked_container {
position: absolute;
bottom: 5%;
left: 2%;
width: 41%;
height: 42%;
background: #f0C808;
/* Old browsers */
background: -moz-linear-gradient(top, #f0C808 0%, #f0a308 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f0C808), color-stop(100%, #f0a308));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f0C808 0%, #f0a308 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f0C808 0%, #f0a308 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, #f0C808 0%, #f0a308 100%);
/* IE10+ */
background: linear-gradient(to bottom, #f0C808 0%, #f0a308 100%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$lightYellow', endColorstr='$darkYellow',GradientType=0 );
/* IE6-9 */
box-shadow: 0px -3px 0px #b77908 inset;
border-radius: 5px;
z-index: 110; }
#inside_room #inside_room_selling_buy_cards #inside_room_selling_buy_cards_picked_container #inside_room_selling_buy_cards_picked_container_amount {
width: 50%;
height: 100%;
background-color: white;
font-weight: bold;
text-align: center;
font-size: 4vh;
position: absolute;
top: 0px;
left: 25%;
box-shadow: 0px -3px 0px #cccccc inset; }
#inside_room #inside_room_selling_buy_cards #inside_room_selling_buy_cards_picked_container #inside_room_selling_buy_cards_picked_container_amount span {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); }
#inside_room #inside_room_selling_buy_cards #inside_room_selling_buy_cards_picked_container #inside_room_selling_buy_cards_picked_container_amount_buttons {
position: absolute;
height: 100%;
width: 100%; }
#inside_room #inside_room_selling_buy_cards #inside_room_selling_buy_cards_picked_container #inside_room_selling_buy_cards_picked_container_amount_buttons #inside_room_selling_buy_cards_picked_container_less {
position: absolute;
left: 0px;
top: 0px;
text-align: center;
font-size: 2vh;
width: 25%;
height: 100%;
cursor: pointer; }
#inside_room #inside_room_selling_buy_cards #inside_room_selling_buy_cards_picked_container #inside_room_selling_buy_cards_picked_container_amount_buttons #inside_room_selling_buy_cards_picked_container_less span {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); }
#inside_room #inside_room_selling_buy_cards #inside_room_selling_buy_cards_picked_container #inside_room_selling_buy_cards_picked_container_amount_buttons #inside_room_selling_buy_cards_picked_container_more {
position: absolute;
right: 0px;
top: 0px;
text-align: center;
font-size: 2vh;
width: 25%;
height: 100%;
cursor: pointer; }
#inside_room #inside_room_selling_buy_cards #inside_room_selling_buy_cards_picked_container #inside_room_selling_buy_cards_picked_container_amount_buttons #inside_room_selling_buy_cards_picked_container_more span {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); }
#inside_room #inside_room_selling_buy_cards #inside_room_selling_buy_cards_picked_buy_container {
position: absolute;
bottom: 5%;
right: 2%;
width: 53%;
height: 42%;
z-index: 110; }
#inside_room #inside_room_selling_buy_cards #inside_room_selling_buy_cards_picked_buy_container #inside_room_selling_buy_cards_picked_buy_button {
position: absolute;
text-align: center;
color: white;
width: 55%;
height: 100%;
top: 0px;
right: 0px;
font-weight: bold;
font-size: 3vh;
cursor: pointer;
background-image: url("../images/buy.png");
background-repeat: no-repeat;
background-position: center center;
background-size: 100% 100%; }
#inside_room #inside_room_selling_buy_cards #inside_room_selling_buy_cards_picked_buy_container #inside_room_selling_buy_cards_picked_buy_button .btn_text {
position: absolute;
width: 100%;
left: 0px;
top: 50%;
transform: translateY(-50%);
margin-top: -1%;
z-index: 101; }
#inside_room #inside_room_selling_buy_cards #inside_room_selling_buy_cards_picked_buy_container #inside_room_selling_buy_cards_picked_buy_button .loader {
display: none;
position: absolute;
width: 100%;
left: 0px;
top: 50%;
transform: translateY(-50%);
margin-top: -1%;
z-index: 102;
font-size: 1.8vh;
text-transform: uppercase;
color: #FFFFFF; }
#inside_room #inside_room_selling_buy_cards #inside_room_selling_buy_cards_picked_buy_container #inside_room_selling_buy_cards_picked_buy_button #bognf_container_wrapper {
position: absolute;
width: 80%;
height: 100%;
top: 0px;
right: 0px;
transform: translate(40%, -95%);
display: none; }
#inside_room #inside_room_selling_buy_cards #inside_room_selling_buy_cards_picked_buy_container #inside_room_selling_buy_cards_picked_buy_button #bognf_container_wrapper #bognf_container {
position: absolute;
right: 0px;
top: 0px;
background-image: url("../images/bognf.png");
background-size: 100% 100%;
background-position: center center;
background-repeat: no-repeat;
font-size: 2vh;
line-height: 2vh;
color: #1a1a1a;
transform-origin: center;
padding: 2vh;
width: 100%;
font-weight: normal;
animation-name: bognf_animation;
animation-direction: alternate;
animation-duration: 1000ms;
animation-iteration-count: infinite;
animation-fill-mode: both;
animation-timing-function: ease-in-out; }
@keyframes bognf_animation {
0% {
transform: scale(0.5); }
100% {
transform: scale(1); } }
#inside_room #inside_room_selling_buy_cards #inside_room_selling_buy_cards_picked_buy_container #inside_room_selling_buy_cards_picked_buy_button #bognf_container_wrapper #bognf_container span {
font-weight: bold; }
#inside_room #inside_room_selling_buy_cards #inside_room_selling_buy_cards_picked_buy_container #inside_room_selling_buy_cards_picked_buy_button.buying .btn_text {
display: none; }
#inside_room #inside_room_selling_buy_cards #inside_room_selling_buy_cards_picked_buy_container #inside_room_selling_buy_cards_picked_buy_button.buying .loader {
display: block; }
#inside_room #inside_room_selling_buy_cards #inside_room_selling_buy_cards_picked_buy_container #inside_room_selling_buy_cards_picked_buy_container_card_price {
position: absolute;
width: 42%;
height: 100%;
bottom: 0px;
left: 0px;
font-size: 2.5vh;
font-weight: bold;
letter-spacing: -1px;
color: #39B589;
background-color: #FFFFFF;
box-shadow: 0 -3px 0px #CCCCCC inset;
border-radius: 5px; }
#inside_room #inside_room_selling_buy_cards #inside_room_selling_buy_cards_picked_buy_container #inside_room_selling_buy_cards_picked_buy_container_card_price #inside_room_selling_buy_cards_picked_buy_container_card_price_container {
position: absolute;
display: block;
width: 100%;
text-align: center;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); }
#inside_room #inside_room_cards_info {
position: absolute;
top: 39.5%;
width: 96%;
left: 2%;
height: 3.5%;
font-size: 1.8vh;
letter-spacing: 0px;
text-indent: -1px;
font-weight: bold;
color: #1a1a1a;
background-color: #FFFFFF;
box-shadow: 0 -3px 0px #CCCCCC inset;
border-radius: 5px;
z-index: 109; }
#inside_room #inside_room_guest_id {
display: none; }
#inside_room #inside_room_guest_status {
position: absolute;
top: 66.5%;
width: 60%;
left: 19%;
font-size: 2.5vh;
letter-spacing: 0px;
text-indent: -1px;
font-weight: bold;
color: #1a1a1a;
background-color: #fd7b89;
border-radius: 5px;
z-index: 109;
text-align: center;
padding: 10px;
box-sizing: content-box; }
#inside_room #inside_room_cards_wrapper {
position: absolute;
bottom: 0px;
height: 52%;
width: 100%; }
#inside_room #inside_room_cards_wrapper #inside_room_cards_view_container {
position: relative;
float: left;
margin-left: 1%;
width: 57%;
height: 6%;
text-align: center;
font-size: 1.6vh;
color: white; }
#inside_room #inside_room_cards_wrapper #inside_room_cards_view_container #loading_cards_container {
color: white;
background-image: url("../images/logo.svg?ts=61"); }
#inside_room #inside_room_cards_wrapper #inside_room_cards_view_container .text-wrapper {
position: absolute;
width: 100%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); }
#inside_room #inside_room_cards_wrapper #inside_room_cards_view_container.loading {
visibility: hidden; }
#inside_room #inside_room_cards_wrapper #inside_room_cards_zoom_container {
position: relative;
float: left;
top: 0px;
margin-right: 1%;
width: 15%;
height: 6%;
text-align: center;
font-size: 3vh;
color: white; }
#inside_room #inside_room_cards_wrapper #inside_room_cards_zoom_container .text-wrapper {
position: absolute;
width: 100%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); }
#inside_room #inside_room_cards_wrapper #inside_room_refresh_cards {
position: relative;
float: right;
top: 0px;
margin-right: 3.5%;
width: 18%;
height: 6%;
text-align: center;
font-size: 2vh;
font-weight: bold;
padding-left: 2px;
padding-right: 2px;
border-radius: 3px;
display: none;
color: white; }
#inside_room #inside_room_cards_wrapper #inside_room_refresh_cards span {
position: absolute;
width: 100%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); }
#inside_room #inside_room_cards_wrapper #inside_room_show_card_ids_container {
position: absolute;
float: right;
top: 0px;
right: 1%;
width: 21%;
height: 6%;
text-align: left;
font-size: 1.5vh;
letter-spacing: -1px;
color: #FFFFFF;
display: none;
background-image: url("../images/show_id_not_checked.png?ts=61");
background-size: 100% 100%; }
#inside_room #inside_room_cards_wrapper #inside_room_show_card_ids_container span {
position: absolute;
width: 100%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
left: 53%; }
#inside_room #inside_room_cards_wrapper #inside_room_show_card_ids_container.showing_ids {
background-image: url("../images/show_id_checked.png?ts=61");
background-size: 100% 100%; }
#inside_room #inside_room_cards_wrapper #inside_room_show_card_ids_container label {
opacity: 0; }
#inside_room #inside_room_cards_wrapper #inside_room_show_card_ids_container #inside_room_show_card_ids_checkbox {
opacity: 0;
height: 50%;
width: 20%; }
#inside_room.game_selling #inside_room_board {
display: none !important; }
#inside_room.game_selling #inside_room_selling_buy_cards {
display: flex !important; }
#inside_room.game_selling #inside_room_cards_wrapper #inside_room_refresh_cards {
display: block; }
#inside_room #inside_room_guest_winners {
display: none; }
#inside_room.game_guest #mobile_autobuy_button {
display: none !important; }
#inside_room.game_guest.has_pattern #inside_room_board, #inside_room.game_guest.has_pattern #inside_room_board_rails {
height: 12% !important;
top: 27.5% !important; }
#inside_room.game_guest #inside_room_name {
width: 94% !important; }
#inside_room.game_guest #inside_room_selling_buy_cards {
display: none !important; }
#inside_room.game_guest #inside_room_refresh_cards {
display: none !important; }
#inside_room.game_guest #inside_room_close {
display: none !important; }
#inside_room.game_guest #change_room_button_container {
display: none !important; }
#inside_room.game_guest #inside_room_show_card_ids_container {
display: block !important; }
#inside_room.game_guest #inside_room_board, #inside_room.game_guest #inside_room_board_rails {
display: flex !important; }
#inside_room.game_guest.game_finished.has_pattern #inside_room_info {
display: none !important; }
#inside_room.game_guest.game_finished.has_pattern #inside_room_board, #inside_room.game_guest.game_finished.has_pattern #inside_room_board_rails {
display: flex !important;
top: 24% !important;
height: 14% !important; }
#inside_room.game_guest.game_finished #inside_room_info_time {
visibility: hidden; }
#inside_room.game_guest.game_finished #inside_room_info #inside_room_info_prizes {
display: none !important; }
#inside_room.game_guest.game_finished #inside_room_board, #inside_room.game_guest.game_finished #inside_room_board_rails {
display: none !important; }
#inside_room.game_guest.game_finished #inside_room_animation {
display: none !important; }
#inside_room.game_guest.game_finished.with_pjp #inside_room_guest_winners {
top: 11%; }
#inside_room.game_guest.game_finished #inside_room_cards_wrapper #inside_room_cards_container.with_invisible {
overflow: hidden !important; }
#inside_room.game_guest.game_finished #inside_room_cards_wrapper #inside_room_cards_container .game_card .card_togo {
animation-play-state: paused !important; }
#inside_room.game_guest.game_finished #inside_room_cards_wrapper #inside_room_cards_container .won_card .card_overlay_prizes {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
display: flex !important;
opacity: 1;
z-index: 109;
justify-content: center; }
#inside_room.game_guest.game_finished #inside_room_cards_wrapper #inside_room_cards_container .won_card .card_overlay_prizes .won_prize {
height: 73%;
width: 33%;
align-self: center;
position: relative; }
#inside_room.game_guest.game_finished #inside_room_cards_wrapper #inside_room_cards_container .won_card .card_overlay_prizes .won_prize span {
display: inline-block;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
font-size: 1.70vh;
line-height: 1.70vh;
letter-spacing: -1px;
text-transform: uppercase;
text-align: center;
color: #000000;
text-shadow: -2px -1px 0 #FFFFFF, -2px 0px 0 #FFFFFF, -2px 1px 0 #FFFFFF, -1px -2px 0 #FFFFFF, -1px -1px 0 #FFFFFF, -1px 0px 0 #FFFFFF, -1px 1px 0 #FFFFFF, -1px 2px 0 #FFFFFF, 0px -2px 0 #FFFFFF, 0px -1px 0 #FFFFFF, 0px 0px 0 #FFFFFF, 0px 1px 0 #FFFFFF, 0px 2px 0 #FFFFFF, 1px -2px 0 #FFFFFF, 1px -1px 0 #FFFFFF, 1px 0px 0 #FFFFFF, 1px 1px 0 #FFFFFF, 1px 2px 0 #FFFFFF, 2px -1px 0 #FFFFFF, 2px 0px 0 #FFFFFF, 2px 1px 0 #FFFFFF; }
#inside_room.game_guest.game_finished #inside_room_cards_wrapper #inside_room_cards_container .won_card .card_overlay_prizes .won_prize.won_prize_0 {
background-image: url("../images/new-wins/win1.png?ts=61");
background-size: contain;
background-repeat: no-repeat;
background-position: center center; }
#inside_room.game_guest.game_finished #inside_room_cards_wrapper #inside_room_cards_container .won_card .card_overlay_prizes .won_prize.won_prize_0 span {
font-size: 2.2vh; }
#inside_room.game_guest.game_finished #inside_room_cards_wrapper #inside_room_cards_container .won_card .card_overlay_prizes .won_prize.won_prize_1 {
background-image: url("../images/new-wins/win2.png?ts=61");
background-size: contain;
background-repeat: no-repeat;
background-position: center center; }
#inside_room.game_guest.game_finished #inside_room_cards_wrapper #inside_room_cards_container .won_card .card_overlay_prizes .won_prize.won_prize_2 {
background-image: url("../images/new-wins/win3.png?ts=61");
background-size: contain;
background-repeat: no-repeat;
background-position: center center; }
#inside_room.game_guest.game_finished #inside_room_cards_wrapper #inside_room_cards_container .won_card .card_overlay_prizes .won_prize.won_prize_3 {
background-image: url("../images/new-wins/win4.png?ts=61");
background-size: contain;
background-repeat: no-repeat;
background-position: center center; }
#inside_room.game_guest.game_finished #inside_room_cards_wrapper #inside_room_cards_container .won_card .card_overlay_prizes .won_prize.won_prize_4 {
background-image: url("../images/new-wins/win5.png?ts=61");
background-size: contain;
background-repeat: no-repeat;
background-position: center center; }
#inside_room.game_guest.game_finished #inside_room_cards_wrapper #inside_room_cards_container .won_card .card_overlay_prizes .won_prize.won_prize_5 {
background-image: url("../images/new-wins/win6.png?ts=61");
background-size: contain;
background-repeat: no-repeat;
background-position: center center; }
#inside_room.game_guest.game_finished.has_pattern.with_pjp #inside_room_info {
top: 25% !important; }
#inside_room.game_guest.game_finished.has_pattern #inside_room_info {
top: 23%; }
#inside_room.game_guest.game_finished.has_pattern #inside_room_info #inside_room_info_pattern_container {
right: auto;
transform: translateX(-50%);
left: 50%; }
#inside_room.game_guest.game_finished.has_pattern #inside_room_guest_winners {
height: 13%; }
#inside_room.game_guest #inside_room_cards_wrapper #inside_room_cards_container .game_card .card_overlay_events {
display: none !important; }
#inside_room.game_playing #inside_room_pjp #inside_room_pjp_on_call #inside_room_pjp_on_call_container {
display: none !important; }
#inside_room.game_playing #inside_room_pjp #inside_room_pjp_on_call #inside_room_pjp_on_call_in_game_container {
display: block !important; }
#inside_room.game_playing #inside_room_board_rails, #inside_room.game_finished #inside_room_board_rails {
display: block; }
#inside_room.game_playing #inside_room_board, #inside_room.game_finished #inside_room_board {
display: block; }
#inside_room.game_playing #inside_room_info_time, #inside_room.game_finished #inside_room_info_time {
visibility: hidden; }
#inside_room.game_playing #inside_room_info #inside_room_info_prizes .inside_room_info_prize.current_prize, #inside_room.game_finished #inside_room_info #inside_room_info_prizes .inside_room_info_prize.current_prize {
background-color: #28a745 !important;
box-shadow: 0px -4px 0px #108029 inset !important;
color: white;
font-weight: bold; }
#inside_room.game_playing #inside_room_info #inside_room_info_prizes .inside_room_info_prize.current_prize .inside_room_info_prize_value span, #inside_room.game_finished #inside_room_info #inside_room_info_prizes .inside_room_info_prize.current_prize .inside_room_info_prize_value span {
color: white; }
#inside_room.game_playing #inside_room_info #inside_room_info_prizes .inside_room_info_prize.played_prize, #inside_room.game_finished #inside_room_info #inside_room_info_prizes .inside_room_info_prize.played_prize {
opacity: 0.4; }
#inside_room.game_playing #inside_room_animation, #inside_room.game_finished #inside_room_animation {
display: block !important; }
#inside_room.game_playing #inside_room_show_card_ids_container, #inside_room.game_finished #inside_room_show_card_ids_container {
display: block !important; }
#inside_room.game_playing #inside_room_cards_wrapper #inside_room_cards_container .game_card .card_overlay_events, #inside_room.game_finished #inside_room_cards_wrapper #inside_room_cards_container .game_card .card_overlay_events {
display: none; }
#inside_room.game_playing #inside_room_cards_wrapper #inside_room_cards_container.show_card_ids .game_card .game_card_id.with_card_id, #inside_room.game_finished #inside_room_cards_wrapper #inside_room_cards_container.show_card_ids .game_card .game_card_id.with_card_id {
display: block !important; }
#inside_room.with_min_max #inside_room_selling_buy_cards_pick {
width: 80% !important;
right: 2% !important;
left: auto !important; }
#inside_room.with_min_max #inside_room_selling_buy_cards_pick .pick_cards {
background-size: 100% auto !important;
background-position: center center; }
#inside_room.with_min_max #inside_room_selling_buy_cards_min_max {
display: block !important;
visibility: visible !important; }
#inside_room.game_guest_cancelled #inside_room_cancelled_game {
position: absolute;
left: 1%;
top: 10.5%;
width: 60%;
height: 10%;
z-index: 109;
overflow: hidden; }
#inside_room.game_guest_cancelled #inside_room_cancelled_game #inside_room_cancelled_game_text {
position: relative;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: #FFFFFF;
font-weight: bold;
text-align: center;
font-size: 1.65vh;
letter-spacing: -1px; }
#inside_room.show_guest_id #inside_room_cards_info {
width: 68% !important;
font-size: 1.6vh; }
#inside_room.show_guest_id.has_pattern #inside_room_guest_id {
top: 40.5%; }
#inside_room.show_guest_id #inside_room_guest_id {
display: block;
position: absolute;
width: 26.5%;
top: 39.5%;
right: 2%;
height: 3.5%;
background-color: #28a745;
color: #ffffff;
text-shadow: -1px -1px 0 #000000, -1px 0px 0 #000000, -1px 1px 0 #000000, 0px -1px 0 #000000, 0px 0px 0 #000000, 0px 1px 0 #000000, 1px -1px 0 #000000, 1px 0px 0 #000000, 1px 1px 0 #000000;
z-index: 1000;
border-radius: 5px;
box-sizing: content-box;
font-size: 1.6vh;
box-shadow: 0 -2px 0px #000000 inset; }
#inside_room.show_guest_id #inside_room_guest_id #inside_room_guest_id_value {
position: absolute;
top: 40%;
left: 50%;
transform: translate(-50%, -50%);
font-weight: bold; }
#inside_room.show_guest_id #inside_room_guest_id #inside_room_guest_id_info {
position: absolute;
top: 93%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 1.2vh;
color: #FFFFFF;
text-shadow: -1px -1px 0 #000000, -1px 0px 0 #000000, -1px 1px 0 #000000, 0px -1px 0 #000000, 0px 0px 0 #000000, 0px 1px 0 #000000, 1px -1px 0 #000000, 1px 0px 0 #000000, 1px 1px 0 #000000;
font-weight: bold;
text-transform: uppercase; }
body.global_inside_game #mobile_autobuy_button {
display: block !important;
position: absolute;
background-image: url("../images/btn_autobuy.png?ts=61");
width: 34%;
height: 3.5%;
background-size: 100% 100%;
background-position: center center;
background-repeat: no-repeat;
bottom: 0px;
left: 50%;
cursor: pointer;
transform: translateX(-50%);
z-index: 121;
border-top-right-radius: 10px;
border-top-left-radius: 10px; }
body.global_inside_game #mobile_autobuy_button .inside_text {
position: absolute;
top: 50%;
left: 60%;
font-size: 1.75vh;
text-align: center;
color: #000000;
font-weight: bold;
transform: translate(-50%, -50%);
text-transform: uppercase;
letter-spacing: -1px; }
body.global_inside_game #mobile_autobuy_button .badge {
position: absolute;
top: 16%;
left: 110%;
transform: translateX(-50%);
display: none; }
body.global_inside_game #mobile_autobuy_button.active .badge {
display: block !important; } }
#rotate_message {
display: none; }
@media all and (orientation: landscape) {
body.device_3:not(.body_orientation_portrait) #loading_container {
transform: translate(-50%, -50%) scale(0.5) !important; }
body.device_3:not(.body_orientation_portrait) #rotate_message {
z-index: 501;
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background-color: #FFFFFF;
display: block; }
body.device_3:not(.body_orientation_portrait) #rotate_message #rotate_message_container {
color: #1a1a1a;
font-size: 25px;
position: absolute;
width: 100%;
top: 50%;
transform: translateY(-50%); }
body.device_3:not(.body_orientation_portrait) #rotate_message #rotate_message_container #rotate_logo {
width: 100%;
height: 100px;
background-image: url("../images/logo.svg?ts=61");
background-size: contain;
background-repeat: no-repeat;
background-position: center center; }
body.device_3:not(.body_orientation_portrait) #rotate_message #rotate_message_container span {
display: block;
text-align: center;
width: 100%; } }
/* Desktop game */
@media (min-width: 576px) {
#inside_room {
display: none;
position: absolute;
left: 0px;
bottom: 0px;
width: 100%;
height: 90.5%;
background-image: url("../images/bg.jpg?ts=61");
z-index: 100;
/* Room Info */
/** When pjp **/
/** When pattern (bingo 75) **/
/* Board */
/* Buy cards */
/** Selling displays **/
/** Guest displays **/
/** Playing displays **/ }
#inside_room #inside_room_overlay {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background-color: #2CA6DF;
z-index: 101;
opacity: 0.4; }
#inside_room #inside_room_info_overlay {
position: absolute;
left: 2%;
top: 1.5%;
width: 69.5%;
height: 96.5%;
background-color: #1a1a1a;
z-index: 101;
opacity: 0.6;
border-radius: 10px; }
#inside_room #inside_room_cards_info_total_wagers {
display: none;
width: 20%;
z-index: 1000;
position: fixed;
top: 50%;
left: 25%;
text-align: center;
background-color: #FFF;
border: #2FA2DB;
border-style: solid;
border-width: 5px;
border-radius: 10px; }
#inside_room #inside_room_cards_info_total_wagers #close-total-wagers {
position: absolute;
top: 0%;
right: 0%;
font-size: 1.5vw;
margin: 5px; }
#inside_room #inside_room_name {
position: absolute;
top: 3%;
width: 19%;
left: 41%;
height: 5%;
text-align: left;
font-size: 2vw;
letter-spacing: -1px;
color: white;
font-weight: bolder;
z-index: 102; }
#inside_room #inside_room_name span {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
height: 100%;
transform: translate(-50%, -50%); }
#inside_room #inside_room_close {
display: none;
z-index: 102; }
#inside_room #change_room_button_container {
position: absolute;
left: 58.5%;
width: 11.5%;
height: 4%;
top: 3.5%;
z-index: 109;
cursor: pointer; }
#inside_room #change_room_button_container #change_room_button {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
color: #1a1a1a;
background-image: url("../images/btn_change_room.png");
background-size: 100% 100%;
background-position: center center;
background-repeat: no-repeat; }
#inside_room #change_room_button_container #change_room_button span {
width: 76%;
position: relative;
font-size: 0.9vw;
letter-spacing: 0px;
text-align: center;
display: block;
top: 50%;
transform: translateY(-50%); }
#inside_room #change_room_container {
position: absolute;
left: 40%;
width: 31%;
height: 30%;
top: 8.5%;
border-radius: 15px;
z-index: 150;
background-color: white;
box-sizing: content-box;
overflow-y: auto;
display: none; }
#inside_room #change_room_container #change_room_list {
position: absolute;
width: 96%;
height: 82%;
left: 2%;
top: 2%;
overflow-y: auto;
overflow-x: hidden; }
#inside_room #change_room_container #change_room_list #change_room_list_container {
padding: 0;
list-style-type: none;
margin: 0px; }
#inside_room #change_room_container #change_room_list #change_room_list_container .change_room_list_item {
font-size: 1vw;
margin-bottom: 5px;
padding: 5px;
border-bottom: 1px solid #6f42c1; }
#inside_room #change_room_container #change_room_list #change_room_list_container .change_room_list_item:hover {
background-color: #efefef; }
#inside_room #change_room_container #change_room_list #change_room_list_container .change_room_list_item.closed {
display: none !important; }
#inside_room #change_room_container #change_room_list #change_room_list_container .change_room_list_item.in_room {
display: none !important; }
#inside_room #change_room_container #change_room_list #change_room_list_container .change_room_list_item .change_room_list_item_info {
width: 35%; }
#inside_room #change_room_container #change_room_list #change_room_list_container .change_room_list_item .change_room_list_item_info .change_room_name {
font-weight: bold; }
#inside_room #change_room_container #change_room_list #change_room_list_container .change_room_list_item .change_room_list_item_info .change_room_style, #inside_room #change_room_container #change_room_list #change_room_list_container .change_room_list_item .change_room_list_item_info .change_room_time, #inside_room #change_room_container #change_room_list #change_room_list_container .change_room_list_item .change_room_list_item_info .change_room_price {
font-size: 90%; }
#inside_room #change_room_container #change_room_list #change_room_list_container .change_room_list_item .change_room_select_cards {
width: 35%; }
#inside_room #change_room_container #change_room_list #change_room_list_container .change_room_list_item .change_room_select_cards .change_room_select_cards_button {
border-radius: 3px;
background-color: #44c4a1;
color: #FFFFFF;
font-weight: bold;
padding: 3px;
width: 23%;
box-shadow: inset 0px -6px 0px #31978c;
text-align: center;
cursor: pointer;
font-size: 120%;
letter-spacing: -1px;
text-indent: -1px; }
#inside_room #change_room_container #change_room_list #change_room_list_container .change_room_list_item .change_room_select_cards .change_room_select_cards_button.selected {
background-color: #009245;
box-shadow: inset 0px -6px 0px #007537; }
#inside_room #change_room_container #change_room_list #change_room_list_container .change_room_list_item .change_room_buy {
position: relative;
width: 16%;
font-size: 107%;
background-color: #3FA9F5;
box-shadow: inset 0px -6px 0px #2364aa;
font-weight: bold;
color: white;
border-radius: 3px;
padding-left: 5px;
padding-right: 5px;
cursor: pointer;
text-align: center;
letter-spacing: -1px; }
#inside_room #change_room_container #change_room_list #change_room_list_container .change_room_list_item .change_room_buy .loader {
display: none; }
#inside_room #change_room_container #change_room_list #change_room_list_container .change_room_list_item .change_room_buy.selected {
cursor: pointer !important;
opacity: 1 !important; }
#inside_room #change_room_container #change_room_list #change_room_list_container .change_room_list_item .change_room_buy.buying .btn_text {
display: none; }
#inside_room #change_room_container #change_room_list #change_room_list_container .change_room_list_item .change_room_buy.buying .loader {
display: block; }
#inside_room #change_room_container #change_room_list #change_room_list_container .change_room_list_item .change_room_buy .bognf_container_wrapper {
position: absolute;
font-size: 0.65vw;
letter-spacing: -1px;
width: 100%;
color: #1a1a1a;
bottom: 0px;
background-color: goldenrod;
padding: 1px;
display: none;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px; }
#inside_room #change_room_container #change_room_list #change_room_list_container .change_room_list_item .change_room_buy .bognf_container_wrapper span {
font-weight: bolder; }
#inside_room #change_room_container #change_room_list #change_room_list_container .change_room_list_item .change_room_buy .promotions_bundle {
display: none; }
#inside_room #change_room_container #change_room_list #change_room_list_container .change_room_list_item.with_bognf .change_room_buy .btn_text {
transform: translateY(-0.5vw) !important; }
#inside_room #change_room_container #change_room_list #change_room_list_container .change_room_list_item.with_bognf .change_room_buy .bognf_container_wrapper {
display: block !important; }
#inside_room #change_room_container #change_room_list #change_room_list_container .change_room_list_item .change_room_go {
width: 12%;
font-size: 150%;
background-color: #f0C808;
box-shadow: inset 0 -6px 0 #f0a308;
font-weight: bold;
color: white;
border-radius: 5px;
padding-left: 5px;
padding-right: 5px;
cursor: pointer;
text-align: center; }
#inside_room #change_room_container #change_room_back_lobby_container {
position: absolute;
bottom: 0px;
width: 100%;
height: 14%;
background: #3FA9F5;
cursor: pointer; }
#inside_room #change_room_container #change_room_back_lobby_container #change_room_back_lobby_button {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
font-weight: bold;
color: white;
font-size: 1.2vw; }
#inside_room #inside_room_info {
position: absolute;
top: 12%;
width: 29%;
left: 41%;
height: 20%;
z-index: 109; }
#inside_room #inside_room_info #inside_room_info_container {
width: 100%;
height: 100%; }
#inside_room #inside_room_info #inside_room_info_container #inside_room_info_time {
position: absolute;
bottom: 0px;
width: 100%;
height: 59%;
color: white;
background-image: url("../images/next_game.png");
background-repeat: no-repeat;
background-position: center center;
background-size: 100% 100%;
text-align: center;
top: 44%; }
#inside_room #inside_room_info #inside_room_info_container #inside_room_info_time #inside_room_info_time_label {
position: absolute;
top: 0px;
left: 9%;
height: 100%;
width: 60%;
text-align: left;
font-size: 2vw;
font-weight: bolder;
text-transform: uppercase; }
#inside_room #inside_room_info #inside_room_info_container #inside_room_info_time #inside_room_info_time_label span {
left: 0px;
position: absolute;
top: 50%;
transform: translateY(-50%); }
#inside_room #inside_room_info #inside_room_info_container #inside_room_info_time #inside_room_info_time_value_container {
position: absolute;
top: 0px;
right: 9%;
height: 100%;
width: 48%;
font-size: 2vw;
font-weight: bolder;
text-align: right;
letter-spacing: -1px;
text-indent: 0px !important; }
#inside_room #inside_room_info #inside_room_info_container #inside_room_info_time #inside_room_info_time_value_container span {
position: absolute;
right: 0px;
top: 50%;
transform: translateY(-50%); }
#inside_room #inside_room_info #inside_room_info_container #inside_room_info_prizes {
position: absolute;
top: 0px;
width: 100%;
height: 35%; }
#inside_room #inside_room_info #inside_room_info_container #inside_room_info_prizes .inside_room_info_prize {
position: relative;
height: 100%;
margin: 0 1px;
background-color: #f2f2f2;
text-align: center;
box-shadow: 0 -4px 0px #CCCCCC inset;
font-weight: bolder;
border-radius: 5px; }
#inside_room #inside_room_info #inside_room_info_container #inside_room_info_prizes .inside_room_info_prize:nth-of-type(1) .inside_room_info_prize_label {
background-image: url("../images/icon_one_line.png");
background-size: auto 100%;
background-position: 2% 100%;
background-repeat: no-repeat;
line-height: 1.1vw; }
#inside_room #inside_room_info #inside_room_info_container #inside_room_info_prizes .inside_room_info_prize:nth-of-type(2) .inside_room_info_prize_label {
background-image: url("../images/icon_two_lines.png");
background-size: auto 100%;
background-position: 2% 100%;
background-repeat: no-repeat;
line-height: 1.1vw; }
#inside_room #inside_room_info #inside_room_info_container #inside_room_info_prizes .inside_room_info_prize:nth-of-type(3) .inside_room_info_prize_label, #inside_room #inside_room_info #inside_room_info_container #inside_room_info_prizes .inside_room_info_prize:last-child .inside_room_info_prize_label {
background-image: url("../images/icon_full_house.png");
background-size: auto 100%;
background-position: 2% 100%;
background-repeat: no-repeat;
line-height: 1.1vw; }
#inside_room #inside_room_info #inside_room_info_container #inside_room_info_prizes .inside_room_info_prize .inside_room_info_prize_label {
position: absolute;
width: 100%;
height: 35%;
top: 3%;
left: 0px;
font-size: 1vw; }
#inside_room #inside_room_info #inside_room_info_container #inside_room_info_prizes .inside_room_info_prize .inside_room_info_prize_value {
position: absolute;
width: 100%;
height: 65%;
color: #39B589;
font-size: 1.4vw;
font-weight: bolder;
bottom: 1%;
left: 0px; }
#inside_room #inside_room_info #inside_room_info_pattern_container {
visibility: hidden; }
#inside_room #inside_room_pjp {
display: none !important;
z-index: 109; }
#inside_room .balance_container {
display: none !important; }
#inside_room.has_pjp #inside_room_pjp {
display: flex !important;
position: absolute;
top: 9%;
width: 29%;
left: 41%;
height: 5%;
color: white;
background-image: url("../images/pjp_bg.png?ts=61");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
border-radius: 5px;
font-weight: bolder;
font-size: 1.5vw; }
#inside_room.has_pjp #inside_room_pjp div {
position: relative;
top: 45%;
transform: translateY(-50%);
text-shadow: black 1px 1px 5px;
margin-top: 1px; }
#inside_room.has_pjp #inside_room_pjp #inside_room_pjp_on_call {
position: absolute;
text-align: center;
color: #FFFFFF;
text-shadow: none !important;
font-weight: bold;
letter-spacing: -1px;
left: 3%;
animation: 1s linear;
animation-iteration-count: infinite;
animation-fill-mode: both;
animation-direction: alternate;
background-image: url("../images/pjp_until_call_bg.png?ts=61") !important;
background-size: 100% 100%;
height: 150%;
font-size: 1.5vh;
line-height: 1.5vh;
width: 16%;
animation-name: การเคลื่อนไหวที่-5; }
#inside_room.has_pjp #inside_room_pjp #inside_room_pjp_on_call #inside_room_pjp_on_call_container {
position: relative;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); }
#inside_room.has_pjp #inside_room_pjp #inside_room_pjp_on_call #inside_room_pjp_on_call_in_game_container {
display: none;
position: relative;
top: 50%;
left: 50%;
width: 68%;
transform: translate(-50%, -50%); }
@keyframes การเคลื่อนไหวที่-5 {
0% {
transform: translate(-50%, -50%) scale(0.7); }
100% {
transform: translate(-50%, -50%) scale(1); } }
#inside_room.has_pjp #inside_room_info {
top: 15%; }
#inside_room.has_pjp #inside_room_info #inside_room_info_container #inside_room_info_time {
top: 43%; }
#inside_room.has_pjp #inside_room_animation {
top: 23.6%; }
#inside_room.has_pjp #inside_room_selling_buy_cards {
top: 36%; }
#inside_room.has_pjp #inside_room_cards_info {
top: 48%; }
#inside_room.has_pjp #inside_room_board_rails {
top: 54%;
height: 42%; }
#inside_room.has_pjp #inside_room_board {
top: 54%;
height: 42%; }
#inside_room.has_pattern #inside_room_info #inside_room_info_container {
position: absolute;
left: 0px;
top: 0px;
height: 100%;
width: 65%; }
#inside_room.has_pattern #inside_room_info #inside_room_info_container #inside_room_info_time {
background-image: url("../images/next_game_75.png") !important; }
#inside_room.has_pattern #inside_room_info #inside_room_info_container #inside_room_info_time #inside_room_info_time_label {
left: 11%;
width: 35%;
font-size: 1.6vw;
line-height: 1.6vw;
text-align: center !important; }
#inside_room.has_pattern #inside_room_info #inside_room_info_container #inside_room_info_prizes {
width: 100%; }
#inside_room.has_pattern #inside_room_info #inside_room_info_container #inside_room_info_prizes .inside_room_info_prize {
width: 100%;
height: 100%;
display: block !important; }
#inside_room.has_pattern #inside_room_info #inside_room_info_container #inside_room_info_prizes .inside_room_info_prize .inside_room_info_prize_label {
position: relative;
display: inline-block;
left: auto !important;
right: auto;
top: auto;
bottom: auto;
font-size: 3vh;
letter-spacing: -1px;
width: auto;
height: 100%;
line-height: unset !important;
background-size: auto 82% !important;
background-position: left center !important;
padding-right: 1vh;
padding-left: 6vh; }
#inside_room.has_pattern #inside_room_info #inside_room_info_container #inside_room_info_prizes .inside_room_info_prize .inside_room_info_prize_label span {
position: relative;
display: inline-block;
left: auto;
right: auto;
top: 50%;
transform: translateY(-50%);
bottom: auto;
font-size: 3vh;
letter-spacing: -1px; }
#inside_room.has_pattern #inside_room_info #inside_room_info_container #inside_room_info_prizes .inside_room_info_prize .inside_room_info_prize_value {
position: relative;
display: inline-block;
left: auto;
right: auto;
top: auto;
bottom: auto;
font-size: 3vh;
letter-spacing: -1px;
width: auto;
height: 100%; }
#inside_room.has_pattern #inside_room_info #inside_room_info_container #inside_room_info_prizes .inside_room_info_prize .inside_room_info_prize_value span {
position: relative;
display: inline-block;
left: auto;
right: auto;
top: 50%;
transform: translateY(-50%);
bottom: auto;
font-size: 3vh;
letter-spacing: -1px; }
#inside_room.has_pattern #inside_room_info #inside_room_info_container #inside_room_info_prizes .inside_room_info_prize .inside_room_info_prize_value span span {
position: relative;
display: inline-block;
left: auto;
right: auto;
top: auto;
bottom: auto;
font-size: 3vh;
letter-spacing: -1px;
transform: none; }
#inside_room.has_pattern #inside_room_info_pattern_container {
position: absolute;
right: 0px;
visibility: visible !important;
height: 100%;
width: auto;
max-width: 34%; }
#inside_room.has_pattern #inside_room_info_pattern_container #inside_room_info_pattern {
height: 100%;
background-color: #ffffff;
border: 1px solid black;
box-sizing: content-box; }
#inside_room.has_pattern #inside_room_info_pattern_container #inside_room_info_pattern .pattern_row {
width: 100%; }
#inside_room.has_pattern #inside_room_info_pattern_container #inside_room_info_pattern .pattern_row .pattern_row_column {
font-size: 1px;
text-align: center;
border: 1px solid black;
box-sizing: content-box; }
#inside_room.has_pattern #inside_room_info_pattern_container #inside_room_info_pattern .pattern_row .pattern_row_column.filled {
background-color: #3FA9F5; }
#inside_room.has_pattern #inside_room_info_pattern_container #inside_room_info_pattern_name_container {
position: absolute;
width: 100%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); }
#inside_room.has_pattern #inside_room_info_pattern_container #inside_room_info_pattern_name_container #inside_room_info_pattern_name {
background: linear-gradient(to bottom, #f0C308 0%, #f0a808 100%);
box-shadow: 0px -4px 0px #c68400 inset;
text-align: center;
padding: 1px;
padding-top: 3px;
padding-bottom: 3px;
font-size: 1vw;
color: #FFFFFF;
width: 84%;
position: relative;
left: 8%;
font-weight: bold;
letter-spacing: -1px;
text-transform: uppercase;
opacity: 1;
animation-name: pattern_animation;
animation-direction: alternate;
animation-duration: 1500ms;
animation-iteration-count: infinite;
animation-fill-mode: both;
animation-timing-function: ease-in-out; }
@keyframes pattern_animation {
0% {
opacity: 0;
transform: scale(0.5); }
70% {
opacity: 1; }
100% {
opacity: 1;
transform: scale(1.5); } }
#inside_room.has_pattern #inside_room_selling_buy_cards {
top: 34%; }
#inside_room.has_pattern.has_pjp #inside_room_selling_buy_cards {
top: 36.5%; }
#inside_room.has_pattern.has_pjp #inside_room_cards_info {
top: 48.5%; }
#inside_room.available_balls_75 #inside_room_board_rails {
background-size: 100% 14.28%; }
#inside_room.available_balls_75 #inside_room_board {
background-size: 100% 14.28%; }
#inside_room.available_balls_75 #inside_room_board .number:nth-child(n+1):nth-child(-n+15) {
background-image: url("../images/board/ball_blue.png"); }
#inside_room.available_balls_75 #inside_room_board .number:nth-child(n+16):nth-child(-n+30) {
background-image: url("../images/board/ball_red.png"); }
#inside_room.available_balls_75 #inside_room_board .number:nth-child(n+31):nth-child(-n+45) {
background-image: url("../images/board/ball_green.png"); }
#inside_room.available_balls_75 #inside_room_board .number:nth-child(n+46):nth-child(-n+60) {
background-image: url("../images/board/ball_pink.png"); }
#inside_room.available_balls_75 #inside_room_board .number:nth-child(n+61):nth-child(-n+75) {
background-image: url("../images/board/ball_brown.png"); }
#inside_room.available_balls_75 #inside_room_board .number {
width: 9%;
height: 14.28%;
background-size: 100% 100%;
letter-spacing: 0px;
font-size: 1.1vw;
font-weight: 100; }
#inside_room.available_balls_75 #inside_room_board .number.number_only_for_75_desktop {
display: inline-block !important;
visibility: hidden !important; }
#inside_room #inside_room_board_rails {
position: absolute;
width: 30%;
left: 40.5%;
top: 54%;
height: 42%;
font-size: 1vw;
color: white;
font-weight: bold;
text-align: center;
z-index: 110;
background-image: url("../images/rails.png");
background-size: 100% 11.11%;
background-repeat: repeat-y;
background-position: center -1px;
background-color: transparent; }
#inside_room #inside_room_board {
position: absolute;
width: 30%;
left: 40.5%;
top: 54%;
height: 42%;
font-size: 0.8vw;
color: white;
font-weight: bold;
text-align: center;
display: flex !important;
z-index: 109; }
#inside_room #inside_room_board .number:nth-child(n+1):nth-child(-n+10) {
background-image: url("../images/board/ball_blue.png"); }
#inside_room #inside_room_board .number:nth-child(n+11):nth-child(-n+20) {
background-image: url("../images/board/ball_red.png"); }
#inside_room #inside_room_board .number:nth-child(n+21):nth-child(-n+30) {
background-image: url("../images/board/ball_green.png"); }
#inside_room #inside_room_board .number:nth-child(n+31):nth-child(-n+40) {
background-image: url("../images/board/ball_pink.png"); }
#inside_room #inside_room_board .number:nth-child(n+41):nth-child(-n+50) {
background-image: url("../images/board/ball_brown.png"); }
#inside_room #inside_room_board .number:nth-child(n+51):nth-child(-n+60) {
background-image: url("../images/board/ball_orange.png"); }
#inside_room #inside_room_board .number:nth-child(n+61):nth-child(-n+70) {
background-image: url("../images/board/ball_violet.png"); }
#inside_room #inside_room_board .number:nth-child(n+71):nth-child(-n+80) {
background-image: url("../images/board/ball_yellow.png"); }
#inside_room #inside_room_board .number:nth-child(n+81):nth-child(-n+90) {
background-image: url("../images/board/ball_grey.png"); }
#inside_room #inside_room_board .number {
width: 10%;
opacity: 0;
transform-origin: center;
position: relative;
background-repeat: no-repeat;
background-size: auto 98%;
background-position: center bottom;
order: 100;
text-shadow: 1px 1px 0 #000000, 1px -1px 0 #000000, -1px 1px 0 #000000, -1px -1px 0 #000000, 1px 0px 0 #000000, 0px 1px 0 #000000, -1px 0px 0 #000000, 0px -1px 0 #000000; }
#inside_room #inside_room_board .number span {
position: absolute;
left: 50%;
top: 49%;
transform: translate(-50%, -50%); }
#inside_room #inside_room_board .number.served {
opacity: 0.5; }
#inside_room #inside_room_board .number.served.active_board_number {
opacity: 1; }
#inside_room #inside_room_selling_buy_cards {
display: none !important;
position: absolute;
width: 29%;
left: 41%;
top: 34%;
height: 10%;
z-index: 109; }
#inside_room #inside_room_selling_buy_cards #inside_room_selling_buy_cards_pick {
position: absolute;
left: 0px;
top: 0px;
width: 58%;
height: 50%;
z-index: 110; }
#inside_room #inside_room_selling_buy_cards #inside_room_selling_buy_cards_pick .pick_cards {
width: 12.5%;
height: 100%;
font-weight: bold;
text-align: center;
position: relative;
font-size: 1.2vw;
letter-spacing: -1px;
cursor: pointer;
background-image: url("../images/coin.png");
background-repeat: no-repeat;
background-size: 95% auto;
background-position: center center;
color: #b57803;
letter-spacing: -1px; }
#inside_room #inside_room_selling_buy_cards #inside_room_selling_buy_cards_pick .pick_cards.selected {
color: #986400 !important;
background-image: url("../images/coin_selected.png");
cursor: default; }
#inside_room #inside_room_selling_buy_cards #inside_room_selling_buy_cards_pick .pick_cards span {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); }
#inside_room #inside_room_selling_buy_cards #inside_room_selling_buy_cards_pick .pick_cards_separator {
width: 100%;
font-size: 1px; }
#inside_room #inside_room_selling_buy_cards #inside_room_selling_buy_cards_min_max {
display: none;
visibility: hidden;
position: absolute;
left: 0px;
bottom: 2%;
height: 40%;
font-size: 0.8vw;
width: 12%;
color: #FFFFFF;
z-index: 109; }
#inside_room #inside_room_selling_buy_cards #inside_room_selling_buy_cards_min_max .min_max_container {
height: 50%;
position: relative; }
#inside_room #inside_room_selling_buy_cards #inside_room_selling_buy_cards_min_max .min_max_container .min_max_value {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 100%;
text-align: center; }
#inside_room #inside_room_selling_buy_cards #inside_room_selling_buy_cards_min_max .min_max_container .min_max_value #min_tickets_value, #inside_room #inside_room_selling_buy_cards #inside_room_selling_buy_cards_min_max .min_max_container .min_max_value #max_tickets_value {
font-weight: bold; }
#inside_room #inside_room_selling_buy_cards #inside_room_selling_buy_cards_picked_container {
position: absolute;
bottom: 0px;
left: 0px;
width: 37%;
height: 45%;
background: #f0C808;
/* Old browsers */
background: -moz-linear-gradient(top, #f0C808 0%, #f0a308 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f0C808), color-stop(100%, #f0a308));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f0C808 0%, #f0a308 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f0C808 0%, #f0a308 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, #f0C808 0%, #f0a308 100%);
/* IE10+ */
background: linear-gradient(to bottom, #f0C808 0%, #f0a308 100%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$lightYellow', endColorstr='$darkYellow',GradientType=0 );
/* IE6-9 */
box-shadow: 0px -4px 0px #b77908 inset;
border-radius: 5px; }
#inside_room #inside_room_selling_buy_cards #inside_room_selling_buy_cards_picked_container #inside_room_selling_buy_cards_picked_container_amount {
width: 60%;
height: 100%;
background-color: white;
font-weight: bold;
text-align: center;
font-size: 1.5vw;
position: absolute;
top: 0px;
left: 20%;
box-shadow: 0px -4px 0px #cccccc inset; }
#inside_room #inside_room_selling_buy_cards #inside_room_selling_buy_cards_picked_container #inside_room_selling_buy_cards_picked_container_amount span {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); }
#inside_room #inside_room_selling_buy_cards #inside_room_selling_buy_cards_picked_container #inside_room_selling_buy_cards_picked_container_amount_buttons {
position: absolute;
height: 100%;
width: 100%; }
#inside_room #inside_room_selling_buy_cards #inside_room_selling_buy_cards_picked_container #inside_room_selling_buy_cards_picked_container_amount_buttons #inside_room_selling_buy_cards_picked_container_less {
position: absolute;
left: 0px;
top: 0px;
text-align: center;
font-size: 1.2vw;
width: 20%;
height: 100%;
cursor: pointer; }
#inside_room #inside_room_selling_buy_cards #inside_room_selling_buy_cards_picked_container #inside_room_selling_buy_cards_picked_container_amount_buttons #inside_room_selling_buy_cards_picked_container_less span {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); }
#inside_room #inside_room_selling_buy_cards #inside_room_selling_buy_cards_picked_container #inside_room_selling_buy_cards_picked_container_amount_buttons #inside_room_selling_buy_cards_picked_container_more {
position: absolute;
right: 0px;
top: 0px;
text-align: center;
font-size: 1.2vw;
width: 20%;
height: 100%;
cursor: pointer; }
#inside_room #inside_room_selling_buy_cards #inside_room_selling_buy_cards_picked_container #inside_room_selling_buy_cards_picked_container_amount_buttons #inside_room_selling_buy_cards_picked_container_more span {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); }
#inside_room #inside_room_selling_buy_cards #inside_room_selling_buy_cards_picked_buy_container {
position: absolute;
top: 0px;
right: 0px;
width: 61.5%;
height: 100%; }
#inside_room #inside_room_selling_buy_cards #inside_room_selling_buy_cards_picked_buy_container #inside_room_selling_buy_cards_picked_buy_button {
position: absolute;
text-align: center;
color: white;
width: 65%;
height: 100%;
top: 5%;
right: 0px;
font-weight: bold;
font-size: 1.8vw;
cursor: pointer;
background-image: url("../images/buy.png");
background-repeat: no-repeat;
background-position: center center;
background-size: 100% 100%; }
#inside_room #inside_room_selling_buy_cards #inside_room_selling_buy_cards_picked_buy_container #inside_room_selling_buy_cards_picked_buy_button .btn_text {
position: absolute;
width: 100%;
left: 0px;
top: 50%;
transform: translateY(-50%);
text-transform: uppercase;
margin-top: -1%;
z-index: 101; }
#inside_room #inside_room_selling_buy_cards #inside_room_selling_buy_cards_picked_buy_container #inside_room_selling_buy_cards_picked_buy_button .loader {
display: none;
position: absolute;
width: 100%;
left: 0px;
top: 50%;
transform: translateY(-50%);
margin-top: -1%;
z-index: 102;
font-size: 1.1vw;
text-transform: uppercase;
color: #FFFFFF; }
#inside_room #inside_room_selling_buy_cards #inside_room_selling_buy_cards_picked_buy_container #inside_room_selling_buy_cards_picked_buy_button #bognf_container_wrapper {
position: absolute;
width: 40%;
height: 100%;
top: 0px;
right: 0px;
transform: translate(40%, -20%);
display: none; }
#inside_room #inside_room_selling_buy_cards #inside_room_selling_buy_cards_picked_buy_container #inside_room_selling_buy_cards_picked_buy_button #bognf_container_wrapper #bognf_container {
position: absolute;
right: 0px;
top: 0px;
background-image: url("../images/bognf.png");
background-size: 100% 100%;
background-position: center center;
background-repeat: no-repeat;
font-size: 0.8vw;
line-height: 0.8vw;
color: #1a1a1a;
transform-origin: center;
padding: 1vw;
width: 100%;
font-weight: normal;
animation-name: bognf_animation;
animation-direction: alternate;
animation-duration: 1000ms;
animation-iteration-count: infinite;
animation-fill-mode: both;
animation-timing-function: ease-in-out; }
@keyframes bognf_animation {
0% {
transform: scale(0.5); }
100% {
transform: scale(1); } }
#inside_room #inside_room_selling_buy_cards #inside_room_selling_buy_cards_picked_buy_container #inside_room_selling_buy_cards_picked_buy_button #bognf_container_wrapper #bognf_container span {
font-weight: bold; }
#inside_room #inside_room_selling_buy_cards #inside_room_selling_buy_cards_picked_buy_container #inside_room_selling_buy_cards_picked_buy_button.buying .btn_text {
display: none; }
#inside_room #inside_room_selling_buy_cards #inside_room_selling_buy_cards_picked_buy_container #inside_room_selling_buy_cards_picked_buy_button.buying .loader {
display: block; }
#inside_room #inside_room_selling_buy_cards #inside_room_selling_buy_cards_picked_buy_container #inside_room_selling_buy_cards_picked_buy_container_card_price {
position: absolute;
width: 31%;
height: 44%;
bottom: 0px;
left: 0px;
font-size: 1.5vw;
font-weight: bold;
letter-spacing: -1px;
color: #39B589;
background-color: #FFFFFF;
box-shadow: 0 -4px 0px #CCCCCC inset;
border-radius: 5px; }
#inside_room #inside_room_selling_buy_cards #inside_room_selling_buy_cards_picked_buy_container #inside_room_selling_buy_cards_picked_buy_container_card_price #inside_room_selling_buy_cards_picked_buy_container_card_price_container {
position: absolute;
width: 90%;
text-align: center;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); }
#inside_room #inside_room_cards_info {
position: absolute;
width: 29%;
left: 41%;
top: 47%;
height: 4%;
font-size: 1vw;
letter-spacing: 0px;
text-indent: -1px;
font-weight: bold;
color: #1a1a1a;
background-color: #FFFFFF;
box-shadow: 0 -4px 0px #CCCCCC inset;
border-radius: 5px;
z-index: 109; }
#inside_room #inside_room_guest_id {
display: none; }
#inside_room #inside_room_guest_status {
position: absolute;
top: 44.5%;
width: 23%;
left: 9%;
font-size: 2.5vh;
letter-spacing: 0px;
text-indent: -1px;
font-weight: bold;
color: #1a1a1a;
background-color: #fd7b89;
border-radius: 5px;
z-index: 5000;
text-align: center;
padding: 10px;
box-sizing: content-box;
border: 1px solid black; }
#inside_room #inside_room_cards_wrapper {
position: absolute;
top: 1.5%;
left: 2%;
height: 96.5%;
width: 36%;
margin-bottom: 0px !important;
z-index: 110;
margin-top: 0px !important;
overflow-y: hidden; }
#inside_room #inside_room_cards_wrapper #inside_room_cards_view_container {
position: relative;
float: left;
margin-left: 4%;
margin-top: 4%;
width: 54%;
height: 3%;
text-align: left;
font-size: 1.2vw; }
#inside_room #inside_room_cards_wrapper #inside_room_cards_view_container .text-wrapper {
position: absolute;
width: 100%;
color: white;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); }
#inside_room #inside_room_cards_wrapper #inside_room_cards_view_container.loading {
visibility: hidden; }
#inside_room #inside_room_cards_wrapper #inside_room_cards_zoom_container {
position: relative;
float: left;
top: 1%;
margin-left: 1%;
margin-top: 1%;
width: 11%;
height: 6%;
text-align: center;
font-size: 1.7vw;
color: #FFFFFF; }
#inside_room #inside_room_cards_wrapper #inside_room_cards_zoom_container .text-wrapper {
position: absolute;
width: 100%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); }
#inside_room #inside_room_cards_wrapper #inside_room_cards_zoom_container .text-wrapper span {
cursor: pointer; }
#inside_room #inside_room_cards_wrapper #inside_room_refresh_cards {
position: absolute;
right: 2%;
width: 19%;
text-align: center;
font-size: 0.9vw;
padding-left: 2px;
padding-right: 2px;
display: none;
cursor: pointer;
background-image: none;
border-radius: 10px;
height: 2vw;
top: 2.5%;
background-color: #2BC1F6;
color: #FFFFFF; }
#inside_room #inside_room_cards_wrapper #inside_room_refresh_cards span {
position: absolute;
left: 4%;
top: 50%;
width: 55%;
transform: translateY(-50%);
margin-top: 0px;
text-transform: capitalize; }
#inside_room #inside_room_cards_wrapper #inside_room_refresh_cards::after {
content: "\f2f1";
position: absolute;
right: 0px;
height: 2vw;
line-height: 2vw;
width: 2vw;
background-color: #FFFFFF;
color: #000000;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
font-weight: bold;
font-family: "Font Awesome 5 Free"; }
#inside_room #inside_room_cards_wrapper #inside_room_show_card_ids_container {
position: absolute;
right: 3.5%;
top: 3%;
width: 20%;
height: 4%;
text-align: center;
font-size: 0.9vw;
display: none;
cursor: pointer;
color: white;
background-image: url("../images/show_id_not_checked.png?ts=61");
background-size: 100% 100%; }
#inside_room #inside_room_cards_wrapper #inside_room_show_card_ids_container span {
position: absolute;
left: 0%;
top: 50%;
width: 70%;
transform: translateY(-50%);
margin-top: -2px; }
#inside_room #inside_room_cards_wrapper #inside_room_show_card_ids_container.showing_ids {
background-image: url("../images/show_id_checked.png?ts=61");
background-size: 100% 100%; }
#inside_room #inside_room_cards_wrapper #inside_room_show_card_ids_container label {
opacity: 0; }
#inside_room #inside_room_cards_wrapper #inside_room_show_card_ids_container #inside_room_show_card_ids_checkbox {
opacity: 0;
height: 50%;
width: 20%; }
#inside_room #inside_room_cards_wrapper #inside_room_cards_container div.loading_cards_container {
position: absolute;
width: 50%;
height: 28%;
background-image: url("../images/loading_logo.png");
background-size: 100%;
background-repeat: no-repeat;
background-position: center;
left: 50%;
top: 40%;
transform: translate(-50%, -50%); }
#inside_room #inside_room_cards_wrapper #inside_room_cards_container div.loading_cards_container::after {
content: url("../images/loading_bar.gif");
position: absolute;
left: 50%;
bottom: 0%;
transform: translate(-50%, -50%); }
#inside_room #inside_room_guest_winners {
display: none; }
#inside_room.game_selling #inside_room_selling_buy_cards {
display: flex !important; }
#inside_room.game_selling #inside_room_cards_wrapper #inside_room_refresh_cards {
display: block; }
#inside_room.game_guest #inside_room_name {
width: 30% !important; }
#inside_room.game_guest #inside_room_selling_buy_cards {
display: none !important; }
#inside_room.game_guest #inside_room_refresh_cards {
display: none !important; }
#inside_room.game_guest #change_room_button_container {
display: none !important; }
#inside_room.game_guest #inside_room_show_card_ids_container {
display: block !important; }
#inside_room.game_guest #inside_room_close {
display: none !important; }
#inside_room.game_guest #inside_room_chat {
display: none !important; }
#inside_room.game_guest.game_finished #inside_room_cards_wrapper #inside_room_cards_container .game_card .card_togo {
animation-play-state: paused !important; }
#inside_room.game_guest.game_finished #inside_room_cards_wrapper #inside_room_cards_container .won_card.won_card_0 {
order: -3 !important; }
#inside_room.game_guest.game_finished #inside_room_cards_wrapper #inside_room_cards_container .won_card.won_card_1 {
order: -2 !important; }
#inside_room.game_guest.game_finished #inside_room_cards_wrapper #inside_room_cards_container .won_card.won_card_2 {
order: -1 !important; }
#inside_room.game_guest.game_finished #inside_room_cards_wrapper #inside_room_cards_container .won_card .card_overlay_prizes {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
display: flex !important;
opacity: 1;
z-index: 109;
justify-content: center; }
#inside_room.game_guest.game_finished #inside_room_cards_wrapper #inside_room_cards_container .won_card .card_overlay_prizes .won_prize {
height: 70%;
width: 40%;
align-self: center;
position: relative; }
#inside_room.game_guest.game_finished #inside_room_cards_wrapper #inside_room_cards_container .won_card .card_overlay_prizes .won_prize span {
display: inline-block;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
font-size: 0.70vw;
line-height: 0.70vw;
letter-spacing: -1px;
text-transform: uppercase;
text-align: center;
color: #000000;
text-shadow: -1px -1px 0 #FFFFFF, -1px 0px 0 #FFFFFF, -1px 1px 0 #FFFFFF, 0px -1px 0 #FFFFFF, 0px 0px 0 #FFFFFF, 0px 1px 0 #FFFFFF, 1px -1px 0 #FFFFFF, 1px 0px 0 #FFFFFF, 1px 1px 0 #FFFFFF; }
#inside_room.game_guest.game_finished #inside_room_cards_wrapper #inside_room_cards_container .won_card .card_overlay_prizes .won_prize.won_prize_0 {
background-image: url("../images/new-wins/win1.png?ts=61");
background-size: contain;
background-repeat: no-repeat;
background-position: center center; }
#inside_room.game_guest.game_finished #inside_room_cards_wrapper #inside_room_cards_container .won_card .card_overlay_prizes .won_prize.won_prize_0 span {
font-size: 1vw; }
#inside_room.game_guest.game_finished #inside_room_cards_wrapper #inside_room_cards_container .won_card .card_overlay_prizes .won_prize.won_prize_1 {
background-image: url("../images/new-wins/win2.png?ts=61");
background-size: contain;
background-repeat: no-repeat;
background-position: center center; }
#inside_room.game_guest.game_finished #inside_room_cards_wrapper #inside_room_cards_container .won_card .card_overlay_prizes .won_prize.won_prize_2 {
background-image: url("../images/new-wins/win3.png?ts=61");
background-size: contain;
background-repeat: no-repeat;
background-position: center center; }
#inside_room.game_guest.game_finished #inside_room_cards_wrapper #inside_room_cards_container .won_card .card_overlay_prizes .won_prize.won_prize_3 {
background-image: url("../images/new-wins/win4.png?ts=61");
background-size: contain;
background-repeat: no-repeat;
background-position: center center; }
#inside_room.game_guest.game_finished #inside_room_cards_wrapper #inside_room_cards_container .won_card .card_overlay_prizes .won_prize.won_prize_4 {
background-image: url("../images/new-wins/win5.png?ts=61");
background-size: contain;
background-repeat: no-repeat;
background-position: center center; }
#inside_room.game_guest.game_finished #inside_room_cards_wrapper #inside_room_cards_container .won_card .card_overlay_prizes .won_prize.won_prize_5 {
background-image: url("../images/new-wins/win6.png?ts=61");
background-size: contain;
background-repeat: no-repeat;
background-position: center center; }
#inside_room.game_guest #inside_room_cards_wrapper #inside_room_cards_container .game_card .card_overlay_events {
display: none !important; }
#inside_room.game_playing #inside_room_pjp #inside_room_pjp_on_call #inside_room_pjp_on_call_container {
display: none !important; }
#inside_room.game_playing #inside_room_pjp #inside_room_pjp_on_call #inside_room_pjp_on_call_in_game_container {
display: block !important; }
#inside_room.game_playing #inside_room_info_time, #inside_room.game_finished #inside_room_info_time {
visibility: hidden; }
#inside_room.game_playing #inside_room_info #inside_room_info_prizes .inside_room_info_prize.current_prize, #inside_room.game_finished #inside_room_info #inside_room_info_prizes .inside_room_info_prize.current_prize {
background-color: #28a745 !important;
font-weight: bold;
color: white;
box-shadow: 0px -4px 0px #108029 inset !important; }
#inside_room.game_playing #inside_room_info #inside_room_info_prizes .inside_room_info_prize.current_prize .inside_room_info_prize_value, #inside_room.game_finished #inside_room_info #inside_room_info_prizes .inside_room_info_prize.current_prize .inside_room_info_prize_value {
color: white !important; }
#inside_room.game_playing #inside_room_info #inside_room_info_prizes .inside_room_info_prize.played_prize, #inside_room.game_finished #inside_room_info #inside_room_info_prizes .inside_room_info_prize.played_prize {
opacity: 0.4; }
#inside_room.game_playing.has_pattern #inside_room_info_pattern_container, #inside_room.game_finished.has_pattern #inside_room_info_pattern_container {
height: 35% !important;
width: 12% !important; }
#inside_room.game_playing.has_pattern #inside_room_info_pattern_container #inside_room_info_pattern_name_container, #inside_room.game_finished.has_pattern #inside_room_info_pattern_container #inside_room_info_pattern_name_container {
visibility: hidden !important; }
#inside_room.game_playing.has_pattern #inside_room_info_container, #inside_room.game_finished.has_pattern #inside_room_info_container {
width: 85% !important; }
#inside_room.game_playing #inside_room_animation, #inside_room.game_finished #inside_room_animation {
display: block !important; }
#inside_room.game_playing #inside_room_show_card_ids_container, #inside_room.game_finished #inside_room_show_card_ids_container {
display: block !important; }
#inside_room.game_playing #inside_room_cards_wrapper #inside_room_cards_container .game_card .card_overlay_events, #inside_room.game_finished #inside_room_cards_wrapper #inside_room_cards_container .game_card .card_overlay_events {
display: none; }
#inside_room.game_playing #inside_room_cards_wrapper #inside_room_cards_container.show_card_ids .game_card .game_card_id.with_card_id, #inside_room.game_finished #inside_room_cards_wrapper #inside_room_cards_container.show_card_ids .game_card .game_card_id.with_card_id {
display: block !important; }
#inside_room.with_min_max #inside_room_selling_buy_cards_min_max {
display: block !important;
visibility: visible !important; }
#inside_room.with_min_max #inside_room_selling_buy_cards_picked_container {
width: 24% !important;
left: 13% !important; }
#inside_room.with_min_max #inside_room_selling_buy_cards_picked_container #inside_room_selling_buy_cards_picked_container_amount {
left: 30% !important;
width: 40% !important; }
#inside_room.with_min_max #inside_room_selling_buy_cards_picked_container #inside_room_selling_buy_cards_picked_container_less {
width: 30% !important; }
#inside_room.with_min_max #inside_room_selling_buy_cards_picked_container #inside_room_selling_buy_cards_picked_container_more {
width: 30% !important; }
#inside_room.game_guest_cancelled #inside_room_cancelled_game {
position: absolute;
left: 41%;
top: 23%;
width: 29%;
height: 24%;
display: none;
background-size: 100% 100%;
z-index: 109;
overflow: hidden; }
#inside_room.game_guest_cancelled #inside_room_cancelled_game #inside_room_cancelled_game_text {
position: relative;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: #FFFFFF;
font-weight: bold;
text-align: center; }
#inside_room.show_guest_id #inside_room_cards_info {
width: 21% !important; }
#inside_room.show_guest_id.has_pjp #inside_room_guest_id {
top: 48%; }
#inside_room.show_guest_id.has_pjp.has_pattern #inside_room_guest_id {
top: 48.5%; }
#inside_room.show_guest_id #inside_room_guest_id {
display: block;
position: absolute;
width: 7.5%;
top: 47%;
left: 62.5%;
height: 4%;
background-color: #28a745;
color: #ffffff;
text-shadow: -1px -1px 0 #000000, -1px 0px 0 #000000, -1px 1px 0 #000000, 0px -1px 0 #000000, 0px 0px 0 #000000, 0px 1px 0 #000000, 1px -1px 0 #000000, 1px 0px 0 #000000, 1px 1px 0 #000000;
z-index: 1000;
border-radius: 5px;
box-sizing: content-box;
font-size: 0.9vw;
box-shadow: 0 -4px 0px #000000 inset; }
#inside_room.show_guest_id #inside_room_guest_id #inside_room_guest_id_value {
position: absolute;
top: 44%;
left: 50%;
transform: translate(-50%, -50%);
font-weight: bold; }
#inside_room.show_guest_id #inside_room_guest_id #inside_room_guest_id_info {
position: absolute;
top: 98%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 0.6vw;
color: #FFFFFF;
text-shadow: -2px -1px 0 #000000, -2px 0px 0 #000000, -2px 1px 0 #000000, -1px -2px 0 #000000, -1px -1px 0 #000000, -1px 0px 0 #000000, -1px 1px 0 #000000, -1px 2px 0 #000000, 0px -2px 0 #000000, 0px -1px 0 #000000, 0px 0px 0 #000000, 0px 1px 0 #000000, 0px 2px 0 #000000, 1px -2px 0 #000000, 1px -1px 0 #000000, 1px 0px 0 #000000, 1px 1px 0 #000000, 1px 2px 0 #000000, 2px -1px 0 #000000, 2px 0px 0 #000000, 2px 1px 0 #000000;
text-transform: uppercase; } }
#inside_room_cards_container_foo, #inside_room_cards_container_wrapper {
position: absolute;
overflow: hidden; }
#inside_room_cards_container_foo #inside_room_cards_container, #inside_room_cards_container_wrapper #inside_room_cards_container {
position: relative;
top: 0px;
left: 0px; }
#inside_room_cards_container_foo #inside_room_cards_container .game_card, #inside_room_cards_container_wrapper #inside_room_cards_container .game_card {
position: absolute;
background-color: #2364AA;
overflow: visible;
box-sizing: border-box;
border-radius: 6px;
border-bottom-left-radius: 0px; }
#inside_room_cards_container_foo #inside_room_cards_container .game_card .card_info, #inside_room_cards_container_wrapper #inside_room_cards_container .game_card .card_info {
position: absolute;
transform-origin: bottom left;
transform: rotate(-90deg);
bottom: 0px; }
#inside_room_cards_container_foo #inside_room_cards_container .game_card .card_info .card_togo, #inside_room_cards_container_wrapper #inside_room_cards_container .game_card .card_info .card_togo {
display: none;
position: relative;
left: 0px;
float: left;
background-color: #2364AA;
color: #FFFFFF;
height: 100%;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
overflow: hidden;
text-transform: uppercase;
margin-top: 0px;
padding-top: 0px;
font-family: 'Roboto Mono';
font-weight: normal; }
#inside_room_cards_container_foo #inside_room_cards_container .game_card .card_info .card_togo .tg_foo, #inside_room_cards_container_wrapper #inside_room_cards_container .game_card .card_info .card_togo .tg_foo {
padding-left: 0.2vw;
padding-right: 0.2vw;
opacity: 0;
letter-spacing: -1px;
font-weight: bold; }
#inside_room_cards_container_foo #inside_room_cards_container .game_card .card_info .card_togo .tg_real, #inside_room_cards_container_wrapper #inside_room_cards_container .game_card .card_info .card_togo .tg_real {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%) rotate(90deg);
text-align: center;
width: 1px;
word-wrap: break-word; }
#inside_room_cards_container_foo #inside_room_cards_container .game_card .card_info .card_togo .tg_real span, #inside_room_cards_container_wrapper #inside_room_cards_container .game_card .card_info .card_togo .tg_real span {
font-weight: bold; }
#inside_room_cards_container_foo #inside_room_cards_container .game_card .card_info .game_card_id, #inside_room_cards_container_wrapper #inside_room_cards_container .game_card .card_info .game_card_id {
display: none;
position: relative;
left: 0px;
top: 0px;
float: left;
background-color: #2364AA;
color: #FFFFFF;
height: 100%;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
letter-spacing: -1px;
font-weight: bold;
overflow: hidden;
text-transform: uppercase;
margin-right: 0.2vw; }
#inside_room_cards_container_foo #inside_room_cards_container .game_card .card_info .game_card_id div, #inside_room_cards_container_wrapper #inside_room_cards_container .game_card .card_info .game_card_id div {
position: relative;
top: 50%;
transform: translateY(-50%);
padding-left: 0.2vw;
padding-right: 0.2vw; }
#inside_room_cards_container_foo #inside_room_cards_container .game_card .card_info .card_status, #inside_room_cards_container_wrapper #inside_room_cards_container .game_card .card_info .card_status {
display: none;
position: relative;
left: 0px;
top: 0px;
float: left;
background-color: #2364AA;
color: #FFFFFF;
height: 100%;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
font-weight: bold;
overflow: hidden;
text-transform: uppercase;
margin-right: 0.2vw;
letter-spacing: 0px;
min-width: 75%;
text-align: center; }
#inside_room_cards_container_foo #inside_room_cards_container .game_card .card_info .card_status .card_status_selected, #inside_room_cards_container_wrapper #inside_room_cards_container .game_card .card_info .card_status .card_status_selected {
display: none; }
#inside_room_cards_container_foo #inside_room_cards_container .game_card .card_info .card_status .card_status_free, #inside_room_cards_container_wrapper #inside_room_cards_container .game_card .card_info .card_status .card_status_free {
display: none; }
#inside_room_cards_container_foo #inside_room_cards_container .game_card .card_info .card_status .card_status_bought, #inside_room_cards_container_wrapper #inside_room_cards_container .game_card .card_info .card_status .card_status_bought {
display: none; }
#inside_room_cards_container_foo #inside_room_cards_container .game_card .card_info .card_status div, #inside_room_cards_container_wrapper #inside_room_cards_container .game_card .card_info .card_status div {
position: relative;
top: 50%;
transform: translateY(-50%);
padding-left: 0.2vw;
padding-right: 0.2vw; }
#inside_room_cards_container_foo #inside_room_cards_container .game_card .card_numbers, #inside_room_cards_container_wrapper #inside_room_cards_container .game_card .card_numbers {
position: absolute;
left: 0px;
top: 0px; }
#inside_room_cards_container_foo #inside_room_cards_container .game_card .card_numbers .game_card_num, #inside_room_cards_container_wrapper #inside_room_cards_container .game_card .card_numbers .game_card_num {
display: inline-block;
position: absolute;
text-align: center;
border-radius: 5px; }
#inside_room_cards_container_foo #inside_room_cards_container .game_card .card_numbers .game_card_num.filled, #inside_room_cards_container_wrapper #inside_room_cards_container .game_card .card_numbers .game_card_num.filled {
background-color: white;
font-weight: bolder; }
#inside_room_cards_container_foo #inside_room_cards_container .game_card .card_numbers .game_card_num.served, #inside_room_cards_container_wrapper #inside_room_cards_container .game_card .card_numbers .game_card_num.served {
opacity: 0.5;
scale: 0.8; }
#inside_room_cards_container_foo #inside_room_cards_container .game_card .card_numbers .game_card_num.served::after, #inside_room_cards_container_wrapper #inside_room_cards_container .game_card .card_numbers .game_card_num.served::after {
font-weight: 900;
content: "\f00d";
font-family: Font Awesome\ 5 Free;
position: absolute;
height: 100%;
width: 100%;
left: 0px;
top: 0px;
opacity: 0.6;
color: red; }
#inside_room_cards_container_foo #inside_room_cards_container .game_card .card_numbers .game_card_num.with_pattern, #inside_room_cards_container_wrapper #inside_room_cards_container .game_card .card_numbers .game_card_num.with_pattern {
background-color: #3fa9f5;
color: white; }
#inside_room_cards_container_foo #inside_room_cards_container .game_card .card_numbers .game_card_num.with_pattern.served, #inside_room_cards_container_wrapper #inside_room_cards_container .game_card .card_numbers .game_card_num.with_pattern.served {
background-color: #39df10; }
#inside_room_cards_container_foo #inside_room_cards_container .game_card .card_overlay_events, #inside_room_cards_container_wrapper #inside_room_cards_container .game_card .card_overlay_events {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
opacity: 0;
background-color: red;
z-index: 110;
cursor: pointer; }
#inside_room_cards_container_foo #inside_room_cards_container .game_card .card_overlay_prizes, #inside_room_cards_container_wrapper #inside_room_cards_container .game_card .card_overlay_prizes {
display: none; }
#inside_room_cards_container_foo #inside_room_cards_container .game_card_normal, #inside_room_cards_container_wrapper #inside_room_cards_container .game_card_normal {
border-color: #2364AA; }
#inside_room_cards_container_foo #inside_room_cards_container .game_card_normal .game_card_num, #inside_room_cards_container_wrapper #inside_room_cards_container .game_card_normal .game_card_num {
border-color: #2364AA; }
#inside_room_cards_container_foo #inside_room_cards_container .game_card_normal.game_card_90 .card_numbers .game_card_num.empty, #inside_room_cards_container_wrapper #inside_room_cards_container .game_card_normal.game_card_90 .card_numbers .game_card_num.empty {
background-color: #2CA6DF; }
#inside_room_cards_container_foo #inside_room_cards_container .game_card.selected .card_info .card_status .card_status_available, #inside_room_cards_container_wrapper #inside_room_cards_container .game_card.selected .card_info .card_status .card_status_available {
display: none; }
#inside_room_cards_container_foo #inside_room_cards_container .game_card.selected .card_info .card_status .card_status_selected, #inside_room_cards_container_wrapper #inside_room_cards_container .game_card.selected .card_info .card_status .card_status_selected {
display: block; }
#inside_room_cards_container_foo #inside_room_cards_container .game_card.selected.free .card_info .card_status .card_status_selected, #inside_room_cards_container_wrapper #inside_room_cards_container .game_card.selected.free .card_info .card_status .card_status_selected {
display: none; }
#inside_room_cards_container_foo #inside_room_cards_container .game_card.selected.free .card_info .card_status .card_status_free, #inside_room_cards_container_wrapper #inside_room_cards_container .game_card.selected.free .card_info .card_status .card_status_free {
display: block; }
#inside_room_cards_container_foo #inside_room_cards_container .game_card.bought .card_info .card_status .card_status_available, #inside_room_cards_container_wrapper #inside_room_cards_container .game_card.bought .card_info .card_status .card_status_available {
display: none; }
#inside_room_cards_container_foo #inside_room_cards_container .game_card.bought .card_info .card_status .card_status_bought, #inside_room_cards_container_wrapper #inside_room_cards_container .game_card.bought .card_info .card_status .card_status_bought {
display: block; }
#inside_room_cards_container_foo #inside_room_cards_container .game_card.bought.free .card_info .card_status .card_status_bought, #inside_room_cards_container_wrapper #inside_room_cards_container .game_card.bought.free .card_info .card_status .card_status_bought {
display: none; }
#inside_room_cards_container_foo #inside_room_cards_container .game_card.bought.free .card_info .card_status .card_status_free, #inside_room_cards_container_wrapper #inside_room_cards_container .game_card.bought.free .card_info .card_status .card_status_free {
display: block; }
#inside_room_cards_container_foo #inside_room_cards_container .game_card.hovered, #inside_room_cards_container_wrapper #inside_room_cards_container .game_card.hovered {
background-color: #efad01 ;
border-color: #efad01 ; }
#inside_room_cards_container_foo #inside_room_cards_container .game_card.hovered .card_numbers .game_card_num, #inside_room_cards_container_wrapper #inside_room_cards_container .game_card.hovered .card_numbers .game_card_num {
border-color: #efad01 ; }
#inside_room_cards_container_foo #inside_room_cards_container .game_card.hovered.game_card_90 .card_numbers .game_card_num.empty, #inside_room_cards_container_wrapper #inside_room_cards_container .game_card.hovered.game_card_90 .card_numbers .game_card_num.empty {
background-color: #ffcf08 !important; }
#inside_room_cards_container_foo #inside_room_cards_container .game_card.hovered.game_card_75 .card_numbers .game_card_num.empty, #inside_room_cards_container_wrapper #inside_room_cards_container .game_card.hovered.game_card_75 .card_numbers .game_card_num.empty {
background-color: white; }
#inside_room_cards_container_foo #inside_room_cards_container .game_card.hovered.game_card_75 .card_numbers .game_card_num.empty.with_pattern, #inside_room_cards_container_wrapper #inside_room_cards_container .game_card.hovered.game_card_75 .card_numbers .game_card_num.empty.with_pattern {
opacity: 0.5;
scale: 0.8; }
#inside_room_cards_container_foo #inside_room_cards_container .game_card.hovered.game_card_75 .card_numbers .game_card_num.filled:not(.with_pattern), #inside_room_cards_container_wrapper #inside_room_cards_container .game_card.hovered.game_card_75 .card_numbers .game_card_num.filled:not(.with_pattern) {
background-color: #ffcf08 ; }
#inside_room_cards_container_foo #inside_room_cards_container .game_card.hovered.game_card_75 .card_numbers .game_card_num.empty:not(.with_pattern), #inside_room_cards_container_wrapper #inside_room_cards_container .game_card.hovered.game_card_75 .card_numbers .game_card_num.empty:not(.with_pattern) {
background-color: #ffcf08 ; }
#inside_room_cards_container_foo #inside_room_cards_container .game_card.hovered .card_status, #inside_room_cards_container_wrapper #inside_room_cards_container .game_card.hovered .card_status {
background-color: #efad01 ;
color: #000000; }
#inside_room_cards_container_foo #inside_room_cards_container .game_card.hovered .card_togo, #inside_room_cards_container_wrapper #inside_room_cards_container .game_card.hovered .card_togo {
background-color: #efad01 ;
color: #000000; }
#inside_room_cards_container_foo #inside_room_cards_container .game_card.hovered .game_card_id, #inside_room_cards_container_wrapper #inside_room_cards_container .game_card.hovered .game_card_id {
background-color: #efad01 ;
color: #000000; }
#inside_room_cards_container_foo #inside_room_cards_container .game_card.hovered .card_status, #inside_room_cards_container_wrapper #inside_room_cards_container .game_card.hovered .card_status {
background-color: #efad01 ;
color: #000000; }
#inside_room_cards_container_foo #inside_room_cards_container .game_card.selected, #inside_room_cards_container_wrapper #inside_room_cards_container .game_card.selected {
background-color: #d89601 !important;
border-color: #d89601 !important; }
#inside_room_cards_container_foo #inside_room_cards_container .game_card.selected .card_numbers .game_card_num, #inside_room_cards_container_wrapper #inside_room_cards_container .game_card.selected .card_numbers .game_card_num {
border-color: #d89601 !important; }
#inside_room_cards_container_foo #inside_room_cards_container .game_card.selected.game_card_90 .card_numbers .game_card_num.empty, #inside_room_cards_container_wrapper #inside_room_cards_container .game_card.selected.game_card_90 .card_numbers .game_card_num.empty {
background-color: #f0c208 !important; }
#inside_room_cards_container_foo #inside_room_cards_container .game_card.selected.game_card_75 .card_numbers .game_card_num.empty, #inside_room_cards_container_wrapper #inside_room_cards_container .game_card.selected.game_card_75 .card_numbers .game_card_num.empty {
background-color: white; }
#inside_room_cards_container_foo #inside_room_cards_container .game_card.selected.game_card_75 .card_numbers .game_card_num.empty.with_pattern, #inside_room_cards_container_wrapper #inside_room_cards_container .game_card.selected.game_card_75 .card_numbers .game_card_num.empty.with_pattern {
opacity: 0.5;
scale: 0.8; }
#inside_room_cards_container_foo #inside_room_cards_container .game_card.selected.game_card_75 .card_numbers .game_card_num.filled:not(.with_pattern), #inside_room_cards_container_wrapper #inside_room_cards_container .game_card.selected.game_card_75 .card_numbers .game_card_num.filled:not(.with_pattern) {
background-color: #f0c208 !important; }
#inside_room_cards_container_foo #inside_room_cards_container .game_card.selected.game_card_75 .card_numbers .game_card_num.empty:not(.with_pattern), #inside_room_cards_container_wrapper #inside_room_cards_container .game_card.selected.game_card_75 .card_numbers .game_card_num.empty:not(.with_pattern) {
background-color: #f0c208 !important; }
#inside_room_cards_container_foo #inside_room_cards_container .game_card.selected .card_status, #inside_room_cards_container_wrapper #inside_room_cards_container .game_card.selected .card_status {
background-color: #d89601 !important;
color: #000000; }
#inside_room_cards_container_foo #inside_room_cards_container .game_card.selected .card_togo, #inside_room_cards_container_wrapper #inside_room_cards_container .game_card.selected .card_togo {
background-color: #d89601 !important;
color: #000000; }
#inside_room_cards_container_foo #inside_room_cards_container .game_card.selected .game_card_id, #inside_room_cards_container_wrapper #inside_room_cards_container .game_card.selected .game_card_id {
background-color: #d89601 !important;
color: #000000; }
#inside_room_cards_container_foo #inside_room_cards_container .game_card.selected .card_status, #inside_room_cards_container_wrapper #inside_room_cards_container .game_card.selected .card_status {
background-color: #d89601 !important;
color: #000000; }
#inside_room_cards_container_foo #inside_room_cards_container .game_card.bought, #inside_room_cards_container_wrapper #inside_room_cards_container .game_card.bought {
background-color: #F0C808 !important;
border-color: #F0C808 !important; }
#inside_room_cards_container_foo #inside_room_cards_container .game_card.bought .card_numbers .game_card_num, #inside_room_cards_container_wrapper #inside_room_cards_container .game_card.bought .card_numbers .game_card_num {
border-color: #F0C808 !important; }
#inside_room_cards_container_foo #inside_room_cards_container .game_card.bought.game_card_90 .card_numbers .game_card_num.empty, #inside_room_cards_container_wrapper #inside_room_cards_container .game_card.bought.game_card_90 .card_numbers .game_card_num.empty {
background-color: #F0DE81 !important; }
#inside_room_cards_container_foo #inside_room_cards_container .game_card.bought.game_card_75 .card_numbers .game_card_num.empty, #inside_room_cards_container_wrapper #inside_room_cards_container .game_card.bought.game_card_75 .card_numbers .game_card_num.empty {
background-color: white; }
#inside_room_cards_container_foo #inside_room_cards_container .game_card.bought.game_card_75 .card_numbers .game_card_num.empty.with_pattern, #inside_room_cards_container_wrapper #inside_room_cards_container .game_card.bought.game_card_75 .card_numbers .game_card_num.empty.with_pattern {
opacity: 0.5;
scale: 0.8; }
#inside_room_cards_container_foo #inside_room_cards_container .game_card.bought.game_card_75 .card_numbers .game_card_num.filled:not(.with_pattern), #inside_room_cards_container_wrapper #inside_room_cards_container .game_card.bought.game_card_75 .card_numbers .game_card_num.filled:not(.with_pattern) {
background-color: #F0DE81 !important; }
#inside_room_cards_container_foo #inside_room_cards_container .game_card.bought.game_card_75 .card_numbers .game_card_num.empty:not(.with_pattern), #inside_room_cards_container_wrapper #inside_room_cards_container .game_card.bought.game_card_75 .card_numbers .game_card_num.empty:not(.with_pattern) {
background-color: #F0DE81 !important; }
#inside_room_cards_container_foo #inside_room_cards_container .game_card.bought .card_status, #inside_room_cards_container_wrapper #inside_room_cards_container .game_card.bought .card_status {
background-color: #F0C808 !important;
color: #000000; }
#inside_room_cards_container_foo #inside_room_cards_container .game_card.bought .card_togo, #inside_room_cards_container_wrapper #inside_room_cards_container .game_card.bought .card_togo {
background-color: #F0C808 !important;
color: #000000; }
#inside_room_cards_container_foo #inside_room_cards_container .game_card.bought .game_card_id, #inside_room_cards_container_wrapper #inside_room_cards_container .game_card.bought .game_card_id {
background-color: #F0C808 !important;
color: #000000; }
#inside_room_cards_container_foo #inside_room_cards_container .game_card.bought .card_status, #inside_room_cards_container_wrapper #inside_room_cards_container .game_card.bought .card_status {
background-color: #F0C808 !important;
color: #000000; }
#inside_room_cards_container_foo #inside_room_cards_container .game_card.to_go_3, #inside_room_cards_container_wrapper #inside_room_cards_container .game_card.to_go_3 {
background-color: #006837 !important;
border-color: #006837 !important; }
#inside_room_cards_container_foo #inside_room_cards_container .game_card.to_go_3 .card_numbers .game_card_num, #inside_room_cards_container_wrapper #inside_room_cards_container .game_card.to_go_3 .card_numbers .game_card_num {
border-color: #006837 !important; }
#inside_room_cards_container_foo #inside_room_cards_container .game_card.to_go_3 .card_numbers .game_card_num.to_go_number, #inside_room_cards_container_wrapper #inside_room_cards_container .game_card.to_go_3 .card_numbers .game_card_num.to_go_number {
background-color: #2c5441;
z-index: 1;
animation: 1500ms linear;
animation-iteration-count: infinite;
animation-fill-mode: forwards;
animation-name: การเคลื่อนไหวที่-6; }
#inside_room_cards_container_foo #inside_room_cards_container .game_card.to_go_3 .card_numbers .game_card_num.to_go_number span, #inside_room_cards_container_wrapper #inside_room_cards_container .game_card.to_go_3 .card_numbers .game_card_num.to_go_number span {
display: block;
color: #FFFFFF !important;
text-shadow: -1px -1px 0 #2c5441, -1px 0px 0 #2c5441, -1px 1px 0 #2c5441, 0px -1px 0 #2c5441, 0px 0px 0 #2c5441, 0px 1px 0 #2c5441, 1px -1px 0 #2c5441, 1px 0px 0 #2c5441, 1px 1px 0 #2c5441; }
@keyframes การเคลื่อนไหวที่-6 {
0% {
scale: 1;
background-color: #2c5441; }
50% {
scale: 1.10;
background-color: #4f9775; }
100% {
scale: 1;
background-color: #2c5441; } }
#inside_room_cards_container_foo #inside_room_cards_container .game_card.to_go_3 .card_numbers .game_card_num.with_pattern.to_go_number, #inside_room_cards_container_wrapper #inside_room_cards_container .game_card.to_go_3 .card_numbers .game_card_num.with_pattern.to_go_number {
background-color: #2c5441;
z-index: 1;
animation: 1500ms linear;
animation-iteration-count: infinite;
animation-fill-mode: forwards;
animation-name: การเคลื่อนไหวที่-7; }
#inside_room_cards_container_foo #inside_room_cards_container .game_card.to_go_3 .card_numbers .game_card_num.with_pattern.to_go_number span, #inside_room_cards_container_wrapper #inside_room_cards_container .game_card.to_go_3 .card_numbers .game_card_num.with_pattern.to_go_number span {
display: block;
color: #FFFFFF !important;
text-shadow: -1px -1px 0 #2c5441, -1px 0px 0 #2c5441, -1px 1px 0 #2c5441, 0px -1px 0 #2c5441, 0px 0px 0 #2c5441, 0px 1px 0 #2c5441, 1px -1px 0 #2c5441, 1px 0px 0 #2c5441, 1px 1px 0 #2c5441; }
@keyframes การเคลื่อนไหวที่-7 {
0% {
scale: 1;
background-color: #2c5441; }
50% {
scale: 1.10;
background-color: #4f9775; }
100% {
scale: 1;
background-color: #2c5441; } }
#inside_room_cards_container_foo #inside_room_cards_container .game_card.to_go_3.game_card_90 .card_numbers .game_card_num.empty, #inside_room_cards_container_wrapper #inside_room_cards_container .game_card.to_go_3.game_card_90 .card_numbers .game_card_num.empty {
background-color: #009245 !important; }
#inside_room_cards_container_foo #inside_room_cards_container .game_card.to_go_3.game_card_75 .card_numbers .game_card_num.empty, #inside_room_cards_container_wrapper #inside_room_cards_container .game_card.to_go_3.game_card_75 .card_numbers .game_card_num.empty {
background-color: white; }
#inside_room_cards_container_foo #inside_room_cards_container .game_card.to_go_3.game_card_75 .card_numbers .game_card_num.empty.with_pattern, #inside_room_cards_container_wrapper #inside_room_cards_container .game_card.to_go_3.game_card_75 .card_numbers .game_card_num.empty.with_pattern {
opacity: 0.5;
scale: 0.8; }
#inside_room_cards_container_foo #inside_room_cards_container .game_card.to_go_3.game_card_75 .card_numbers .game_card_num.filled:not(.with_pattern), #inside_room_cards_container_wrapper #inside_room_cards_container .game_card.to_go_3.game_card_75 .card_numbers .game_card_num.filled:not(.with_pattern) {
background-color: #009245 !important; }
#inside_room_cards_container_foo #inside_room_cards_container .game_card.to_go_3.game_card_75 .card_numbers .game_card_num.empty:not(.with_pattern), #inside_room_cards_container_wrapper #inside_room_cards_container .game_card.to_go_3.game_card_75 .card_numbers .game_card_num.empty:not(.with_pattern) {
background-color: #009245 !important; }
#inside_room_cards_container_foo #inside_room_cards_container .game_card.to_go_3 .card_status, #inside_room_cards_container_wrapper #inside_room_cards_container .game_card.to_go_3 .card_status {
background-color: #006837 !important;
color: #000000; }
#inside_room_cards_container_foo #inside_room_cards_container .game_card.to_go_3 .card_togo, #inside_room_cards_container_wrapper #inside_room_cards_container .game_card.to_go_3 .card_togo {
background-color: #006837 !important;
color: #000000; }
#inside_room_cards_container_foo #inside_room_cards_container .game_card.to_go_3 .game_card_id, #inside_room_cards_container_wrapper #inside_room_cards_container .game_card.to_go_3 .game_card_id {
background-color: #006837 !important;
color: #000000; }
#inside_room_cards_container_foo #inside_room_cards_container .game_card.to_go_3 .card_status, #inside_room_cards_container_wrapper #inside_room_cards_container .game_card.to_go_3 .card_status {
background-color: #006837 !important;
color: #000000; }
#inside_room_cards_container_foo #inside_room_cards_container .game_card.to_go_2, #inside_room_cards_container_wrapper #inside_room_cards_container .game_card.to_go_2 {
background-color: #dbd325 !important;
border-color: #dbd325 !important; }
#inside_room_cards_container_foo #inside_room_cards_container .game_card.to_go_2 .card_numbers .game_card_num, #inside_room_cards_container_wrapper #inside_room_cards_container .game_card.to_go_2 .card_numbers .game_card_num {
border-color: #dbd325 !important; }
#inside_room_cards_container_foo #inside_room_cards_container .game_card.to_go_2 .card_numbers .game_card_num.to_go_number, #inside_room_cards_container_wrapper #inside_room_cards_container .game_card.to_go_2 .card_numbers .game_card_num.to_go_number {
background-color: #888530;
z-index: 1;
animation: 1000ms linear;
animation-iteration-count: infinite;
animation-fill-mode: forwards;
animation-name: การเคลื่อนไหวที่-8; }
#inside_room_cards_container_foo #inside_room_cards_container .game_card.to_go_2 .card_numbers .game_card_num.to_go_number span, #inside_room_cards_container_wrapper #inside_room_cards_container .game_card.to_go_2 .card_numbers .game_card_num.to_go_number span {
display: block;
color: #FFFFFF !important;
text-shadow: -1px -1px 0 #888530, -1px 0px 0 #888530, -1px 1px 0 #888530, 0px -1px 0 #888530, 0px 0px 0 #888530, 0px 1px 0 #888530, 1px -1px 0 #888530, 1px 0px 0 #888530, 1px 1px 0 #888530; }
@keyframes การเคลื่อนไหวที่-8 {
0% {
scale: 1;
background-color: #888530; }
50% {
scale: 1.10;
background-color: #c5c159; }
100% {
scale: 1;
background-color: #888530; } }
#inside_room_cards_container_foo #inside_room_cards_container .game_card.to_go_2 .card_numbers .game_card_num.with_pattern.to_go_number, #inside_room_cards_container_wrapper #inside_room_cards_container .game_card.to_go_2 .card_numbers .game_card_num.with_pattern.to_go_number {
background-color: #888530;
z-index: 1;
animation: 1000ms linear;
animation-iteration-count: infinite;
animation-fill-mode: forwards;
animation-name: การเคลื่อนไหวที่-9; }
#inside_room_cards_container_foo #inside_room_cards_container .game_card.to_go_2 .card_numbers .game_card_num.with_pattern.to_go_number span, #inside_room_cards_container_wrapper #inside_room_cards_container .game_card.to_go_2 .card_numbers .game_card_num.with_pattern.to_go_number span {
display: block;
color: #FFFFFF !important;
text-shadow: -1px -1px 0 #888530, -1px 0px 0 #888530, -1px 1px 0 #888530, 0px -1px 0 #888530, 0px 0px 0 #888530, 0px 1px 0 #888530, 1px -1px 0 #888530, 1px 0px 0 #888530, 1px 1px 0 #888530; }
@keyframes การเคลื่อนไหวที่-9 {
0% {
scale: 1;
background-color: #888530; }
50% {
scale: 1.10;
background-color: #c5c159; }
100% {
scale: 1;
background-color: #888530; } }
#inside_room_cards_container_foo #inside_room_cards_container .game_card.to_go_2.game_card_90 .card_numbers .game_card_num.empty, #inside_room_cards_container_wrapper #inside_room_cards_container .game_card.to_go_2.game_card_90 .card_numbers .game_card_num.empty {
background-color: #f4ea78 !important; }
#inside_room_cards_container_foo #inside_room_cards_container .game_card.to_go_2.game_card_75 .card_numbers .game_card_num.empty, #inside_room_cards_container_wrapper #inside_room_cards_container .game_card.to_go_2.game_card_75 .card_numbers .game_card_num.empty {
background-color: white; }
#inside_room_cards_container_foo #inside_room_cards_container .game_card.to_go_2.game_card_75 .card_numbers .game_card_num.empty.with_pattern, #inside_room_cards_container_wrapper #inside_room_cards_container .game_card.to_go_2.game_card_75 .card_numbers .game_card_num.empty.with_pattern {
opacity: 0.5;
scale: 0.8; }
#inside_room_cards_container_foo #inside_room_cards_container .game_card.to_go_2.game_card_75 .card_numbers .game_card_num.filled:not(.with_pattern), #inside_room_cards_container_wrapper #inside_room_cards_container .game_card.to_go_2.game_card_75 .card_numbers .game_card_num.filled:not(.with_pattern) {
background-color: #f4ea78 !important; }
#inside_room_cards_container_foo #inside_room_cards_container .game_card.to_go_2.game_card_75 .card_numbers .game_card_num.empty:not(.with_pattern), #inside_room_cards_container_wrapper #inside_room_cards_container .game_card.to_go_2.game_card_75 .card_numbers .game_card_num.empty:not(.with_pattern) {
background-color: #f4ea78 !important; }
#inside_room_cards_container_foo #inside_room_cards_container .game_card.to_go_2 .card_status, #inside_room_cards_container_wrapper #inside_room_cards_container .game_card.to_go_2 .card_status {
background-color: #dbd325 !important;
color: #000000; }
#inside_room_cards_container_foo #inside_room_cards_container .game_card.to_go_2 .card_togo, #inside_room_cards_container_wrapper #inside_room_cards_container .game_card.to_go_2 .card_togo {
background-color: #dbd325 !important;
color: #000000; }
#inside_room_cards_container_foo #inside_room_cards_container .game_card.to_go_2 .game_card_id, #inside_room_cards_container_wrapper #inside_room_cards_container .game_card.to_go_2 .game_card_id {
background-color: #dbd325 !important;
color: #000000; }
#inside_room_cards_container_foo #inside_room_cards_container .game_card.to_go_2 .card_status, #inside_room_cards_container_wrapper #inside_room_cards_container .game_card.to_go_2 .card_status {
background-color: #dbd325 !important;
color: #000000; }
#inside_room_cards_container_foo #inside_room_cards_container .game_card.to_go_1, #inside_room_cards_container_wrapper #inside_room_cards_container .game_card.to_go_1 {
background-color: #dd1c1a !important;
border-color: #dd1c1a !important; }
#inside_room_cards_container_foo #inside_room_cards_container .game_card.to_go_1 .card_numbers .game_card_num, #inside_room_cards_container_wrapper #inside_room_cards_container .game_card.to_go_1 .card_numbers .game_card_num {
border-color: #dd1c1a !important; }
#inside_room_cards_container_foo #inside_room_cards_container .game_card.to_go_1 .card_numbers .game_card_num.to_go_number, #inside_room_cards_container_wrapper #inside_room_cards_container .game_card.to_go_1 .card_numbers .game_card_num.to_go_number {
background-color: #c61e1d;
z-index: 1;
animation: 500ms linear;
animation-iteration-count: infinite;
animation-fill-mode: forwards;
animation-name: การเคลื่อนไหวที่-10; }
#inside_room_cards_container_foo #inside_room_cards_container .game_card.to_go_1 .card_numbers .game_card_num.to_go_number span, #inside_room_cards_container_wrapper #inside_room_cards_container .game_card.to_go_1 .card_numbers .game_card_num.to_go_number span {
display: block;
color: #FFFFFF !important;
text-shadow: -1px -1px 0 #c61e1d, -1px 0px 0 #c61e1d, -1px 1px 0 #c61e1d, 0px -1px 0 #c61e1d, 0px 0px 0 #c61e1d, 0px 1px 0 #c61e1d, 1px -1px 0 #c61e1d, 1px 0px 0 #c61e1d, 1px 1px 0 #c61e1d; }
@keyframes การเคลื่อนไหวที่-10 {
0% {
scale: 1;
background-color: #c61e1d; }
50% {
scale: 1.10;
background-color: #e86261; }
100% {
scale: 1;
background-color: #c61e1d; } }
#inside_room_cards_container_foo #inside_room_cards_container .game_card.to_go_1 .card_numbers .game_card_num.with_pattern.to_go_number, #inside_room_cards_container_wrapper #inside_room_cards_container .game_card.to_go_1 .card_numbers .game_card_num.with_pattern.to_go_number {
background-color: #c61e1d;
z-index: 1;
animation: 500ms linear;
animation-iteration-count: infinite;
animation-fill-mode: forwards;
animation-name: การเคลื่อนไหวที่-11; }
#inside_room_cards_container_foo #inside_room_cards_container .game_card.to_go_1 .card_numbers .game_card_num.with_pattern.to_go_number span, #inside_room_cards_container_wrapper #inside_room_cards_container .game_card.to_go_1 .card_numbers .game_card_num.with_pattern.to_go_number span {
display: block;
color: #FFFFFF !important;
text-shadow: -1px -1px 0 #c61e1d, -1px 0px 0 #c61e1d, -1px 1px 0 #c61e1d, 0px -1px 0 #c61e1d, 0px 0px 0 #c61e1d, 0px 1px 0 #c61e1d, 1px -1px 0 #c61e1d, 1px 0px 0 #c61e1d, 1px 1px 0 #c61e1d; }
@keyframes การเคลื่อนไหวที่-11 {
0% {
scale: 1;
background-color: #c61e1d; }
50% {
scale: 1.10;
background-color: #e86261; }
100% {
scale: 1;
background-color: #c61e1d; } }
#inside_room_cards_container_foo #inside_room_cards_container .game_card.to_go_1.game_card_90 .card_numbers .game_card_num.empty, #inside_room_cards_container_wrapper #inside_room_cards_container .game_card.to_go_1.game_card_90 .card_numbers .game_card_num.empty {
background-color: #DD5E00 !important; }
#inside_room_cards_container_foo #inside_room_cards_container .game_card.to_go_1.game_card_75 .card_numbers .game_card_num.empty, #inside_room_cards_container_wrapper #inside_room_cards_container .game_card.to_go_1.game_card_75 .card_numbers .game_card_num.empty {
background-color: white; }
#inside_room_cards_container_foo #inside_room_cards_container .game_card.to_go_1.game_card_75 .card_numbers .game_card_num.empty.with_pattern, #inside_room_cards_container_wrapper #inside_room_cards_container .game_card.to_go_1.game_card_75 .card_numbers .game_card_num.empty.with_pattern {
opacity: 0.5;
scale: 0.8; }
#inside_room_cards_container_foo #inside_room_cards_container .game_card.to_go_1.game_card_75 .card_numbers .game_card_num.filled:not(.with_pattern), #inside_room_cards_container_wrapper #inside_room_cards_container .game_card.to_go_1.game_card_75 .card_numbers .game_card_num.filled:not(.with_pattern) {
background-color: #DD5E00 !important; }
#inside_room_cards_container_foo #inside_room_cards_container .game_card.to_go_1.game_card_75 .card_numbers .game_card_num.empty:not(.with_pattern), #inside_room_cards_container_wrapper #inside_room_cards_container .game_card.to_go_1.game_card_75 .card_numbers .game_card_num.empty:not(.with_pattern) {
background-color: #DD5E00 !important; }
#inside_room_cards_container_foo #inside_room_cards_container .game_card.to_go_1 .card_status, #inside_room_cards_container_wrapper #inside_room_cards_container .game_card.to_go_1 .card_status {
background-color: #dd1c1a !important;
color: #000000; }
#inside_room_cards_container_foo #inside_room_cards_container .game_card.to_go_1 .card_togo, #inside_room_cards_container_wrapper #inside_room_cards_container .game_card.to_go_1 .card_togo {
background-color: #dd1c1a !important;
color: #000000; }
#inside_room_cards_container_foo #inside_room_cards_container .game_card.to_go_1 .game_card_id, #inside_room_cards_container_wrapper #inside_room_cards_container .game_card.to_go_1 .game_card_id {
background-color: #dd1c1a !important;
color: #000000; }
#inside_room_cards_container_foo #inside_room_cards_container .game_card.to_go_1 .card_status, #inside_room_cards_container_wrapper #inside_room_cards_container .game_card.to_go_1 .card_status {
background-color: #dd1c1a !important;
color: #000000; }
#inside_room_cards_container_foo #inside_room_cards_container .game_card.to_go_0, #inside_room_cards_container_wrapper #inside_room_cards_container .game_card.to_go_0 {
background-color: #d8d8d8 !important;
border-color: #d8d8d8 !important; }
#inside_room_cards_container_foo #inside_room_cards_container .game_card.to_go_0 .card_numbers .game_card_num, #inside_room_cards_container_wrapper #inside_room_cards_container .game_card.to_go_0 .card_numbers .game_card_num {
border-color: #d8d8d8 !important; }
#inside_room_cards_container_foo #inside_room_cards_container .game_card.to_go_0.game_card_90 .card_numbers .game_card_num.empty, #inside_room_cards_container_wrapper #inside_room_cards_container .game_card.to_go_0.game_card_90 .card_numbers .game_card_num.empty {
background-color: #f3f3f3 !important; }
#inside_room_cards_container_foo #inside_room_cards_container .game_card.to_go_0.game_card_75 .card_numbers .game_card_num.empty, #inside_room_cards_container_wrapper #inside_room_cards_container .game_card.to_go_0.game_card_75 .card_numbers .game_card_num.empty {
background-color: white; }
#inside_room_cards_container_foo #inside_room_cards_container .game_card.to_go_0.game_card_75 .card_numbers .game_card_num.empty.with_pattern, #inside_room_cards_container_wrapper #inside_room_cards_container .game_card.to_go_0.game_card_75 .card_numbers .game_card_num.empty.with_pattern {
opacity: 0.5;
scale: 0.8; }
#inside_room_cards_container_foo #inside_room_cards_container .game_card.to_go_0.game_card_75 .card_numbers .game_card_num.filled:not(.with_pattern), #inside_room_cards_container_wrapper #inside_room_cards_container .game_card.to_go_0.game_card_75 .card_numbers .game_card_num.filled:not(.with_pattern) {
background-color: #f3f3f3 !important; }
#inside_room_cards_container_foo #inside_room_cards_container .game_card.to_go_0.game_card_75 .card_numbers .game_card_num.empty:not(.with_pattern), #inside_room_cards_container_wrapper #inside_room_cards_container .game_card.to_go_0.game_card_75 .card_numbers .game_card_num.empty:not(.with_pattern) {
background-color: #f3f3f3 !important; }
#inside_room_cards_container_foo #inside_room_cards_container .game_card.to_go_0 .card_status, #inside_room_cards_container_wrapper #inside_room_cards_container .game_card.to_go_0 .card_status {
background-color: #d8d8d8 !important;
color: #000000; }
#inside_room_cards_container_foo #inside_room_cards_container .game_card.to_go_0 .card_togo, #inside_room_cards_container_wrapper #inside_room_cards_container .game_card.to_go_0 .card_togo {
background-color: #d8d8d8 !important;
color: #000000; }
#inside_room_cards_container_foo #inside_room_cards_container .game_card.to_go_0 .game_card_id, #inside_room_cards_container_wrapper #inside_room_cards_container .game_card.to_go_0 .game_card_id {
background-color: #d8d8d8 !important;
color: #000000; }
#inside_room_cards_container_foo #inside_room_cards_container .game_card.to_go_0 .card_status, #inside_room_cards_container_wrapper #inside_room_cards_container .game_card.to_go_0 .card_status {
background-color: #d8d8d8 !important;
color: #000000; }
#inside_room_cards_container_foo #inside_room_cards_container .to_go_3 .card_togo, #inside_room_cards_container_wrapper #inside_room_cards_container .to_go_3 .card_togo {
display: block !important; }
#inside_room_cards_container_foo #inside_room_cards_container .to_go_2 .card_togo, #inside_room_cards_container_wrapper #inside_room_cards_container .to_go_2 .card_togo {
display: block !important; }
#inside_room_cards_container_foo #inside_room_cards_container .to_go_1 .card_togo, #inside_room_cards_container_wrapper #inside_room_cards_container .to_go_1 .card_togo {
display: block !important; }
#inside_room_cards_container_foo #inside_room_cards_container .to_go_0 .card_togo, #inside_room_cards_container_wrapper #inside_room_cards_container .to_go_0 .card_togo {
display: none !important; }
@media (min-width: 576px) {
#inside_room_cards_container_foo, #inside_room_cards_container_wrapper {
top: 9%;
left: 3%;
width: 95%;
height: 89%; }
#inside_room_cards_container_wrapper {
width: 96% !important; }
#inside_room_cards_container_wrapper #inside_room_cards_container.size_1 .game_card_90 {
font-size: 0.8vw;
letter-spacing: -1px; }
#inside_room_cards_container_wrapper #inside_room_cards_container.size_1 .game_card_90 .card_togo {
font-size: 0.5vw;
line-height: 0.45vw;
font-size: 0.5vw;
line-height: 0.425vw; }
#inside_room_cards_container_wrapper #inside_room_cards_container.size_1 .game_card_90 .card_togo .tg_real {
margin-top: -0.125vw !important; }
#inside_room_cards_container_wrapper #inside_room_cards_container.size_1 .game_card_90 .game_card_id {
font-size: 0.425vw; }
#inside_room_cards_container_wrapper #inside_room_cards_container.size_1 .game_card_90 .card_status {
font-size: 0.5vw; }
#inside_room_cards_container_wrapper #inside_room_cards_container.size_1 .game_card_75 {
font-size: 0.8vw;
letter-spacing: -1px; }
#inside_room_cards_container_wrapper #inside_room_cards_container.size_1 .game_card_75 .card_togo {
font-size: 0.7vw;
line-height: 0.63vw;
font-size: 0.7vw;
line-height: 0.595vw; }
#inside_room_cards_container_wrapper #inside_room_cards_container.size_1 .game_card_75 .card_togo .tg_real {
margin-top: -0.175vw !important; }
#inside_room_cards_container_wrapper #inside_room_cards_container.size_1 .game_card_75 .game_card_id {
font-size: 0.7vw; }
#inside_room_cards_container_wrapper #inside_room_cards_container.size_1 .game_card_75 .card_status {
font-size: 0.7vw; }
#inside_room_cards_container_wrapper #inside_room_cards_container.size_1 .game_card_6x6 {
font-size: 0.8vw;
letter-spacing: -1px; }
#inside_room_cards_container_wrapper #inside_room_cards_container.size_1 .game_card_6x6 .card_togo {
font-size: 0.7vw;
line-height: 0.63vw;
font-size: 0.7vw;
line-height: 0.595vw; }
#inside_room_cards_container_wrapper #inside_room_cards_container.size_1 .game_card_6x6 .card_togo .tg_real {
margin-top: -0.175vw !important; }
#inside_room_cards_container_wrapper #inside_room_cards_container.size_1 .game_card_6x6 .game_card_id {
font-size: 0.7vw; }
#inside_room_cards_container_wrapper #inside_room_cards_container.size_1 .game_card_6x6 .card_status {
font-size: 0.7vw; }
#inside_room_cards_container_wrapper #inside_room_cards_container.size_2 .game_card_90 {
font-size: 1.2vw;
letter-spacing: -1px; }
#inside_room_cards_container_wrapper #inside_room_cards_container.size_2 .game_card_90 .card_togo {
font-size: 0.7vw;
line-height: 0.595vw;
padding-left: 0.1vw;
padding-right: 0.1vw; }
#inside_room_cards_container_wrapper #inside_room_cards_container.size_2 .game_card_90 .card_togo .tg_real {
margin-top: -0.175vw !important; }
#inside_room_cards_container_wrapper #inside_room_cards_container.size_2 .game_card_90 .game_card_id {
font-size: 0.525vw; }
#inside_room_cards_container_wrapper #inside_room_cards_container.size_2 .game_card_90 .card_status {
font-size: 0.7vw; }
#inside_room_cards_container_wrapper #inside_room_cards_container.size_2 .game_card_75 {
font-size: 1.2vw;
letter-spacing: -1px; }
#inside_room_cards_container_wrapper #inside_room_cards_container.size_2 .game_card_75 .card_togo {
font-size: 1.1vw;
line-height: 0.935vw;
padding-left: 0.2vw;
padding-right: 0.2vw; }
#inside_room_cards_container_wrapper #inside_room_cards_container.size_2 .game_card_75 .card_togo .tg_real {
margin-top: -0.275vw !important; }
#inside_room_cards_container_wrapper #inside_room_cards_container.size_2 .game_card_75 .game_card_id {
font-size: 1.1vw; }
#inside_room_cards_container_wrapper #inside_room_cards_container.size_2 .game_card_75 .card_status {
font-size: 1.1vw; }
#inside_room_cards_container_wrapper #inside_room_cards_container.size_2 .game_card_6x6 {
font-size: 1.2vw;
letter-spacing: -1px; }
#inside_room_cards_container_wrapper #inside_room_cards_container.size_2 .game_card_6x6 .card_togo {
font-size: 1.1vw;
line-height: 0.935vw;
padding-left: 0.2vw;
padding-right: 0.2vw; }
#inside_room_cards_container_wrapper #inside_room_cards_container.size_2 .game_card_6x6 .card_togo .tg_real {
margin-top: -0.275vw !important; }
#inside_room_cards_container_wrapper #inside_room_cards_container.size_2 .game_card_6x6 .game_card_id {
font-size: 1.1vw; }
#inside_room_cards_container_wrapper #inside_room_cards_container.size_2 .game_card_6x6 .card_status {
font-size: 1.1vw; }
#inside_room_cards_container_wrapper #inside_room_cards_container.size_3 .game_card_90 {
font-size: 2vw;
letter-spacing: -1px; }
#inside_room_cards_container_wrapper #inside_room_cards_container.size_3 .game_card_90 .card_togo {
font-size: 1.2vw;
line-height: 1.02vw;
padding-left: 0.5vw;
padding-right: 0.5vw; }
#inside_room_cards_container_wrapper #inside_room_cards_container.size_3 .game_card_90 .card_togo .tg_real {
margin-top: -0.3vw !important; }
#inside_room_cards_container_wrapper #inside_room_cards_container.size_3 .game_card_90 .game_card_id {
font-size: 0.96vw;
padding-left: 0.5vw;
padding-right: 0.5vw; }
#inside_room_cards_container_wrapper #inside_room_cards_container.size_3 .game_card_90 .card_status {
font-size: 1.2vw;
padding-left: 0.5vw;
padding-right: 0.5vw; }
#inside_room_cards_container_wrapper #inside_room_cards_container.size_3 .game_card_75 {
font-size: 2vw;
letter-spacing: -1px; }
#inside_room_cards_container_wrapper #inside_room_cards_container.size_3 .game_card_75 .card_togo {
font-size: 1.5vw;
line-height: 1.275vw;
padding-left: 0.5vw;
padding-right: 0.5vw; }
#inside_room_cards_container_wrapper #inside_room_cards_container.size_3 .game_card_75 .card_togo .tg_real {
margin-top: -0.375vw !important; }
#inside_room_cards_container_wrapper #inside_room_cards_container.size_3 .game_card_75 .game_card_id {
font-size: 1.5vw; }
#inside_room_cards_container_wrapper #inside_room_cards_container.size_3 .game_card_75 .card_status {
font-size: 1.5vw; }
#inside_room_cards_container_wrapper #inside_room_cards_container.size_3 .game_card_6x6 {
font-size: 2vw;
letter-spacing: -1px; }
#inside_room_cards_container_wrapper #inside_room_cards_container.size_3 .game_card_6x6 .card_togo {
font-size: 1.5vw;
line-height: 1.275vw;
padding-left: 0.5vw;
padding-right: 0.5vw; }
#inside_room_cards_container_wrapper #inside_room_cards_container.size_3 .game_card_6x6 .card_togo .tg_real {
margin-top: -0.375vw !important; }
#inside_room_cards_container_wrapper #inside_room_cards_container.size_3 .game_card_6x6 .game_card_id {
font-size: 1.5vw; }
#inside_room_cards_container_wrapper #inside_room_cards_container.size_3 .game_card_6x6 .card_status {
font-size: 1.5vw; }
#inside_room_cards_container_wrapper #inside_room_cards_container.game_style_90_feed_type_2.size_1 .game_card_90 {
font-size: 0.7vw;
letter-spacing: -1px; }
#inside_room_cards_container_wrapper #inside_room_cards_container.game_style_90_feed_type_2.size_1 .game_card_90 .card_togo {
font-size: 0.42vw;
line-height: 0.357vw;
padding-left: 0.21vw;
padding-right: 0.21vw; }
#inside_room_cards_container_wrapper #inside_room_cards_container.game_style_90_feed_type_2.size_1 .game_card_90 .card_togo .tg_real {
margin-top: -0.105vw !important; }
#inside_room_cards_container_wrapper #inside_room_cards_container.game_style_90_feed_type_2.size_1 .game_card_90 .game_card_id {
font-size: 0.336vw;
padding-left: 0.21vw;
padding-right: 0.21vw; }
#inside_room_cards_container_wrapper #inside_room_cards_container.game_style_90_feed_type_2.size_1 .game_card_90 .card_status {
font-size: 0.42vw;
padding-left: 0.21vw;
padding-right: 0.21vw; }
#inside_room_cards_container_wrapper #inside_room_cards_container.game_style_90_feed_type_2.size_2 .game_card_90 {
font-size: 1vw;
letter-spacing: -1px; }
#inside_room_cards_container_wrapper #inside_room_cards_container.game_style_90_feed_type_2.size_2 .game_card_90 .card_togo {
font-size: 0.65vw;
line-height: 0.5525vw;
padding-left: 0.325vw;
padding-right: 0.325vw; }
#inside_room_cards_container_wrapper #inside_room_cards_container.game_style_90_feed_type_2.size_2 .game_card_90 .card_togo .tg_real {
margin-top: -0.1625vw !important; }
#inside_room_cards_container_wrapper #inside_room_cards_container.game_style_90_feed_type_2.size_2 .game_card_90 .game_card_id {
font-size: 0.52vw;
padding-left: 0.325vw;
padding-right: 0.325vw; }
#inside_room_cards_container_wrapper #inside_room_cards_container.game_style_90_feed_type_2.size_2 .game_card_90 .card_status {
font-size: 0.65vw;
padding-left: 0.325vw;
padding-right: 0.325vw; } }
@media (max-width: 575px) {
#inside_room_cards_container_foo, #inside_room_cards_container_wrapper {
margin-top: 2%;
left: 3%;
width: 94%;
height: 90%; }
#inside_room_cards_container_wrapper {
width: 97%; }
#inside_room_cards_container_wrapper #inside_room_cards_container.size_1 .game_card_90 {
font-size: 1.4vh;
letter-spacing: -1px; }
#inside_room_cards_container_wrapper #inside_room_cards_container.size_1 .game_card_90 .card_togo {
font-size: 1.5vw;
line-height: 1.275vw;
padding-left: 0.2vh;
padding-right: 0.2vh; }
#inside_room_cards_container_wrapper #inside_room_cards_container.size_1 .game_card_90 .card_togo .tg_real {
margin-top: -0.375vw !important; }
#inside_room_cards_container_wrapper #inside_room_cards_container.size_1 .game_card_90 .game_card_id {
font-size: 0.85vh;
padding-left: 0.2vh;
padding-right: 0.2vh; }
#inside_room_cards_container_wrapper #inside_room_cards_container.size_1 .game_card_90 .card_status {
font-size: 1vh;
padding-left: 0.2vh;
padding-right: 0.2vh; }
#inside_room_cards_container_wrapper #inside_room_cards_container.size_1 .game_card_75 {
font-size: 1.36vh;
letter-spacing: -1px; }
#inside_room_cards_container_wrapper #inside_room_cards_container.size_1 .game_card_75 .card_togo {
font-size: 1.5vw;
line-height: 1.275vw;
padding-left: 0.5vh;
padding-right: 0.5vh; }
#inside_room_cards_container_wrapper #inside_room_cards_container.size_1 .game_card_75 .card_togo .tg_real {
margin-top: -0.375vw !important; }
#inside_room_cards_container_wrapper #inside_room_cards_container.size_1 .game_card_75 .game_card_id {
font-size: 0.68vh;
padding-left: 0.5vh;
padding-right: 0.5vh; }
#inside_room_cards_container_wrapper #inside_room_cards_container.size_1 .game_card_75 .card_status {
font-size: 0.8vh;
padding-left: 0.5vh;
padding-right: 0.5vh; }
#inside_room_cards_container_wrapper #inside_room_cards_container.size_1 .game_card_6x6 {
font-size: 1.36vh;
letter-spacing: -1px; }
#inside_room_cards_container_wrapper #inside_room_cards_container.size_1 .game_card_6x6 .card_togo {
font-size: 1.5vw;
line-height: 1.275vw;
padding-left: 0.5vh;
padding-right: 0.5vh; }
#inside_room_cards_container_wrapper #inside_room_cards_container.size_1 .game_card_6x6 .card_togo .tg_real {
margin-top: -0.375vw !important; }
#inside_room_cards_container_wrapper #inside_room_cards_container.size_1 .game_card_6x6 .game_card_id {
font-size: 0.68vh;
padding-left: 0.5vh;
padding-right: 0.5vh; }
#inside_room_cards_container_wrapper #inside_room_cards_container.size_1 .game_card_6x6 .card_status {
font-size: 0.8vh;
padding-left: 0.5vh;
padding-right: 0.5vh; }
#inside_room_cards_container_wrapper #inside_room_cards_container.size_2 .game_card_90 {
font-size: 2.1vh;
letter-spacing: -1px; }
#inside_room_cards_container_wrapper #inside_room_cards_container.size_2 .game_card_90 .card_togo {
font-size: 1.5vh;
line-height: 1.275vh;
padding-left: 0.3vh;
padding-right: 0.3vh; }
#inside_room_cards_container_wrapper #inside_room_cards_container.size_2 .game_card_90 .card_togo .tg_real {
margin-top: -0.375vh !important; }
#inside_room_cards_container_wrapper #inside_room_cards_container.size_2 .game_card_90 .game_card_id {
font-size: 1.275vh;
padding-left: 0.3vh;
padding-right: 0.3vh; }
#inside_room_cards_container_wrapper #inside_room_cards_container.size_2 .game_card_90 .card_status {
font-size: 1.5vh;
padding-left: 0.3vh;
padding-right: 0.3vh; }
#inside_room_cards_container_wrapper #inside_room_cards_container.size_2 .game_card_75 {
font-size: 2.04vh;
letter-spacing: -1px; }
#inside_room_cards_container_wrapper #inside_room_cards_container.size_2 .game_card_75 .card_togo {
font-size: 1.2vh;
line-height: 1.02vh;
padding-left: 0.5vh;
padding-right: 0.5vh; }
#inside_room_cards_container_wrapper #inside_room_cards_container.size_2 .game_card_75 .card_togo .tg_real {
margin-top: -0.3vh !important; }
#inside_room_cards_container_wrapper #inside_room_cards_container.size_2 .game_card_75 .game_card_id {
font-size: 1.02vh;
padding-left: 0.5vh;
padding-right: 0.5vh; }
#inside_room_cards_container_wrapper #inside_room_cards_container.size_2 .game_card_75 .card_status {
font-size: 1.2vh;
padding-left: 0.5vh;
padding-right: 0.5vh; }
#inside_room_cards_container_wrapper #inside_room_cards_container.size_2 .game_card_6x6 {
font-size: 2.04vh;
letter-spacing: -1px; }
#inside_room_cards_container_wrapper #inside_room_cards_container.size_2 .game_card_6x6 .card_togo {
font-size: 1.2vh;
line-height: 1.02vh;
padding-left: 0.5vh;
padding-right: 0.5vh; }
#inside_room_cards_container_wrapper #inside_room_cards_container.size_2 .game_card_6x6 .card_togo .tg_real {
margin-top: -0.3vh !important; }
#inside_room_cards_container_wrapper #inside_room_cards_container.size_2 .game_card_6x6 .game_card_id {
font-size: 1.02vh;
padding-left: 0.5vh;
padding-right: 0.5vh; }
#inside_room_cards_container_wrapper #inside_room_cards_container.size_2 .game_card_6x6 .card_status {
font-size: 1.2vh;
padding-left: 0.5vh;
padding-right: 0.5vh; }
#inside_room_cards_container_wrapper #inside_room_cards_container.size_3 .game_card_90 {
font-size: 3.22vh;
letter-spacing: -1px; }
#inside_room_cards_container_wrapper #inside_room_cards_container.size_3 .game_card_90 .card_togo {
font-size: 2.3vh;
line-height: 1.955vh;
padding-left: 0.5vh;
padding-right: 0.5vh; }
#inside_room_cards_container_wrapper #inside_room_cards_container.size_3 .game_card_90 .card_togo .tg_real {
margin-top: -0.575vh !important; }
#inside_room_cards_container_wrapper #inside_room_cards_container.size_3 .game_card_90 .game_card_id {
font-size: 1.955vh;
padding-left: 0.5vh;
padding-right: 0.5vh; }
#inside_room_cards_container_wrapper #inside_room_cards_container.size_3 .game_card_90 .card_status {
font-size: 2.3vh;
padding-left: 0.5vh;
padding-right: 0.5vh; }
#inside_room_cards_container_wrapper #inside_room_cards_container.size_3 .game_card_75 {
font-size: 4.25vh;
letter-spacing: -1px; }
#inside_room_cards_container_wrapper #inside_room_cards_container.size_3 .game_card_75 .card_togo {
font-size: 2.5vh;
line-height: 2.125vh;
padding-left: 0.5vh;
padding-right: 0.5vh; }
#inside_room_cards_container_wrapper #inside_room_cards_container.size_3 .game_card_75 .card_togo .tg_real {
margin-top: -0.625vh !important; }
#inside_room_cards_container_wrapper #inside_room_cards_container.size_3 .game_card_75 .game_card_id {
font-size: 2.125vh;
padding-left: 0.5vh;
padding-right: 0.5vh; }
#inside_room_cards_container_wrapper #inside_room_cards_container.size_3 .game_card_75 .card_status {
font-size: 2.5vh;
padding-left: 0.5vh;
padding-right: 0.5vh; }
#inside_room_cards_container_wrapper #inside_room_cards_container.size_3 .game_card_6x6 {
font-size: 4.25vh;
letter-spacing: -1px; }
#inside_room_cards_container_wrapper #inside_room_cards_container.size_3 .game_card_6x6 .card_togo {
font-size: 2.5vh;
line-height: 2.125vh;
padding-left: 0.5vh;
padding-right: 0.5vh; }
#inside_room_cards_container_wrapper #inside_room_cards_container.size_3 .game_card_6x6 .card_togo .tg_real {
margin-top: -0.625vh !important; }
#inside_room_cards_container_wrapper #inside_room_cards_container.size_3 .game_card_6x6 .game_card_id {
font-size: 2.125vh;
padding-left: 0.5vh;
padding-right: 0.5vh; }
#inside_room_cards_container_wrapper #inside_room_cards_container.size_3 .game_card_6x6 .card_status {
font-size: 2.5vh;
padding-left: 0.5vh;
padding-right: 0.5vh; }
#inside_room_cards_container_wrapper #inside_room_cards_container .game_card .card_info .game_card_id {
margin-right: 0.4vh; }
#inside_room_cards_container_wrapper #inside_room_cards_container .game_card .card_info .card_status {
margin-right: 0.4vh; } }
#inside_room.game_playing #inside_room_cards_container_wrapper #inside_room_cards_container .game_card, #inside_room.game_finished #inside_room_cards_container_wrapper #inside_room_cards_container .game_card, #inside_room.game_guest #inside_room_cards_container_wrapper #inside_room_cards_container .game_card {
border-bottom-left-radius: 0px !important; }
#inside_room.game_playing #inside_room_cards_container_wrapper #inside_room_cards_container .game_card .card_info, #inside_room.game_finished #inside_room_cards_container_wrapper #inside_room_cards_container .game_card .card_info, #inside_room.game_guest #inside_room_cards_container_wrapper #inside_room_cards_container .game_card .card_info {
letter-spacing: -1px !important; }
#inside_room.game_playing #inside_room_cards_container_wrapper #inside_room_cards_container .game_card .card_numbers .game_card_num.empty.with_pattern, #inside_room.game_finished #inside_room_cards_container_wrapper #inside_room_cards_container .game_card .card_numbers .game_card_num.empty.with_pattern {
background-color: #39df10 !important;
opacity: 0.5;
scale: 0.8; }
#inside_room.game_playing #inside_room_cards_container_wrapper #inside_room_cards_container .game_card .card_numbers .game_card_num.empty.with_pattern::after, #inside_room.game_finished #inside_room_cards_container_wrapper #inside_room_cards_container .game_card .card_numbers .game_card_num.empty.with_pattern::after {
font-weight: 900;
content: "\f00d";
font-family: Font Awesome\ 5 Free;
position: absolute;
height: 100%;
width: 100%;
left: 0px;
top: 0px;
opacity: 0.6;
color: red; }
#inside_room.game_guest #inside_room_cards_container_foo #inside_room_cards_container .game_card .card_info .card_status .card_info .card_status .card_status_available, #inside_room.game_guest #inside_room_cards_container_wrapper #inside_room_cards_container .game_card .card_info .card_status .card_status_available {
display: none; }
#inside_room.game_guest #inside_room_cards_container_foo #inside_room_cards_container .game_card .card_info .card_status .card_info .card_status .card_status_bought, #inside_room.game_guest #inside_room_cards_container_wrapper #inside_room_cards_container .game_card .card_info .card_status .card_status_bought {
display: block; }
#inside_room.game_guest #inside_room_cards_container_foo #inside_room_cards_container .game_card .card_info .card_status.free .card_info .card_status .card_status_bought, #inside_room.game_guest #inside_room_cards_container_wrapper #inside_room_cards_container .game_card.free .card_info .card_status .card_status_bought {
display: none; }
#inside_room.game_guest #inside_room_cards_container_foo #inside_room_cards_container .game_card .card_info .card_status.free .card_info .card_status .card_status_free, #inside_room.game_guest #inside_room_cards_container_wrapper #inside_room_cards_container .game_card.free .card_info .card_status .card_status_free {
display: block; }
@media (min-width: 576px) {
#inside_room.with_promotions.has_pjp #inside_room_selling_buy_cards {
top: 36.5% !important; }
#inside_room.with_promotions.with_bundle #inside_room_selling_buy_cards_picked_container #inside_room_selling_buy_cards_picked_container_amount #inside_room_selling_buy_cards_picked_container_amount_value sup {
margin-left: 2px;
color: #FF0000;
font-size: 50% !important;
text-transform: uppercase; }
#inside_room.with_promotions.with_bundle.with_min_max #inside_room_selling_buy_cards_picked_container {
left: 0px !important;
width: 37% !important;
height: 45% !important; }
#inside_room.with_promotions.with_bundle.with_min_max #inside_room_selling_buy_cards_picked_container #inside_room_selling_buy_cards_picked_container_amount {
width: 56% !important;
left: 20% !important; }
#inside_room.with_promotions.with_bundle.with_min_max #inside_room_selling_buy_cards_picked_container #inside_room_selling_buy_cards_picked_container_less {
width: 22% !important; }
#inside_room.with_promotions.with_bundle.with_min_max #inside_room_selling_buy_cards_picked_container #inside_room_selling_buy_cards_picked_container_more {
width: 22% !important; }
#inside_room.with_promotions.with_bundle.with_min_max #inside_room_selling_buy_cards_min_max {
left: 89% !important;
bottom: 67% !important;
height: 26% !important;
font-size: 0.6vw !important;
line-height: 0.6vw !important;
color: #000000 !important; }
#inside_room.with_promotions.with_bundle.with_min_max.with_bundle #inside_room_selling_buy_cards #inside_room_selling_buy_cards_picked_buy_container #inside_room_selling_buy_cards_picked_buy_button .btn_text {
top: 42% !important; }
#inside_room.with_promotions.with_bundle.with_min_max.with_bundle #inside_room_selling_buy_cards #inside_room_selling_buy_cards_picked_buy_container #inside_room_selling_buy_cards_picked_buy_button .loader {
top: 42% !important; }
#inside_room.with_promotions.with_bundle.with_min_max.with_bundle #inside_room_selling_buy_cards #inside_room_selling_buy_cards_min_max {
left: 60% !important;
width: 40%;
bottom: 40% !important;
height: 13% !important;
font-size: 0.6vw !important;
line-height: 0.6vw !important;
color: #000000 !important;
text-align: center; }
#inside_room.with_promotions.with_bundle.with_min_max.with_bundle #inside_room_selling_buy_cards #inside_room_selling_buy_cards_min_max .min_max_container {
display: inline-block; }
#inside_room.with_promotions.with_bundle.with_min_max.with_bundle #inside_room_selling_buy_cards #inside_room_selling_buy_cards_min_max .min_max_container .min_max_value {
position: relative; }
#inside_room.with_promotions.with_bundle #inside_room_selling_buy_cards #inside_room_selling_buy_cards_picked_buy_container #inside_room_selling_buy_cards_picked_buy_button {
top: auto;
background-color: #00DB32;
background-image: none;
border-radius: 10px !important;
box-shadow: 0px -4px 0px #049B41 inset;
border: 2px solid #049B41;
box-sizing: border-box; }
#inside_room.with_promotions.with_bundle #inside_room_selling_buy_cards #inside_room_selling_buy_cards_picked_buy_container #inside_room_selling_buy_cards_picked_buy_button .btn_text {
margin-top: auto !important;
text-shadow: -2px -1px 0 #000000, -2px 0px 0 #000000, -2px 1px 0 #000000, -1px -2px 0 #000000, -1px -1px 0 #000000, -1px 0px 0 #000000, -1px 1px 0 #000000, -1px 2px 0 #000000, 0px -2px 0 #000000, 0px -1px 0 #000000, 0px 0px 0 #000000, 0px 1px 0 #000000, 0px 2px 0 #000000, 1px -2px 0 #000000, 1px -1px 0 #000000, 1px 0px 0 #000000, 1px 1px 0 #000000, 1px 2px 0 #000000, 2px -1px 0 #000000, 2px 0px 0 #000000, 2px 1px 0 #000000;
padding-bottom: 1.5vw; }
#inside_room.with_promotions.with_bundle #inside_room_selling_buy_cards #inside_room_selling_buy_cards_picked_buy_container #inside_room_selling_buy_cards_picked_buy_button .loader {
margin-top: auto !important;
text-shadow: -2px -1px 0 #000000, -2px 0px 0 #000000, -2px 1px 0 #000000, -1px -2px 0 #000000, -1px -1px 0 #000000, -1px 0px 0 #000000, -1px 1px 0 #000000, -1px 2px 0 #000000, 0px -2px 0 #000000, 0px -1px 0 #000000, 0px 0px 0 #000000, 0px 1px 0 #000000, 0px 2px 0 #000000, 1px -2px 0 #000000, 1px -1px 0 #000000, 1px 0px 0 #000000, 1px 1px 0 #000000, 1px 2px 0 #000000, 2px -1px 0 #000000, 2px 0px 0 #000000, 2px 1px 0 #000000;
padding-bottom: 1.5vw; }
#inside_room.with_promotions.with_bundle #inside_room_selling_buy_cards #inside_room_selling_buy_cards_picked_buy_container #inside_room_selling_buy_cards_picked_buy_button #bundle_container {
display: block !important;
position: absolute;
width: 100%;
text-align: center;
background-color: #FF0000;
bottom: -2px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
font-size: 1vw;
line-height: 1.5vw;
text-transform: uppercase;
left: -2px;
padding-left: 1px;
padding-right: 1px;
box-sizing: content-box;
box-shadow: 0px -4px 0px #D30D0D inset;
border: 2px solid #D30D0D;
border-top: 0px #d30d0d; }
#inside_room.with_promotions.with_bundle #inside_room_selling_buy_cards #inside_room_selling_buy_cards_picked_buy_container #inside_room_selling_buy_cards_picked_buy_button #bundle_container div {
display: inline-block; }
#inside_room.with_promotions.with_bundle #inside_room_selling_buy_cards #inside_room_selling_buy_cards_picked_buy_container #inside_room_selling_buy_cards_picked_buy_button #bundle_container #bundle_n {
color: #FCC822;
font-size: 1.3vw;
text-shadow: -1px -1px 0 #000000, -1px 0px 0 #000000, -1px 1px 0 #000000, 0px -1px 0 #000000, 0px 0px 0 #000000, 0px 1px 0 #000000, 1px -1px 0 #000000, 1px 0px 0 #000000, 1px 1px 0 #000000;
margin-right: 0.25vw; }
#inside_room.with_promotions.with_bundle #inside_room_selling_buy_cards #inside_room_selling_buy_cards_picked_buy_container #inside_room_selling_buy_cards_picked_buy_button #bundle_container #bundle_m {
color: #FCC822;
font-size: 1.3vw;
text-shadow: -1px -1px 0 #000000, -1px 0px 0 #000000, -1px 1px 0 #000000, 0px -1px 0 #000000, 0px 0px 0 #000000, 0px 1px 0 #000000, 1px -1px 0 #000000, 1px 0px 0 #000000, 1px 1px 0 #000000; }
#change_room_container #change_room_list #change_room_list_container .change_room_list_item.with_promotions_bundle .change_room_buy .btn_text {
position: relative;
top: -0.5vw; }
#change_room_container #change_room_list #change_room_list_container .change_room_list_item.with_promotions_bundle .change_room_buy .promotions_bundle {
position: absolute;
left: 0px;
width: 100%;
background-color: red;
transform: none;
bottom: 0px;
top: auto;
display: inline-block !important;
color: #000000;
font-size: 0.8vw;
height: 1.1vw;
line-height: 1.1vw;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px; }
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room.with_promotions_bundle .lobby_room_bundle {
display: inline-block !important;
position: absolute;
left: 25%;
top: 75%;
background-image: url("../images/lobby_bundle_bg.png?ts=61");
background-size: auto 100%;
background-repeat: no-repeat;
background-position: center center;
width: 50%;
height: 6vh;
text-align: center;
font-size: 2vh;
color: #FFFFFF;
line-height: 2.05vh;
text-transform: uppercase;
transform: translateY(-50%);
padding-top: 0.5vh; }
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room.with_promotions_bundle .lobby_room_bundle .lobby_room_bundle_get {
display: inline-block; }
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room.with_promotions_bundle .lobby_room_bundle .lobby_room_bundle_n {
color: #FCC822;
font-size: 2.5vh;
margin-left: 0.5vh;
text-shadow: -1px -1px 0 #000000, -1px 0px 0 #000000, -1px 1px 0 #000000, 0px -1px 0 #000000, 0px 0px 0 #000000, 0px 1px 0 #000000, 1px -1px 0 #000000, 1px 0px 0 #000000, 1px 1px 0 #000000;
display: inline-block; }
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room.with_promotions_bundle .lobby_room_bundle .lobby_room_bundle_pay {
display: inline-block; }
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room.with_promotions_bundle .lobby_room_bundle .lobby_room_bundle_m {
color: #FCC822;
margin-left: 0.5vh;
font-size: 2.5vh;
text-shadow: -1px -1px 0 #000000, -1px 0px 0 #000000, -1px 1px 0 #000000, 0px -1px 0 #000000, 0px 0px 0 #000000, 0px 1px 0 #000000, 1px -1px 0 #000000, 1px 0px 0 #000000, 1px 1px 0 #000000;
display: inline-block; } }
@media (max-width: 575px) {
#inside_room.with_promotions.with_bundle #inside_room_selling_buy_cards_picked_container #inside_room_selling_buy_cards_picked_container_amount #inside_room_selling_buy_cards_picked_container_amount_value sup {
margin-left: 2px;
color: #FF0000;
font-size: 50% !important;
text-transform: uppercase; }
#inside_room.with_promotions.with_bundle.with_min_max #inside_room_selling_buy_cards_min_max {
height: 12% !important;
left: 2%;
text-align: center;
font-size: 1.35vh;
letter-spacing: -1px;
top: 88% !important;
width: 50% !important; }
#inside_room.with_promotions.with_bundle.with_min_max #inside_room_selling_buy_cards_min_max .min_max_container {
display: inline-block; }
#inside_room.with_promotions.with_bundle.with_min_max #inside_room_selling_buy_cards_min_max .min_max_container .min_max_value {
position: relative !important; }
#inside_room.with_promotions.with_bundle.with_min_max #inside_room_selling_buy_cards #inside_room_selling_buy_cards_picked_container {
height: 42% !important;
bottom: 17% !important; }
#inside_room.with_promotions.with_bundle.with_min_max.show_to_buy_price #inside_room_selling_buy_cards_picked_container_amount #inside_room_selling_buy_cards_picked_container_amount_value {
top: 2% !important; }
#inside_room.with_promotions.with_bundle #inside_room_selling_buy_cards #inside_room_selling_buy_cards_picked_container {
width: 50.5%;
height: 53%; }
#inside_room.with_promotions.with_bundle #inside_room_selling_buy_cards #inside_room_selling_buy_cards_pick {
width: 72% !important;
right: 2% !important;
top: 0px !important;
left: auto !important; }
#inside_room.with_promotions.with_bundle #inside_room_selling_buy_cards #inside_room_selling_buy_cards_pick .pick_cards {
background-size: auto 71% !important; }
#inside_room.with_promotions.with_bundle #inside_room_selling_buy_cards #inside_room_selling_buy_cards_picked_buy_container {
height: 54% !important;
width: 44%; }
#inside_room.with_promotions.with_bundle #inside_room_selling_buy_cards #inside_room_selling_buy_cards_picked_buy_container #inside_room_selling_buy_cards_picked_buy_container_card_price {
left: -119%;
top: -65%;
height: 53% !important;
bottom: auto;
width: 52%; }
#inside_room.with_promotions.with_bundle #inside_room_selling_buy_cards #inside_room_selling_buy_cards_picked_buy_container #inside_room_selling_buy_cards_picked_buy_button {
top: auto;
background-color: #00DB32;
background-image: none;
border-radius: 10px !important;
box-shadow: 0px -4px 0px #049B41 inset;
border: 2px solid #049B41;
box-sizing: border-box;
width: 100%; }
#inside_room.with_promotions.with_bundle #inside_room_selling_buy_cards #inside_room_selling_buy_cards_picked_buy_container #inside_room_selling_buy_cards_picked_buy_button .btn_text {
margin-top: auto !important;
text-shadow: -2px -1px 0 #000000, -2px 0px 0 #000000, -2px 1px 0 #000000, -1px -2px 0 #000000, -1px -1px 0 #000000, -1px 0px 0 #000000, -1px 1px 0 #000000, -1px 2px 0 #000000, 0px -2px 0 #000000, 0px -1px 0 #000000, 0px 0px 0 #000000, 0px 1px 0 #000000, 0px 2px 0 #000000, 1px -2px 0 #000000, 1px -1px 0 #000000, 1px 0px 0 #000000, 1px 1px 0 #000000, 1px 2px 0 #000000, 2px -1px 0 #000000, 2px 0px 0 #000000, 2px 1px 0 #000000;
padding-bottom: 2.5vh;
text-transform: uppercase; }
#inside_room.with_promotions.with_bundle #inside_room_selling_buy_cards #inside_room_selling_buy_cards_picked_buy_container #inside_room_selling_buy_cards_picked_buy_button .loader {
margin-top: auto !important;
text-shadow: -2px -1px 0 #000000, -2px 0px 0 #000000, -2px 1px 0 #000000, -1px -2px 0 #000000, -1px -1px 0 #000000, -1px 0px 0 #000000, -1px 1px 0 #000000, -1px 2px 0 #000000, 0px -2px 0 #000000, 0px -1px 0 #000000, 0px 0px 0 #000000, 0px 1px 0 #000000, 0px 2px 0 #000000, 1px -2px 0 #000000, 1px -1px 0 #000000, 1px 0px 0 #000000, 1px 1px 0 #000000, 1px 2px 0 #000000, 2px -1px 0 #000000, 2px 0px 0 #000000, 2px 1px 0 #000000;
padding-bottom: 2.5vh;
text-transform: uppercase; }
#inside_room.with_promotions.with_bundle #inside_room_selling_buy_cards #inside_room_selling_buy_cards_picked_buy_container #inside_room_selling_buy_cards_picked_buy_button #bundle_container {
display: block !important;
position: absolute;
width: 100%;
text-align: center;
background-color: #FF0000;
bottom: -2px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
font-size: 1.5vh;
line-height: 2.5vh;
text-transform: uppercase;
left: -2px;
padding-left: 1px;
padding-right: 1px;
box-sizing: content-box;
box-shadow: 0px -4px 0px #D30D0D inset;
border: 2px solid #D30D0D;
border-top: 0px #d30d0d; }
#inside_room.with_promotions.with_bundle #inside_room_selling_buy_cards #inside_room_selling_buy_cards_picked_buy_container #inside_room_selling_buy_cards_picked_buy_button #bundle_container div {
display: inline-block; }
#inside_room.with_promotions.with_bundle #inside_room_selling_buy_cards #inside_room_selling_buy_cards_picked_buy_container #inside_room_selling_buy_cards_picked_buy_button #bundle_container #bundle_n {
color: #FCC822;
font-size: 2.3vh;
text-shadow: -1px -1px 0 #000000, -1px 0px 0 #000000, -1px 1px 0 #000000, 0px -1px 0 #000000, 0px 0px 0 #000000, 0px 1px 0 #000000, 1px -1px 0 #000000, 1px 0px 0 #000000, 1px 1px 0 #000000;
margin-right: 0.15vh; }
#inside_room.with_promotions.with_bundle #inside_room_selling_buy_cards #inside_room_selling_buy_cards_picked_buy_container #inside_room_selling_buy_cards_picked_buy_button #bundle_container #bundle_m {
color: #FCC822;
font-size: 2.3vh;
text-shadow: -1px -1px 0 #000000, -1px 0px 0 #000000, -1px 1px 0 #000000, 0px -1px 0 #000000, 0px 0px 0 #000000, 0px 1px 0 #000000, 1px -1px 0 #000000, 1px 0px 0 #000000, 1px 1px 0 #000000; }
#inside_room.with_promotions.with_bundle.show_to_buy_price #inside_room_selling_buy_cards_picked_container_amount #inside_room_selling_buy_cards_picked_container_amount_value {
top: 10% !important;
height: 54% !important;
font-size: 3vh !important; }
#change_room_container #change_room_list #change_room_list_container .change_room_list_item.with_promotions_bundle .change_room_buy .btn_text {
position: relative;
top: -1.2vh; }
#change_room_container #change_room_list #change_room_list_container .change_room_list_item.with_promotions_bundle .change_room_buy .promotions_bundle {
position: absolute;
left: 0px;
width: 100%;
background-color: red;
transform: none;
bottom: 0px;
top: auto;
display: inline-block !important;
color: #000000;
font-size: 1.8vh;
height: 2.5vh;
line-height: 2.5vh;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px; }
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room.with_promotions_bundle .lobby_room_bundle {
display: inline-block !important;
position: absolute;
left: 25%;
top: 73%;
background-image: url("../images/lobby_bundle_bg.png?ts=61");
background-size: auto 100%;
background-repeat: no-repeat;
background-position: center center;
width: 50%;
height: 9vw;
text-align: center;
font-size: 3.5vw;
color: #FFFFFF;
line-height: 3.3vw;
text-transform: uppercase;
transform: translateY(-50%);
padding-top: 0.75vw; }
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room.with_promotions_bundle .lobby_room_bundle .lobby_room_bundle_get {
display: inline-block; }
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room.with_promotions_bundle .lobby_room_bundle .lobby_room_bundle_n {
color: #FCC822;
font-size: 4vw;
margin-left: 1vw;
text-shadow: -1px -1px 0 #000000, -1px 0px 0 #000000, -1px 1px 0 #000000, 0px -1px 0 #000000, 0px 0px 0 #000000, 0px 1px 0 #000000, 1px -1px 0 #000000, 1px 0px 0 #000000, 1px 1px 0 #000000;
display: inline-block; }
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room.with_promotions_bundle .lobby_room_bundle .lobby_room_bundle_pay {
display: inline-block; }
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room.with_promotions_bundle .lobby_room_bundle .lobby_room_bundle_m {
color: #FCC822;
font-size: 4vw;
margin-left: 1vw;
text-shadow: -1px -1px 0 #000000, -1px 0px 0 #000000, -1px 1px 0 #000000, 0px -1px 0 #000000, 0px 0px 0 #000000, 0px 1px 0 #000000, 1px -1px 0 #000000, 1px 0px 0 #000000, 1px 1px 0 #000000;
display: inline-block; } }
@media (min-width: 576px) {
#inside_room.with_promotions.has_pjp.with_sliding_card_price #inside_room_selling_buy_cards {
top: 36% !important;
height: 11% !important; }
#inside_room.with_promotions.with_sliding_card_price.with_min_max .loader {
top: 37% !important; }
#inside_room.with_promotions.with_sliding_card_price.with_min_max #inside_room_selling_buy_cards #inside_room_selling_buy_cards_picked_buy_container #inside_room_selling_buy_cards_picked_buy_button .btn_text {
top: 37% !important; }
#inside_room.with_promotions.with_sliding_card_price.with_min_max #inside_room_selling_buy_cards_min_max {
height: 12% !important;
left: 68% !important;
text-align: center;
font-size: 0.8vw !important;
letter-spacing: -1px;
top: 88% !important;
width: 31.5% !important; }
#inside_room.with_promotions.with_sliding_card_price.with_min_max #inside_room_selling_buy_cards_min_max .min_max_container {
display: inline-block; }
#inside_room.with_promotions.with_sliding_card_price.with_min_max #inside_room_selling_buy_cards_min_max .min_max_container .min_max_value {
position: relative !important; }
#inside_room.with_promotions.with_sliding_card_price #inside_room_selling_buy_cards {
top: 33.5% !important;
height: 12.5% !important; }
#inside_room.with_promotions.with_sliding_card_price #inside_room_selling_buy_cards #inside_room_selling_buy_cards_picked_container {
top: 0px !important;
bottom: auto !important;
left: auto !important;
right: 0px !important;
width: 32.5% !important; }
#inside_room.with_promotions.with_sliding_card_price #inside_room_selling_buy_cards #inside_room_selling_buy_cards_picked_container #inside_room_selling_buy_cards_picked_container_amount span.sliding_price_color_1 {
color: #65A5E5;
text-shadow: -1px -1px 0 #000000, -1px 0px 0 #000000, -1px 1px 0 #000000, 0px -1px 0 #000000, 0px 0px 0 #000000, 0px 1px 0 #000000, 1px -1px 0 #000000, 1px 0px 0 #000000, 1px 1px 0 #000000; }
#inside_room.with_promotions.with_sliding_card_price #inside_room_selling_buy_cards #inside_room_selling_buy_cards_picked_container #inside_room_selling_buy_cards_picked_container_amount span.sliding_price_color_2 {
color: #E8C518;
text-shadow: -1px -1px 0 #000000, -1px 0px 0 #000000, -1px 1px 0 #000000, 0px -1px 0 #000000, 0px 0px 0 #000000, 0px 1px 0 #000000, 1px -1px 0 #000000, 1px 0px 0 #000000, 1px 1px 0 #000000; }
#inside_room.with_promotions.with_sliding_card_price #inside_room_selling_buy_cards #inside_room_selling_buy_cards_picked_container #inside_room_selling_buy_cards_picked_container_amount span.sliding_price_color_3 {
color: #FFFFFF;
text-shadow: -2px -1px 0 #EF810A, -2px 0px 0 #EF810A, -2px 1px 0 #EF810A, -1px -2px 0 #EF810A, -1px -1px 0 #EF810A, -1px 0px 0 #EF810A, -1px 1px 0 #EF810A, -1px 2px 0 #EF810A, 0px -2px 0 #EF810A, 0px -1px 0 #EF810A, 0px 0px 0 #EF810A, 0px 1px 0 #EF810A, 0px 2px 0 #EF810A, 1px -2px 0 #EF810A, 1px -1px 0 #EF810A, 1px 0px 0 #EF810A, 1px 1px 0 #EF810A, 1px 2px 0 #EF810A, 2px -1px 0 #EF810A, 2px 0px 0 #EF810A, 2px 1px 0 #EF810A; }
#inside_room.with_promotions.with_sliding_card_price #inside_room_selling_buy_cards #inside_room_selling_buy_cards_picked_container #inside_room_selling_buy_cards_picked_container_amount span.sliding_price_color_4 {
color: #FFFFFF;
text-shadow: -2px -1px 0 #FF0000, -2px 0px 0 #FF0000, -2px 1px 0 #FF0000, -1px -2px 0 #FF0000, -1px -1px 0 #FF0000, -1px 0px 0 #FF0000, -1px 1px 0 #FF0000, -1px 2px 0 #FF0000, 0px -2px 0 #FF0000, 0px -1px 0 #FF0000, 0px 0px 0 #FF0000, 0px 1px 0 #FF0000, 0px 2px 0 #FF0000, 1px -2px 0 #FF0000, 1px -1px 0 #FF0000, 1px 0px 0 #FF0000, 1px 1px 0 #FF0000, 1px 2px 0 #FF0000, 2px -1px 0 #FF0000, 2px 0px 0 #FF0000, 2px 1px 0 #FF0000; }
#inside_room.with_promotions.with_sliding_card_price #inside_room_selling_buy_cards #inside_room_selling_buy_cards_picked_buy_container {
width: 32.5% !important;
height: 53% !important;
top: auto !important;
bottom: 0px !important; }
#inside_room.with_promotions.with_sliding_card_price #inside_room_selling_buy_cards #inside_room_selling_buy_cards_picked_buy_container #inside_room_selling_buy_cards_picked_buy_container_card_price {
display: none; }
#inside_room.with_promotions.with_sliding_card_price #inside_room_selling_buy_cards #inside_room_selling_buy_cards_picked_buy_container #inside_room_selling_buy_cards_picked_buy_button {
width: 100% !important;
height: 100% !important; }
#inside_room.with_promotions.with_sliding_card_price #inside_room_selling_buy_cards #inside_room_selling_buy_cards_pick {
display: none !important; }
#inside_room.with_promotions.with_sliding_card_price #inside_room_selling_buy_cards #sliding_card_price_container {
display: block !important;
position: absolute;
left: 0px;
top: 0px;
width: 66.8%;
height: 100%; }
#inside_room.with_promotions.with_sliding_card_price #inside_room_selling_buy_cards #sliding_card_price_container #sliding_card_price_prices_container .sliding_price_wrapper.disabled {
opacity: 0.4 !important;
cursor: not-allowed !important; }
#inside_room.with_promotions.with_sliding_card_price #inside_room_selling_buy_cards #sliding_card_price_container #sliding_card_price_prices_container .sliding_price_wrapper.disabled span {
text-decoration: line-through black !important;
text-decoration-thickness: 4px !important; }
#inside_room.with_promotions.with_sliding_card_price #inside_room_selling_buy_cards #sliding_card_price_container #sliding_card_price_buttons_container {
position: absolute;
top: 0px;
height: 48%;
width: 100%; }
#inside_room.with_promotions.with_sliding_card_price #inside_room_selling_buy_cards #sliding_card_price_container #sliding_card_price_buttons_container .pick_cards {
width: 12.5%;
height: 100%;
font-weight: bold;
text-align: center;
position: relative;
font-size: 1.2vw;
cursor: pointer;
background-repeat: no-repeat;
background-size: 2.25vw 2.25vw;
background-position: center center;
color: #FFFFFF;
text-shadow: -1px -1px 0 #000000, -1px 0px 0 #000000, -1px 1px 0 #000000, 0px -1px 0 #000000, 0px 0px 0 #000000, 0px 1px 0 #000000, 1px -1px 0 #000000, 1px 0px 0 #000000, 1px 1px 0 #000000; }
#inside_room.with_promotions.with_sliding_card_price #inside_room_selling_buy_cards #sliding_card_price_container #sliding_card_price_buttons_container .pick_cards.disabled {
opacity: 0.4 !important;
cursor: not-allowed !important; }
#inside_room.with_promotions.with_sliding_card_price #inside_room_selling_buy_cards #sliding_card_price_container #sliding_card_price_buttons_container .pick_cards.disabled span {
text-decoration: line-through black !important;
text-decoration-thickness: 4px !important; }
#inside_room.with_promotions.with_sliding_card_price #inside_room_selling_buy_cards #sliding_card_price_container #sliding_card_price_buttons_container .pick_cards span {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 2.25vw;
height: 2.25vw;
line-height: 2.25vw;
text-align: center;
border-radius: 50%; }
#inside_room.with_promotions.with_sliding_card_price #inside_room_selling_buy_cards #sliding_card_price_container #sliding_card_price_buttons_container .pick_cards.selected {
cursor: default;
transform: scale(0.9); }
#inside_room.with_promotions.with_sliding_card_price #inside_room_selling_buy_cards #sliding_card_price_container #sliding_card_price_buttons_container .pick_cards.selected span {
box-shadow: 0 0 1vw #FFFFFF; }
#inside_room.with_promotions.with_sliding_card_price #inside_room_selling_buy_cards #sliding_card_price_container #sliding_card_price_buttons_container .sliding_price_color_4 {
background-image: url("../images/sliding_card_price/coin_4.png?ts=61"); }
#inside_room.with_promotions.with_sliding_card_price #inside_room_selling_buy_cards #sliding_card_price_container #sliding_card_price_buttons_container .sliding_price_color_3 {
background-image: url("../images/sliding_card_price/coin_3.png?ts=61"); }
#inside_room.with_promotions.with_sliding_card_price #inside_room_selling_buy_cards #sliding_card_price_container #sliding_card_price_buttons_container .sliding_price_color_2 {
background-image: url("../images/sliding_card_price/coin_2.png?ts=61"); }
#inside_room.with_promotions.with_sliding_card_price #inside_room_selling_buy_cards #sliding_card_price_container #sliding_card_price_buttons_container .sliding_price_color_1 {
background-image: url("../images/sliding_card_price/coin_1.png?ts=61"); }
#inside_room.with_promotions.with_sliding_card_price #inside_room_selling_buy_cards #sliding_card_price_container #sliding_card_price_prices_container {
position: absolute;
top: 59%;
height: 33%;
width: 100%; }
#inside_room.with_promotions.with_sliding_card_price #inside_room_selling_buy_cards #sliding_card_price_container #sliding_card_price_prices_container div {
text-align: center;
height: 100%;
position: relative; }
#inside_room.with_promotions.with_sliding_card_price #inside_room_selling_buy_cards #sliding_card_price_container #sliding_card_price_prices_container div span {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 2vh;
font-weight: bold;
color: #FFFFFF;
text-shadow: -1px -1px 0 #000000, -1px 0px 0 #000000, -1px 1px 0 #000000, 0px -1px 0 #000000, 0px 0px 0 #000000, 0px 1px 0 #000000, 1px -1px 0 #000000, 1px 0px 0 #000000, 1px 1px 0 #000000; }
#inside_room.with_promotions.with_sliding_card_price #inside_room_selling_buy_cards #sliding_card_price_container #sliding_card_price_prices_container .sliding_price_wrapper {
display: none; }
#inside_room.with_promotions.with_sliding_card_price #inside_room_selling_buy_cards #sliding_card_price_container #sliding_card_price_prices_container .visible {
display: inline-block; }
#inside_room.with_promotions.with_sliding_card_price #inside_room_selling_buy_cards #sliding_card_price_container #sliding_card_price_prices_container .visible.first {
border-bottom-left-radius: 20px;
border-top-left-radius: 20px; }
#inside_room.with_promotions.with_sliding_card_price #inside_room_selling_buy_cards #sliding_card_price_container #sliding_card_price_prices_container .visible.last {
border-top-right-radius: 20px;
border-bottom-right-radius: 20px; }
#inside_room.with_promotions.with_sliding_card_price #inside_room_selling_buy_cards #sliding_card_price_container #sliding_card_price_prices_container .sliding_price_wrapper[data-total-buttons="4"] {
width: 50%; }
#inside_room.with_promotions.with_sliding_card_price #inside_room_selling_buy_cards #sliding_card_price_container #sliding_card_price_prices_container .sliding_price_wrapper[data-total-buttons="3"] {
width: 37.5%; }
#inside_room.with_promotions.with_sliding_card_price #inside_room_selling_buy_cards #sliding_card_price_container #sliding_card_price_prices_container .sliding_price_wrapper[data-total-buttons="2"] {
width: 25%; }
#inside_room.with_promotions.with_sliding_card_price #inside_room_selling_buy_cards #sliding_card_price_container #sliding_card_price_prices_container .sliding_price_wrapper[data-total-buttons="1"] {
width: 12.5%; }
#inside_room.with_promotions.with_sliding_card_price #inside_room_selling_buy_cards #sliding_card_price_container #sliding_card_price_prices_container .sliding_price_wrapper.selected {
box-shadow: 0 0 0.5vw #FFFFFF;
transform: scale(1.1);
transform-origin: center center;
z-index: 200; }
#inside_room.with_promotions.with_sliding_card_price #inside_room_selling_buy_cards #sliding_card_price_container #sliding_card_price_prices_container .sliding_price_wrapper:not(.selected) {
z-index: 100; }
#inside_room.with_promotions.with_sliding_card_price #inside_room_selling_buy_cards #sliding_card_price_container #sliding_card_price_prices_container .sliding_price_color_4 {
background-color: #FF0000; }
#inside_room.with_promotions.with_sliding_card_price #inside_room_selling_buy_cards #sliding_card_price_container #sliding_card_price_prices_container .sliding_price_color_3 {
background-color: #EF810A; }
#inside_room.with_promotions.with_sliding_card_price #inside_room_selling_buy_cards #sliding_card_price_container #sliding_card_price_prices_container .sliding_price_color_2 {
background-color: #E8C518; }
#inside_room.with_promotions.with_sliding_card_price #inside_room_selling_buy_cards #sliding_card_price_container #sliding_card_price_prices_container .sliding_price_color_1 {
background-color: #65A5E5; }
#change_room_container #change_room_list #change_room_list_container .change_room_list_item.with_promotions_sliding_card_price .change_room_select_cards {
display: none !important; }
#change_room_container #change_room_list #change_room_list_container .change_room_list_item.with_promotions_sliding_card_price .change_rooms_sliding_card_prices {
display: flex !important;
width: 35%; }
#change_room_container #change_room_list #change_room_list_container .change_room_list_item.with_promotions_sliding_card_price .change_rooms_sliding_card_prices .change_room_select_cards_button {
border-radius: 3px;
color: #FFFFFF;
font-weight: bold;
padding: 3px;
width: 23%;
text-align: center;
cursor: pointer;
font-size: 120%;
letter-spacing: -1px;
text-indent: -1px;
position: relative; }
#change_room_container #change_room_list #change_room_list_container .change_room_list_item.with_promotions_sliding_card_price .change_rooms_sliding_card_prices .change_room_select_cards_button.quickbuy_sliding_price_color_4 {
background-color: #FF0000 !important; }
#change_room_container #change_room_list #change_room_list_container .change_room_list_item.with_promotions_sliding_card_price .change_rooms_sliding_card_prices .change_room_select_cards_button.quickbuy_sliding_price_color_3 {
background-color: #EF810A !important; }
#change_room_container #change_room_list #change_room_list_container .change_room_list_item.with_promotions_sliding_card_price .change_rooms_sliding_card_prices .change_room_select_cards_button.quickbuy_sliding_price_color_2 {
background-color: #E8C518 !important; }
#change_room_container #change_room_list #change_room_list_container .change_room_list_item.with_promotions_sliding_card_price .change_rooms_sliding_card_prices .change_room_select_cards_button.quickbuy_sliding_price_color_1 {
background-color: #65A5E5 !important; }
#change_room_container #change_room_list #change_room_list_container .change_room_list_item.with_promotions_sliding_card_price .change_rooms_sliding_card_prices .change_room_select_cards_button.selected {
transform: scale(0.85);
box-shadow: 0 0 0.25vw #000000; }
#change_room_container #change_room_list #change_room_list_container .change_room_list_item.with_promotions_sliding_card_price .change_rooms_sliding_card_prices .change_room_select_cards_button .amount {
text-shadow: -1px -1px 0 #000000, -1px 0px 0 #000000, -1px 1px 0 #000000, 0px -1px 0 #000000, 0px 0px 0 #000000, 0px 1px 0 #000000, 1px -1px 0 #000000, 1px 0px 0 #000000, 1px 1px 0 #000000;
padding-bottom: 0.75vw; }
#change_room_container #change_room_list #change_room_list_container .change_room_list_item.with_promotions_sliding_card_price .change_rooms_sliding_card_prices .change_room_select_cards_button .price {
position: absolute;
bottom: 0px;
width: 100%;
font-size: 55%;
font-weight: bold;
text-shadow: -1px -1px 0 #000000, -1px 0px 0 #000000, -1px 1px 0 #000000, 0px -1px 0 #000000, 0px 0px 0 #000000, 0px 1px 0 #000000, 1px -1px 0 #000000, 1px 0px 0 #000000, 1px 1px 0 #000000; }
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room.with_promotions_sliding_card_price .lobby_room_card_price {
background-image: url("../images/sliding_card_price/ticket_icon_discount.png?ts=61") !important; } }
@media (max-width: 575px) {
#inside_room.with_promotions.with_sliding_card_price.with_min_max .loader {
top: 37% !important; }
#inside_room.with_promotions.with_sliding_card_price.with_min_max #inside_room_selling_buy_cards #inside_room_selling_buy_cards_picked_buy_container #inside_room_selling_buy_cards_picked_buy_button .btn_text {
top: 37% !important; }
#inside_room.with_promotions.with_sliding_card_price.with_min_max #inside_room_selling_buy_cards_min_max {
height: 12% !important;
left: 56% !important;
text-align: center;
font-size: 1.50vh !important;
letter-spacing: -1px;
top: 83% !important;
width: 42.5% !important;
z-index: 120 !important; }
#inside_room.with_promotions.with_sliding_card_price.with_min_max #inside_room_selling_buy_cards_min_max .min_max_container {
display: inline-block; }
#inside_room.with_promotions.with_sliding_card_price.with_min_max #inside_room_selling_buy_cards_min_max .min_max_container .min_max_value {
position: relative !important; }
#inside_room.with_promotions.with_sliding_card_price #inside_room_selling_buy_cards #inside_room_selling_buy_cards_picked_container {
bottom: 4% !important;
top: auto !important;
left: 1.5% !important;
width: 53% !important;
height: 35% !important; }
#inside_room.with_promotions.with_sliding_card_price #inside_room_selling_buy_cards #inside_room_selling_buy_cards_picked_container #inside_room_selling_buy_cards_picked_container_amount #inside_room_selling_buy_cards_picked_container_amount_value {
font-size: 3vh !important;
line-height: 3vh !important; }
#inside_room.with_promotions.with_sliding_card_price #inside_room_selling_buy_cards #inside_room_selling_buy_cards_picked_container #inside_room_selling_buy_cards_picked_container_amount #inside_room_selling_buy_cards_picked_container_amount_price_value {
font-size: 1.75vh !important;
line-height: 1.75vh !important; }
#inside_room.with_promotions.with_sliding_card_price #inside_room_selling_buy_cards #inside_room_selling_buy_cards_picked_container #inside_room_selling_buy_cards_picked_container_amount span.sliding_price_color_1 {
color: #65A5E5;
text-shadow: -1px -1px 0 #000000, -1px 0px 0 #000000, -1px 1px 0 #000000, 0px -1px 0 #000000, 0px 0px 0 #000000, 0px 1px 0 #000000, 1px -1px 0 #000000, 1px 0px 0 #000000, 1px 1px 0 #000000; }
#inside_room.with_promotions.with_sliding_card_price #inside_room_selling_buy_cards #inside_room_selling_buy_cards_picked_container #inside_room_selling_buy_cards_picked_container_amount span.sliding_price_color_2 {
color: #E8C518;
text-shadow: -1px -1px 0 #000000, -1px 0px 0 #000000, -1px 1px 0 #000000, 0px -1px 0 #000000, 0px 0px 0 #000000, 0px 1px 0 #000000, 1px -1px 0 #000000, 1px 0px 0 #000000, 1px 1px 0 #000000; }
#inside_room.with_promotions.with_sliding_card_price #inside_room_selling_buy_cards #inside_room_selling_buy_cards_picked_container #inside_room_selling_buy_cards_picked_container_amount span.sliding_price_color_3 {
color: #FFFFFF;
text-shadow: -2px -1px 0 #EF810A, -2px 0px 0 #EF810A, -2px 1px 0 #EF810A, -1px -2px 0 #EF810A, -1px -1px 0 #EF810A, -1px 0px 0 #EF810A, -1px 1px 0 #EF810A, -1px 2px 0 #EF810A, 0px -2px 0 #EF810A, 0px -1px 0 #EF810A, 0px 0px 0 #EF810A, 0px 1px 0 #EF810A, 0px 2px 0 #EF810A, 1px -2px 0 #EF810A, 1px -1px 0 #EF810A, 1px 0px 0 #EF810A, 1px 1px 0 #EF810A, 1px 2px 0 #EF810A, 2px -1px 0 #EF810A, 2px 0px 0 #EF810A, 2px 1px 0 #EF810A; }
#inside_room.with_promotions.with_sliding_card_price #inside_room_selling_buy_cards #inside_room_selling_buy_cards_picked_container #inside_room_selling_buy_cards_picked_container_amount span.sliding_price_color_4 {
color: #FFFFFF;
text-shadow: -2px -1px 0 #FF0000, -2px 0px 0 #FF0000, -2px 1px 0 #FF0000, -1px -2px 0 #FF0000, -1px -1px 0 #FF0000, -1px 0px 0 #FF0000, -1px 1px 0 #FF0000, -1px 2px 0 #FF0000, 0px -2px 0 #FF0000, 0px -1px 0 #FF0000, 0px 0px 0 #FF0000, 0px 1px 0 #FF0000, 0px 2px 0 #FF0000, 1px -2px 0 #FF0000, 1px -1px 0 #FF0000, 1px 0px 0 #FF0000, 1px 1px 0 #FF0000, 1px 2px 0 #FF0000, 2px -1px 0 #FF0000, 2px 0px 0 #FF0000, 2px 1px 0 #FF0000; }
#inside_room.with_promotions.with_sliding_card_price #inside_room_selling_buy_cards #inside_room_selling_buy_cards_picked_buy_container {
width: 42% !important;
height: 34% !important;
top: auto !important;
bottom: 4% !important;
right: 1.5% !important; }
#inside_room.with_promotions.with_sliding_card_price #inside_room_selling_buy_cards #inside_room_selling_buy_cards_picked_buy_container #inside_room_selling_buy_cards_picked_buy_container_card_price {
display: none; }
#inside_room.with_promotions.with_sliding_card_price #inside_room_selling_buy_cards #inside_room_selling_buy_cards_picked_buy_container #inside_room_selling_buy_cards_picked_buy_button {
width: 100% !important;
height: 100% !important;
text-transform: uppercase; }
#inside_room.with_promotions.with_sliding_card_price #inside_room_selling_buy_cards #inside_room_selling_buy_cards_pick {
display: none !important; }
#inside_room.with_promotions.with_sliding_card_price #inside_room_selling_buy_cards #sliding_card_price_container {
display: block !important;
position: absolute;
left: 1.5% !important;
top: 4% !important;
width: 97% !important;
height: 52% !important;
z-index: 140; }
#inside_room.with_promotions.with_sliding_card_price #inside_room_selling_buy_cards #sliding_card_price_container #sliding_card_price_buttons_container {
position: absolute;
top: 0px;
height: 60%;
width: 100%; }
#inside_room.with_promotions.with_sliding_card_price #inside_room_selling_buy_cards #sliding_card_price_container #sliding_card_price_buttons_container .pick_cards {
width: 12.5%;
height: 100%;
font-weight: bold;
text-align: center;
position: relative;
font-size: 2vh;
cursor: pointer;
background-repeat: no-repeat;
background-size: 4.25vh 4.25vh;
background-position: center center;
color: #FFFFFF;
text-shadow: -1px -1px 0 #000000, -1px 0px 0 #000000, -1px 1px 0 #000000, 0px -1px 0 #000000, 0px 0px 0 #000000, 0px 1px 0 #000000, 1px -1px 0 #000000, 1px 0px 0 #000000, 1px 1px 0 #000000; }
#inside_room.with_promotions.with_sliding_card_price #inside_room_selling_buy_cards #sliding_card_price_container #sliding_card_price_buttons_container .pick_cards.disabled {
opacity: 0.6 !important;
cursor: not-allowed !important; }
#inside_room.with_promotions.with_sliding_card_price #inside_room_selling_buy_cards #sliding_card_price_container #sliding_card_price_buttons_container .pick_cards span {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 4.5vh;
height: 4.5vh;
line-height: 4.5vh;
text-align: center;
border-radius: 50%; }
#inside_room.with_promotions.with_sliding_card_price #inside_room_selling_buy_cards #sliding_card_price_container #sliding_card_price_buttons_container .pick_cards.selected {
cursor: default;
transform: scale(0.9); }
#inside_room.with_promotions.with_sliding_card_price #inside_room_selling_buy_cards #sliding_card_price_container #sliding_card_price_buttons_container .pick_cards.selected span {
box-shadow: 0 0 1.5vh #FFFFFF; }
#inside_room.with_promotions.with_sliding_card_price #inside_room_selling_buy_cards #sliding_card_price_container #sliding_card_price_buttons_container .sliding_price_color_4 {
background-image: url("../images/sliding_card_price/coin_4.png?ts=61"); }
#inside_room.with_promotions.with_sliding_card_price #inside_room_selling_buy_cards #sliding_card_price_container #sliding_card_price_buttons_container .sliding_price_color_3 {
background-image: url("../images/sliding_card_price/coin_3.png?ts=61"); }
#inside_room.with_promotions.with_sliding_card_price #inside_room_selling_buy_cards #sliding_card_price_container #sliding_card_price_buttons_container .sliding_price_color_2 {
background-image: url("../images/sliding_card_price/coin_2.png?ts=61"); }
#inside_room.with_promotions.with_sliding_card_price #inside_room_selling_buy_cards #sliding_card_price_container #sliding_card_price_buttons_container .sliding_price_color_1 {
background-image: url("../images/sliding_card_price/coin_1.png?ts=61"); }
#inside_room.with_promotions.with_sliding_card_price #inside_room_selling_buy_cards #sliding_card_price_container #sliding_card_price_prices_container {
position: absolute;
top: auto;
height: 33%;
width: 100%;
bottom: 0px; }
#inside_room.with_promotions.with_sliding_card_price #inside_room_selling_buy_cards #sliding_card_price_container #sliding_card_price_prices_container div {
text-align: center;
height: 100%;
position: relative; }
#inside_room.with_promotions.with_sliding_card_price #inside_room_selling_buy_cards #sliding_card_price_container #sliding_card_price_prices_container div span {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 2vh;
font-weight: bold;
color: #FFFFFF;
text-shadow: -1px -1px 0 #000000, -1px 0px 0 #000000, -1px 1px 0 #000000, 0px -1px 0 #000000, 0px 0px 0 #000000, 0px 1px 0 #000000, 1px -1px 0 #000000, 1px 0px 0 #000000, 1px 1px 0 #000000; }
#inside_room.with_promotions.with_sliding_card_price #inside_room_selling_buy_cards #sliding_card_price_container #sliding_card_price_prices_container .sliding_price_wrapper {
display: none; }
#inside_room.with_promotions.with_sliding_card_price #inside_room_selling_buy_cards #sliding_card_price_container #sliding_card_price_prices_container .visible {
display: inline-block; }
#inside_room.with_promotions.with_sliding_card_price #inside_room_selling_buy_cards #sliding_card_price_container #sliding_card_price_prices_container .visible.first {
border-bottom-left-radius: 20px;
border-top-left-radius: 20px; }
#inside_room.with_promotions.with_sliding_card_price #inside_room_selling_buy_cards #sliding_card_price_container #sliding_card_price_prices_container .visible.first.selected {
transform-origin: left center !important; }
#inside_room.with_promotions.with_sliding_card_price #inside_room_selling_buy_cards #sliding_card_price_container #sliding_card_price_prices_container .visible.last {
border-top-right-radius: 20px;
border-bottom-right-radius: 20px; }
#inside_room.with_promotions.with_sliding_card_price #inside_room_selling_buy_cards #sliding_card_price_container #sliding_card_price_prices_container .visible.last.selected {
transform-origin: right center !important; }
#inside_room.with_promotions.with_sliding_card_price #inside_room_selling_buy_cards #sliding_card_price_container #sliding_card_price_prices_container .sliding_price_wrapper[data-total-buttons="4"] {
width: 50%; }
#inside_room.with_promotions.with_sliding_card_price #inside_room_selling_buy_cards #sliding_card_price_container #sliding_card_price_prices_container .sliding_price_wrapper[data-total-buttons="3"] {
width: 37.5%; }
#inside_room.with_promotions.with_sliding_card_price #inside_room_selling_buy_cards #sliding_card_price_container #sliding_card_price_prices_container .sliding_price_wrapper[data-total-buttons="2"] {
width: 25%; }
#inside_room.with_promotions.with_sliding_card_price #inside_room_selling_buy_cards #sliding_card_price_container #sliding_card_price_prices_container .sliding_price_wrapper[data-total-buttons="1"] {
width: 12.5%; }
#inside_room.with_promotions.with_sliding_card_price #inside_room_selling_buy_cards #sliding_card_price_container #sliding_card_price_prices_container .sliding_price_wrapper.selected {
box-shadow: 0 0 0.5vw #FFFFFF;
transform: scale(1.1);
transform-origin: center center;
z-index: 200; }
#inside_room.with_promotions.with_sliding_card_price #inside_room_selling_buy_cards #sliding_card_price_container #sliding_card_price_prices_container .sliding_price_wrapper:not(.selected) {
z-index: 100; }
#inside_room.with_promotions.with_sliding_card_price #inside_room_selling_buy_cards #sliding_card_price_container #sliding_card_price_prices_container .sliding_price_color_4 {
background-color: #FF0000; }
#inside_room.with_promotions.with_sliding_card_price #inside_room_selling_buy_cards #sliding_card_price_container #sliding_card_price_prices_container .sliding_price_color_3 {
background-color: #EF810A; }
#inside_room.with_promotions.with_sliding_card_price #inside_room_selling_buy_cards #sliding_card_price_container #sliding_card_price_prices_container .sliding_price_color_2 {
background-color: #E8C518; }
#inside_room.with_promotions.with_sliding_card_price #inside_room_selling_buy_cards #sliding_card_price_container #sliding_card_price_prices_container .sliding_price_color_1 {
background-color: #65A5E5; }
#change_room_container #change_room_list #change_room_list_container .change_room_list_item.with_promotions_sliding_card_price .change_room_select_cards {
display: none !important; }
#change_room_container #change_room_list #change_room_list_container .change_room_list_item.with_promotions_sliding_card_price .change_rooms_sliding_card_prices {
display: flex !important;
width: 50%; }
#change_room_container #change_room_list #change_room_list_container .change_room_list_item.with_promotions_sliding_card_price .change_rooms_sliding_card_prices .change_room_select_cards_button {
border-radius: 3px;
color: #FFFFFF;
font-weight: bold;
padding: 3px;
width: 23%;
text-align: center;
cursor: pointer;
font-size: 120%;
letter-spacing: -1px;
text-indent: -1px;
position: relative; }
#change_room_container #change_room_list #change_room_list_container .change_room_list_item.with_promotions_sliding_card_price .change_rooms_sliding_card_prices .change_room_select_cards_button.quickbuy_sliding_price_color_4 {
background-color: #FF0000 !important; }
#change_room_container #change_room_list #change_room_list_container .change_room_list_item.with_promotions_sliding_card_price .change_rooms_sliding_card_prices .change_room_select_cards_button.quickbuy_sliding_price_color_3 {
background-color: #EF810A !important; }
#change_room_container #change_room_list #change_room_list_container .change_room_list_item.with_promotions_sliding_card_price .change_rooms_sliding_card_prices .change_room_select_cards_button.quickbuy_sliding_price_color_2 {
background-color: #E8C518 !important; }
#change_room_container #change_room_list #change_room_list_container .change_room_list_item.with_promotions_sliding_card_price .change_rooms_sliding_card_prices .change_room_select_cards_button.quickbuy_sliding_price_color_1 {
background-color: #65A5E5 !important; }
#change_room_container #change_room_list #change_room_list_container .change_room_list_item.with_promotions_sliding_card_price .change_rooms_sliding_card_prices .change_room_select_cards_button.selected {
transform: scale(0.85);
box-shadow: 0 0 0.5vh #000000; }
#change_room_container #change_room_list #change_room_list_container .change_room_list_item.with_promotions_sliding_card_price .change_rooms_sliding_card_prices .change_room_select_cards_button .amount {
text-shadow: -1px -1px 0 #000000, -1px 0px 0 #000000, -1px 1px 0 #000000, 0px -1px 0 #000000, 0px 0px 0 #000000, 0px 1px 0 #000000, 1px -1px 0 #000000, 1px 0px 0 #000000, 1px 1px 0 #000000;
padding-bottom: 1.75vh; }
#change_room_container #change_room_list #change_room_list_container .change_room_list_item.with_promotions_sliding_card_price .change_rooms_sliding_card_prices .change_room_select_cards_button .price {
position: absolute;
bottom: 0px;
width: 100%;
font-size: 55%;
font-weight: bold;
text-shadow: -1px -1px 0 #000000, -1px 0px 0 #000000, -1px 1px 0 #000000, 0px -1px 0 #000000, 0px 0px 0 #000000, 0px 1px 0 #000000, 1px -1px 0 #000000, 1px 0px 0 #000000, 1px 1px 0 #000000; }
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room.with_promotions_sliding_card_price .lobby_room_card_price {
background-image: url("../images/sliding_card_price/ticket_icon_discount.png?ts=61") !important; } }
#autobuy_container {
position: absolute;
left: 64%;
top: 0%;
background-color: #000065;
z-index: 120;
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
display: none;
transform: translateX(-50%); }
#autobuy_container #autobuy_wrapper {
margin: 10px;
background-color: #FFFFFF;
padding: 10px;
border-radius: 15px; }
#autobuy_container #autobuy_wrapper .title {
font-weight: bold; }
#autobuy_container #autobuy_wrapper .btn-group {
margin-bottom: 10px; }
#autobuy_container #autobuy_wrapper #autobuy_remaining_games, #autobuy_container #autobuy_wrapper #autobuy_active {
display: none; }
#autobuy_container.active #autobuy_remaining_games, #autobuy_container.active #autobuy_active {
display: block !important; }
#autobuy_container.active #autobuy_not_active {
display: none !important; }
@media (min-width: 576px) {
#autobuy_container {
font-size: 0.9vw; }
#autobuy_container #autobuy_wrapper .btn {
font-size: 0.9vw;
letter-spacing: -1px;
padding: 0.3vw; } }
@media (max-width: 575px) {
#autobuy_container {
left: auto;
width: 100%;
font-size: 1.5vh;
transform: rotate(180deg);
bottom: 0px;
top: auto; }
#autobuy_container #autobuy_wrapper {
transform: rotate(180deg);
margin-top: 5vh; }
#autobuy_container #autobuy_wrapper .btn {
font-size: 1.5vh !important; } }
#inside_room_animation {
position: absolute;
left: 41%;
top: 21%;
width: 29%;
height: 24%;
display: none;
background-image: url("../images/animation/bg.png");
background-size: 100% 100%;
z-index: 109;
overflow: hidden; }
#inside_room_animation #inside_room_animation_border {
display: none;
position: absolute;
width: 100%;
height: 100%;
left: 0px;
top: 0px;
z-index: 609;
background-image: url("../images/animation/border.png");
background-size: 100% 100%; }
#inside_room_animation #inside_room_cannon_call_number_container {
position: absolute;
left: 46%;
top: 50%;
width: 100%;
height: 3vw;
line-height: 3vw;
z-index: 2;
text-align: center;
transform: translateY(-50%) rotate(90deg);
transform-origin: center center;
text-transform: uppercase; }
#inside_room_animation #inside_room_cannon_call_number_container #inside_room_cannon_call_text {
display: inline-block;
font-size: 1.25vw;
font-weight: bold; }
#inside_room_animation #inside_room_cannon_call_number_container #inside_room_cannon_call_number {
display: inline-block;
font-size: 1.25vw;
font-weight: bold; }
#inside_room_animation #inside_room_cannon_animation_wrapper {
position: absolute;
width: 100%;
height: 100%;
top: 0px;
left: 0px; }
#inside_room_animation #inside_room_cannon_animation_wrapper #inside_room_cannon_animation_tube {
position: absolute;
left: 17%;
width: 25.5%;
height: 100%;
background-image: url("../images/animation/tube.png");
background-repeat: repeat-y;
background-size: 100% 100%;
opacity: 0.6;
z-index: 129; }
#inside_room_animation #inside_room_cannon_animation_wrapper #animated_ball_foo {
position: absolute;
left: 0px;
top: 0px;
width: 25.5%;
height: 62%;
visibility: hidden; }
#inside_room_animation #inside_room_cannon_animation_wrapper #inside_room_cannon_animation_path {
position: absolute;
left: 49.5%;
top: 0px;
width: 39.5%;
height: 100%;
background-image: url("../images/animation/path.png");
background-size: 100% 100%;
z-index: 129; }
#inside_room_animation #inside_room_cannon_animation_container {
background-image: none;
position: absolute;
width: 100%;
height: 100%;
top: 0px;
left: 0px; }
#inside_room_animation #inside_room_cannon_animation_container .animated_ball {
position: absolute;
left: 17%;
top: -62%;
width: 25.5%;
height: 62%;
background-position: center center;
background-size: auto 100%;
background-repeat: no-repeat;
text-align: center;
font-size: 3vw;
font-weight: bold;
letter-spacing: -4px;
text-indent: -4px;
z-index: 119;
color: #FFFFFF;
text-shadow: 2px 2px 0 #000000, 2px -2px 0 #000000, -2px 2px 0 #000000, -2px -2px 0 #000000, 2px 0px 0 #000000, 0px 2px 0 #000000, -2px 0px 0 #000000, 0px -2px 0 #000000;
/*
&.ball_number_bg_1{background-image: url($skinPath + 'images/animation/balls/ball_number_bg_1.png');}
&.ball_number_bg_2{background-image: url($skinPath + 'images/animation/balls/ball_number_bg_2.png');}
&.ball_number_bg_3{background-image: url($skinPath + 'images/animation/balls/ball_number_bg_3.png');}
&.ball_number_bg_4{background-image: url($skinPath + 'images/animation/balls/ball_number_bg_4.png');}
&.ball_number_bg_5{background-image: url($skinPath + 'images/animation/balls/ball_number_bg_5.png');}
&.ball_number_bg_6{background-image: url($skinPath + 'images/animation/balls/ball_number_bg_6.png');}
&.ball_number_bg_7{background-image: url($skinPath + 'images/animation/balls/ball_number_bg_7.png');}
&.ball_number_bg_8{background-image: url($skinPath + 'images/animation/balls/ball_number_bg_8.png');}
&.ball_number_bg_9{background-image: url($skinPath + 'images/animation/balls/ball_number_bg_9.png');}
*/ }
#inside_room_animation #inside_room_cannon_animation_container .animated_ball span {
position: absolute;
display: block;
width: 100%;
text-align: center;
top: 50%;
transform: translateY(-50%); }
#inside_room_animation #inside_room_cannon_animation_container .animated_ball.underline {
text-decoration: underline; }
#inside_room_animation #inside_room_cannon_animation_container .animated_ball.animating.call_1 {
animation: drop 200ms forwards, shake 2000ms forwards, leave 200ms forwards, drop-small 400ms linear forwards, fall_1 1200ms linear forwards, drop_1 400ms linear forwards, fall_2 1300ms linear forwards, drop_2 400ms linear forwards, fall_3_1 1300ms linear forwards;
animation-delay: 0s, 200ms, 2200ms, 2400ms, 2800ms, 4000ms, 4400ms, 5700ms, 6100ms;
animation-iteration-count: 1,1,1,1,1,1,1,1,1; }
#inside_room_animation #inside_room_cannon_animation_container .animated_ball.animating.call_2 {
animation: drop 200ms forwards, shake 2000ms forwards, leave 200ms forwards, drop-small 400ms linear forwards, fall_1 1200ms linear forwards, drop_1 400ms linear forwards, fall_2 1300ms linear forwards, drop_2 400ms linear forwards, fall_3_2 1020ms linear forwards;
animation-delay: 0s, 200ms, 2200ms, 2400ms, 2800ms, 4000ms, 4400ms, 5700ms, 6100ms;
animation-iteration-count: 1,1,1,1,1,1,1,1,1; }
#inside_room_animation #inside_room_cannon_animation_container .animated_ball.animating.call_3 {
animation: drop 200ms forwards, shake 2000ms forwards, leave 200ms forwards, drop-small 400ms linear forwards, fall_1 1200ms linear forwards, drop_1 400ms linear forwards, fall_2 1300ms linear forwards, drop_2 400ms linear forwards, fall_3_3 741ms linear forwards;
animation-delay: 0s, 200ms, 2200ms, 2400ms, 2800ms, 4000ms, 4400ms, 5700ms, 6100ms;
animation-iteration-count: 1,1,1,1,1,1,1,1,1; }
#inside_room_animation #inside_room_cannon_animation_container .animated_ball.animating.call_4 {
animation: drop 200ms forwards, shake 2000ms forwards, leave 200ms forwards, drop-small 400ms linear forwards, fall_1 1200ms linear forwards, drop_1 400ms linear forwards, fall_2 1300ms linear forwards, drop_2 400ms linear forwards, fall_3_4 461ms linear forwards;
animation-delay: 0s, 200ms, 2200ms, 2400ms, 2800ms, 4000ms, 4400ms, 5700ms, 6100ms;
animation-iteration-count: 1,1,1,1,1,1,1,1,1; }
#inside_room_animation #inside_room_cannon_animation_container .animated_ball.animating.call_5 {
animation: drop 200ms forwards, shake 2000ms forwards, leave 200ms forwards, drop-small 400ms linear forwards, fall_1 1200ms linear forwards, drop_1 400ms linear forwards, fall_2 1300ms linear forwards, drop_2 400ms linear forwards, fall_3_5 182ms linear forwards;
animation-delay: 0s, 200ms, 2200ms, 2400ms, 2800ms, 4000ms, 4400ms, 5700ms, 6100ms;
animation-iteration-count: 1,1,1,1,1,1,1,1,1; }
#inside_room_animation #inside_room_cannon_animation_container .animated_ball.animating.call_6 {
animation: drop 200ms forwards, shake 2000ms forwards, leave 200ms forwards, drop-small 400ms linear forwards, fall_1 1200ms linear forwards, drop_1 400ms linear forwards, fall_2 1300ms linear forwards, drop_2 400ms linear forwards, fall_3_5 182ms linear forwards;
animation-delay: 0s, 200ms, 2200ms, 2400ms, 2800ms, 4000ms, 4400ms, 5700ms, 6100ms;
animation-iteration-count: 1,1,1,1,1,1,1,1,1; }
#inside_room_animation #inside_room_cannon_animation_container .animated_ball.animating.call_7 {
animation: drop 200ms forwards, shake 2000ms forwards, leave 200ms forwards, drop-small 400ms linear forwards, fall_1 1200ms linear forwards, drop_1 400ms linear forwards, fall_2 1300ms linear forwards, drop_2 400ms linear forwards, fall_3_5 182ms linear forwards;
animation-delay: 0s, 200ms, 2200ms, 2400ms, 2800ms, 4000ms, 4400ms, 5700ms, 6100ms;
animation-iteration-count: 1,1,1,1,1,1,1,1,1; }
#inside_room_animation #inside_room_cannon_animation_container .animated_ball.animating.call_8 {
animation: drop 200ms forwards, shake 2000ms forwards, leave 200ms forwards, drop-small 400ms linear forwards, fall_1 1200ms linear forwards, drop_1 400ms linear forwards, fall_2 1300ms linear forwards, drop_2 400ms linear forwards, fall_3_5 182ms linear forwards;
animation-delay: 0s, 200ms, 2200ms, 2400ms, 2800ms, 4000ms, 4400ms, 5700ms, 6100ms;
animation-iteration-count: 1,1,1,1,1,1,1,1,1; }
#inside_room_animation #inside_room_cannon_animation_container .animated_ball.animating.call_9 {
animation: drop 200ms forwards, shake 2000ms forwards, leave 200ms forwards, drop-small 400ms linear forwards, fall_1 1200ms linear forwards, drop_1 400ms linear forwards, fall_2 1300ms linear forwards, drop_2 400ms linear forwards, fall_3_5 182ms linear forwards;
animation-delay: 0s, 200ms, 2200ms, 2400ms, 2800ms, 4000ms, 4400ms, 5700ms, 6100ms;
animation-iteration-count: 1,1,1,1,1,1,1,1,1; }
#inside_room_animation #inside_room_cannon_animation_container .animated_ball.animating.call_10 {
animation: drop 200ms forwards, shake 2000ms forwards, leave 200ms forwards, drop-small 400ms linear forwards, fall_1 1200ms linear forwards, drop_1 400ms linear forwards, fall_2 1300ms linear forwards, drop_2 400ms linear forwards, fall_3_5 182ms linear forwards;
animation-delay: 0s, 200ms, 2200ms, 2400ms, 2800ms, 4000ms, 4400ms, 5700ms, 6100ms;
animation-iteration-count: 1,1,1,1,1,1,1,1,1; }
#inside_room_animation #inside_room_cannon_animation_container .animated_ball.animating.call_11 {
animation: drop 200ms forwards, shake 2000ms forwards, leave 200ms forwards, drop-small 400ms linear forwards, fall_1 1200ms linear forwards, drop_1 400ms linear forwards, fall_2 1300ms linear forwards, drop_2 400ms linear forwards, fall_3_5 182ms linear forwards;
animation-delay: 0s, 200ms, 2200ms, 2400ms, 2800ms, 4000ms, 4400ms, 5700ms, 6100ms;
animation-iteration-count: 1,1,1,1,1,1,1,1,1; }
#inside_room_animation #inside_room_cannon_animation_container .animated_ball.animating.call_12 {
animation: drop 200ms forwards, shake 2000ms forwards, leave 200ms forwards, drop-small 400ms linear forwards, fall_1 1200ms linear forwards, drop_1 400ms linear forwards, fall_2 1300ms linear forwards, drop_2 400ms linear forwards, fall_3_5 182ms linear forwards;
animation-delay: 0s, 200ms, 2200ms, 2400ms, 2800ms, 4000ms, 4400ms, 5700ms, 6100ms;
animation-iteration-count: 1,1,1,1,1,1,1,1,1; }
#inside_room_animation #inside_room_cannon_animation_container .animated_ball.animating.call_13 {
animation: drop 200ms forwards, shake 2000ms forwards, leave 200ms forwards, drop-small 400ms linear forwards, fall_1 1200ms linear forwards, drop_1 400ms linear forwards, fall_2 1300ms linear forwards, drop_2 400ms linear forwards, fall_3_5 182ms linear forwards;
animation-delay: 0s, 200ms, 2200ms, 2400ms, 2800ms, 4000ms, 4400ms, 5700ms, 6100ms;
animation-iteration-count: 1,1,1,1,1,1,1,1,1; }
#inside_room_animation #inside_room_cannon_animation_container .animated_ball.animating.call_14 {
animation: drop 200ms forwards, shake 2000ms forwards, leave 200ms forwards, drop-small 400ms linear forwards, fall_1 1200ms linear forwards, drop_1 400ms linear forwards, fall_2 1300ms linear forwards, drop_2 400ms linear forwards, fall_3_5 182ms linear forwards;
animation-delay: 0s, 200ms, 2200ms, 2400ms, 2800ms, 4000ms, 4400ms, 5700ms, 6100ms;
animation-iteration-count: 1,1,1,1,1,1,1,1,1; }
#inside_room_animation #inside_room_cannon_animation_container .animated_ball.animating.call_15 {
animation: drop 200ms forwards, shake 2000ms forwards, leave 200ms forwards, drop-small 400ms linear forwards, fall_1 1200ms linear forwards, drop_1 400ms linear forwards, fall_2 1300ms linear forwards, drop_2 400ms linear forwards, fall_3_5 182ms linear forwards;
animation-delay: 0s, 200ms, 2200ms, 2400ms, 2800ms, 4000ms, 4400ms, 5700ms, 6100ms;
animation-iteration-count: 1,1,1,1,1,1,1,1,1; }
#inside_room_animation #inside_room_cannon_animation_container .animated_ball.animating.call_16 {
animation: drop 200ms forwards, shake 2000ms forwards, leave 200ms forwards, drop-small 400ms linear forwards, fall_1 1200ms linear forwards, drop_1 400ms linear forwards, fall_2 1300ms linear forwards, drop_2 400ms linear forwards, fall_3_5 182ms linear forwards;
animation-delay: 0s, 200ms, 2200ms, 2400ms, 2800ms, 4000ms, 4400ms, 5700ms, 6100ms;
animation-iteration-count: 1,1,1,1,1,1,1,1,1; }
#inside_room_animation #inside_room_cannon_animation_container .animated_ball.animating.call_17 {
animation: drop 200ms forwards, shake 2000ms forwards, leave 200ms forwards, drop-small 400ms linear forwards, fall_1 1200ms linear forwards, drop_1 400ms linear forwards, fall_2 1300ms linear forwards, drop_2 400ms linear forwards, fall_3_5 182ms linear forwards;
animation-delay: 0s, 200ms, 2200ms, 2400ms, 2800ms, 4000ms, 4400ms, 5700ms, 6100ms;
animation-iteration-count: 1,1,1,1,1,1,1,1,1; }
#inside_room_animation #inside_room_cannon_animation_container .animated_ball.animating.call_18 {
animation: drop 200ms forwards, shake 2000ms forwards, leave 200ms forwards, drop-small 400ms linear forwards, fall_1 1200ms linear forwards, drop_1 400ms linear forwards, fall_2 1300ms linear forwards, drop_2 400ms linear forwards, fall_3_5 182ms linear forwards;
animation-delay: 0s, 200ms, 2200ms, 2400ms, 2800ms, 4000ms, 4400ms, 5700ms, 6100ms;
animation-iteration-count: 1,1,1,1,1,1,1,1,1; }
#inside_room_animation #inside_room_cannon_animation_container .animated_ball.animating.call_19 {
animation: drop 200ms forwards, shake 2000ms forwards, leave 200ms forwards, drop-small 400ms linear forwards, fall_1 1200ms linear forwards, drop_1 400ms linear forwards, fall_2 1300ms linear forwards, drop_2 400ms linear forwards, fall_3_5 182ms linear forwards;
animation-delay: 0s, 200ms, 2200ms, 2400ms, 2800ms, 4000ms, 4400ms, 5700ms, 6100ms;
animation-iteration-count: 1,1,1,1,1,1,1,1,1; }
#inside_room_animation #inside_room_cannon_animation_container .animated_ball.animating.call_20 {
animation: drop 200ms forwards, shake 2000ms forwards, leave 200ms forwards, drop-small 400ms linear forwards, fall_1 1200ms linear forwards, drop_1 400ms linear forwards, fall_2 1300ms linear forwards, drop_2 400ms linear forwards, fall_3_5 182ms linear forwards;
animation-delay: 0s, 200ms, 2200ms, 2400ms, 2800ms, 4000ms, 4400ms, 5700ms, 6100ms;
animation-iteration-count: 1,1,1,1,1,1,1,1,1; }
#inside_room_animation #inside_room_cannon_animation_container .animated_ball.animating.call_21 {
animation: drop 200ms forwards, shake 2000ms forwards, leave 200ms forwards, drop-small 400ms linear forwards, fall_1 1200ms linear forwards, drop_1 400ms linear forwards, fall_2 1300ms linear forwards, drop_2 400ms linear forwards, fall_3_5 182ms linear forwards;
animation-delay: 0s, 200ms, 2200ms, 2400ms, 2800ms, 4000ms, 4400ms, 5700ms, 6100ms;
animation-iteration-count: 1,1,1,1,1,1,1,1,1; }
#inside_room_animation #inside_room_cannon_animation_container .animated_ball.animating.call_22 {
animation: drop 200ms forwards, shake 2000ms forwards, leave 200ms forwards, drop-small 400ms linear forwards, fall_1 1200ms linear forwards, drop_1 400ms linear forwards, fall_2 1300ms linear forwards, drop_2 400ms linear forwards, fall_3_5 182ms linear forwards;
animation-delay: 0s, 200ms, 2200ms, 2400ms, 2800ms, 4000ms, 4400ms, 5700ms, 6100ms;
animation-iteration-count: 1,1,1,1,1,1,1,1,1; }
#inside_room_animation #inside_room_cannon_animation_container .animated_ball.animating.call_23 {
animation: drop 200ms forwards, shake 2000ms forwards, leave 200ms forwards, drop-small 400ms linear forwards, fall_1 1200ms linear forwards, drop_1 400ms linear forwards, fall_2 1300ms linear forwards, drop_2 400ms linear forwards, fall_3_5 182ms linear forwards;
animation-delay: 0s, 200ms, 2200ms, 2400ms, 2800ms, 4000ms, 4400ms, 5700ms, 6100ms;
animation-iteration-count: 1,1,1,1,1,1,1,1,1; }
#inside_room_animation #inside_room_cannon_animation_container .animated_ball.animating.call_24 {
animation: drop 200ms forwards, shake 2000ms forwards, leave 200ms forwards, drop-small 400ms linear forwards, fall_1 1200ms linear forwards, drop_1 400ms linear forwards, fall_2 1300ms linear forwards, drop_2 400ms linear forwards, fall_3_5 182ms linear forwards;
animation-delay: 0s, 200ms, 2200ms, 2400ms, 2800ms, 4000ms, 4400ms, 5700ms, 6100ms;
animation-iteration-count: 1,1,1,1,1,1,1,1,1; }
#inside_room_animation #inside_room_cannon_animation_container .animated_ball.animating.call_25 {
animation: drop 200ms forwards, shake 2000ms forwards, leave 200ms forwards, drop-small 400ms linear forwards, fall_1 1200ms linear forwards, drop_1 400ms linear forwards, fall_2 1300ms linear forwards, drop_2 400ms linear forwards, fall_3_5 182ms linear forwards;
animation-delay: 0s, 200ms, 2200ms, 2400ms, 2800ms, 4000ms, 4400ms, 5700ms, 6100ms;
animation-iteration-count: 1,1,1,1,1,1,1,1,1; }
#inside_room_animation #inside_room_cannon_animation_container .animated_ball.animating.call_26 {
animation: drop 200ms forwards, shake 2000ms forwards, leave 200ms forwards, drop-small 400ms linear forwards, fall_1 1200ms linear forwards, drop_1 400ms linear forwards, fall_2 1300ms linear forwards, drop_2 400ms linear forwards, fall_3_5 182ms linear forwards;
animation-delay: 0s, 200ms, 2200ms, 2400ms, 2800ms, 4000ms, 4400ms, 5700ms, 6100ms;
animation-iteration-count: 1,1,1,1,1,1,1,1,1; }
#inside_room_animation #inside_room_cannon_animation_container .animated_ball.animating.call_27 {
animation: drop 200ms forwards, shake 2000ms forwards, leave 200ms forwards, drop-small 400ms linear forwards, fall_1 1200ms linear forwards, drop_1 400ms linear forwards, fall_2 1300ms linear forwards, drop_2 400ms linear forwards, fall_3_5 182ms linear forwards;
animation-delay: 0s, 200ms, 2200ms, 2400ms, 2800ms, 4000ms, 4400ms, 5700ms, 6100ms;
animation-iteration-count: 1,1,1,1,1,1,1,1,1; }
#inside_room_animation #inside_room_cannon_animation_container .animated_ball.animating.call_28 {
animation: drop 200ms forwards, shake 2000ms forwards, leave 200ms forwards, drop-small 400ms linear forwards, fall_1 1200ms linear forwards, drop_1 400ms linear forwards, fall_2 1300ms linear forwards, drop_2 400ms linear forwards, fall_3_5 182ms linear forwards;
animation-delay: 0s, 200ms, 2200ms, 2400ms, 2800ms, 4000ms, 4400ms, 5700ms, 6100ms;
animation-iteration-count: 1,1,1,1,1,1,1,1,1; }
#inside_room_animation #inside_room_cannon_animation_container .animated_ball.animating.call_29 {
animation: drop 200ms forwards, shake 2000ms forwards, leave 200ms forwards, drop-small 400ms linear forwards, fall_1 1200ms linear forwards, drop_1 400ms linear forwards, fall_2 1300ms linear forwards, drop_2 400ms linear forwards, fall_3_5 182ms linear forwards;
animation-delay: 0s, 200ms, 2200ms, 2400ms, 2800ms, 4000ms, 4400ms, 5700ms, 6100ms;
animation-iteration-count: 1,1,1,1,1,1,1,1,1; }
#inside_room_animation #inside_room_cannon_animation_container .animated_ball.animating.call_30 {
animation: drop 200ms forwards, shake 2000ms forwards, leave 200ms forwards, drop-small 400ms linear forwards, fall_1 1200ms linear forwards, drop_1 400ms linear forwards, fall_2 1300ms linear forwards, drop_2 400ms linear forwards, fall_3_5 182ms linear forwards;
animation-delay: 0s, 200ms, 2200ms, 2400ms, 2800ms, 4000ms, 4400ms, 5700ms, 6100ms;
animation-iteration-count: 1,1,1,1,1,1,1,1,1; }
#inside_room_animation #inside_room_cannon_animation_container .animated_ball.animating.call_31 {
animation: drop 200ms forwards, shake 2000ms forwards, leave 200ms forwards, drop-small 400ms linear forwards, fall_1 1200ms linear forwards, drop_1 400ms linear forwards, fall_2 1300ms linear forwards, drop_2 400ms linear forwards, fall_3_5 182ms linear forwards;
animation-delay: 0s, 200ms, 2200ms, 2400ms, 2800ms, 4000ms, 4400ms, 5700ms, 6100ms;
animation-iteration-count: 1,1,1,1,1,1,1,1,1; }
#inside_room_animation #inside_room_cannon_animation_container .animated_ball.animating.call_32 {
animation: drop 200ms forwards, shake 2000ms forwards, leave 200ms forwards, drop-small 400ms linear forwards, fall_1 1200ms linear forwards, drop_1 400ms linear forwards, fall_2 1300ms linear forwards, drop_2 400ms linear forwards, fall_3_5 182ms linear forwards;
animation-delay: 0s, 200ms, 2200ms, 2400ms, 2800ms, 4000ms, 4400ms, 5700ms, 6100ms;
animation-iteration-count: 1,1,1,1,1,1,1,1,1; }
#inside_room_animation #inside_room_cannon_animation_container .animated_ball.animating.call_33 {
animation: drop 200ms forwards, shake 2000ms forwards, leave 200ms forwards, drop-small 400ms linear forwards, fall_1 1200ms linear forwards, drop_1 400ms linear forwards, fall_2 1300ms linear forwards, drop_2 400ms linear forwards, fall_3_5 182ms linear forwards;
animation-delay: 0s, 200ms, 2200ms, 2400ms, 2800ms, 4000ms, 4400ms, 5700ms, 6100ms;
animation-iteration-count: 1,1,1,1,1,1,1,1,1; }
#inside_room_animation #inside_room_cannon_animation_container .animated_ball.animating.call_34 {
animation: drop 200ms forwards, shake 2000ms forwards, leave 200ms forwards, drop-small 400ms linear forwards, fall_1 1200ms linear forwards, drop_1 400ms linear forwards, fall_2 1300ms linear forwards, drop_2 400ms linear forwards, fall_3_5 182ms linear forwards;
animation-delay: 0s, 200ms, 2200ms, 2400ms, 2800ms, 4000ms, 4400ms, 5700ms, 6100ms;
animation-iteration-count: 1,1,1,1,1,1,1,1,1; }
#inside_room_animation #inside_room_cannon_animation_container .animated_ball.animating.call_35 {
animation: drop 200ms forwards, shake 2000ms forwards, leave 200ms forwards, drop-small 400ms linear forwards, fall_1 1200ms linear forwards, drop_1 400ms linear forwards, fall_2 1300ms linear forwards, drop_2 400ms linear forwards, fall_3_5 182ms linear forwards;
animation-delay: 0s, 200ms, 2200ms, 2400ms, 2800ms, 4000ms, 4400ms, 5700ms, 6100ms;
animation-iteration-count: 1,1,1,1,1,1,1,1,1; }
#inside_room_animation #inside_room_cannon_animation_container .animated_ball.animating.call_36 {
animation: drop 200ms forwards, shake 2000ms forwards, leave 200ms forwards, drop-small 400ms linear forwards, fall_1 1200ms linear forwards, drop_1 400ms linear forwards, fall_2 1300ms linear forwards, drop_2 400ms linear forwards, fall_3_5 182ms linear forwards;
animation-delay: 0s, 200ms, 2200ms, 2400ms, 2800ms, 4000ms, 4400ms, 5700ms, 6100ms;
animation-iteration-count: 1,1,1,1,1,1,1,1,1; }
#inside_room_animation #inside_room_cannon_animation_container .animated_ball.animating.call_37 {
animation: drop 200ms forwards, shake 2000ms forwards, leave 200ms forwards, drop-small 400ms linear forwards, fall_1 1200ms linear forwards, drop_1 400ms linear forwards, fall_2 1300ms linear forwards, drop_2 400ms linear forwards, fall_3_5 182ms linear forwards;
animation-delay: 0s, 200ms, 2200ms, 2400ms, 2800ms, 4000ms, 4400ms, 5700ms, 6100ms;
animation-iteration-count: 1,1,1,1,1,1,1,1,1; }
#inside_room_animation #inside_room_cannon_animation_container .animated_ball.animating.call_38 {
animation: drop 200ms forwards, shake 2000ms forwards, leave 200ms forwards, drop-small 400ms linear forwards, fall_1 1200ms linear forwards, drop_1 400ms linear forwards, fall_2 1300ms linear forwards, drop_2 400ms linear forwards, fall_3_5 182ms linear forwards;
animation-delay: 0s, 200ms, 2200ms, 2400ms, 2800ms, 4000ms, 4400ms, 5700ms, 6100ms;
animation-iteration-count: 1,1,1,1,1,1,1,1,1; }
#inside_room_animation #inside_room_cannon_animation_container .animated_ball.animating.call_39 {
animation: drop 200ms forwards, shake 2000ms forwards, leave 200ms forwards, drop-small 400ms linear forwards, fall_1 1200ms linear forwards, drop_1 400ms linear forwards, fall_2 1300ms linear forwards, drop_2 400ms linear forwards, fall_3_5 182ms linear forwards;
animation-delay: 0s, 200ms, 2200ms, 2400ms, 2800ms, 4000ms, 4400ms, 5700ms, 6100ms;
animation-iteration-count: 1,1,1,1,1,1,1,1,1; }
#inside_room_animation #inside_room_cannon_animation_container .animated_ball.animating.call_40 {
animation: drop 200ms forwards, shake 2000ms forwards, leave 200ms forwards, drop-small 400ms linear forwards, fall_1 1200ms linear forwards, drop_1 400ms linear forwards, fall_2 1300ms linear forwards, drop_2 400ms linear forwards, fall_3_5 182ms linear forwards;
animation-delay: 0s, 200ms, 2200ms, 2400ms, 2800ms, 4000ms, 4400ms, 5700ms, 6100ms;
animation-iteration-count: 1,1,1,1,1,1,1,1,1; }
#inside_room_animation #inside_room_cannon_animation_container .animated_ball.animating.call_41 {
animation: drop 200ms forwards, shake 2000ms forwards, leave 200ms forwards, drop-small 400ms linear forwards, fall_1 1200ms linear forwards, drop_1 400ms linear forwards, fall_2 1300ms linear forwards, drop_2 400ms linear forwards, fall_3_5 182ms linear forwards;
animation-delay: 0s, 200ms, 2200ms, 2400ms, 2800ms, 4000ms, 4400ms, 5700ms, 6100ms;
animation-iteration-count: 1,1,1,1,1,1,1,1,1; }
#inside_room_animation #inside_room_cannon_animation_container .animated_ball.animating.call_42 {
animation: drop 200ms forwards, shake 2000ms forwards, leave 200ms forwards, drop-small 400ms linear forwards, fall_1 1200ms linear forwards, drop_1 400ms linear forwards, fall_2 1300ms linear forwards, drop_2 400ms linear forwards, fall_3_5 182ms linear forwards;
animation-delay: 0s, 200ms, 2200ms, 2400ms, 2800ms, 4000ms, 4400ms, 5700ms, 6100ms;
animation-iteration-count: 1,1,1,1,1,1,1,1,1; }
#inside_room_animation #inside_room_cannon_animation_container .animated_ball.animating.call_43 {
animation: drop 200ms forwards, shake 2000ms forwards, leave 200ms forwards, drop-small 400ms linear forwards, fall_1 1200ms linear forwards, drop_1 400ms linear forwards, fall_2 1300ms linear forwards, drop_2 400ms linear forwards, fall_3_5 182ms linear forwards;
animation-delay: 0s, 200ms, 2200ms, 2400ms, 2800ms, 4000ms, 4400ms, 5700ms, 6100ms;
animation-iteration-count: 1,1,1,1,1,1,1,1,1; }
#inside_room_animation #inside_room_cannon_animation_container .animated_ball.animating.call_44 {
animation: drop 200ms forwards, shake 2000ms forwards, leave 200ms forwards, drop-small 400ms linear forwards, fall_1 1200ms linear forwards, drop_1 400ms linear forwards, fall_2 1300ms linear forwards, drop_2 400ms linear forwards, fall_3_5 182ms linear forwards;
animation-delay: 0s, 200ms, 2200ms, 2400ms, 2800ms, 4000ms, 4400ms, 5700ms, 6100ms;
animation-iteration-count: 1,1,1,1,1,1,1,1,1; }
#inside_room_animation #inside_room_cannon_animation_container .animated_ball.animating.call_45 {
animation: drop 200ms forwards, shake 2000ms forwards, leave 200ms forwards, drop-small 400ms linear forwards, fall_1 1200ms linear forwards, drop_1 400ms linear forwards, fall_2 1300ms linear forwards, drop_2 400ms linear forwards, fall_3_5 182ms linear forwards;
animation-delay: 0s, 200ms, 2200ms, 2400ms, 2800ms, 4000ms, 4400ms, 5700ms, 6100ms;
animation-iteration-count: 1,1,1,1,1,1,1,1,1; }
#inside_room_animation #inside_room_cannon_animation_container .animated_ball.animating.call_46 {
animation: drop 200ms forwards, shake 2000ms forwards, leave 200ms forwards, drop-small 400ms linear forwards, fall_1 1200ms linear forwards, drop_1 400ms linear forwards, fall_2 1300ms linear forwards, drop_2 400ms linear forwards, fall_3_5 182ms linear forwards;
animation-delay: 0s, 200ms, 2200ms, 2400ms, 2800ms, 4000ms, 4400ms, 5700ms, 6100ms;
animation-iteration-count: 1,1,1,1,1,1,1,1,1; }
#inside_room_animation #inside_room_cannon_animation_container .animated_ball.animating.call_47 {
animation: drop 200ms forwards, shake 2000ms forwards, leave 200ms forwards, drop-small 400ms linear forwards, fall_1 1200ms linear forwards, drop_1 400ms linear forwards, fall_2 1300ms linear forwards, drop_2 400ms linear forwards, fall_3_5 182ms linear forwards;
animation-delay: 0s, 200ms, 2200ms, 2400ms, 2800ms, 4000ms, 4400ms, 5700ms, 6100ms;
animation-iteration-count: 1,1,1,1,1,1,1,1,1; }
#inside_room_animation #inside_room_cannon_animation_container .animated_ball.animating.call_48 {
animation: drop 200ms forwards, shake 2000ms forwards, leave 200ms forwards, drop-small 400ms linear forwards, fall_1 1200ms linear forwards, drop_1 400ms linear forwards, fall_2 1300ms linear forwards, drop_2 400ms linear forwards, fall_3_5 182ms linear forwards;
animation-delay: 0s, 200ms, 2200ms, 2400ms, 2800ms, 4000ms, 4400ms, 5700ms, 6100ms;
animation-iteration-count: 1,1,1,1,1,1,1,1,1; }
#inside_room_animation #inside_room_cannon_animation_container .animated_ball.animating.call_49 {
animation: drop 200ms forwards, shake 2000ms forwards, leave 200ms forwards, drop-small 400ms linear forwards, fall_1 1200ms linear forwards, drop_1 400ms linear forwards, fall_2 1300ms linear forwards, drop_2 400ms linear forwards, fall_3_5 182ms linear forwards;
animation-delay: 0s, 200ms, 2200ms, 2400ms, 2800ms, 4000ms, 4400ms, 5700ms, 6100ms;
animation-iteration-count: 1,1,1,1,1,1,1,1,1; }
#inside_room_animation #inside_room_cannon_animation_container .animated_ball.animating.call_50 {
animation: drop 200ms forwards, shake 2000ms forwards, leave 200ms forwards, drop-small 400ms linear forwards, fall_1 1200ms linear forwards, drop_1 400ms linear forwards, fall_2 1300ms linear forwards, drop_2 400ms linear forwards, fall_3_5 182ms linear forwards;
animation-delay: 0s, 200ms, 2200ms, 2400ms, 2800ms, 4000ms, 4400ms, 5700ms, 6100ms;
animation-iteration-count: 1,1,1,1,1,1,1,1,1; }
#inside_room_animation #inside_room_cannon_animation_container .animated_ball.animating.call_51 {
animation: drop 200ms forwards, shake 2000ms forwards, leave 200ms forwards, drop-small 400ms linear forwards, fall_1 1200ms linear forwards, drop_1 400ms linear forwards, fall_2 1300ms linear forwards, drop_2 400ms linear forwards, fall_3_5 182ms linear forwards;
animation-delay: 0s, 200ms, 2200ms, 2400ms, 2800ms, 4000ms, 4400ms, 5700ms, 6100ms;
animation-iteration-count: 1,1,1,1,1,1,1,1,1; }
#inside_room_animation #inside_room_cannon_animation_container .animated_ball.animating.call_52 {
animation: drop 200ms forwards, shake 2000ms forwards, leave 200ms forwards, drop-small 400ms linear forwards, fall_1 1200ms linear forwards, drop_1 400ms linear forwards, fall_2 1300ms linear forwards, drop_2 400ms linear forwards, fall_3_5 182ms linear forwards;
animation-delay: 0s, 200ms, 2200ms, 2400ms, 2800ms, 4000ms, 4400ms, 5700ms, 6100ms;
animation-iteration-count: 1,1,1,1,1,1,1,1,1; }
#inside_room_animation #inside_room_cannon_animation_container .animated_ball.animating.call_53 {
animation: drop 200ms forwards, shake 2000ms forwards, leave 200ms forwards, drop-small 400ms linear forwards, fall_1 1200ms linear forwards, drop_1 400ms linear forwards, fall_2 1300ms linear forwards, drop_2 400ms linear forwards, fall_3_5 182ms linear forwards;
animation-delay: 0s, 200ms, 2200ms, 2400ms, 2800ms, 4000ms, 4400ms, 5700ms, 6100ms;
animation-iteration-count: 1,1,1,1,1,1,1,1,1; }
#inside_room_animation #inside_room_cannon_animation_container .animated_ball.animating.call_54 {
animation: drop 200ms forwards, shake 2000ms forwards, leave 200ms forwards, drop-small 400ms linear forwards, fall_1 1200ms linear forwards, drop_1 400ms linear forwards, fall_2 1300ms linear forwards, drop_2 400ms linear forwards, fall_3_5 182ms linear forwards;
animation-delay: 0s, 200ms, 2200ms, 2400ms, 2800ms, 4000ms, 4400ms, 5700ms, 6100ms;
animation-iteration-count: 1,1,1,1,1,1,1,1,1; }
#inside_room_animation #inside_room_cannon_animation_container .animated_ball.animating.call_55 {
animation: drop 200ms forwards, shake 2000ms forwards, leave 200ms forwards, drop-small 400ms linear forwards, fall_1 1200ms linear forwards, drop_1 400ms linear forwards, fall_2 1300ms linear forwards, drop_2 400ms linear forwards, fall_3_5 182ms linear forwards;
animation-delay: 0s, 200ms, 2200ms, 2400ms, 2800ms, 4000ms, 4400ms, 5700ms, 6100ms;
animation-iteration-count: 1,1,1,1,1,1,1,1,1; }
#inside_room_animation #inside_room_cannon_animation_container .animated_ball.animating.call_56 {
animation: drop 200ms forwards, shake 2000ms forwards, leave 200ms forwards, drop-small 400ms linear forwards, fall_1 1200ms linear forwards, drop_1 400ms linear forwards, fall_2 1300ms linear forwards, drop_2 400ms linear forwards, fall_3_5 182ms linear forwards;
animation-delay: 0s, 200ms, 2200ms, 2400ms, 2800ms, 4000ms, 4400ms, 5700ms, 6100ms;
animation-iteration-count: 1,1,1,1,1,1,1,1,1; }
#inside_room_animation #inside_room_cannon_animation_container .animated_ball.animating.call_57 {
animation: drop 200ms forwards, shake 2000ms forwards, leave 200ms forwards, drop-small 400ms linear forwards, fall_1 1200ms linear forwards, drop_1 400ms linear forwards, fall_2 1300ms linear forwards, drop_2 400ms linear forwards, fall_3_5 182ms linear forwards;
animation-delay: 0s, 200ms, 2200ms, 2400ms, 2800ms, 4000ms, 4400ms, 5700ms, 6100ms;
animation-iteration-count: 1,1,1,1,1,1,1,1,1; }
#inside_room_animation #inside_room_cannon_animation_container .animated_ball.animating.call_58 {
animation: drop 200ms forwards, shake 2000ms forwards, leave 200ms forwards, drop-small 400ms linear forwards, fall_1 1200ms linear forwards, drop_1 400ms linear forwards, fall_2 1300ms linear forwards, drop_2 400ms linear forwards, fall_3_5 182ms linear forwards;
animation-delay: 0s, 200ms, 2200ms, 2400ms, 2800ms, 4000ms, 4400ms, 5700ms, 6100ms;
animation-iteration-count: 1,1,1,1,1,1,1,1,1; }
#inside_room_animation #inside_room_cannon_animation_container .animated_ball.animating.call_59 {
animation: drop 200ms forwards, shake 2000ms forwards, leave 200ms forwards, drop-small 400ms linear forwards, fall_1 1200ms linear forwards, drop_1 400ms linear forwards, fall_2 1300ms linear forwards, drop_2 400ms linear forwards, fall_3_5 182ms linear forwards;
animation-delay: 0s, 200ms, 2200ms, 2400ms, 2800ms, 4000ms, 4400ms, 5700ms, 6100ms;
animation-iteration-count: 1,1,1,1,1,1,1,1,1; }
#inside_room_animation #inside_room_cannon_animation_container .animated_ball.animating.call_60 {
animation: drop 200ms forwards, shake 2000ms forwards, leave 200ms forwards, drop-small 400ms linear forwards, fall_1 1200ms linear forwards, drop_1 400ms linear forwards, fall_2 1300ms linear forwards, drop_2 400ms linear forwards, fall_3_5 182ms linear forwards;
animation-delay: 0s, 200ms, 2200ms, 2400ms, 2800ms, 4000ms, 4400ms, 5700ms, 6100ms;
animation-iteration-count: 1,1,1,1,1,1,1,1,1; }
#inside_room_animation #inside_room_cannon_animation_container .animated_ball.animating.call_61 {
animation: drop 200ms forwards, shake 2000ms forwards, leave 200ms forwards, drop-small 400ms linear forwards, fall_1 1200ms linear forwards, drop_1 400ms linear forwards, fall_2 1300ms linear forwards, drop_2 400ms linear forwards, fall_3_5 182ms linear forwards;
animation-delay: 0s, 200ms, 2200ms, 2400ms, 2800ms, 4000ms, 4400ms, 5700ms, 6100ms;
animation-iteration-count: 1,1,1,1,1,1,1,1,1; }
#inside_room_animation #inside_room_cannon_animation_container .animated_ball.animating.call_62 {
animation: drop 200ms forwards, shake 2000ms forwards, leave 200ms forwards, drop-small 400ms linear forwards, fall_1 1200ms linear forwards, drop_1 400ms linear forwards, fall_2 1300ms linear forwards, drop_2 400ms linear forwards, fall_3_5 182ms linear forwards;
animation-delay: 0s, 200ms, 2200ms, 2400ms, 2800ms, 4000ms, 4400ms, 5700ms, 6100ms;
animation-iteration-count: 1,1,1,1,1,1,1,1,1; }
#inside_room_animation #inside_room_cannon_animation_container .animated_ball.animating.call_63 {
animation: drop 200ms forwards, shake 2000ms forwards, leave 200ms forwards, drop-small 400ms linear forwards, fall_1 1200ms linear forwards, drop_1 400ms linear forwards, fall_2 1300ms linear forwards, drop_2 400ms linear forwards, fall_3_5 182ms linear forwards;
animation-delay: 0s, 200ms, 2200ms, 2400ms, 2800ms, 4000ms, 4400ms, 5700ms, 6100ms;
animation-iteration-count: 1,1,1,1,1,1,1,1,1; }
#inside_room_animation #inside_room_cannon_animation_container .animated_ball.animating.call_64 {
animation: drop 200ms forwards, shake 2000ms forwards, leave 200ms forwards, drop-small 400ms linear forwards, fall_1 1200ms linear forwards, drop_1 400ms linear forwards, fall_2 1300ms linear forwards, drop_2 400ms linear forwards, fall_3_5 182ms linear forwards;
animation-delay: 0s, 200ms, 2200ms, 2400ms, 2800ms, 4000ms, 4400ms, 5700ms, 6100ms;
animation-iteration-count: 1,1,1,1,1,1,1,1,1; }
#inside_room_animation #inside_room_cannon_animation_container .animated_ball.animating.call_65 {
animation: drop 200ms forwards, shake 2000ms forwards, leave 200ms forwards, drop-small 400ms linear forwards, fall_1 1200ms linear forwards, drop_1 400ms linear forwards, fall_2 1300ms linear forwards, drop_2 400ms linear forwards, fall_3_5 182ms linear forwards;
animation-delay: 0s, 200ms, 2200ms, 2400ms, 2800ms, 4000ms, 4400ms, 5700ms, 6100ms;
animation-iteration-count: 1,1,1,1,1,1,1,1,1; }
#inside_room_animation #inside_room_cannon_animation_container .animated_ball.animating.call_66 {
animation: drop 200ms forwards, shake 2000ms forwards, leave 200ms forwards, drop-small 400ms linear forwards, fall_1 1200ms linear forwards, drop_1 400ms linear forwards, fall_2 1300ms linear forwards, drop_2 400ms linear forwards, fall_3_5 182ms linear forwards;
animation-delay: 0s, 200ms, 2200ms, 2400ms, 2800ms, 4000ms, 4400ms, 5700ms, 6100ms;
animation-iteration-count: 1,1,1,1,1,1,1,1,1; }
#inside_room_animation #inside_room_cannon_animation_container .animated_ball.animating.call_67 {
animation: drop 200ms forwards, shake 2000ms forwards, leave 200ms forwards, drop-small 400ms linear forwards, fall_1 1200ms linear forwards, drop_1 400ms linear forwards, fall_2 1300ms linear forwards, drop_2 400ms linear forwards, fall_3_5 182ms linear forwards;
animation-delay: 0s, 200ms, 2200ms, 2400ms, 2800ms, 4000ms, 4400ms, 5700ms, 6100ms;
animation-iteration-count: 1,1,1,1,1,1,1,1,1; }
#inside_room_animation #inside_room_cannon_animation_container .animated_ball.animating.call_68 {
animation: drop 200ms forwards, shake 2000ms forwards, leave 200ms forwards, drop-small 400ms linear forwards, fall_1 1200ms linear forwards, drop_1 400ms linear forwards, fall_2 1300ms linear forwards, drop_2 400ms linear forwards, fall_3_5 182ms linear forwards;
animation-delay: 0s, 200ms, 2200ms, 2400ms, 2800ms, 4000ms, 4400ms, 5700ms, 6100ms;
animation-iteration-count: 1,1,1,1,1,1,1,1,1; }
#inside_room_animation #inside_room_cannon_animation_container .animated_ball.animating.call_69 {
animation: drop 200ms forwards, shake 2000ms forwards, leave 200ms forwards, drop-small 400ms linear forwards, fall_1 1200ms linear forwards, drop_1 400ms linear forwards, fall_2 1300ms linear forwards, drop_2 400ms linear forwards, fall_3_5 182ms linear forwards;
animation-delay: 0s, 200ms, 2200ms, 2400ms, 2800ms, 4000ms, 4400ms, 5700ms, 6100ms;
animation-iteration-count: 1,1,1,1,1,1,1,1,1; }
#inside_room_animation #inside_room_cannon_animation_container .animated_ball.animating.call_70 {
animation: drop 200ms forwards, shake 2000ms forwards, leave 200ms forwards, drop-small 400ms linear forwards, fall_1 1200ms linear forwards, drop_1 400ms linear forwards, fall_2 1300ms linear forwards, drop_2 400ms linear forwards, fall_3_5 182ms linear forwards;
animation-delay: 0s, 200ms, 2200ms, 2400ms, 2800ms, 4000ms, 4400ms, 5700ms, 6100ms;
animation-iteration-count: 1,1,1,1,1,1,1,1,1; }
#inside_room_animation #inside_room_cannon_animation_container .animated_ball.animating.call_71 {
animation: drop 200ms forwards, shake 2000ms forwards, leave 200ms forwards, drop-small 400ms linear forwards, fall_1 1200ms linear forwards, drop_1 400ms linear forwards, fall_2 1300ms linear forwards, drop_2 400ms linear forwards, fall_3_5 182ms linear forwards;
animation-delay: 0s, 200ms, 2200ms, 2400ms, 2800ms, 4000ms, 4400ms, 5700ms, 6100ms;
animation-iteration-count: 1,1,1,1,1,1,1,1,1; }
#inside_room_animation #inside_room_cannon_animation_container .animated_ball.animating.call_72 {
animation: drop 200ms forwards, shake 2000ms forwards, leave 200ms forwards, drop-small 400ms linear forwards, fall_1 1200ms linear forwards, drop_1 400ms linear forwards, fall_2 1300ms linear forwards, drop_2 400ms linear forwards, fall_3_5 182ms linear forwards;
animation-delay: 0s, 200ms, 2200ms, 2400ms, 2800ms, 4000ms, 4400ms, 5700ms, 6100ms;
animation-iteration-count: 1,1,1,1,1,1,1,1,1; }
#inside_room_animation #inside_room_cannon_animation_container .animated_ball.animating.call_73 {
animation: drop 200ms forwards, shake 2000ms forwards, leave 200ms forwards, drop-small 400ms linear forwards, fall_1 1200ms linear forwards, drop_1 400ms linear forwards, fall_2 1300ms linear forwards, drop_2 400ms linear forwards, fall_3_5 182ms linear forwards;
animation-delay: 0s, 200ms, 2200ms, 2400ms, 2800ms, 4000ms, 4400ms, 5700ms, 6100ms;
animation-iteration-count: 1,1,1,1,1,1,1,1,1; }
#inside_room_animation #inside_room_cannon_animation_container .animated_ball.animating.call_74 {
animation: drop 200ms forwards, shake 2000ms forwards, leave 200ms forwards, drop-small 400ms linear forwards, fall_1 1200ms linear forwards, drop_1 400ms linear forwards, fall_2 1300ms linear forwards, drop_2 400ms linear forwards, fall_3_5 182ms linear forwards;
animation-delay: 0s, 200ms, 2200ms, 2400ms, 2800ms, 4000ms, 4400ms, 5700ms, 6100ms;
animation-iteration-count: 1,1,1,1,1,1,1,1,1; }
#inside_room_animation #inside_room_cannon_animation_container .animated_ball.animating.call_75 {
animation: drop 200ms forwards, shake 2000ms forwards, leave 200ms forwards, drop-small 400ms linear forwards, fall_1 1200ms linear forwards, drop_1 400ms linear forwards, fall_2 1300ms linear forwards, drop_2 400ms linear forwards, fall_3_5 182ms linear forwards;
animation-delay: 0s, 200ms, 2200ms, 2400ms, 2800ms, 4000ms, 4400ms, 5700ms, 6100ms;
animation-iteration-count: 1,1,1,1,1,1,1,1,1; }
#inside_room_animation #inside_room_cannon_animation_container .animated_ball.animating.call_76 {
animation: drop 200ms forwards, shake 2000ms forwards, leave 200ms forwards, drop-small 400ms linear forwards, fall_1 1200ms linear forwards, drop_1 400ms linear forwards, fall_2 1300ms linear forwards, drop_2 400ms linear forwards, fall_3_5 182ms linear forwards;
animation-delay: 0s, 200ms, 2200ms, 2400ms, 2800ms, 4000ms, 4400ms, 5700ms, 6100ms;
animation-iteration-count: 1,1,1,1,1,1,1,1,1; }
#inside_room_animation #inside_room_cannon_animation_container .animated_ball.animating.call_77 {
animation: drop 200ms forwards, shake 2000ms forwards, leave 200ms forwards, drop-small 400ms linear forwards, fall_1 1200ms linear forwards, drop_1 400ms linear forwards, fall_2 1300ms linear forwards, drop_2 400ms linear forwards, fall_3_5 182ms linear forwards;
animation-delay: 0s, 200ms, 2200ms, 2400ms, 2800ms, 4000ms, 4400ms, 5700ms, 6100ms;
animation-iteration-count: 1,1,1,1,1,1,1,1,1; }
#inside_room_animation #inside_room_cannon_animation_container .animated_ball.animating.call_78 {
animation: drop 200ms forwards, shake 2000ms forwards, leave 200ms forwards, drop-small 400ms linear forwards, fall_1 1200ms linear forwards, drop_1 400ms linear forwards, fall_2 1300ms linear forwards, drop_2 400ms linear forwards, fall_3_5 182ms linear forwards;
animation-delay: 0s, 200ms, 2200ms, 2400ms, 2800ms, 4000ms, 4400ms, 5700ms, 6100ms;
animation-iteration-count: 1,1,1,1,1,1,1,1,1; }
#inside_room_animation #inside_room_cannon_animation_container .animated_ball.animating.call_79 {
animation: drop 200ms forwards, shake 2000ms forwards, leave 200ms forwards, drop-small 400ms linear forwards, fall_1 1200ms linear forwards, drop_1 400ms linear forwards, fall_2 1300ms linear forwards, drop_2 400ms linear forwards, fall_3_5 182ms linear forwards;
animation-delay: 0s, 200ms, 2200ms, 2400ms, 2800ms, 4000ms, 4400ms, 5700ms, 6100ms;
animation-iteration-count: 1,1,1,1,1,1,1,1,1; }
#inside_room_animation #inside_room_cannon_animation_container .animated_ball.animating.call_80 {
animation: drop 200ms forwards, shake 2000ms forwards, leave 200ms forwards, drop-small 400ms linear forwards, fall_1 1200ms linear forwards, drop_1 400ms linear forwards, fall_2 1300ms linear forwards, drop_2 400ms linear forwards, fall_3_5 182ms linear forwards;
animation-delay: 0s, 200ms, 2200ms, 2400ms, 2800ms, 4000ms, 4400ms, 5700ms, 6100ms;
animation-iteration-count: 1,1,1,1,1,1,1,1,1; }
#inside_room_animation #inside_room_cannon_animation_container .animated_ball.animating.call_81 {
animation: drop 200ms forwards, shake 2000ms forwards, leave 200ms forwards, drop-small 400ms linear forwards, fall_1 1200ms linear forwards, drop_1 400ms linear forwards, fall_2 1300ms linear forwards, drop_2 400ms linear forwards, fall_3_5 182ms linear forwards;
animation-delay: 0s, 200ms, 2200ms, 2400ms, 2800ms, 4000ms, 4400ms, 5700ms, 6100ms;
animation-iteration-count: 1,1,1,1,1,1,1,1,1; }
#inside_room_animation #inside_room_cannon_animation_container .animated_ball.animating.call_82 {
animation: drop 200ms forwards, shake 2000ms forwards, leave 200ms forwards, drop-small 400ms linear forwards, fall_1 1200ms linear forwards, drop_1 400ms linear forwards, fall_2 1300ms linear forwards, drop_2 400ms linear forwards, fall_3_5 182ms linear forwards;
animation-delay: 0s, 200ms, 2200ms, 2400ms, 2800ms, 4000ms, 4400ms, 5700ms, 6100ms;
animation-iteration-count: 1,1,1,1,1,1,1,1,1; }
#inside_room_animation #inside_room_cannon_animation_container .animated_ball.animating.call_83 {
animation: drop 200ms forwards, shake 2000ms forwards, leave 200ms forwards, drop-small 400ms linear forwards, fall_1 1200ms linear forwards, drop_1 400ms linear forwards, fall_2 1300ms linear forwards, drop_2 400ms linear forwards, fall_3_5 182ms linear forwards;
animation-delay: 0s, 200ms, 2200ms, 2400ms, 2800ms, 4000ms, 4400ms, 5700ms, 6100ms;
animation-iteration-count: 1,1,1,1,1,1,1,1,1; }
#inside_room_animation #inside_room_cannon_animation_container .animated_ball.animating.call_84 {
animation: drop 200ms forwards, shake 2000ms forwards, leave 200ms forwards, drop-small 400ms linear forwards, fall_1 1200ms linear forwards, drop_1 400ms linear forwards, fall_2 1300ms linear forwards, drop_2 400ms linear forwards, fall_3_5 182ms linear forwards;
animation-delay: 0s, 200ms, 2200ms, 2400ms, 2800ms, 4000ms, 4400ms, 5700ms, 6100ms;
animation-iteration-count: 1,1,1,1,1,1,1,1,1; }
#inside_room_animation #inside_room_cannon_animation_container .animated_ball.animating.call_85 {
animation: drop 200ms forwards, shake 2000ms forwards, leave 200ms forwards, drop-small 400ms linear forwards, fall_1 1200ms linear forwards, drop_1 400ms linear forwards, fall_2 1300ms linear forwards, drop_2 400ms linear forwards, fall_3_5 182ms linear forwards;
animation-delay: 0s, 200ms, 2200ms, 2400ms, 2800ms, 4000ms, 4400ms, 5700ms, 6100ms;
animation-iteration-count: 1,1,1,1,1,1,1,1,1; }
#inside_room_animation #inside_room_cannon_animation_container .animated_ball.animating.call_86 {
animation: drop 200ms forwards, shake 2000ms forwards, leave 200ms forwards, drop-small 400ms linear forwards, fall_1 1200ms linear forwards, drop_1 400ms linear forwards, fall_2 1300ms linear forwards, drop_2 400ms linear forwards, fall_3_5 182ms linear forwards;
animation-delay: 0s, 200ms, 2200ms, 2400ms, 2800ms, 4000ms, 4400ms, 5700ms, 6100ms;
animation-iteration-count: 1,1,1,1,1,1,1,1,1; }
#inside_room_animation #inside_room_cannon_animation_container .animated_ball.animating.call_87 {
animation: drop 200ms forwards, shake 2000ms forwards, leave 200ms forwards, drop-small 400ms linear forwards, fall_1 1200ms linear forwards, drop_1 400ms linear forwards, fall_2 1300ms linear forwards, drop_2 400ms linear forwards, fall_3_5 182ms linear forwards;
animation-delay: 0s, 200ms, 2200ms, 2400ms, 2800ms, 4000ms, 4400ms, 5700ms, 6100ms;
animation-iteration-count: 1,1,1,1,1,1,1,1,1; }
#inside_room_animation #inside_room_cannon_animation_container .animated_ball.animating.call_88 {
animation: drop 200ms forwards, shake 2000ms forwards, leave 200ms forwards, drop-small 400ms linear forwards, fall_1 1200ms linear forwards, drop_1 400ms linear forwards, fall_2 1300ms linear forwards, drop_2 400ms linear forwards, fall_3_5 182ms linear forwards;
animation-delay: 0s, 200ms, 2200ms, 2400ms, 2800ms, 4000ms, 4400ms, 5700ms, 6100ms;
animation-iteration-count: 1,1,1,1,1,1,1,1,1; }
#inside_room_animation #inside_room_cannon_animation_container .animated_ball.animating.call_89 {
animation: drop 200ms forwards, shake 2000ms forwards, leave 200ms forwards, drop-small 400ms linear forwards, fall_1 1200ms linear forwards, drop_1 400ms linear forwards, fall_2 1300ms linear forwards, drop_2 400ms linear forwards, fall_3_5 182ms linear forwards;
animation-delay: 0s, 200ms, 2200ms, 2400ms, 2800ms, 4000ms, 4400ms, 5700ms, 6100ms;
animation-iteration-count: 1,1,1,1,1,1,1,1,1; }
#inside_room_animation #inside_room_cannon_animation_container .animated_ball.animating.call_90 {
animation: drop 200ms forwards, shake 2000ms forwards, leave 200ms forwards, drop-small 400ms linear forwards, fall_1 1200ms linear forwards, drop_1 400ms linear forwards, fall_2 1300ms linear forwards, drop_2 400ms linear forwards, fall_3_5 182ms linear forwards;
animation-delay: 0s, 200ms, 2200ms, 2400ms, 2800ms, 4000ms, 4400ms, 5700ms, 6100ms;
animation-iteration-count: 1,1,1,1,1,1,1,1,1; }
#inside_room_animation #inside_room_cannon_animation_container .animated_ball.moving_next_1 {
animation: moving_next_1 600ms ease-out forwards;
animation-iteration-count: 1; }
#inside_room_animation #inside_room_cannon_animation_container .animated_ball.moving_next_2 {
animation: moving_next_2 600ms ease-out forwards;
animation-iteration-count: 1; }
#inside_room_animation #inside_room_cannon_animation_container .animated_ball.moving_next_3 {
animation: moving_next_3 600ms ease-out forwards;
animation-iteration-count: 1; }
#inside_room_animation #inside_room_cannon_animation_container .animated_ball.moving_next_4 {
animation: moving_next_4 600ms ease-out forwards;
animation-iteration-count: 1; }
#inside_room_animation #inside_room_cannon_animation_container .animated_ball.moving_next_5 {
animation: moving_next_5 600ms ease-out forwards;
animation-iteration-count: 1; }
#inside_room_animation #inside_room_cannon_animation_container .animated_ball.moving_next_6 {
animation: moving_next_6 600ms ease-out forwards;
animation-iteration-count: 1; }
#inside_room_animation #inside_room_cannon_animation_container .animated_ball.moving_next_7 {
animation: moving_next_7 600ms ease-out forwards;
animation-iteration-count: 1; }
#inside_room_animation #inside_room_cannon_animation_container .animated_ball.moving_next_8 {
animation: moving_next_8 600ms ease-out forwards;
animation-iteration-count: 1; }
#inside_room_animation #inside_room_cannon_animation_container .animated_ball.moving_next_9 {
animation: moving_next_9 600ms ease-out forwards;
animation-iteration-count: 1; }
@keyframes drop {
0% {
transform: translate(0, 0) scale(1) rotate(0deg); }
100% {
transform: translate(0, 130%) scale(1) rotate(0deg); } }
@keyframes shake {
0% {
transform: translate(2px, calc(130% + (1px))) scale(1) rotate(0deg); }
10% {
transform: translate(-1px, calc(130% - (2px))) scale(1) rotate(-1deg); }
20% {
transform: translate(-3px, calc(130% + (0px))) scale(1) rotate(1deg); }
30% {
transform: translate(0px, calc(130% + (2px))) scale(1) rotate(0deg); }
40% {
transform: translate(1px, calc(130% - (1px))) scale(1) rotate(1deg); }
50% {
transform: translate(-1px, calc(130% + (2px))) scale(1) rotate(-1deg); }
60% {
transform: translate(-3px, calc(130% + (1px))) scale(1) rotate(0deg); }
70% {
transform: translate(2px, calc(130% + (1px))) scale(1) rotate(-1deg); }
80% {
transform: translate(-1px, calc(130% - (1px))) scale(1) rotate(1deg); }
90% {
transform: translate(2px, calc(130% + (2px))) scale(1) rotate(0deg); }
100% {
transform: translate(1px, calc(130% - (2px))) scale(1) rotate(-1deg); } }
@keyframes leave {
0% {
transform: translate(0, 130%) scale(1) rotate(0deg); }
100% {
transform: translate(0, 260%) scale(1) rotate(0deg); } }
@keyframes drop-small {
0% {
transform: translate(102.5%, 46.5%) scale(0.25) rotate(0deg); }
40% {
transform: translate(102.5%, 102.5%) scale(0.25) rotate(0deg); }
60% {
transform: translate(103.5%, 101%) scale(0.25) rotate(10deg); }
80% {
transform: translate(105%, 102.7%) scale(0.25) rotate(20deg); }
90% {
transform: translate(106.5%, 101.7%) scale(0.25) rotate(30deg); }
100% {
transform: translate(108.5%, 102.6%) scale(0.25) rotate(40deg); } }
@keyframes fall_1 {
0% {
transform: translate(108.5%, 102.6%) scale(0.25) rotate(40deg); }
100% {
transform: translate(210.5%, 107.5%) scale(0.25) rotate(520deg); } }
@keyframes drop_1 {
0% {
transform: translate(211.5%, 108%) scale(0.25) rotate(530deg); }
40% {
transform: translate(214.5%, 135%) scale(0.25) rotate(580deg); }
60% {
transform: translate(213.5%, 133.5%) scale(0.25) rotate(570deg); }
80% {
transform: translate(212%, 135.2%) scale(0.25) rotate(560deg); }
90% {
transform: translate(210.5%, 134.2%) scale(0.25) rotate(550deg); }
100% {
transform: translate(208.5%, 135.1%) scale(0.25) rotate(540deg); } }
@keyframes fall_2 {
0% {
transform: translate(208.5%, 135.1%) scale(0.25) rotate(540deg); }
100% {
transform: translate(96.5%, 140%) scale(0.25) rotate(60deg); } }
@keyframes drop_2 {
0% {
transform: translate(95.5%, 140.5%) scale(0.25) rotate(60deg); }
40% {
transform: translate(93%, 168.5%) scale(0.25) rotate(50deg); }
60% {
transform: translate(93.5%, 167%) scale(0.25) rotate(60deg); }
80% {
transform: translate(94%, 168.7%) scale(0.25) rotate(61deg); }
90% {
transform: translate(94.5%, 167.7%) scale(0.25) rotate(65deg); }
100% {
transform: translate(95%, 168.6%) scale(0.25) rotate(69deg); } }
@keyframes fall_3_1 {
0% {
transform: translate(95%, 168.6%) scale(0.25) rotate(69deg); }
100% {
transform: translate(195%, 175.6%) scale(0.25) rotate(549deg); } }
#inside_room_animation #inside_room_cannon_animation_container .animated_ball.ball_position_1 {
transform: translate(195%, 175.6%) scale(0.25) rotate(549deg); }
@keyframes moving_next_1 {
0% {
transform: translate(195%, 175.6%) scale(0.25) rotate(549deg); }
50% {
transform: translate(216.5%, 181.1%) scale(0.25) rotate(653deg);
opacity: 1; }
100% {
transform: translate(225%, 207.6%) scale(0.25) rotate(757deg);
opacity: 0; } }
@keyframes fall_3_2 {
0% {
transform: translate(95%, 168.6%) scale(0.25) rotate(69deg); }
90% {
transform: translate(173.5%, 174.1%) scale(0.25) rotate(445deg); }
94% {
transform: translate(172.5%, 174.1%) scale(0.25) rotate(443deg); }
98% {
transform: translate(173.5%, 174.1%) scale(0.25) rotate(445deg); }
99% {
transform: translate(173%, 174.1%) scale(0.25) rotate(444deg); }
100% {
transform: translate(173.5%, 174.1%) scale(0.25) rotate(445deg); } }
#inside_room_animation #inside_room_cannon_animation_container .animated_ball.ball_position_2 {
transform: translate(173.5%, 174.1%) scale(0.25) rotate(445deg); }
@keyframes moving_next_2 {
0% {
transform: translate(173.5%, 174.1%) scale(0.25) rotate(445deg); }
100% {
transform: translate(195%, 175.6%) scale(0.25) rotate(549deg); } }
@keyframes fall_3_3 {
0% {
transform: translate(95%, 168.6%) scale(0.25) rotate(69deg); }
90% {
transform: translate(152%, 172.63%) scale(0.25) rotate(342deg); }
94% {
transform: translate(151%, 172.63%) scale(0.25) rotate(340deg); }
98% {
transform: translate(152%, 172.63%) scale(0.25) rotate(342deg); }
99% {
transform: translate(151.5%, 172.63%) scale(0.25) rotate(341deg); }
100% {
transform: translate(152%, 172.63%) scale(0.25) rotate(342deg); } }
#inside_room_animation #inside_room_cannon_animation_container .animated_ball.ball_position_3 {
transform: translate(152%, 172.63%) scale(0.25) rotate(342deg); }
@keyframes moving_next_3 {
0% {
transform: translate(152%, 172.63%) scale(0.25) rotate(342deg); }
100% {
transform: translate(173.5%, 174.1%) scale(0.25) rotate(445deg); } }
@keyframes fall_3_4 {
0% {
transform: translate(95%, 168.6%) scale(0.25) rotate(69deg); }
90% {
transform: translate(130.5%, 171.1%) scale(0.25) rotate(239deg); }
94% {
transform: translate(129.5%, 171.1%) scale(0.25) rotate(237deg); }
98% {
transform: translate(130.5%, 171.1%) scale(0.25) rotate(239deg); }
99% {
transform: translate(130%, 171.1%) scale(0.25) rotate(238deg); }
100% {
transform: translate(130.5%, 171.1%) scale(0.25) rotate(239deg); } }
#inside_room_animation #inside_room_cannon_animation_container .animated_ball.ball_position_4 {
transform: translate(130.5%, 171.1%) scale(0.25) rotate(239deg); }
@keyframes moving_next_4 {
0% {
transform: translate(130.5%, 171.1%) scale(0.25) rotate(239deg); }
100% {
transform: translate(152%, 172.63%) scale(0.25) rotate(342deg); } }
@keyframes fall_3_5 {
0% {
transform: translate(95%, 168.6%) scale(0.25) rotate(69deg); }
90% {
transform: translate(109%, 169.58%) scale(0.25) rotate(136deg); }
94% {
transform: translate(108%, 169.58%) scale(0.25) rotate(134deg); }
98% {
transform: translate(109%, 169.58%) scale(0.25) rotate(136deg); }
99% {
transform: translate(108.5%, 169.58%) scale(0.25) rotate(135deg); }
100% {
transform: translate(109%, 169.58%) scale(0.25) rotate(136deg); } }
#inside_room_animation #inside_room_cannon_animation_container .animated_ball.ball_position_5 {
transform: translate(109%, 169.58%) scale(0.25) rotate(136deg); }
@keyframes moving_next_5 {
0% {
transform: translate(109%, 169.58%) scale(0.25) rotate(136deg); }
100% {
transform: translate(130.5%, 171.1%) scale(0.25) rotate(239deg); } }
@media (max-width: 575px) {
#inside_room #inside_room_animation #inside_room_cannon_call_number_container {
left: 39%; }
#inside_room #inside_room_animation #inside_room_cannon_call_number_container #inside_room_cannon_call_text {
font-size: 1.5vh;
top: 25% !important; }
#inside_room #inside_room_animation #inside_room_cannon_call_number_container #inside_room_cannon_call_number {
font-size: 1.5vh;
top: 50% !important; }
#inside_room #inside_room_animation #inside_room_cannon_animation_path {
display: none; }
#inside_room #inside_room_animation #inside_room_cannon_animation_wrapper #animated_ball_foo {
width: 50%;
height: 75%; }
#inside_room #inside_room_animation #inside_room_cannon_animation_wrapper #inside_room_cannon_animation_tube {
width: 50% !important;
left: 20% !important; }
#inside_room #inside_room_animation #inside_room_cannon_animation_container .animated_ball {
left: 20%;
top: -75%;
width: 50%;
height: 75%;
font-size: 3.5vh;
letter-spacing: 0px;
text-indent: 0px; }
#inside_room #inside_room_animation #inside_room_cannon_animation_container .animated_ball.animating {
animation: drop_mobile 200ms forwards, shake_mobile 2000ms forwards, leave_mobile 200ms forwards !important;
animation-delay: 0s, 200ms, 2200ms !important;
animation-iteration-count: 1,1,1 !important; }
@keyframes drop_mobile {
0% {
transform: translate(0, 0) scale(1) rotate(0deg); }
100% {
transform: translate(0, 117%) scale(1) rotate(0deg); } }
@keyframes shake_mobile {
0% {
transform: translate(2px, calc(117% + (1px))) scale(1) rotate(0deg); }
10% {
transform: translate(-1px, calc(117% - (2px))) scale(1) rotate(-1deg); }
20% {
transform: translate(-3px, calc(117% + (0px))) scale(1) rotate(1deg); }
30% {
transform: translate(0px, calc(117% + (2px))) scale(1) rotate(0deg); }
40% {
transform: translate(1px, calc(117% - (1px))) scale(1) rotate(1deg); }
50% {
transform: translate(-1px, calc(117% + (2px))) scale(1) rotate(-1deg); }
60% {
transform: translate(-3px, calc(117% + (1px))) scale(1) rotate(0deg); }
70% {
transform: translate(2px, calc(117% + (1px))) scale(1) rotate(-1deg); }
80% {
transform: translate(-1px, calc(117% - (1px))) scale(1) rotate(1deg); }
90% {
transform: translate(2px, calc(117% + (2px))) scale(1) rotate(0deg); }
100% {
transform: translate(1px, calc(117% - (2px))) scale(1) rotate(-1deg); } }
@keyframes leave_mobile {
0% {
transform: translate(0, 117%) scale(1) rotate(0deg); }
100% {
transform: translate(0, 240%) scale(1) rotate(0deg); } }
#inside_room #inside_room_animation #inside_room_cannon_animation_container .animated_ball.ball_position_1 {
display: none !important; }
#inside_room #inside_room_animation #inside_room_cannon_animation_container .animated_ball.ball_position_2 {
display: none !important; }
#inside_room #inside_room_animation #inside_room_cannon_animation_container .animated_ball.ball_position_3 {
display: none !important; }
#inside_room #inside_room_animation #inside_room_cannon_animation_container .animated_ball.ball_position_4 {
display: none !important; }
#inside_room #inside_room_animation #inside_room_cannon_animation_container .animated_ball.ball_position_5 {
display: none !important; }
#inside_room.has_pattern #inside_room_animation {
width: 60.5%; }
#inside_room.has_pattern #inside_room_animation #inside_room_cannon_animation_wrapper #inside_room_cannon_animation_tube {
width: 31% !important;
left: 34% !important; }
#inside_room.has_pattern #inside_room_animation #inside_room_cannon_animation_container .animated_ball {
left: 34%;
top: -75%;
width: 31%;
height: 75%;
font-size: 3.5vh;
letter-spacing: 0px;
text-indent: 0px; }
#inside_room.has_pattern #inside_room_animation #inside_room_cannon_animation_container .animated_ball.animating {
animation: drop_mobile 200ms forwards, shake_mobile 2000ms forwards, leave_mobile 200ms forwards !important;
animation-delay: 0s, 200ms, 2200ms !important;
animation-iteration-count: 1,1,1 !important; }
@keyframes drop_mobile {
0% {
transform: translate(0, 0) scale(1) rotate(0deg); }
100% {
transform: translate(0, 117%) scale(1) rotate(0deg); } }
@keyframes shake_mobile {
0% {
transform: translate(2px, calc(117% + (1px))) scale(1) rotate(0deg); }
10% {
transform: translate(-1px, calc(117% - (2px))) scale(1) rotate(-1deg); }
20% {
transform: translate(-3px, calc(117% + (0px))) scale(1) rotate(1deg); }
30% {
transform: translate(0px, calc(117% + (2px))) scale(1) rotate(0deg); }
40% {
transform: translate(1px, calc(117% - (1px))) scale(1) rotate(1deg); }
50% {
transform: translate(-1px, calc(117% + (2px))) scale(1) rotate(-1deg); }
60% {
transform: translate(-3px, calc(117% + (1px))) scale(1) rotate(0deg); }
70% {
transform: translate(2px, calc(117% + (1px))) scale(1) rotate(-1deg); }
80% {
transform: translate(-1px, calc(117% - (1px))) scale(1) rotate(1deg); }
90% {
transform: translate(2px, calc(117% + (2px))) scale(1) rotate(0deg); }
100% {
transform: translate(1px, calc(117% - (2px))) scale(1) rotate(-1deg); } }
@keyframes leave_mobile {
0% {
transform: translate(0, 117%) scale(1) rotate(0deg); }
100% {
transform: translate(0, 240%) scale(1) rotate(0deg); } }
#inside_room.has_pattern #inside_room_animation #inside_room_cannon_call_number_container #inside_room_cannon_call_text {
font-size: 1.25vh; }
#inside_room.has_pattern #inside_room_animation #inside_room_cannon_call_number_container #inside_room_cannon_call_number {
font-size: 1.25vh; } }
#inside_room #animated_ball_1 {
background-image: url("../images/animation/balls/ball_number_bg_1.png"); }
#inside_room #animated_ball_2 {
background-image: url("../images/animation/balls/ball_number_bg_1.png"); }
#inside_room #animated_ball_3 {
background-image: url("../images/animation/balls/ball_number_bg_1.png"); }
#inside_room #animated_ball_4 {
background-image: url("../images/animation/balls/ball_number_bg_1.png"); }
#inside_room #animated_ball_5 {
background-image: url("../images/animation/balls/ball_number_bg_1.png"); }
#inside_room #animated_ball_6 {
background-image: url("../images/animation/balls/ball_number_bg_1.png"); }
#inside_room #animated_ball_7 {
background-image: url("../images/animation/balls/ball_number_bg_1.png"); }
#inside_room #animated_ball_8 {
background-image: url("../images/animation/balls/ball_number_bg_1.png"); }
#inside_room #animated_ball_9 {
background-image: url("../images/animation/balls/ball_number_bg_1.png"); }
#inside_room #animated_ball_10 {
background-image: url("../images/animation/balls/ball_number_bg_1.png"); }
#inside_room #animated_ball_11 {
background-image: url("../images/animation/balls/ball_number_bg_2.png"); }
#inside_room #animated_ball_12 {
background-image: url("../images/animation/balls/ball_number_bg_2.png"); }
#inside_room #animated_ball_13 {
background-image: url("../images/animation/balls/ball_number_bg_2.png"); }
#inside_room #animated_ball_14 {
background-image: url("../images/animation/balls/ball_number_bg_2.png"); }
#inside_room #animated_ball_15 {
background-image: url("../images/animation/balls/ball_number_bg_2.png"); }
#inside_room #animated_ball_16 {
background-image: url("../images/animation/balls/ball_number_bg_2.png"); }
#inside_room #animated_ball_17 {
background-image: url("../images/animation/balls/ball_number_bg_2.png"); }
#inside_room #animated_ball_18 {
background-image: url("../images/animation/balls/ball_number_bg_2.png"); }
#inside_room #animated_ball_19 {
background-image: url("../images/animation/balls/ball_number_bg_2.png"); }
#inside_room #animated_ball_20 {
background-image: url("../images/animation/balls/ball_number_bg_2.png"); }
#inside_room #animated_ball_21 {
background-image: url("../images/animation/balls/ball_number_bg_3.png"); }
#inside_room #animated_ball_22 {
background-image: url("../images/animation/balls/ball_number_bg_3.png"); }
#inside_room #animated_ball_23 {
background-image: url("../images/animation/balls/ball_number_bg_3.png"); }
#inside_room #animated_ball_24 {
background-image: url("../images/animation/balls/ball_number_bg_3.png"); }
#inside_room #animated_ball_25 {
background-image: url("../images/animation/balls/ball_number_bg_3.png"); }
#inside_room #animated_ball_26 {
background-image: url("../images/animation/balls/ball_number_bg_3.png"); }
#inside_room #animated_ball_27 {
background-image: url("../images/animation/balls/ball_number_bg_3.png"); }
#inside_room #animated_ball_28 {
background-image: url("../images/animation/balls/ball_number_bg_3.png"); }
#inside_room #animated_ball_29 {
background-image: url("../images/animation/balls/ball_number_bg_3.png"); }
#inside_room #animated_ball_30 {
background-image: url("../images/animation/balls/ball_number_bg_3.png"); }
#inside_room #animated_ball_31 {
background-image: url("../images/animation/balls/ball_number_bg_4.png"); }
#inside_room #animated_ball_32 {
background-image: url("../images/animation/balls/ball_number_bg_4.png"); }
#inside_room #animated_ball_33 {
background-image: url("../images/animation/balls/ball_number_bg_4.png"); }
#inside_room #animated_ball_34 {
background-image: url("../images/animation/balls/ball_number_bg_4.png"); }
#inside_room #animated_ball_35 {
background-image: url("../images/animation/balls/ball_number_bg_4.png"); }
#inside_room #animated_ball_36 {
background-image: url("../images/animation/balls/ball_number_bg_4.png"); }
#inside_room #animated_ball_37 {
background-image: url("../images/animation/balls/ball_number_bg_4.png"); }
#inside_room #animated_ball_38 {
background-image: url("../images/animation/balls/ball_number_bg_4.png"); }
#inside_room #animated_ball_39 {
background-image: url("../images/animation/balls/ball_number_bg_4.png"); }
#inside_room #animated_ball_40 {
background-image: url("../images/animation/balls/ball_number_bg_4.png"); }
#inside_room #animated_ball_41 {
background-image: url("../images/animation/balls/ball_number_bg_5.png"); }
#inside_room #animated_ball_42 {
background-image: url("../images/animation/balls/ball_number_bg_5.png"); }
#inside_room #animated_ball_43 {
background-image: url("../images/animation/balls/ball_number_bg_5.png"); }
#inside_room #animated_ball_44 {
background-image: url("../images/animation/balls/ball_number_bg_5.png"); }
#inside_room #animated_ball_45 {
background-image: url("../images/animation/balls/ball_number_bg_5.png"); }
#inside_room #animated_ball_46 {
background-image: url("../images/animation/balls/ball_number_bg_5.png"); }
#inside_room #animated_ball_47 {
background-image: url("../images/animation/balls/ball_number_bg_5.png"); }
#inside_room #animated_ball_48 {
background-image: url("../images/animation/balls/ball_number_bg_5.png"); }
#inside_room #animated_ball_49 {
background-image: url("../images/animation/balls/ball_number_bg_5.png"); }
#inside_room #animated_ball_50 {
background-image: url("../images/animation/balls/ball_number_bg_5.png"); }
#inside_room #animated_ball_51 {
background-image: url("../images/animation/balls/ball_number_bg_6.png"); }
#inside_room #animated_ball_52 {
background-image: url("../images/animation/balls/ball_number_bg_6.png"); }
#inside_room #animated_ball_53 {
background-image: url("../images/animation/balls/ball_number_bg_6.png"); }
#inside_room #animated_ball_54 {
background-image: url("../images/animation/balls/ball_number_bg_6.png"); }
#inside_room #animated_ball_55 {
background-image: url("../images/animation/balls/ball_number_bg_6.png"); }
#inside_room #animated_ball_56 {
background-image: url("../images/animation/balls/ball_number_bg_6.png"); }
#inside_room #animated_ball_57 {
background-image: url("../images/animation/balls/ball_number_bg_6.png"); }
#inside_room #animated_ball_58 {
background-image: url("../images/animation/balls/ball_number_bg_6.png"); }
#inside_room #animated_ball_59 {
background-image: url("../images/animation/balls/ball_number_bg_6.png"); }
#inside_room #animated_ball_60 {
background-image: url("../images/animation/balls/ball_number_bg_6.png"); }
#inside_room #animated_ball_61 {
background-image: url("../images/animation/balls/ball_number_bg_7.png"); }
#inside_room #animated_ball_62 {
background-image: url("../images/animation/balls/ball_number_bg_7.png"); }
#inside_room #animated_ball_63 {
background-image: url("../images/animation/balls/ball_number_bg_7.png"); }
#inside_room #animated_ball_64 {
background-image: url("../images/animation/balls/ball_number_bg_7.png"); }
#inside_room #animated_ball_65 {
background-image: url("../images/animation/balls/ball_number_bg_7.png"); }
#inside_room #animated_ball_66 {
background-image: url("../images/animation/balls/ball_number_bg_7.png"); }
#inside_room #animated_ball_67 {
background-image: url("../images/animation/balls/ball_number_bg_7.png"); }
#inside_room #animated_ball_68 {
background-image: url("../images/animation/balls/ball_number_bg_7.png"); }
#inside_room #animated_ball_69 {
background-image: url("../images/animation/balls/ball_number_bg_7.png"); }
#inside_room #animated_ball_70 {
background-image: url("../images/animation/balls/ball_number_bg_7.png"); }
#inside_room #animated_ball_71 {
background-image: url("../images/animation/balls/ball_number_bg_8.png"); }
#inside_room #animated_ball_72 {
background-image: url("../images/animation/balls/ball_number_bg_8.png"); }
#inside_room #animated_ball_73 {
background-image: url("../images/animation/balls/ball_number_bg_8.png"); }
#inside_room #animated_ball_74 {
background-image: url("../images/animation/balls/ball_number_bg_8.png"); }
#inside_room #animated_ball_75 {
background-image: url("../images/animation/balls/ball_number_bg_8.png"); }
#inside_room #animated_ball_76 {
background-image: url("../images/animation/balls/ball_number_bg_8.png"); }
#inside_room #animated_ball_77 {
background-image: url("../images/animation/balls/ball_number_bg_8.png"); }
#inside_room #animated_ball_78 {
background-image: url("../images/animation/balls/ball_number_bg_8.png"); }
#inside_room #animated_ball_79 {
background-image: url("../images/animation/balls/ball_number_bg_8.png"); }
#inside_room #animated_ball_80 {
background-image: url("../images/animation/balls/ball_number_bg_8.png"); }
#inside_room #animated_ball_81 {
background-image: url("../images/animation/balls/ball_number_bg_9.png"); }
#inside_room #animated_ball_82 {
background-image: url("../images/animation/balls/ball_number_bg_9.png"); }
#inside_room #animated_ball_83 {
background-image: url("../images/animation/balls/ball_number_bg_9.png"); }
#inside_room #animated_ball_84 {
background-image: url("../images/animation/balls/ball_number_bg_9.png"); }
#inside_room #animated_ball_85 {
background-image: url("../images/animation/balls/ball_number_bg_9.png"); }
#inside_room #animated_ball_86 {
background-image: url("../images/animation/balls/ball_number_bg_9.png"); }
#inside_room #animated_ball_87 {
background-image: url("../images/animation/balls/ball_number_bg_9.png"); }
#inside_room #animated_ball_88 {
background-image: url("../images/animation/balls/ball_number_bg_9.png"); }
#inside_room #animated_ball_89 {
background-image: url("../images/animation/balls/ball_number_bg_9.png"); }
#inside_room #animated_ball_90 {
background-image: url("../images/animation/balls/ball_number_bg_9.png"); }
#inside_room.has_pattern #animated_ball_1 {
background-image: url("../images/animation/balls/ball_number_bg_1.png") !important; }
#inside_room.has_pattern #animated_ball_2 {
background-image: url("../images/animation/balls/ball_number_bg_1.png") !important; }
#inside_room.has_pattern #animated_ball_3 {
background-image: url("../images/animation/balls/ball_number_bg_1.png") !important; }
#inside_room.has_pattern #animated_ball_4 {
background-image: url("../images/animation/balls/ball_number_bg_1.png") !important; }
#inside_room.has_pattern #animated_ball_5 {
background-image: url("../images/animation/balls/ball_number_bg_1.png") !important; }
#inside_room.has_pattern #animated_ball_6 {
background-image: url("../images/animation/balls/ball_number_bg_1.png") !important; }
#inside_room.has_pattern #animated_ball_7 {
background-image: url("../images/animation/balls/ball_number_bg_1.png") !important; }
#inside_room.has_pattern #animated_ball_8 {
background-image: url("../images/animation/balls/ball_number_bg_1.png") !important; }
#inside_room.has_pattern #animated_ball_9 {
background-image: url("../images/animation/balls/ball_number_bg_1.png") !important; }
#inside_room.has_pattern #animated_ball_10 {
background-image: url("../images/animation/balls/ball_number_bg_1.png") !important; }
#inside_room.has_pattern #animated_ball_11 {
background-image: url("../images/animation/balls/ball_number_bg_1.png") !important; }
#inside_room.has_pattern #animated_ball_12 {
background-image: url("../images/animation/balls/ball_number_bg_1.png") !important; }
#inside_room.has_pattern #animated_ball_13 {
background-image: url("../images/animation/balls/ball_number_bg_1.png") !important; }
#inside_room.has_pattern #animated_ball_14 {
background-image: url("../images/animation/balls/ball_number_bg_1.png") !important; }
#inside_room.has_pattern #animated_ball_15 {
background-image: url("../images/animation/balls/ball_number_bg_1.png") !important; }
#inside_room.has_pattern #animated_ball_16 {
background-image: url("../images/animation/balls/ball_number_bg_2.png") !important; }
#inside_room.has_pattern #animated_ball_17 {
background-image: url("../images/animation/balls/ball_number_bg_2.png") !important; }
#inside_room.has_pattern #animated_ball_18 {
background-image: url("../images/animation/balls/ball_number_bg_2.png") !important; }
#inside_room.has_pattern #animated_ball_19 {
background-image: url("../images/animation/balls/ball_number_bg_2.png") !important; }
#inside_room.has_pattern #animated_ball_20 {
background-image: url("../images/animation/balls/ball_number_bg_2.png") !important; }
#inside_room.has_pattern #animated_ball_21 {
background-image: url("../images/animation/balls/ball_number_bg_2.png") !important; }
#inside_room.has_pattern #animated_ball_22 {
background-image: url("../images/animation/balls/ball_number_bg_2.png") !important; }
#inside_room.has_pattern #animated_ball_23 {
background-image: url("../images/animation/balls/ball_number_bg_2.png") !important; }
#inside_room.has_pattern #animated_ball_24 {
background-image: url("../images/animation/balls/ball_number_bg_2.png") !important; }
#inside_room.has_pattern #animated_ball_25 {
background-image: url("../images/animation/balls/ball_number_bg_2.png") !important; }
#inside_room.has_pattern #animated_ball_26 {
background-image: url("../images/animation/balls/ball_number_bg_2.png") !important; }
#inside_room.has_pattern #animated_ball_27 {
background-image: url("../images/animation/balls/ball_number_bg_2.png") !important; }
#inside_room.has_pattern #animated_ball_28 {
background-image: url("../images/animation/balls/ball_number_bg_2.png") !important; }
#inside_room.has_pattern #animated_ball_29 {
background-image: url("../images/animation/balls/ball_number_bg_2.png") !important; }
#inside_room.has_pattern #animated_ball_30 {
background-image: url("../images/animation/balls/ball_number_bg_2.png") !important; }
#inside_room.has_pattern #animated_ball_31 {
background-image: url("../images/animation/balls/ball_number_bg_3.png") !important; }
#inside_room.has_pattern #animated_ball_32 {
background-image: url("../images/animation/balls/ball_number_bg_3.png") !important; }
#inside_room.has_pattern #animated_ball_33 {
background-image: url("../images/animation/balls/ball_number_bg_3.png") !important; }
#inside_room.has_pattern #animated_ball_34 {
background-image: url("../images/animation/balls/ball_number_bg_3.png") !important; }
#inside_room.has_pattern #animated_ball_35 {
background-image: url("../images/animation/balls/ball_number_bg_3.png") !important; }
#inside_room.has_pattern #animated_ball_36 {
background-image: url("../images/animation/balls/ball_number_bg_3.png") !important; }
#inside_room.has_pattern #animated_ball_37 {
background-image: url("../images/animation/balls/ball_number_bg_3.png") !important; }
#inside_room.has_pattern #animated_ball_38 {
background-image: url("../images/animation/balls/ball_number_bg_3.png") !important; }
#inside_room.has_pattern #animated_ball_39 {
background-image: url("../images/animation/balls/ball_number_bg_3.png") !important; }
#inside_room.has_pattern #animated_ball_40 {
background-image: url("../images/animation/balls/ball_number_bg_3.png") !important; }
#inside_room.has_pattern #animated_ball_41 {
background-image: url("../images/animation/balls/ball_number_bg_3.png") !important; }
#inside_room.has_pattern #animated_ball_42 {
background-image: url("../images/animation/balls/ball_number_bg_3.png") !important; }
#inside_room.has_pattern #animated_ball_43 {
background-image: url("../images/animation/balls/ball_number_bg_3.png") !important; }
#inside_room.has_pattern #animated_ball_44 {
background-image: url("../images/animation/balls/ball_number_bg_3.png") !important; }
#inside_room.has_pattern #animated_ball_45 {
background-image: url("../images/animation/balls/ball_number_bg_3.png") !important; }
#inside_room.has_pattern #animated_ball_46 {
background-image: url("../images/animation/balls/ball_number_bg_4.png") !important; }
#inside_room.has_pattern #animated_ball_47 {
background-image: url("../images/animation/balls/ball_number_bg_4.png") !important; }
#inside_room.has_pattern #animated_ball_48 {
background-image: url("../images/animation/balls/ball_number_bg_4.png") !important; }
#inside_room.has_pattern #animated_ball_49 {
background-image: url("../images/animation/balls/ball_number_bg_4.png") !important; }
#inside_room.has_pattern #animated_ball_50 {
background-image: url("../images/animation/balls/ball_number_bg_4.png") !important; }
#inside_room.has_pattern #animated_ball_51 {
background-image: url("../images/animation/balls/ball_number_bg_4.png") !important; }
#inside_room.has_pattern #animated_ball_52 {
background-image: url("../images/animation/balls/ball_number_bg_4.png") !important; }
#inside_room.has_pattern #animated_ball_53 {
background-image: url("../images/animation/balls/ball_number_bg_4.png") !important; }
#inside_room.has_pattern #animated_ball_54 {
background-image: url("../images/animation/balls/ball_number_bg_4.png") !important; }
#inside_room.has_pattern #animated_ball_55 {
background-image: url("../images/animation/balls/ball_number_bg_4.png") !important; }
#inside_room.has_pattern #animated_ball_56 {
background-image: url("../images/animation/balls/ball_number_bg_4.png") !important; }
#inside_room.has_pattern #animated_ball_57 {
background-image: url("../images/animation/balls/ball_number_bg_4.png") !important; }
#inside_room.has_pattern #animated_ball_58 {
background-image: url("../images/animation/balls/ball_number_bg_4.png") !important; }
#inside_room.has_pattern #animated_ball_59 {
background-image: url("../images/animation/balls/ball_number_bg_4.png") !important; }
#inside_room.has_pattern #animated_ball_60 {
background-image: url("../images/animation/balls/ball_number_bg_4.png") !important; }
#inside_room.has_pattern #animated_ball_61 {
background-image: url("../images/animation/balls/ball_number_bg_5.png") !important; }
#inside_room.has_pattern #animated_ball_62 {
background-image: url("../images/animation/balls/ball_number_bg_5.png") !important; }
#inside_room.has_pattern #animated_ball_63 {
background-image: url("../images/animation/balls/ball_number_bg_5.png") !important; }
#inside_room.has_pattern #animated_ball_64 {
background-image: url("../images/animation/balls/ball_number_bg_5.png") !important; }
#inside_room.has_pattern #animated_ball_65 {
background-image: url("../images/animation/balls/ball_number_bg_5.png") !important; }
#inside_room.has_pattern #animated_ball_66 {
background-image: url("../images/animation/balls/ball_number_bg_5.png") !important; }
#inside_room.has_pattern #animated_ball_67 {
background-image: url("../images/animation/balls/ball_number_bg_5.png") !important; }
#inside_room.has_pattern #animated_ball_68 {
background-image: url("../images/animation/balls/ball_number_bg_5.png") !important; }
#inside_room.has_pattern #animated_ball_69 {
background-image: url("../images/animation/balls/ball_number_bg_5.png") !important; }
#inside_room.has_pattern #animated_ball_70 {
background-image: url("../images/animation/balls/ball_number_bg_5.png") !important; }
#inside_room.has_pattern #animated_ball_71 {
background-image: url("../images/animation/balls/ball_number_bg_5.png") !important; }
#inside_room.has_pattern #animated_ball_72 {
background-image: url("../images/animation/balls/ball_number_bg_5.png") !important; }
#inside_room.has_pattern #animated_ball_73 {
background-image: url("../images/animation/balls/ball_number_bg_5.png") !important; }
#inside_room.has_pattern #animated_ball_74 {
background-image: url("../images/animation/balls/ball_number_bg_5.png") !important; }
#inside_room.has_pattern #animated_ball_75 {
background-image: url("../images/animation/balls/ball_number_bg_5.png") !important; }
body.multiple_watcher #header #wallet_container, body.multiple_watcher #header #buttons, body.multiple_watcher #header #mobile_header_balance, body.multiple_watcher #header #mobile_cashier {
display: none !important;
visibility: hidden !important; }
body.multiple_watcher #inside_room.game_guest #change_room_button_container {
display: block !important; }
body.multiple_watcher #inside_room #inside_room_name {
font-size: 1.5vw !important; }
body.multiple_watcher #lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room .lobby_room_name {
width: 100%;
top: 0px !important;
transform: none !important; }
body.multiple_watcher #lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room .lobby_room_time {
position: relative !important;
top: 26% !important;
width: auto !important;
left: 50% !important;
right: auto !important;
display: inline-block;
transform: translateX(-50%) !important; }
body.multiple_watcher #lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room.with_pjp .lobby_room_time {
top: 12% !important; }
body.multiple_watcher #lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room.game_real_status_finished .lobby_room_name {
background-color: #399f00 !important;
color: #FFFFFF; }
body.multiple_watcher #lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room.game_real_status_finished .lobby_room_pjp {
display: none !important; }
body.multiple_watcher #lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room.game_real_status_cancelled .lobby_room_name {
background-color: #d30000 !important;
color: #FFFFFF; }
body.multiple_watcher #lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room.game_real_status_cancelled .lobby_room_time {
display: none; }
body.multiple_watcher #lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room.game_real_status_cancelled .lobby_room_pjp {
display: none; }
body.multiple_watcher #lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room.game_real_status_playing .lobby_room_name {
color: #f1b900 !important; }
body.multiple_watcher #lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room.game_real_status_finished .lobby_room_time, body.multiple_watcher #lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room.game_real_status_cancelled .lobby_room_time, body.multiple_watcher #lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room.game_real_status_playing .lobby_room_time {
background-image: none !important;
padding-left: 0px !important; }
body.multiple_watcher #lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room:not(.is_closed)::after {
display: none !important; }
@media (min-width: 576px) {
body.multiple_watcher #lobby #lobby_header_banners_bottom {
display: none; }
body.multiple_watcher #lobby #lobby_tabs_content {
height: 98%; } }
@media (max-width: 575px) {
body.multiple_watcher {
background-image: url("../images/bg.jpg?ts=513") !important;
background-size: auto 100% !important;
background-position: center center !important; }
body.multiple_watcher #header {
background-color: transparent !important; }
body.multiple_watcher #lobby {
background-image: none !important; }
body.multiple_watcher #lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room.game_real_status_selling .lobby_room_time, body.multiple_watcher #lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room.game_real_status_playing .lobby_room_time {
top: 3% !important;
right: 8px !important;
left: auto !important;
transform: none !important;
position: absolute !important; }
body.multiple_watcher #lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room .lobby_room_time {
width: 40%;
top: 24% !important;
height: 34%;
position: absolute; }
body.multiple_watcher #lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room .lobby_room_time .lobby_room_time_value {
white-space: normal !important; }
body.multiple_watcher #inside_room {
background-image: url("../images/bg.jpg?ts=513") !important;
background-size: auto 100% !important;
background-position: center center !important; }
body.multiple_watcher #inside_room #inside_room_name {
font-size: 2.8vh !important; }
body.multiple_watcher #header.game_guest #mobile_header {
z-index: 99 !important; }
body.multiple_watcher #header.game_guest #mobile_header #mobile_header_logo {
display: block !important; }
body.multiple_watcher #header.game_guest #mobile_header #mobile_header_balance {
display: none !important;
visibility: hidden !important; }
body.multiple_watcher #header.game_guest #mobile_header #mobile_header_menu #mobile_header_menu_container {
top: 50% !important;
transform: translateY(-50%) !important; }
body.multiple_watcher #header.game_guest.inside_game {
display: none !important; }
body.multiple_watcher #inside_room.game_guest #inside_room_close {
display: block !important; }
body.multiple_watcher #inside_room.game_guest #change_room_button_container {
display: none !important; } }
/** Winners **/
#inside_room_winners {
position: absolute;
left: 50%;
top: 50%;
width: 70%;
background-color: #cccccc;
border-radius: 7px;
z-index: 5000;
box-sizing: border-box;
padding-bottom: 15px;
transform: translate(-50%, -50%);
display: none;
font-size: 3vh; }
#inside_room_winners #inside_room_winners_container {
width: 100%;
border-radius: 7px;
background-color: #FFFFFF;
padding-top: 10px;
padding-bottom: 10px; }
#inside_room_winners #inside_room_winners_container #inside_room_winners_title {
color: #faab45;
font-size: 300%;
font-weight: 600;
text-align: center; }
#inside_room_winners #inside_room_winners_container #inside_room_winners_close {
position: absolute;
right: 1vh !important;
top: 1vh !important;
font-size: 2.5vw;
color: #000;
cursor: pointer; }
#inside_room_winners #inside_room_winners_container #inside_room_winners_prizes .win_prize {
text-align: center;
font-size: 110%;
box-sizing: content-box;
margin-bottom: 10px;
width: 50%;
float: left; }
#inside_room_winners #inside_room_winners_container #inside_room_winners_prizes .win_prize:first-child {
font-size: 130%;
width: 100%; }
#inside_room_winners #inside_room_winners_container #inside_room_winners_prizes .win_prize .win_prize_label {
margin-right: 5px;
font-weight: bolder; }
#inside_room_winners #inside_room_winners_container #inside_room_winners_prizes .win_prize .win_prize_amount {
margin-left: 5px;
color: #009449;
font-weight: bolder; }
#inside_room_winners #inside_room_winners_container #inside_room_winners_prizes .win_prize .winner {
font-size: 70%; }
#inside_room_winners #inside_room_winners_container #inside_room_winners_prizes .win_prize .winner .winner_username {
color: #000000;
text-align: center; }
#inside_room_winners #inside_room_winners_container #inside_room_winners_prizes .win_prize .winner .winner_cards {
margin-left: 3px;
margin-right: 3px; }
#inside_room_winners #inside_room_winners_container #inside_room_winners_prizes .win_prize .winner .winner_amount {
margin-left: 3px;
color: #009449;
font-weight: bolder; }
#inside_room_winners #inside_room_winners_container #inside_room_winners_prizes .win_prize .winner.won_pjp {
margin-top: 1vh;
border-radius: 10px;
box-sizing: content-box;
animation: 500ms linear;
animation-iteration-count: infinite;
animation-fill-mode: both;
animation-direction: alternate;
padding: 5px;
animation-name: การเคลื่อนไหวที่-12; }
@keyframes การเคลื่อนไหวที่-12 {
0% {
transform: scale(1);
background-color: #fff3cd; }
100% {
transform: scale(1.2);
background-color: goldenrod; } }
#inside_room_winners #inside_room_winners_container #inside_room_winners_prizes .win_prize .winner.won_pjp .winner_pjp_title {
display: block;
width: 100%;
font-weight: bold;
text-transform: uppercase;
text-align: center;
margin-right: 0.5vw; }
#inside_room_winners #inside_room_winners_container #inside_room_winners_prizes .win_prize .winner:last-child {
margin-bottom: 10px; }
#inside_room_winners #inside_room_winners_container #inside_room_winners_prizes .win_prize:last-child {
margin-bottom: 0px !important;
border-bottom: 0px !important; }
#inside_room_winners.show {
-webkit-transform-origin: top center;
-moz-transform-origin: top center;
-o-transform-origin: top center;
transform-origin: top center;
-webkit-animation: popin 1000ms forwards;
animation: popin 1000ms forwards;
-moz-animation: popin 1000ms forwards;
-o-animation: popin 1000ms forwards;
display: block; }
#inside_room_winners.hide {
-webkit-transform-origin: top center;
-moz-transform-origin: top center;
-o-transform-origin: top center;
transform-origin: top center;
-webkit-animation: popout 600ms forwards;
animation: popout 600ms forwards;
-moz-animation: popout 600ms forwards;
-o-animation: popout 600ms forwards;
display: block; }
#inside_room_winners.show_no_animation {
display: block; }
#inside_room_winners.win_other #inside_room_winners_container #inside_room_winners_title #inside_room_winners_title_other {
display: block; }
#inside_room_winners.win_other #inside_room_winners_container #inside_room_winners_title #inside_room_winners_title_me {
display: none; }
#inside_room_winners.win_me #inside_room_winners_container #inside_room_winners_title #inside_room_winners_title_other {
display: none; }
#inside_room_winners.win_me #inside_room_winners_container #inside_room_winners_title #inside_room_winners_title_me {
color: #faab45;
display: block !important;
position: relative;
animation: wobble 2s linear infinite; }
@keyframes wobble {
0% {
transform: translateX(0%); }
15% {
transform: translateX(-10%) rotate(-5deg); }
30% {
transform: translateX(8%) rotate(3deg); }
45% {
transform: translateX(-6%) rotate(-3deg); }
60% {
transform: translateX(4%) rotate(2deg); }
75% {
transform: translateX(-2%) rotate(-1deg); }
100% {
transform: translateX(0%); } }
@-webkit-keyframes popin {
0% {
-webkit-transform: rotateX(-90deg) translate(-50%, -50%);
-moz-transform: rotateX(-90deg) translate(-50%, -50%);
-o-transform: rotateX(-90deg) translate(-50%, -50%);
opacity: 1; }
40% {
-webkit-transform: rotateX(30deg) translate(-50%, -50%);
-moz-transform: rotateX(30deg) translate(-50%, -50%);
-o-transform: rotateX(30deg) translate(-50%, -50%);
opacity: 1; }
70% {
-webkit-transform: rotateX(-10deg) translate(-50%, -50%);
-moz-transform: rotateX(-10deg) translate(-50%, -50%);
-o-transform: rotateX(-10deg) translate(-50%, -50%); }
100% {
-webkit-transform: rotateX(0deg) translate(-50%, -50%);
-moz-transform: rotateX(0deg) translate(-50%, -50%);
-o-transform: rotateX(0deg) translate(-50%, -50%);
opacity: 1; } }
@-webkit-keyframes popout {
0% {
-webkit-transform: rotateX(0deg) translate(-50%, -50%);
-moz-transform: rotateX(0deg) translate(-50%, -50%);
-o-transform: rotateX(0deg) translate(-50%, -50%);
opacity: 1;
display: block; }
100% {
-webkit-transform: rotateX(-90deg) translate(-50%, -50%);
-moz-transform: rotateX(-90deg) translate(-50%, -50%);
-o-transform: rotateX(-90deg) translate(-50%, -50%);
opacity: 1;
display: none; } }
@media (max-width: 575px) {
#inside_room_winners {
width: 90% !important; }
#inside_room_winners #inside_room_winners_title {
font-size: 165% !important;
letter-spacing: -2px;
margin-top: 15px !important; }
#inside_room_winners #inside_room_winners_close {
right: 5px !important;
top: -2px !important;
font-size: 32px !important; }
#inside_room_winners #inside_room_winners_prizes .win_prize {
width: 90% !important;
border-bottom: 1px solid #ac5b37;
float: none !important;
margin-left: auto !important;
margin-right: auto !important; }
#inside_room_winners #inside_room_winners_prizes .winner {
font-size: 50% !important; } }
@media (min-width: 576px) {
#inside_room.game_guest #inside_room_guest_winners {
display: block !important; }
#inside_room_guest_winners {
position: absolute;
left: 73%;
top: 1.5%;
width: 25.5%;
height: 96.5%;
background-color: #ffffff;
border-radius: 10px;
padding: 9px;
z-index: 120; }
#inside_room_guest_winners #inside_room_guest_winners_title {
position: absolute;
top: 0px;
left: 0px;
height: 15%;
font-size: 3vw;
color: #ffffff;
font-weight: bold;
text-align: center;
width: 100%;
border-bottom: 3px solid #033048;
background-color: #204458;
border-radius: 10px 10px 0px 0px; }
#inside_room_guest_winners #inside_room_guest_winners_title span {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); }
#inside_room_guest_winners #inside_room_guest_winners_list {
position: absolute;
top: 16%;
left: 2%;
width: 96%;
height: 83%;
/*&.prizes_total_5 {
.win_prize {
height: 20%;
}
}
&.prizes_total_4 {
.win_prize {
height: 25%;
}
}
&.prizes_total_3 {
.win_prize {
height: 33%;
}
}
&.prizes_total_2 {
.win_prize {
height: 33%;
}
}
&.prizes_total_1 {
.win_prize {
height: 33%;
}
}*/ }
#inside_room_guest_winners #inside_room_guest_winners_list .win_prize {
width: 100%;
background-position: left center;
background-repeat: no-repeat;
background-size: 30% auto;
padding-left: 35%;
position: relative;
flex-direction: column !important;
border-bottom: 1px solid #e2e2e2; }
#inside_room_guest_winners #inside_room_guest_winners_list .win_prize:last-child {
border-bottom: 0px !important; }
#inside_room_guest_winners #inside_room_guest_winners_list .win_prize:nth-of-type(1) {
background-image: url("../images/new-wins/win1.png?ts=61"); }
#inside_room_guest_winners #inside_room_guest_winners_list .win_prize:nth-of-type(1) .win_prize_label {
font-size: 1.5vw;
line-height: 1.5vw; }
#inside_room_guest_winners #inside_room_guest_winners_list .win_prize:nth-of-type(2) {
background-image: url("../images/new-wins/win2.png?ts=61"); }
#inside_room_guest_winners #inside_room_guest_winners_list .win_prize:nth-of-type(3) {
background-image: url("../images/new-wins/win3.png?ts=61"); }
#inside_room_guest_winners #inside_room_guest_winners_list .win_prize:nth-of-type(4) {
background-image: url("../images/new-wins/win4.png?ts=61"); }
#inside_room_guest_winners #inside_room_guest_winners_list .win_prize:nth-of-type(5) {
background-image: url("../images/new-wins/win5.png?ts=61"); }
#inside_room_guest_winners #inside_room_guest_winners_list .win_prize:nth-of-type(6) {
background-image: url("../images/new-wins/win6.png?ts=61"); }
#inside_room_guest_winners #inside_room_guest_winners_list .win_prize .win_prize_label {
display: inline-block;
position: absolute;
left: 0px;
top: 50%;
transform: translateY(-50%);
font-size: 1.2vw;
line-height: 1.2vw;
letter-spacing: -1px;
text-transform: uppercase;
text-align: center;
color: #000000;
width: 30%;
text-shadow: -1px -1px 0 #FFFFFF, -1px 0px 0 #FFFFFF, -1px 1px 0 #FFFFFF, 0px -1px 0 #FFFFFF, 0px 0px 0 #FFFFFF, 0px 1px 0 #FFFFFF, 1px -1px 0 #FFFFFF, 1px 0px 0 #FFFFFF, 1px 1px 0 #FFFFFF; }
#inside_room_guest_winners #inside_room_guest_winners_list .win_prize .win_prize_amount {
font-size: 2.3vw;
font-weight: bold;
color: #28a745;
text-align: left;
letter-spacing: -1px; }
#inside_room_guest_winners #inside_room_guest_winners_list .win_prize .w-100 {
display: none; }
#inside_room_guest_winners #inside_room_guest_winners_list .win_prize .winner {
justify-content: start !important;
font-size: 1vw; }
#inside_room_guest_winners #inside_room_guest_winners_list .win_prize .winner.won_pjp {
margin-top: 1vh;
border-radius: 10px;
box-sizing: content-box;
animation: 500ms linear;
animation-iteration-count: infinite;
animation-fill-mode: both;
animation-direction: alternate;
padding: 5px;
animation-name: การเคลื่อนไหวที่-13; }
@keyframes การเคลื่อนไหวที่-13 {
0% {
transform: scale(1);
background-color: #fff3cd; }
100% {
transform: scale(1.2);
background-color: goldenrod; } }
#inside_room_guest_winners #inside_room_guest_winners_list .win_prize .winner.won_pjp .winner_pjp_title {
display: block;
width: 100%;
font-weight: bold;
text-transform: uppercase;
text-align: center; }
#inside_room_guest_winners #inside_room_guest_winners_list .win_prize .winner.won_pjp .winner_username {
width: 100%;
text-align: center; }
#inside_room_guest_winners #inside_room_guest_winners_list .win_prize .winner.won_pjp .winner_cards {
width: 100%;
text-align: center; }
#inside_room_guest_winners #inside_room_guest_winners_list .win_prize .winner.won_pjp .winner_amount {
width: 100%;
text-align: center; }
#inside_room_guest_winners #inside_room_guest_winners_list .win_prize .winner .winner_username {
margin-right: 5px;
font-weight: bold; }
#inside_room_guest_winners #inside_room_guest_winners_list .win_prize .winner .winner_cards {
margin-right: 5px; }
#inside_room_guest_winners #inside_room_guest_winners_list .win_prize .winner .winner_amount {
color: #1c7430;
font-weight: bold; } }
@media (max-width: 575px) {
#inside_room.game_finished.game_guest #inside_room_guest_winners {
display: block !important; }
#inside_room.has_pjp #inside_room_guest_winners {
top: 11% !important; }
#inside_room_guest_winners {
position: absolute;
left: 2%;
top: 7%;
width: 96%;
height: 30%;
background-color: #ffffff;
border-radius: 10px;
padding: 9px;
overflow: hidden; }
#inside_room_guest_winners #inside_room_guest_winners_title {
display: none; }
#inside_room_guest_winners #inside_room_guest_winners_list {
display: block !important;
position: absolute;
top: 2%;
left: 2%;
width: 96%;
height: 96%;
overflow: visible; }
#inside_room_guest_winners #inside_room_guest_winners_list.anim {
animation-name: auto-scroll;
animation-duration: 10s;
animation-iteration-count: infinite;
animation-timing-function: linear;
animation-fill-mode: forwards; }
#inside_room_guest_winners #inside_room_guest_winners_list .win_prize:last-of-type {
border-bottom: 0px !important; }
#inside_room_guest_winners #inside_room_guest_winners_list .win_prize {
width: 100%;
background-position: left center;
background-repeat: no-repeat;
background-size: 20% auto;
padding-left: 50%;
position: relative;
flex-direction: column !important;
border-bottom: 1px solid #cccccc; }
#inside_room_guest_winners #inside_room_guest_winners_list .win_prize:nth-of-type(1) {
background-image: url("../images/new-wins/win1.png?ts=61"); }
#inside_room_guest_winners #inside_room_guest_winners_list .win_prize:nth-of-type(1) .win_prize_label {
font-size: 2vh;
line-height: 2vh; }
#inside_room_guest_winners #inside_room_guest_winners_list .win_prize:nth-of-type(2) {
background-image: url("../images/new-wins/win2.png?ts=61"); }
#inside_room_guest_winners #inside_room_guest_winners_list .win_prize:nth-of-type(3) {
background-image: url("../images/new-wins/win3.png?ts=61"); }
#inside_room_guest_winners #inside_room_guest_winners_list .win_prize:nth-of-type(4) {
background-image: url("../images/new-wins/win4.png?ts=61"); }
#inside_room_guest_winners #inside_room_guest_winners_list .win_prize:nth-of-type(5) {
background-image: url("../images/new-wins/win5.png?ts=61"); }
#inside_room_guest_winners #inside_room_guest_winners_list .win_prize:nth-of-type(6) {
background-image: url("../images/new-wins/win6.png?ts=61"); }
#inside_room_guest_winners #inside_room_guest_winners_list .win_prize .win_prize_label {
display: inline-block;
position: absolute;
left: 0px;
top: 50%;
transform: translateY(-50%);
font-size: 1.5vh;
line-height: 1.5vh;
letter-spacing: -1px;
text-transform: uppercase;
text-align: center;
color: #000000;
width: 20%;
text-shadow: -1px -1px 0 #FFFFFF, -1px 0px 0 #FFFFFF, -1px 1px 0 #FFFFFF, 0px -1px 0 #FFFFFF, 0px 0px 0 #FFFFFF, 0px 1px 0 #FFFFFF, 1px -1px 0 #FFFFFF, 1px 0px 0 #FFFFFF, 1px 1px 0 #FFFFFF; }
#inside_room_guest_winners #inside_room_guest_winners_list .win_prize .win_prize_amount {
font-size: 2.6vh;
font-weight: bold;
color: #28a745;
text-align: center;
position: absolute;
left: 13%;
top: 50%;
transform: translateY(-50%);
width: 37%;
letter-spacing: -2px;
text-shadow: -1px -1px 0 #FFF, 1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px 1px 0 #FFF; }
#inside_room_guest_winners #inside_room_guest_winners_list .win_prize .w-100 {
display: none; }
#inside_room_guest_winners #inside_room_guest_winners_list .win_prize .winner {
font-size: 1.7vh; }
#inside_room_guest_winners #inside_room_guest_winners_list .win_prize .winner .winner_username {
margin-right: 5px;
font-weight: bold; }
#inside_room_guest_winners #inside_room_guest_winners_list .win_prize .winner .winner_cards {
margin-right: 5px; }
#inside_room_guest_winners #inside_room_guest_winners_list .win_prize .winner .winner_amount {
color: #1c7430;
font-weight: bold; }
#inside_room_guest_winners #inside_room_guest_winners_list .win_prize .winner.won_pjp {
margin-top: 1vh;
border-radius: 10px;
box-sizing: content-box;
animation: 500ms linear;
animation-iteration-count: infinite;
animation-fill-mode: both;
animation-direction: alternate;
padding: 5px;
animation-name: การเคลื่อนไหวที่-14; }
@keyframes การเคลื่อนไหวที่-14 {
0% {
transform: scale(1);
background-color: #fff3cd; }
100% {
transform: scale(1.2);
background-color: goldenrod; } }
#inside_room_guest_winners #inside_room_guest_winners_list .win_prize .winner.won_pjp .winner_pjp_title {
display: block;
width: 100%;
font-weight: bold;
text-transform: uppercase;
text-align: center; }
#inside_room_guest_winners #inside_room_guest_winners_list.prizes_total_5 .win_prize {
min-height: 20%; }
#inside_room_guest_winners #inside_room_guest_winners_list.prizes_total_4 .win_prize {
min-height: 25%; }
#inside_room_guest_winners #inside_room_guest_winners_list.prizes_total_3 .win_prize {
min-height: 33%; }
#inside_room_guest_winners #inside_room_guest_winners_list.prizes_total_2 .win_prize {
min-height: 50%; }
#inside_room_guest_winners #inside_room_guest_winners_list.prizes_total_1 .win_prize {
min-height: 100%; } }
@-webkit-keyframes auto-scroll {
0% {
transform: translateY(0); }
30% {
transform: translateY(var(--latestWinnersHeight)); }
50% {
transform: translateY(var(--latestWinnersHeight)); }
70% {
transform: translateY(0); } }
#inside_room #inside_room_winners.win_pjp .pyro > .before, #inside_room #inside_room_winners.win_pjp .pyro > .after {
position: absolute;
width: 5px;
height: 5px;
border-radius: 50%;
box-shadow: 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff;
-moz-animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
-webkit-animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
-o-animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
-ms-animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards; }
#inside_room #inside_room_winners.win_pjp .pyro > .after {
-moz-animation-delay: 1.25s, 1.25s, 1.25s;
-webkit-animation-delay: 1.25s, 1.25s, 1.25s;
-o-animation-delay: 1.25s, 1.25s, 1.25s;
-ms-animation-delay: 1.25s, 1.25s, 1.25s;
animation-delay: 1.25s, 1.25s, 1.25s;
-moz-animation-duration: 1.25s, 1.25s, 6.25s;
-webkit-animation-duration: 1.25s, 1.25s, 6.25s;
-o-animation-duration: 1.25s, 1.25s, 6.25s;
-ms-animation-duration: 1.25s, 1.25s, 6.25s;
animation-duration: 1.25s, 1.25s, 6.25s; }
@-webkit-keyframes bang {
to {
box-shadow: -130px -34.66667px #48ff00, 170px -90.66667px #ff00cc, -142px -20.66667px #ff0037, 245px -305.66667px #6200ff, -79px -119.66667px #ffa200, 71px -141.66667px #ff00ae, -172px -362.66667px #ff4d00, -31px -255.66667px #0026ff, 228px -4.66667px #00ff33, -117px -71.66667px #00ffc4, -7px -16.66667px #00c4ff, 40px -5.66667px #4d00ff, -229px 17.33333px #22ff00, -225px -176.66667px #00aeff, 180px -257.66667px #44ff00, -46px -17.66667px #002bff, 224px -319.66667px #ff3300, -212px -291.66667px #5100ff, -13px 14.33333px #00ddff, 210px -135.66667px lime, -130px -105.66667px #ffe100, -188px 66.33333px #ff001a, 43px -55.66667px #00ff04, -74px -297.66667px #ff0004, 178px -92.66667px #ff0066, -163px 32.33333px #00ff59, 21px -68.66667px #ff00f2, 129px -405.66667px #ffe100, -99px -393.66667px #0088ff, -150px -137.66667px #ff9500, 97px -151.66667px #00ff62, -249px -253.66667px #ffc800, 149px -34.66667px #00ccff, -135px 77.33333px #00bbff, 243px -155.66667px #4d00ff, -173px 45.33333px #d500ff, -50px -65.66667px #00ff59, 57px 7.33333px #fbff00, 81px -283.66667px #b300ff, -37px -238.66667px #8000ff, -26px 57.33333px #bbff00, -70px -100.66667px #00ffc8, -130px -320.66667px darkorange, 114px -200.66667px #00ffea, 231px -290.66667px #ff0044, 120px 42.33333px #ff0055, 63px -161.66667px #ff00bf, 215px -221.66667px #00a6ff, -44px -89.66667px #ff7b00, 6px -343.66667px #95ff00, -4px -127.66667px #ff9500; } }
@-moz-keyframes bang {
to {
box-shadow: -130px -34.66667px #48ff00, 170px -90.66667px #ff00cc, -142px -20.66667px #ff0037, 245px -305.66667px #6200ff, -79px -119.66667px #ffa200, 71px -141.66667px #ff00ae, -172px -362.66667px #ff4d00, -31px -255.66667px #0026ff, 228px -4.66667px #00ff33, -117px -71.66667px #00ffc4, -7px -16.66667px #00c4ff, 40px -5.66667px #4d00ff, -229px 17.33333px #22ff00, -225px -176.66667px #00aeff, 180px -257.66667px #44ff00, -46px -17.66667px #002bff, 224px -319.66667px #ff3300, -212px -291.66667px #5100ff, -13px 14.33333px #00ddff, 210px -135.66667px lime, -130px -105.66667px #ffe100, -188px 66.33333px #ff001a, 43px -55.66667px #00ff04, -74px -297.66667px #ff0004, 178px -92.66667px #ff0066, -163px 32.33333px #00ff59, 21px -68.66667px #ff00f2, 129px -405.66667px #ffe100, -99px -393.66667px #0088ff, -150px -137.66667px #ff9500, 97px -151.66667px #00ff62, -249px -253.66667px #ffc800, 149px -34.66667px #00ccff, -135px 77.33333px #00bbff, 243px -155.66667px #4d00ff, -173px 45.33333px #d500ff, -50px -65.66667px #00ff59, 57px 7.33333px #fbff00, 81px -283.66667px #b300ff, -37px -238.66667px #8000ff, -26px 57.33333px #bbff00, -70px -100.66667px #00ffc8, -130px -320.66667px darkorange, 114px -200.66667px #00ffea, 231px -290.66667px #ff0044, 120px 42.33333px #ff0055, 63px -161.66667px #ff00bf, 215px -221.66667px #00a6ff, -44px -89.66667px #ff7b00, 6px -343.66667px #95ff00, -4px -127.66667px #ff9500; } }
@-o-keyframes bang {
to {
box-shadow: -130px -34.66667px #48ff00, 170px -90.66667px #ff00cc, -142px -20.66667px #ff0037, 245px -305.66667px #6200ff, -79px -119.66667px #ffa200, 71px -141.66667px #ff00ae, -172px -362.66667px #ff4d00, -31px -255.66667px #0026ff, 228px -4.66667px #00ff33, -117px -71.66667px #00ffc4, -7px -16.66667px #00c4ff, 40px -5.66667px #4d00ff, -229px 17.33333px #22ff00, -225px -176.66667px #00aeff, 180px -257.66667px #44ff00, -46px -17.66667px #002bff, 224px -319.66667px #ff3300, -212px -291.66667px #5100ff, -13px 14.33333px #00ddff, 210px -135.66667px lime, -130px -105.66667px #ffe100, -188px 66.33333px #ff001a, 43px -55.66667px #00ff04, -74px -297.66667px #ff0004, 178px -92.66667px #ff0066, -163px 32.33333px #00ff59, 21px -68.66667px #ff00f2, 129px -405.66667px #ffe100, -99px -393.66667px #0088ff, -150px -137.66667px #ff9500, 97px -151.66667px #00ff62, -249px -253.66667px #ffc800, 149px -34.66667px #00ccff, -135px 77.33333px #00bbff, 243px -155.66667px #4d00ff, -173px 45.33333px #d500ff, -50px -65.66667px #00ff59, 57px 7.33333px #fbff00, 81px -283.66667px #b300ff, -37px -238.66667px #8000ff, -26px 57.33333px #bbff00, -70px -100.66667px #00ffc8, -130px -320.66667px darkorange, 114px -200.66667px #00ffea, 231px -290.66667px #ff0044, 120px 42.33333px #ff0055, 63px -161.66667px #ff00bf, 215px -221.66667px #00a6ff, -44px -89.66667px #ff7b00, 6px -343.66667px #95ff00, -4px -127.66667px #ff9500; } }
@-ms-keyframes bang {
#inside_room #inside_room_winners.win_pjp to {
box-shadow: -130px -34.66667px #48ff00, 170px -90.66667px #ff00cc, -142px -20.66667px #ff0037, 245px -305.66667px #6200ff, -79px -119.66667px #ffa200, 71px -141.66667px #ff00ae, -172px -362.66667px #ff4d00, -31px -255.66667px #0026ff, 228px -4.66667px #00ff33, -117px -71.66667px #00ffc4, -7px -16.66667px #00c4ff, 40px -5.66667px #4d00ff, -229px 17.33333px #22ff00, -225px -176.66667px #00aeff, 180px -257.66667px #44ff00, -46px -17.66667px #002bff, 224px -319.66667px #ff3300, -212px -291.66667px #5100ff, -13px 14.33333px #00ddff, 210px -135.66667px lime, -130px -105.66667px #ffe100, -188px 66.33333px #ff001a, 43px -55.66667px #00ff04, -74px -297.66667px #ff0004, 178px -92.66667px #ff0066, -163px 32.33333px #00ff59, 21px -68.66667px #ff00f2, 129px -405.66667px #ffe100, -99px -393.66667px #0088ff, -150px -137.66667px #ff9500, 97px -151.66667px #00ff62, -249px -253.66667px #ffc800, 149px -34.66667px #00ccff, -135px 77.33333px #00bbff, 243px -155.66667px #4d00ff, -173px 45.33333px #d500ff, -50px -65.66667px #00ff59, 57px 7.33333px #fbff00, 81px -283.66667px #b300ff, -37px -238.66667px #8000ff, -26px 57.33333px #bbff00, -70px -100.66667px #00ffc8, -130px -320.66667px darkorange, 114px -200.66667px #00ffea, 231px -290.66667px #ff0044, 120px 42.33333px #ff0055, 63px -161.66667px #ff00bf, 215px -221.66667px #00a6ff, -44px -89.66667px #ff7b00, 6px -343.66667px #95ff00, -4px -127.66667px #ff9500; } }
@keyframes bang {
to {
box-shadow: -130px -34.66667px #48ff00, 170px -90.66667px #ff00cc, -142px -20.66667px #ff0037, 245px -305.66667px #6200ff, -79px -119.66667px #ffa200, 71px -141.66667px #ff00ae, -172px -362.66667px #ff4d00, -31px -255.66667px #0026ff, 228px -4.66667px #00ff33, -117px -71.66667px #00ffc4, -7px -16.66667px #00c4ff, 40px -5.66667px #4d00ff, -229px 17.33333px #22ff00, -225px -176.66667px #00aeff, 180px -257.66667px #44ff00, -46px -17.66667px #002bff, 224px -319.66667px #ff3300, -212px -291.66667px #5100ff, -13px 14.33333px #00ddff, 210px -135.66667px lime, -130px -105.66667px #ffe100, -188px 66.33333px #ff001a, 43px -55.66667px #00ff04, -74px -297.66667px #ff0004, 178px -92.66667px #ff0066, -163px 32.33333px #00ff59, 21px -68.66667px #ff00f2, 129px -405.66667px #ffe100, -99px -393.66667px #0088ff, -150px -137.66667px #ff9500, 97px -151.66667px #00ff62, -249px -253.66667px #ffc800, 149px -34.66667px #00ccff, -135px 77.33333px #00bbff, 243px -155.66667px #4d00ff, -173px 45.33333px #d500ff, -50px -65.66667px #00ff59, 57px 7.33333px #fbff00, 81px -283.66667px #b300ff, -37px -238.66667px #8000ff, -26px 57.33333px #bbff00, -70px -100.66667px #00ffc8, -130px -320.66667px darkorange, 114px -200.66667px #00ffea, 231px -290.66667px #ff0044, 120px 42.33333px #ff0055, 63px -161.66667px #ff00bf, 215px -221.66667px #00a6ff, -44px -89.66667px #ff7b00, 6px -343.66667px #95ff00, -4px -127.66667px #ff9500; } }
@-webkit-keyframes gravity {
to {
transform: translateY(200px);
-moz-transform: translateY(200px);
-webkit-transform: translateY(200px);
-o-transform: translateY(200px);
-ms-transform: translateY(200px);
opacity: 0; } }
@-moz-keyframes gravity {
to {
transform: translateY(200px);
-moz-transform: translateY(200px);
-webkit-transform: translateY(200px);
-o-transform: translateY(200px);
-ms-transform: translateY(200px);
opacity: 0; } }
@-o-keyframes gravity {
to {
transform: translateY(200px);
-moz-transform: translateY(200px);
-webkit-transform: translateY(200px);
-o-transform: translateY(200px);
-ms-transform: translateY(200px);
opacity: 0; } }
@-ms-keyframes gravity {
#inside_room #inside_room_winners.win_pjp to {
transform: translateY(200px);
-moz-transform: translateY(200px);
-webkit-transform: translateY(200px);
-o-transform: translateY(200px);
-ms-transform: translateY(200px);
opacity: 0; } }
@keyframes gravity {
to {
transform: translateY(200px);
-moz-transform: translateY(200px);
-webkit-transform: translateY(200px);
-o-transform: translateY(200px);
-ms-transform: translateY(200px);
opacity: 0; } }
@-webkit-keyframes position {
0%, 19.9% {
margin-top: 10%;
margin-left: 40%; }
20%, 39.9% {
margin-top: 40%;
margin-left: 30%; }
40%, 59.9% {
margin-top: 20%;
margin-left: 70%; }
60%, 79.9% {
margin-top: 30%;
margin-left: 20%; }
80%, 99.9% {
margin-top: 30%;
margin-left: 80%; } }
@-moz-keyframes position {
0%, 19.9% {
margin-top: 10%;
margin-left: 40%; }
20%, 39.9% {
margin-top: 40%;
margin-left: 30%; }
40%, 59.9% {
margin-top: 20%;
margin-left: 70%; }
60%, 79.9% {
margin-top: 30%;
margin-left: 20%; }
80%, 99.9% {
margin-top: 30%;
margin-left: 80%; } }
@-o-keyframes position {
0%, 19.9% {
margin-top: 10%;
margin-left: 40%; }
20%, 39.9% {
margin-top: 40%;
margin-left: 30%; }
40%, 59.9% {
margin-top: 20%;
margin-left: 70%; }
60%, 79.9% {
margin-top: 30%;
margin-left: 20%; }
80%, 99.9% {
margin-top: 30%;
margin-left: 80%; } }
@-ms-keyframes position {
#inside_room #inside_room_winners.win_pjp 0%, #inside_room #inside_room_winners.win_pjp 19.9% {
margin-top: 10%;
margin-left: 40%; }
#inside_room #inside_room_winners.win_pjp 20%, #inside_room #inside_room_winners.win_pjp 39.9% {
margin-top: 40%;
margin-left: 30%; }
#inside_room #inside_room_winners.win_pjp 40%, #inside_room #inside_room_winners.win_pjp 59.9% {
margin-top: 20%;
margin-left: 70%; }
#inside_room #inside_room_winners.win_pjp 60%, #inside_room #inside_room_winners.win_pjp 79.9% {
margin-top: 30%;
margin-left: 20%; }
#inside_room #inside_room_winners.win_pjp 80%, #inside_room #inside_room_winners.win_pjp 99.9% {
margin-top: 30%;
margin-left: 80%; } }
@keyframes position {
0%, 19.9% {
margin-top: 10%;
margin-left: 40%; }
20%, 39.9% {
margin-top: 40%;
margin-left: 30%; }
40%, 59.9% {
margin-top: 20%;
margin-left: 70%; }
60%, 79.9% {
margin-top: 30%;
margin-left: 20%; }
80%, 99.9% {
margin-top: 30%;
margin-left: 80%; } }
*:focus {
outline: none;
border-color: inherit;
-webkit-box-shadow: none;
box-shadow: none; }
#inside_room.chat_not_available #inside_room_chat_disabled {
display: block;
position: absolute;
right: 2%;
top: 1.5%;
width: 25%;
height: 96.5%;
background-color: #3FA9F5;
border-radius: 10px;
z-index: 110; }
#inside_room.chat_not_available #inside_room_chat_disabled .banner {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 50px;
color: #000000; }
#inside_room.chat_not_available #inside_room_chat {
display: none !important; }
#inside_room #inside_room_chat_disabled {
display: none; }
#inside_room #inside_room_chat {
position: absolute;
right: 2%;
top: 1.5%;
width: 25%;
height: 96.5%;
background-color: #3FA9F5;
border-radius: 10px;
z-index: 109; }
#inside_room #inside_room_chat.connecting #inside_room_chat_connecting {
display: block; }
#inside_room #inside_room_chat.loading #inside_room_chat_loading {
display: block; }
#inside_room #inside_room_chat.connected #inside_room_chat_container {
display: block; }
#inside_room #inside_room_chat.not_chatting #inside_room_chat_not_chatting {
display: block; }
#inside_room #inside_room_chat.not_available #inside_room_chat_not_available {
display: block; }
#inside_room #inside_room_chat.name_requested #inside_room_chat_request_chat_name {
display: block; }
#inside_room #inside_room_chat.name_requested #inside_room_chat_container {
display: none !important; }
#inside_room #inside_room_chat.chat_room_closed #inside_room_chat_manually_closed {
display: block; }
#inside_room #inside_room_chat.chat_room_closed #inside_room_chat_container {
display: none !important; }
#inside_room #inside_room_chat #inside_room_chat_connecting {
display: none;
color: #FFFFFF;
font-size: 3vw;
text-align: center;
width: 90%;
position: absolute;
left: 5%;
top: 50%;
transform: translateY(-50%); }
#inside_room #inside_room_chat #inside_room_chat_loading {
display: none;
color: #FFFFFF;
font-size: 3vw;
text-align: center;
width: 90%;
position: absolute;
left: 5%;
top: 50%;
transform: translateY(-50%); }
#inside_room #inside_room_chat #inside_room_chat_not_chatting {
display: none;
color: #FFFFFF;
font-size: 3vw;
text-align: center;
width: 90%;
position: absolute;
left: 5%;
top: 50%;
transform: translateY(-50%); }
#inside_room #inside_room_chat #inside_room_chat_not_available {
display: none;
color: #FFFFFF;
font-size: 3vw;
text-align: center;
width: 90%;
position: absolute;
left: 5%;
top: 50%;
transform: translateY(-50%); }
#inside_room #inside_room_chat #inside_room_chat_request_chat_name {
display: none;
color: #FFFFFF;
font-size: 2vw;
text-align: center;
width: 90%;
position: absolute;
left: 5%;
top: 50%;
transform: translateY(-50%); }
#inside_room #inside_room_chat #inside_room_chat_request_chat_name #chat_set_name_button {
margin-top: 1vw; }
#inside_room #inside_room_chat #inside_room_chat_manually_closed {
display: none;
color: #FFFFFF;
font-size: 3vw;
text-align: center;
width: 90%;
position: absolute;
left: 5%;
top: 50%;
transform: translateY(-50%); }
#inside_room #inside_room_chat #inside_room_chat_container {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
display: none; }
#inside_room #inside_room_chat #inside_room_chat_container #inside_room_chat_header {
position: absolute;
width: 90%;
left: 5%;
top: 2%;
height: 5%;
font-size: 1.5vw;
color: white; }
#inside_room #inside_room_chat #inside_room_chat_container #inside_room_chat_header #inside_room_chat_close_button {
position: absolute;
right: 0px;
top: 0px;
height: 100%;
width: 10%;
text-align: center;
cursor: pointer; }
#inside_room #inside_room_chat #inside_room_chat_container #inside_room_chat_header #inside_room_chat_config_button {
position: absolute;
right: 10%;
top: 0px;
height: 100%;
width: 10%;
text-align: center;
cursor: pointer;
color: #FFFFFF; }
#inside_room #inside_room_chat #inside_room_chat_container #inside_room_chat_header #inside_room_chat_config_button span {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); }
#chat_config_container .arrow-config {
border-color: #f7f7f7; }
#chat_config_container .popover-header {
font-size: 0.75vw;
font-weight: bold; }
#chat_config_container .fake-body {
padding: 0px !important; }
#chat_config_container #colors_container {
width: 150px; }
#chat_config_container #colors_container .pick_color {
padding-top: 4px;
padding-bottom: 4px;
cursor: pointer; }
#chat_config_container #colors_container .pick_color span {
display: block;
width: 20px;
height: 20px;
margin: auto; }
#chat_config_container #colors_container .pick_color.current_color {
background-color: #d8d8d8; }
#chat_config_container #colors_container #pick_color_1 span {
background-color: #1a1a1a; }
#chat_config_container #colors_container #pick_color_2 span {
background-color: purple; }
#chat_config_container #colors_container #pick_color_3 span {
background-color: goldenrod; }
#chat_config_container #colors_container #pick_color_4 span {
background-color: #64003c; }
#chat_config_container #colors_container #pick_color_5 span {
background-color: #854900; }
#chat_config_container #colors_container #pick_color_6 span {
background-color: orange; }
#chat_config_container #colors_container #pick_color_7 span {
background-color: #ff682d; }
#chat_config_container #colors_container #pick_color_8 span {
background-color: palevioletred; }
#chat_config_container #colors_container #pick_color_9 span {
background-color: #3e2a40; }
#chat_config_container #colors_container #pick_color_10 span {
background-color: #005b56; }
#chat_config_container #colors_container #pick_color_11 span {
background-color: green; }
#chat_config_container #colors_container #pick_color_12 span {
background-color: red; }
#chat_config_container #fonts_container .font_size {
font-size: 1vw;
height: 35px;
line-height: 35px;
cursor: pointer;
text-align: center;
color: #1a1a1a;
opacity: 0.5;
border: 1px solid #1a1a1a;
border-radius: 5px;
box-sizing: border-box;
position: relative; }
#chat_config_container #fonts_container .font_size span {
display: block;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); }
#chat_config_container #fonts_container .font_size.current_font_size {
color: #FFFFFF;
opacity: 1;
background-color: #3FA9F5; }
#chat_config_container #fonts_container #font_size_1 {
font-size: 0.5vw; }
#chat_config_container #fonts_container #font_size_2 {
font-size: 0.75vw; }
#chat_config_container #fonts_container #font_size_3 {
font-size: 1vw; }
#chat_config_container #fonts_container #font_size_4 {
font-size: 1.25vw; }
@media (max-width: 575px) {
#chat_config_container #fonts_container #font_size_1 {
font-size: 2vw !important; }
#chat_config_container #fonts_container #font_size_2 {
font-size: 3vw !important; }
#chat_config_container #fonts_container #font_size_3 {
font-size: 4vw !important; }
#chat_config_container #fonts_container #font_size_4 {
font-size: 5vw !important; } }
#inside_room #inside_room_chat #inside_room_chat_container #inside_room_chat_header #inside_room_chat_lock_container {
position: absolute;
right: 20%;
top: 0px;
height: 100%;
width: 10%;
text-align: center; }
#inside_room #inside_room_chat #inside_room_chat_container #inside_room_chat_header #inside_room_chat_lock_container #inside_room_chat_unlocked_button, #inside_room #inside_room_chat #inside_room_chat_container #inside_room_chat_header #inside_room_chat_lock_container #inside_room_chat_locked_button {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
cursor: pointer; }
#inside_room #inside_room_chat #inside_room_chat_container #inside_room_chat_header #inside_room_chat_lock_container #inside_room_chat_locked_button {
visibility: visible; }
#inside_room #inside_room_chat #inside_room_chat_container #inside_room_chat_header #inside_room_chat_lock_container #inside_room_chat_unlocked_button {
visibility: hidden; }
#inside_room #inside_room_chat #inside_room_chat_container #inside_room_chat_header #inside_room_chat_lock_container.unlocked #inside_room_chat_locked_button {
visibility: hidden !important; }
#inside_room #inside_room_chat #inside_room_chat_container #inside_room_chat_header #inside_room_chat_lock_container.unlocked #inside_room_chat_unlocked_button {
visibility: visible !important; }
#inside_room #inside_room_chat #inside_room_chat_container #inside_room_chat_header #inside_room_chat_room_name {
position: absolute;
left: 0px;
top: 0px;
width: 60%;
height: 100%;
text-align: left;
font-weight: bold; }
#inside_room #inside_room_chat #inside_room_chat_container #inside_room_chat_header div span {
position: absolute;
width: 100%;
left: 50%;
top: 50%;
transform: translate(-50%, -50%); }
#inside_room #inside_room_chat #inside_room_chat_container #inside_room_chat_window {
position: absolute;
left: 5%;
top: 9%;
width: 90%;
height: 80%;
background-color: white;
box-sizing: border-box;
border-radius: 15px; }
#inside_room #inside_room_chat #inside_room_chat_container #inside_room_chat_window #inside_room_chat_window_wrapper {
position: absolute;
left: 3%;
width: 94%;
top: 0px;
height: 100%;
border-radius: 15px; }
#inside_room #inside_room_chat #inside_room_chat_container #inside_room_chat_window #inside_room_chat_window_wrapper.compact #inside_room_chat_window_conversation_wrapper {
width: 100%;
border: 0px; }
#inside_room #inside_room_chat #inside_room_chat_container #inside_room_chat_window #inside_room_chat_window_wrapper.compact #inside_room_chat_window_user_list_wrapper {
width: 0%; }
#inside_room #inside_room_chat #inside_room_chat_container #inside_room_chat_window #inside_room_chat_window_wrapper.compact #inside_room_chat_window_compact_expand {
left: 103%; }
#inside_room #inside_room_chat #inside_room_chat_container #inside_room_chat_window #inside_room_chat_window_wrapper #inside_room_chat_window_conversation_wrapper {
position: absolute;
left: 0px;
top: 0px;
width: 70%;
height: 100%;
border-right: 1px solid #b3b3b3;
box-sizing: border-box; }
#inside_room #inside_room_chat #inside_room_chat_container #inside_room_chat_window #inside_room_chat_window_wrapper #inside_room_chat_window_conversation_wrapper #inside_room_chat_window_conversation {
position: absolute;
width: 98%;
height: 96%;
left: 0px;
top: 2%;
overflow-y: auto;
overflow-x: hidden; }
#inside_room #inside_room_chat #inside_room_chat_container #inside_room_chat_window #inside_room_chat_window_wrapper #inside_room_chat_window_conversation_wrapper #inside_room_chat_window_conversation .welcome_message {
font-size: 2vh;
font-weight: bold; }
#inside_room #inside_room_chat #inside_room_chat_container #inside_room_chat_window #inside_room_chat_window_wrapper #inside_room_chat_window_conversation_wrapper #inside_room_chat_window_conversation .chat_msg {
font-family: "Roboto", "Font Awesome 5 Free"; }
#inside_room #inside_room_chat #inside_room_chat_container #inside_room_chat_window #inside_room_chat_window_wrapper #inside_room_chat_window_conversation_wrapper #inside_room_chat_window_conversation .chat_msg .username {
font-weight: bold;
padding-right: 5px; }
#inside_room #inside_room_chat #inside_room_chat_container #inside_room_chat_window #inside_room_chat_window_wrapper #inside_room_chat_window_conversation_wrapper #inside_room_chat_window_conversation.font_size_1 {
font-size: 0.75vw; }
#inside_room #inside_room_chat #inside_room_chat_container #inside_room_chat_window #inside_room_chat_window_wrapper #inside_room_chat_window_conversation_wrapper #inside_room_chat_window_conversation.font_size_1 img {
width: 0.75vw;
height: 0.75vw; }
#inside_room #inside_room_chat #inside_room_chat_container #inside_room_chat_window #inside_room_chat_window_wrapper #inside_room_chat_window_conversation_wrapper #inside_room_chat_window_conversation.font_size_2 {
font-size: 1vw; }
#inside_room #inside_room_chat #inside_room_chat_container #inside_room_chat_window #inside_room_chat_window_wrapper #inside_room_chat_window_conversation_wrapper #inside_room_chat_window_conversation.font_size_2 img {
width: 1vw;
height: 1vw; }
#inside_room #inside_room_chat #inside_room_chat_container #inside_room_chat_window #inside_room_chat_window_wrapper #inside_room_chat_window_conversation_wrapper #inside_room_chat_window_conversation.font_size_3 {
font-size: 1.25vw; }
#inside_room #inside_room_chat #inside_room_chat_container #inside_room_chat_window #inside_room_chat_window_wrapper #inside_room_chat_window_conversation_wrapper #inside_room_chat_window_conversation.font_size_3 img {
width: 1.25vw;
height: 1.25vw; }
#inside_room #inside_room_chat #inside_room_chat_container #inside_room_chat_window #inside_room_chat_window_wrapper #inside_room_chat_window_conversation_wrapper #inside_room_chat_window_conversation.font_size_4 {
font-size: 1.50vw; }
#inside_room #inside_room_chat #inside_room_chat_container #inside_room_chat_window #inside_room_chat_window_wrapper #inside_room_chat_window_conversation_wrapper #inside_room_chat_window_conversation.font_size_4 img {
width: 1.50vw;
height: 1.50vw; }
@media (max-width: 575px) {
#inside_room #inside_room_chat #inside_room_chat_container #inside_room_chat_window #inside_room_chat_window_wrapper #inside_room_chat_window_conversation_wrapper #inside_room_chat_window_conversation.font_size_1 {
font-size: 1vw; }
#inside_room #inside_room_chat #inside_room_chat_container #inside_room_chat_window #inside_room_chat_window_wrapper #inside_room_chat_window_conversation_wrapper #inside_room_chat_window_conversation.font_size_1 img {
width: 1vw;
height: 1vw; }
#inside_room #inside_room_chat #inside_room_chat_container #inside_room_chat_window #inside_room_chat_window_wrapper #inside_room_chat_window_conversation_wrapper #inside_room_chat_window_conversation.font_size_2 {
font-size: 2vw; }
#inside_room #inside_room_chat #inside_room_chat_container #inside_room_chat_window #inside_room_chat_window_wrapper #inside_room_chat_window_conversation_wrapper #inside_room_chat_window_conversation.font_size_2 img {
width: 2vw;
height: 2vw; }
#inside_room #inside_room_chat #inside_room_chat_container #inside_room_chat_window #inside_room_chat_window_wrapper #inside_room_chat_window_conversation_wrapper #inside_room_chat_window_conversation.font_size_3 {
font-size: 3vw; }
#inside_room #inside_room_chat #inside_room_chat_container #inside_room_chat_window #inside_room_chat_window_wrapper #inside_room_chat_window_conversation_wrapper #inside_room_chat_window_conversation.font_size_3 img {
width: 3vw;
height: 3vw; }
#inside_room #inside_room_chat #inside_room_chat_container #inside_room_chat_window #inside_room_chat_window_wrapper #inside_room_chat_window_conversation_wrapper #inside_room_chat_window_conversation.font_size_4 {
font-size: 4vw; }
#inside_room #inside_room_chat #inside_room_chat_container #inside_room_chat_window #inside_room_chat_window_wrapper #inside_room_chat_window_conversation_wrapper #inside_room_chat_window_conversation.font_size_4 img {
width: 4vw;
height: 4vw; } }
#inside_room #inside_room_chat #inside_room_chat_container #inside_room_chat_window #inside_room_chat_window_wrapper #inside_room_chat_window_user_list_wrapper {
position: absolute;
right: 0px;
top: 0px;
width: 30%;
height: 100%; }
#inside_room #inside_room_chat #inside_room_chat_container #inside_room_chat_window #inside_room_chat_window_wrapper #inside_room_chat_window_user_list_wrapper #inside_room_chat_window_user_list {
position: absolute;
width: 93.5%;
height: 96%;
right: 1.5%;
top: 2%;
overflow-x: hidden;
overflow-y: auto; }
#inside_room #inside_room_chat #inside_room_chat_container #inside_room_chat_window #inside_room_chat_window_wrapper #inside_room_chat_window_user_list_wrapper #inside_room_chat_window_user_list .chat_user {
position: relative;
padding-left: 5px;
padding-right: 5px;
font-size: 0.8vw;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
cursor: pointer; }
#inside_room #inside_room_chat #inside_room_chat_container #inside_room_chat_window #inside_room_chat_window_wrapper #inside_room_chat_window_user_list_wrapper #inside_room_chat_window_user_list .cm {
font-weight: bold; }
#inside_room #inside_room_chat #inside_room_chat_container #inside_room_chat_window #inside_room_chat_window_wrapper #inside_room_chat_window_user_list_wrapper #inside_room_chat_window_user_list .me {
cursor: default !important; }
#inside_room #inside_room_chat #inside_room_chat_container #inside_room_chat_window #inside_room_chat_window_wrapper #inside_room_chat_window_user_list_wrapper #inside_room_chat_window_user_list .blink {
animation-duration: 2s;
animation-iteration-count: infinite;
animation-name: การเคลื่อนไหวที่-15; }
@keyframes การเคลื่อนไหวที่-15 {
0% {
background-color: transparent; }
50% {
background-color: #cfcfcf; }
100% {
background-color: transparent; } }
#inside_room #inside_room_chat #inside_room_chat_container #inside_room_chat_window #inside_room_chat_window_wrapper #inside_room_chat_window_compact_expand {
position: absolute;
top: 50%;
left: 70%;
transform: translate(-50%, -50%);
font-size: 3vh;
color: #b3b3b3;
cursor: pointer; }
#inside_room #inside_room_chat #inside_room_chat_container #inside_room_chat_window #inside_room_chat_window_wrapper #inside_room_chat_window_compact_expand span {
background-color: #FFFFFF;
border-radius: 50%; }
#inside_room #inside_room_chat #inside_room_chat_container #inside_room_chat_window #inside_room_chat_window_wrapper #inside_room_chat_window_compact_expand.expanded .expand {
display: none; }
#inside_room #inside_room_chat #inside_room_chat_container #inside_room_chat_window #inside_room_chat_window_wrapper #inside_room_chat_window_compact_expand.expanded .compact {
display: block; }
#inside_room #inside_room_chat #inside_room_chat_container #inside_room_chat_window #inside_room_chat_window_wrapper #inside_room_chat_window_compact_expand.compact .expand {
display: block; }
#inside_room #inside_room_chat #inside_room_chat_container #inside_room_chat_window #inside_room_chat_window_wrapper #inside_room_chat_window_compact_expand.compact .compact {
display: none; }
#inside_room #inside_room_chat #inside_room_chat_container #inside_room_chat_window .color_1, #inside_room #inside_room_chat #inside_room_chat_container #inside_room_chat_window .color_default {
color: #1a1a1a; }
#inside_room #inside_room_chat #inside_room_chat_container #inside_room_chat_window .color_2 {
color: purple; }
#inside_room #inside_room_chat #inside_room_chat_container #inside_room_chat_window .color_3 {
color: goldenrod; }
#inside_room #inside_room_chat #inside_room_chat_container #inside_room_chat_window .color_4 {
color: #64003c; }
#inside_room #inside_room_chat #inside_room_chat_container #inside_room_chat_window .color_5 {
color: #854900; }
#inside_room #inside_room_chat #inside_room_chat_container #inside_room_chat_window .color_6 {
color: orange; }
#inside_room #inside_room_chat #inside_room_chat_container #inside_room_chat_window .color_7 {
color: #ff682d; }
#inside_room #inside_room_chat #inside_room_chat_container #inside_room_chat_window .color_8 {
color: palevioletred; }
#inside_room #inside_room_chat #inside_room_chat_container #inside_room_chat_window .color_9 {
color: #3e2a40; }
#inside_room #inside_room_chat #inside_room_chat_container #inside_room_chat_window .color_10 {
color: #005b56; }
#inside_room #inside_room_chat #inside_room_chat_container #inside_room_chat_window .color_11 {
color: green; }
#inside_room #inside_room_chat #inside_room_chat_container #inside_room_chat_window .color_12 {
color: red; }
#inside_room #inside_room_chat #inside_room_chat_container #inside_room_chat_window .cm.cm_color_1 {
color: #3FA9F5; }
#inside_room #inside_room_chat #inside_room_chat_container #inside_room_chat_window .cm.cm_color_2 {
color: #004b7e; }
#inside_room #inside_room_chat #inside_room_chat_container #inside_room_chat_window .cm.cm_color_3 {
color: #007a8c; }
#inside_room #inside_room_chat #inside_room_chat_container #inside_room_chat_window .cm.cm_color_4 {
color: #007a8c; }
#inside_room #inside_room_chat #inside_room_chat_container #inside_room_chat_window:not(.cm) {
text-transform: lowercase !important; }
#inside_room #inside_room_chat #inside_room_chat_container #inside_room_chat_window .system_message {
color: #1a1a1a;
font-weight: bold; }
#inside_room #inside_room_chat #inside_room_chat_container #inside_room_chat_window .friends_message {
color: #1a1a1a; }
#inside_room #inside_room_chat #inside_room_chat_container #inside_room_chat_window .system_message.cm {
font-weight: bold; }
#inside_room #inside_room_chat #inside_room_chat_container #inside_room_chat_window .system_message.cm.cm_color_1 {
color: #3FA9F5; }
#inside_room #inside_room_chat #inside_room_chat_container #inside_room_chat_window .system_message.cm.cm_color_2 {
color: #004b7e; }
#inside_room #inside_room_chat #inside_room_chat_container #inside_room_chat_window .system_message.cm.cm_color_3 {
color: #007a8c; }
#inside_room #inside_room_chat #inside_room_chat_container #inside_room_chat_window .system_message.cm.cm_color_4 {
color: #007a8c; }
#inside_room #inside_room_chat #inside_room_chat_container #inside_room_chat_window:not(.cm) {
text-transform: lowercase !important; }
#inside_room #inside_room_chat #inside_room_chat_container #inside_room_chat_window .friendship_shortcut {
cursor: pointer;
font-weight: bold; }
#inside_room #inside_room_chat #inside_room_chat_container #inside_room_chat_input_container {
position: absolute;
left: 5%;
top: 91%;
width: 90%;
height: 7%;
background-color: white;
box-sizing: border-box;
border-radius: 15px; }
#inside_room #inside_room_chat #inside_room_chat_container #inside_room_chat_input_container input {
font-family: "Roboto", "Font Awesome 5 Free";
position: absolute;
left: 2%;
top: 2%;
width: 77%;
height: 96%;
border: 0px;
margin: 0px;
padding: 0px;
background-color: white;
border-radius: 15px;
font-size: 1vw; }
#inside_room #inside_room_chat #inside_room_chat_container #inside_room_chat_input_container input.color_1 {
color: #1a1a1a; }
#inside_room #inside_room_chat #inside_room_chat_container #inside_room_chat_input_container input.color_2 {
color: purple; }
#inside_room #inside_room_chat #inside_room_chat_container #inside_room_chat_input_container input.color_3 {
color: goldenrod; }
#inside_room #inside_room_chat #inside_room_chat_container #inside_room_chat_input_container input.color_4 {
color: #64003c; }
#inside_room #inside_room_chat #inside_room_chat_container #inside_room_chat_input_container input.color_5 {
color: #854900; }
#inside_room #inside_room_chat #inside_room_chat_container #inside_room_chat_input_container input.color_6 {
color: orange; }
#inside_room #inside_room_chat #inside_room_chat_container #inside_room_chat_input_container input.color_7 {
color: #ff682d; }
#inside_room #inside_room_chat #inside_room_chat_container #inside_room_chat_input_container input.color_8 {
color: palevioletred; }
#inside_room #inside_room_chat #inside_room_chat_container #inside_room_chat_input_container input.color_9 {
color: #3e2a40; }
#inside_room #inside_room_chat #inside_room_chat_container #inside_room_chat_input_container input.color_10 {
color: #005b56; }
#inside_room #inside_room_chat #inside_room_chat_container #inside_room_chat_input_container input.color_11 {
color: green; }
#inside_room #inside_room_chat #inside_room_chat_container #inside_room_chat_input_container input.color_12 {
color: red; }
#inside_room #inside_room_chat #inside_room_chat_container #inside_room_chat_input_container #chat_smile_button {
position: absolute;
top: 2%;
right: 11%;
width: 8%;
height: 96%;
text-align: center;
cursor: pointer;
border: 0px;
color: #1a1a1a; }
#inside_room #inside_room_chat #inside_room_chat_container #inside_room_chat_input_container #chat_smile_button span {
position: absolute;
width: 100%;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
font-size: 1.3vw; }
#inside_room #inside_room_chat #inside_room_chat_container #inside_room_chat_input_container #chat_smile_button:hover {
color: deepskyblue; }
#smilies_container {
max-height: 15vh;
overflow-y: auto;
text-align: center; }
#smilies_container .smilie_container {
order: 1000;
display: inline-block;
font-size: 1.5vw;
color: #f0a308;
cursor: pointer; }
#smilies_container .smilie_container .emoji {
width: 1.5vw !important;
height: 1.5vw !important; }
#smilies_container .smilie_container:hover {
color: royalblue; }
#inside_room #inside_room_chat #inside_room_chat_container #inside_room_chat_input_container #chat_send_button {
position: absolute;
top: 2%;
right: 2%;
width: 8%;
height: 96%;
text-align: center;
cursor: pointer; }
#inside_room #inside_room_chat #inside_room_chat_container #inside_room_chat_input_container #chat_send_button span {
position: absolute;
width: 100%;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
font-size: 1.3vw; }
#inside_room #inside_room_chat #inside_room_chat_container #inside_room_chat_input_container #chat_send_button:hover {
color: deepskyblue; }
.private_chat_modal {
position: relative; }
.private_chat_modal .modal-dialog {
position: fixed;
width: 100%;
margin: 0;
left: 50%;
width: 500px;
margin-left: -250px; }
.private_chat_modal .modal-dialog .modal-content {
border-radius: 10px !important; }
.private_chat_modal .modal-dialog .modal-content .modal-header {
background-color: #2CA6DF;
padding: 5px;
cursor: move;
position: relative; }
.private_chat_modal .modal-dialog .modal-content .modal-header .private_chat_drag_me {
position: absolute;
top: -20px;
background-color: #2CA6DF;
width: 80px;
padding: 3px;
text-align: center;
right: 20px;
height: 20px;
line-height: 20px;
font-size: 0.7vw;
border-top-left-radius: 5px;
border-top-right-radius: 5px; }
.private_chat_modal .modal-dialog .modal-content .modal-header .modal-title {
font-size: 1.1vw;
width: 100%;
text-align: center; }
.private_chat_modal .modal-dialog .modal-content .modal-header .close {
padding: 0px;
margin: 0px;
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
font-size: 1vw; }
.private_chat_modal .modal-dialog .modal-content .modal-body {
padding: 0px; }
.private_chat_modal .modal-dialog .modal-content .modal-body .private_chat_conversation {
height: 300px;
overflow-x: hidden;
overflow-y: visible; }
.private_chat_modal .modal-dialog .modal-content .modal-body .private_chat_conversation .chat_other {
float: left;
background-color: #eeeeee;
border-top-left-radius: 0px !important;
margin-left: 1vw; }
.private_chat_modal .modal-dialog .modal-content .modal-body .private_chat_conversation .chat_other:after {
content: '';
position: absolute;
left: 0;
top: 0px;
width: 0;
height: 0;
border: 1vw solid transparent;
border-right-color: #eeeeee;
border-left: 0;
border-top: 0;
margin-top: 0px;
margin-left: -0.8vw; }
.private_chat_modal .modal-dialog .modal-content .modal-body .private_chat_conversation .chat_other .name {
font-weight: bold; }
.private_chat_modal .modal-dialog .modal-content .modal-body .private_chat_conversation .chat_other .name.cm_color_1 {
color: #3FA9F5; }
.private_chat_modal .modal-dialog .modal-content .modal-body .private_chat_conversation .chat_other .name.cm_color_2 {
color: #004b7e; }
.private_chat_modal .modal-dialog .modal-content .modal-body .private_chat_conversation .chat_other .name.cm_color_3 {
color: #007a8c; }
.private_chat_modal .modal-dialog .modal-content .modal-body .private_chat_conversation .chat_other .name.cm_color_4 {
color: #007a8c; }
.private_chat_modal .modal-dialog .modal-content .modal-body .private_chat_conversation .chat_me {
float: right;
background-color: #88d2ff;
border-bottom-right-radius: 0px !important;
margin-right: 1vw; }
.private_chat_modal .modal-dialog .modal-content .modal-body .private_chat_conversation .chat_me:after {
content: '';
position: absolute;
right: 0;
bottom: 0px;
width: 0;
height: 0;
border: 1vw solid transparent;
border-left-color: #88d2ff;
border-right: 0;
border-bottom: 0;
margin-top: 0px;
margin-right: -0.8vw; }
.private_chat_modal .modal-dialog .modal-content .modal-body .chat_msg {
font-family: "Roboto", "Font Awesome 5 Free";
position: relative;
width: 70%;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 10px;
padding-right: 10px;
box-sizing: border-box;
margin-bottom: 8px;
border-radius: 8px;
font-size: 0.75vw; }
@media (max-width: 575px) {
.private_chat_modal .modal-dialog .modal-content .modal-body .chat_msg {
font-size: 1vw; } }
.private_chat_modal .modal-dialog .modal-content .modal-body .chat_msg:first-of-type {
margin-top: 8px; }
.private_chat_modal .modal-dialog .modal-content .modal-footer {
padding: 10px;
background-color: #2CA6DF; }
.private_chat_modal .modal-dialog .modal-content .modal-footer .private_chat_input_container {
border-radius: 15px;
background-color: #FFFFFF;
position: relative;
width: 100%;
height: 30px; }
.private_chat_modal .modal-dialog .modal-content .modal-footer .private_chat_input_container .private_chat_input_text {
position: absolute;
left: 2%;
top: 2%;
width: 77%;
height: 96%;
border: 0px;
margin: 0px;
padding: 0px;
background-color: white;
border-radius: 15px;
font-size: 0.8vw; }
.private_chat_modal .modal-dialog .modal-content .modal-footer .private_chat_input_container .private_chat_send_button {
position: absolute;
top: 2%;
right: 2%;
width: 8%;
height: 96%;
text-align: center;
cursor: pointer; }
.private_chat_modal .modal-dialog .modal-content .modal-footer .private_chat_input_container .private_chat_send_button span {
position: absolute;
width: 100%;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
font-size: 1vw; }
.private_chat_modal .modal-dialog .modal-content .modal-footer .private_chat_input_container .private_chat_send_button:hover {
color: deepskyblue; }
@media (max-width: 575px) {
#smilies_container .smilie_container {
font-size: 3vh !important; }
#smilies_container .smilie_container .emoji {
width: 3vh !important;
height: 3vh !important; }
#chat_config_container .popover-header {
font-size: 1.75vh !important; }
#inside_room:not(.chat_mobile_enabled_of_any_type) #inside_room_chat, #inside_room:not(.chat_mobile_enabled_of_any_type) #inside_room_chat_disabled {
display: none !important; }
#inside_room.chat_mobile_enabled #inside_room_cards_wrapper {
height: 37%; }
#inside_room.chat_mobile_enabled #inside_room_cards_wrapper #inside_room_cards_zoom_container {
font-size: 2.5vh;
width: 12%; }
#inside_room.chat_mobile_enabled #inside_room_chat_disabled {
display: none !important; }
#inside_room.chat_mobile_enabled #inside_room_chat {
width: 96%;
left: 2%;
right: auto;
top: 44%;
bottom: 1%;
border-radius: 5px;
height: 18%;
z-index: 110; }
#inside_room.chat_mobile_enabled #inside_room_chat #inside_room_chat_container #inside_room_chat_header {
left: 1%;
width: 98%;
height: 13%;
text-transform: uppercase;
font-size: 1.5vh;
top: 1%; }
#inside_room.chat_mobile_enabled #inside_room_chat #inside_room_chat_container #inside_room_chat_header #chat_room_name_value {
width: 100%;
height: 100%; }
#inside_room.chat_mobile_enabled #inside_room_chat #inside_room_chat_container #inside_room_chat_header #chat_room_name_value span {
width: auto;
left: auto;
top: auto;
transform: none;
text-align: left;
padding-left: 5vw; }
#inside_room.chat_mobile_enabled #inside_room_chat #inside_room_chat_container #inside_room_chat_header #chat_room_name_value span:before {
color: #FFFFFF;
font-weight: bold;
font-size: 2vh;
content: "\f107";
font-family: Font Awesome\ 5 Free;
position: absolute;
left: 2%;
top: 50%;
transform: translateY(-50%); }
#inside_room.chat_mobile_enabled #inside_room_chat #inside_room_chat_container #inside_room_chat_header #inside_room_chat_close_button {
width: 5%; }
#inside_room.chat_mobile_enabled #inside_room_chat #inside_room_chat_container #inside_room_chat_header #inside_room_chat_config_button {
width: 5%;
right: 5%; }
#inside_room.chat_mobile_enabled #inside_room_chat #inside_room_chat_container #inside_room_chat_header #inside_room_chat_lock_container {
width: 5%;
right: 10%; }
#inside_room.chat_mobile_enabled #inside_room_chat #inside_room_chat_container #inside_room_chat_window {
left: 1%;
width: 98%;
top: 13%;
height: 69%;
border-radius: 0px; }
#inside_room.chat_mobile_enabled #inside_room_chat #inside_room_chat_container #inside_room_chat_window #inside_room_chat_window_wrapper {
left: 1%;
width: 98%; }
#inside_room.chat_mobile_enabled #inside_room_chat #inside_room_chat_container #inside_room_chat_window #inside_room_chat_window_wrapper.compact #inside_room_chat_window_conversation_wrapper {
width: 100%;
border: 0px; }
#inside_room.chat_mobile_enabled #inside_room_chat #inside_room_chat_container #inside_room_chat_window #inside_room_chat_window_wrapper.compact #inside_room_chat_window_user_list_wrapper {
width: 0%; }
#inside_room.chat_mobile_enabled #inside_room_chat #inside_room_chat_container #inside_room_chat_window #inside_room_chat_window_wrapper.compact #inside_room_chat_window_compact_expand {
left: 101%; }
#inside_room.chat_mobile_enabled #inside_room_chat #inside_room_chat_container #inside_room_chat_window #inside_room_chat_window_wrapper #inside_room_chat_window_conversation_wrapper {
width: 82%; }
#inside_room.chat_mobile_enabled #inside_room_chat #inside_room_chat_container #inside_room_chat_window #inside_room_chat_window_wrapper #inside_room_chat_window_conversation_wrapper #inside_room_chat_window_conversation {
top: 1%;
height: 98%; }
#inside_room.chat_mobile_enabled #inside_room_chat #inside_room_chat_container #inside_room_chat_window #inside_room_chat_window_wrapper #inside_room_chat_window_conversation_wrapper #inside_room_chat_window_conversation.font_size_1 {
font-size: 2vw; }
#inside_room.chat_mobile_enabled #inside_room_chat #inside_room_chat_container #inside_room_chat_window #inside_room_chat_window_wrapper #inside_room_chat_window_conversation_wrapper #inside_room_chat_window_conversation.font_size_1 img {
width: 2vw;
height: 2vw; }
#inside_room.chat_mobile_enabled #inside_room_chat #inside_room_chat_container #inside_room_chat_window #inside_room_chat_window_wrapper #inside_room_chat_window_conversation_wrapper #inside_room_chat_window_conversation.font_size_2 {
font-size: 3vw; }
#inside_room.chat_mobile_enabled #inside_room_chat #inside_room_chat_container #inside_room_chat_window #inside_room_chat_window_wrapper #inside_room_chat_window_conversation_wrapper #inside_room_chat_window_conversation.font_size_2 img {
width: 3vw;
height: 3vw; }
#inside_room.chat_mobile_enabled #inside_room_chat #inside_room_chat_container #inside_room_chat_window #inside_room_chat_window_wrapper #inside_room_chat_window_conversation_wrapper #inside_room_chat_window_conversation.font_size_3 {
font-size: 4vw; }
#inside_room.chat_mobile_enabled #inside_room_chat #inside_room_chat_container #inside_room_chat_window #inside_room_chat_window_wrapper #inside_room_chat_window_conversation_wrapper #inside_room_chat_window_conversation.font_size_3 img {
width: 4vw;
height: 4vw; }
#inside_room.chat_mobile_enabled #inside_room_chat #inside_room_chat_container #inside_room_chat_window #inside_room_chat_window_wrapper #inside_room_chat_window_conversation_wrapper #inside_room_chat_window_conversation.font_size_4 {
font-size: 5vw; }
#inside_room.chat_mobile_enabled #inside_room_chat #inside_room_chat_container #inside_room_chat_window #inside_room_chat_window_wrapper #inside_room_chat_window_conversation_wrapper #inside_room_chat_window_conversation.font_size_4 img {
width: 5vw;
height: 5vw; }
#inside_room.chat_mobile_enabled #inside_room_chat #inside_room_chat_container #inside_room_chat_window #inside_room_chat_window_wrapper #inside_room_chat_window_user_list_wrapper {
width: 18%; }
#inside_room.chat_mobile_enabled #inside_room_chat #inside_room_chat_container #inside_room_chat_window #inside_room_chat_window_wrapper #inside_room_chat_window_user_list_wrapper #inside_room_chat_window_user_list .chat_user {
font-size: 1.65vh; }
#inside_room.chat_mobile_enabled #inside_room_chat #inside_room_chat_container #inside_room_chat_window #inside_room_chat_window_wrapper #inside_room_chat_window_compact_expand {
left: 82%;
font-size: 2vh; }
#inside_room.chat_mobile_enabled #inside_room_chat #inside_room_chat_container #inside_room_chat_input_container {
left: 1%;
width: 98%;
top: 84%;
height: 14%;
border-radius: 0px; }
#inside_room.chat_mobile_enabled #inside_room_chat #inside_room_chat_container #inside_room_chat_input_container input {
font-size: 2vh; }
#inside_room.chat_mobile_enabled #inside_room_chat #inside_room_chat_container #inside_room_chat_input_container #chat_smile_button {
width: 6%;
right: 7%; }
#inside_room.chat_mobile_enabled #inside_room_chat #inside_room_chat_container #inside_room_chat_input_container #chat_smile_button span {
font-size: 2vh; }
#inside_room.chat_mobile_enabled #inside_room_chat #inside_room_chat_container #inside_room_chat_input_container #chat_send_button {
width: 6%;
right: 1%; }
#inside_room.chat_mobile_enabled #inside_room_chat #inside_room_chat_container #inside_room_chat_input_container #chat_send_button span {
font-size: 2vh; }
#inside_room.chat_mobile_enabled #inside_room_chat.mobile_chat_expanded {
height: 55%; }
#inside_room.chat_mobile_enabled #inside_room_chat.mobile_chat_expanded #inside_room_chat_container #inside_room_chat_header {
height: 4%;
top: 0.5%; }
#inside_room.chat_mobile_enabled #inside_room_chat.mobile_chat_expanded #inside_room_chat_container #inside_room_chat_header #chat_room_name_value span:before {
content: "\f106" !important; }
#inside_room.chat_mobile_enabled #inside_room_chat.mobile_chat_expanded #inside_room_chat_container #inside_room_chat_window {
top: 5%;
height: 86%; }
#inside_room.chat_mobile_enabled #inside_room_chat.mobile_chat_expanded #inside_room_chat_container #inside_room_chat_input_container {
height: 7%;
top: 92%; }
#inside_room.chat_mobile_enabled #inside_room_chat #inside_room_chat_connecting, #inside_room.chat_mobile_enabled #inside_room_chat #inside_room_chat_loading, #inside_room.chat_mobile_enabled #inside_room_chat #inside_room_chat_not_chatting, #inside_room.chat_mobile_enabled #inside_room_chat #inside_room_chat_not_available, #inside_room.chat_mobile_enabled #inside_room_chat #inside_room_chat_request_chat_name {
font-size: 2vh; }
#inside_room #inside_room_chat #inside_room_chat_request_chat_name #chat_name_request_message {
display: block !important;
width: 100%;
margin-bottom: 1vh; }
#inside_room #inside_room_chat #inside_room_chat_request_chat_name #chat_name_input {
float: left !important;
width: 62% !important;
height: 5vh !important; }
#inside_room #inside_room_chat #inside_room_chat_request_chat_name #chat_set_name_button {
float: right !important;
width: 34% !important;
height: 5vh !important;
font-size: 2vh !important;
margin-top: 0px !important; }
.private_chat_modal .modal-content {
width: 70% !important;
left: 15% !important; }
.private_chat_modal .modal-content .modal-header .private_chat_drag_me {
font-size: 1.5vh !important;
font-weight: bold;
margin-right: 0.5vh;
margin-left: 0.5vh;
width: auto;
top: -3vh;
height: 3vh; }
.private_chat_modal .modal-content .modal-header .modal-title {
font-size: 2vh !important; }
.private_chat_modal .modal-content .modal-header .close {
font-size: 2vh !important; }
.private_chat_modal .modal-content .modal-body .chat_msg {
font-size: 2vh !important; }
.private_chat_modal .modal-content .modal-footer .private_chat_input_container .private_chat_input_text {
font-size: 2vh !important; }
.private_chat_modal .modal-content .private_chat_send_button span {
font-size: 2vh !important; } }
#inside_room.force_cm_uppercase #inside_room_chat #inside_room_chat_container #inside_room_chat_window #inside_room_chat_window_wrapper #inside_room_chat_window_conversation_wrapper #inside_room_chat_window_conversation .chat_msg.cm {
text-transform: uppercase !important; }
#inside_room.force_cm_uppercase #inside_room_chat #inside_room_chat_container #inside_room_chat_window #inside_room_chat_window_wrapper #inside_room_chat_window_conversation_wrapper #inside_room_chat_window_conversation .system_message.cm {
text-transform: uppercase !important; }
@media (max-width: 575px) {
#inside_room.chat_mobile_enabled_type_2 .mb-track-y {
right: 3% !important; }
#inside_room.chat_mobile_enabled_type_2 #inside_room_cards_wrapper, #inside_room.chat_mobile_enabled_type_2 #inside_room_chat, #inside_room.chat_mobile_enabled_type_2 #inside_room_chat_disabled {
z-index: 11; }
#inside_room.chat_mobile_enabled_type_2 #inside_room_cards_wrapper #inside_room_show_card_ids_container {
right: 3%; }
#inside_room.chat_mobile_enabled_type_2 #chat_view_tabs {
position: absolute;
width: 98%;
left: 1%;
top: 43.5%;
height: 3.5vh;
z-index: 10; }
#inside_room.chat_mobile_enabled_type_2.has_pattern #chat_view_tabs {
top: 44.5%; }
#inside_room.chat_mobile_enabled_type_2.has_pattern #chat_view_tabs_content {
top: 44.5%;
height: 51%; }
#inside_room.chat_mobile_enabled_type_2.has_pattern #inside_room_cards_wrapper {
height: 51%; }
#inside_room.chat_mobile_enabled_type_2.has_pattern #inside_room_chat {
top: 48%;
height: 51%; }
#inside_room.chat_mobile_enabled_type_2.has_pattern #inside_room_chat_disabled {
top: 48%;
height: 51%; }
#inside_room.chat_mobile_enabled_type_2 #chat_view_tabs_content {
z-index: 9;
position: absolute;
width: 98%;
left: 1%;
top: 43.5%;
margin-top: 3.5vh;
height: 52%; }
#inside_room.chat_mobile_enabled_type_2 #chat_view_tabs #chat_view_tabs_tickets {
position: relative;
top: -1px;
border: 1px solid #204358;
border-bottom: 0px;
margin-bottom: 1px;
background-color: #204358;
line-height: 3.5vh;
height: 100%;
padding-left: 1vh;
padding-right: 1vh;
box-sizing: border-box;
display: inline-block;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
font-weight: bold;
color: #FFFFFF;
margin-left: 1.5vh;
font-size: 1.75vh;
text-transform: uppercase; }
#inside_room.chat_mobile_enabled_type_2 #chat_view_tabs #chat_view_tabs_tickets.selected-tab {
top: 0px;
border-bottom: 1px solid #204358; }
#inside_room.chat_mobile_enabled_type_2 #chat_view_tabs_content #chat_view_tabs_tickets_bg {
position: absolute;
top: -1px;
left: 0px;
width: 100%;
height: 100%;
background-color: #204358;
border: 1px solid #204358;
border-radius: 10px;
display: none; }
#inside_room.chat_mobile_enabled_type_2 #chat_view_tabs_content #chat_view_tabs_tickets_bg.selected-tab {
display: block; }
#inside_room.chat_mobile_enabled_type_2 #chat_view_tabs #chat_view_tabs_chat_room {
position: relative;
top: -1px;
border: 1px solid #3FA9F5;
border-bottom: 0px;
margin-bottom: 1px;
background-color: #3FA9F5;
line-height: 3.5vh;
height: 100%;
padding-left: 1vh;
padding-right: 1vh;
box-sizing: border-box;
display: inline-block;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
font-weight: bold;
color: #FFFFFF;
margin-left: 1.5vh;
font-size: 1.75vh;
text-transform: uppercase; }
#inside_room.chat_mobile_enabled_type_2 #chat_view_tabs #chat_view_tabs_chat_room.selected-tab {
top: 0px;
border-bottom: 1px solid #3FA9F5; }
#inside_room.chat_mobile_enabled_type_2 #chat_view_tabs_content #chat_view_tabs_chat_room_bg {
position: absolute;
top: -1px;
left: 0px;
width: 100%;
height: 100%;
background-color: #3FA9F5;
border: 1px solid #3FA9F5;
border-radius: 10px;
display: none; }
#inside_room.chat_mobile_enabled_type_2 #chat_view_tabs_content #chat_view_tabs_chat_room_bg.selected-tab {
display: block; }
#inside_room.chat_mobile_enabled_type_2 #inside_room_chat {
left: 1%;
top: 47%;
width: 98%;
height: 52%;
border-radius: 10px; }
#inside_room.chat_mobile_enabled_type_2 #inside_room_chat #inside_room_chat_container #inside_room_chat_header {
height: 6%;
top: 1%;
width: 96%;
left: 2%; }
#inside_room.chat_mobile_enabled_type_2 #inside_room_chat #inside_room_chat_container #inside_room_chat_header #chat_room_name_value {
display: none; }
#inside_room.chat_mobile_enabled_type_2 #inside_room_chat #inside_room_chat_container #inside_room_chat_header #inside_room_chat_lock_container, #inside_room.chat_mobile_enabled_type_2 #inside_room_chat #inside_room_chat_container #inside_room_chat_header #inside_room_chat_close_button, #inside_room.chat_mobile_enabled_type_2 #inside_room_chat #inside_room_chat_container #inside_room_chat_header #inside_room_chat_config_button {
font-size: 2.5vh; }
#inside_room.chat_mobile_enabled_type_2 #inside_room_chat #inside_room_chat_container #inside_room_chat_window {
top: 8%;
height: 79%;
left: 2%;
width: 96%; }
#inside_room.chat_mobile_enabled_type_2 #inside_room_chat #inside_room_chat_container #inside_room_chat_window #inside_room_chat_window_conversation_wrapper #inside_room_chat_window_conversation.font_size_1 {
font-size: 1.25vh !important; }
#inside_room.chat_mobile_enabled_type_2 #inside_room_chat #inside_room_chat_container #inside_room_chat_window #inside_room_chat_window_conversation_wrapper #inside_room_chat_window_conversation.font_size_1 img {
width: 1.25vh !important;
height: 1.25vh !important; }
#inside_room.chat_mobile_enabled_type_2 #inside_room_chat #inside_room_chat_container #inside_room_chat_window #inside_room_chat_window_conversation_wrapper #inside_room_chat_window_conversation.font_size_2 {
font-size: 1.75vh !important; }
#inside_room.chat_mobile_enabled_type_2 #inside_room_chat #inside_room_chat_container #inside_room_chat_window #inside_room_chat_window_conversation_wrapper #inside_room_chat_window_conversation.font_size_2 img {
width: 1.75vh !important;
height: 1.75vh !important; }
#inside_room.chat_mobile_enabled_type_2 #inside_room_chat #inside_room_chat_container #inside_room_chat_window #inside_room_chat_window_conversation_wrapper #inside_room_chat_window_conversation.font_size_3 {
font-size: 2.25vh !important; }
#inside_room.chat_mobile_enabled_type_2 #inside_room_chat #inside_room_chat_container #inside_room_chat_window #inside_room_chat_window_conversation_wrapper #inside_room_chat_window_conversation.font_size_3 img {
width: 2.25vh !important;
height: 2.25vh !important; }
#inside_room.chat_mobile_enabled_type_2 #inside_room_chat #inside_room_chat_container #inside_room_chat_window #inside_room_chat_window_conversation_wrapper #inside_room_chat_window_conversation.font_size_4 {
font-size: 3vh !important; }
#inside_room.chat_mobile_enabled_type_2 #inside_room_chat #inside_room_chat_container #inside_room_chat_window #inside_room_chat_window_conversation_wrapper #inside_room_chat_window_conversation.font_size_4 img {
width: 3vh !important;
height: 3vh !important; }
#inside_room.chat_mobile_enabled_type_2 #inside_room_chat #inside_room_chat_container #inside_room_chat_window #inside_room_chat_window_user_list_wrapper #inside_room_chat_window_user_list .chat_user {
font-size: 1.75vh !important; }
#inside_room.chat_mobile_enabled_type_2 #inside_room_chat #inside_room_chat_container #inside_room_chat_window #inside_room_chat_window_compact_expand {
font-size: 2vh; }
#inside_room.chat_mobile_enabled_type_2 #inside_room_chat #inside_room_chat_container #inside_room_chat_input_container {
height: 7%;
top: 88%;
left: 2%;
width: 96%; }
#inside_room.chat_mobile_enabled_type_2 #inside_room_chat #inside_room_chat_container #inside_room_chat_input_container input {
font-size: 2vh; }
#inside_room.chat_mobile_enabled_type_2 #inside_room_chat #inside_room_chat_container #inside_room_chat_input_container #chat_smile_button span {
font-size: 2.5vh; }
#inside_room.chat_mobile_enabled_type_2 #inside_room_chat #inside_room_chat_container #inside_room_chat_input_container #chat_send_button span {
font-size: 2.5vh; }
#inside_room.chat_mobile_enabled_type_2 #inside_room_chat #inside_room_chat_not_chatting {
font-size: 3vh !important; }
#inside_room.chat_mobile_enabled_type_2 #inside_room_chat #inside_room_chat_not_chatting #chat_rejoin_button {
margin-top: 2vh; }
#inside_room.chat_mobile_enabled_type_2 #inside_room_chat #inside_room_chat_loading {
font-size: 4vh; }
#inside_room.chat_mobile_enabled_type_2 #inside_room_chat #inside_room_chat_connecting {
font-size: 4vh; }
#inside_room.chat_mobile_enabled_type_2 #inside_room_chat #inside_room_chat_manually_closed {
font-size: 4vh; }
#inside_room.chat_mobile_enabled_type_2 #inside_room_chat #inside_room_chat_not_available {
font-size: 4vh; }
#inside_room.chat_mobile_enabled_type_2 #inside_room_chat #inside_room_chat_request_chat_name #chat_name_request_message {
font-size: 3vh; }
#inside_room.chat_mobile_enabled_type_2 #inside_room_chat #inside_room_chat_request_chat_name #chat_name_input {
width: 100% !important;
float: none !important;
margin-top: 2vh !important; }
#inside_room.chat_mobile_enabled_type_2 #inside_room_chat #inside_room_chat_request_chat_name #chat_set_name_button {
float: none !important;
width: 70% !important;
margin-top: 2vh !important; } }
@media (min-width: 576px) {
#inside_room.with_feed.with_feed_location_1 #inside_room_info_overlay {
background-color: transparent; }
#inside_room.with_feed.with_feed_location_1 #inside_room_name {
top: 0px;
left: 74.5% !important; }
#inside_room.with_feed.with_feed_location_1 #change_room_button_container {
top: 1%;
left: 88% !important; }
#inside_room.with_feed.with_feed_location_1 #change_room_container {
left: 68.5% !important; }
#inside_room.with_feed.with_feed_location_1 #inside_room_pjp {
top: 6%;
left: 74.5% !important;
width: 25% !important;
z-index: 118; }
#inside_room.with_feed.with_feed_location_1 #inside_room_pjp #inside_room_pjp_on_call {
width: 20%; }
#inside_room.with_feed.with_feed_location_1 #inside_room_info {
left: 37% !important;
width: 62.5% !important; }
#inside_room.with_feed.with_feed_location_1 #inside_room_info #inside_room_info_container #inside_room_info_prizes {
width: 40.4% !important;
right: 0px; }
#inside_room.with_feed.with_feed_location_1 #inside_room_info #inside_room_info_container #inside_room_info_time {
width: 59.2% !important;
height: 72%; }
#inside_room.with_feed.with_feed_location_1 #inside_room_cards_info {
left: 74.5% !important;
width: 25% !important; }
#inside_room.with_feed.with_feed_location_1 #inside_room_chat {
right: 0.5%;
top: 22.5% !important;
height: 75.5% !important; }
#inside_room.with_feed.with_feed_location_1.chat_not_available #inside_room_chat_disabled {
right: 0.5% !important;
top: 24.5% !important;
height: 74.5% !important; }
#inside_room.with_feed.with_feed_location_1:not(.has_pjp) #inside_room_info #inside_room_info_container #inside_room_info_prizes {
top: -30% !important; }
#inside_room.with_feed.with_feed_location_1:not(.has_pjp) #inside_room_info #inside_room_info_container #inside_room_info_time {
top: 191% !important; }
#inside_room.with_feed.with_feed_location_1:not(.has_pjp) #inside_room_cards_info {
top: 14% !important; }
#inside_room.with_feed.with_feed_location_1:not(.has_pjp) #inside_room_chat {
top: 19% !important;
height: 80% !important; }
#inside_room.with_feed.with_feed_location_1.has_pattern.has_pjp #inside_room_info #inside_room_info_pattern_container {
top: 319% !important; }
#inside_room.with_feed.with_feed_location_1.has_pattern #inside_room_info #inside_room_info_container #inside_room_info_time {
width: 91.2% !important; }
#inside_room.with_feed.with_feed_location_1.has_pattern #inside_room_info #inside_room_info_container #inside_room_info_prizes {
width: 61.5% !important;
right: -53.8% !important; }
#inside_room.with_feed.with_feed_location_1.has_pattern #inside_room_info #inside_room_info_pattern_container {
top: 336% !important;
right: 41% !important; }
#inside_room.with_feed.with_feed_location_1.has_pattern #inside_room_board {
width: 27.5% !important; }
#inside_room.with_feed.with_feed_location_1.has_pattern #inside_room_board .number {
height: 20%;
width: 6.60% !important; }
#inside_room.with_feed.with_feed_location_1.has_pattern #inside_room_board_rails {
width: 27.5% !important; }
#inside_room.with_feed.with_feed_location_1.has_pjp #inside_room_info #inside_room_info_container #inside_room_info_prizes {
top: -17% !important; }
#inside_room.with_feed.with_feed_location_1.has_pjp #inside_room_info #inside_room_info_container #inside_room_info_time {
top: 176% !important; }
#inside_room.with_feed.with_feed_location_1.has_pjp #inside_room_cards_info {
top: 19.5% !important; }
#inside_room.with_feed.with_feed_location_1.has_pjp #inside_room_chat {
top: 24.5% !important;
height: 74.5% !important; }
#inside_room.with_feed.with_feed_location_1 #inside_room_selling_buy_cards {
left: 37% !important;
width: 37% !important;
top: 66% !important;
height: 11% !important; }
#inside_room.with_feed.with_feed_location_1 #inside_room_board {
top: 77.5% !important;
height: 21.5% !important;
left: 37% !important;
width: 37% !important; }
#inside_room.with_feed.with_feed_location_1 #inside_room_board .number {
width: 5.5% !important;
background-size: auto 100%;
background-position: center center; }
#inside_room.with_feed.with_feed_location_1 #inside_room_board_rails {
top: 77.5% !important;
height: 21.5% !important;
left: 37% !important;
width: 37% !important;
background-size: 100% 20% !important;
background-image: url("../images/rails_longer.png") !important; }
#inside_room.with_feed.with_feed_location_1 #inside_room_animation {
top: 50% !important;
left: 37% !important;
width: 37% !important;
height: 26.5% !important; }
#inside_room.with_feed.with_feed_location_1 #inside_room_cards_wrapper {
left: 0.5%;
top: 1%;
height: 98%;
background-color: rgba(26, 26, 26, 0.6);
border-radius: 10px; }
#inside_room.with_feed.with_feed_location_1 #inside_room_cards_wrapper #inside_room_cards_container_wrapper {
left: 2%;
width: 98%; }
#inside_room.with_feed.with_feed_location_1 #inside_room_cards_wrapper #inside_room_refresh_cards {
right: 7% !important; }
#inside_room.with_feed.with_feed_location_1 #video_feed_location_1.video_feed {
position: absolute;
z-index: 110;
width: 37%;
height: 48%;
left: 37%;
top: 1%;
border-radius: 15px;
overflow: hidden;
background-color: #3FA9F5; }
#inside_room.with_feed.with_feed_location_1 #video_feed_location_1.video_feed.feed_available {
background-color: transparent; }
#inside_room.with_feed.with_feed_location_1 #video_feed_location_1.video_feed .video_feed_container {
position: relative;
width: 100% !important;
height: 100% !important; }
#inside_room.with_feed.with_feed_location_1 #video_feed_location_1.video_feed .video_feed_container video {
width: 100%;
height: 100%;
object-fit: cover;
z-index: -100;
background-size: cover;
overflow: hidden; }
#inside_room.with_feed.with_feed_location_1 #video_feed_location_2.video_feed {
position: absolute;
bottom: 51%;
right: 26%;
width: 13%;
height: 16%;
margin-top: 1px;
margin-right: 1px;
z-index: 111;
border-bottom-right-radius: 15px;
overflow: hidden; }
#inside_room.with_feed.with_feed_location_1 #video_feed_location_2.video_feed.feed_available {
background-color: transparent; }
#inside_room.with_feed.with_feed_location_1 #video_feed_location_2.video_feed .video_feed_container {
position: relative;
width: 100% !important;
height: 100% !important; }
#inside_room.with_feed.with_feed_location_1.game_selling #inside_room_cards_wrapper #inside_room_cards_container_wrapper {
left: 3%; }
#inside_room.game_playing.with_feed.with_feed_location_1.has_pattern #inside_room_info_pattern_container,
#inside_room.game_finished.with_feed.with_feed_location_1.has_pattern #inside_room_info_pattern_container {
width: auto !important;
height: 100% !important;
top: 336% !important;
right: 41% !important; }
#inside_room.game_playing.with_feed.with_feed_location_1.has_pattern.has_pjp #inside_room_info_pattern_container,
#inside_room.game_finished.with_feed.with_feed_location_1.has_pattern.has_pjp #inside_room_info_pattern_container {
top: 319% !important; }
#inside_room.game_playing.has_pattern.with_feed.with_feed_location_1 #inside_room_info #inside_room_info_container #inside_room_info_prizes {
width: 47.4% !important;
right: -17.8% !important; } }
.video_feed .loader {
position: absolute;
top: 50%;
left: 50%;
font-size: 8vh;
margin-left: -4vh;
margin-top: -4vh;
width: 8vh;
height: 8vh;
display: none; }
.video_feed.automuted::after {
/* font-family: "Font Awesome 5 Free";
content: "\f6a9";
display: inline-block;
background-color: #454444;
border: 3px solid white;
color: #FFFFFF;
padding-left:10px;
padding-right:10px;
padding-top: 5px;
padding-bottom: 5px;
position: absolute;
top: 50%;
left: 50%;
z-index: 1000;
transform: translate(-50%, -50%);
font-size: 4vh;
border-radius: 50%;*/ }
.video_feed .video_feed_container video {
opacity: 0 !important;
width: 100%;
height: 100%; }
.video_feed.feed_available {
background-color: transparent; }
.video_feed.feed_available .video_feed_container video {
opacity: 1 !important; }
.video_feed.no_rng_info .video_feed_rng_container .video_feed_rng_status {
display: none; }
.video_feed.no_rng_info .video_feed_rng_container .video_feed_rng_overlay {
display: none; }
.video_feed.rng_software .video_feed_rng_container .video_feed_rng_status {
display: block;
position: absolute;
top: 0px;
right: 0px;
width: 13%;
padding: 2px;
border: 2px solid #00c05f;
background-color: #000000;
box-sizing: content-box;
margin: 5px;
font-size: 1vw;
color: #00c05f;
text-align: center;
border-radius: 10px; }
.video_feed.rng_software .video_feed_rng_container .video_feed_rng_overlay {
display: block;
top: 0px;
left: 0px;
width: 27%;
height: 35%;
background-color: #000000;
font-size: 2vw;
position: absolute; }
.video_feed.rng_external_blower .video_feed_rng_container .video_feed_rng_status {
display: block;
position: absolute;
top: 0px;
right: 0px;
width: 13%;
padding: 2px;
border: 2px solid #ff3a4f;
background-color: #000000;
box-sizing: content-box;
margin: 5px;
font-size: 1vw;
color: #ff3a4f;
text-align: center;
border-radius: 10px; }
.video_feed.rng_external_blower .video_feed_rng_container .video_feed_rng_overlay {
display: none; }
.video_feed .video_feed_controls {
position: absolute;
bottom: 5px;
left: 5px;
width: 15%;
font-size: 1.5vw;
color: #FFFFFF;
font-weight: bold;
background-color: rgba(0, 0, 0, 0.6);
padding: 5px;
border-radius: 10px;
text-align: center;
z-index: 500; }
.video_feed .video_feed_controls .video_feed_control {
width: 50%;
text-align: center;
cursor: pointer; }
.video_feed.loading .loader {
display: block !important; }
.video_feed.loading .video_feed_controls {
display: none; }
.video_feed.playing .video_feed_controls {
display: block; }
.video_feed.playing .video_feed_controls .video_feed_control_play {
display: none; }
.video_feed.playing .video_feed_controls .video_feed_control_pause {
display: inline-block; }
.video_feed.paused .video_feed_controls .video_feed_control_play {
display: inline-block; }
.video_feed.paused .video_feed_controls .video_feed_control_pause {
display: none; }
.video_feed.muted div[id^=middleView] {
background-color: #000000;
border-radius: 10px; }
.video_feed.muted .video_feed_controls .video_feed_control_mute {
display: none; }
.video_feed.muted .video_feed_controls .video_feed_control_unmute {
display: inline-block; }
.video_feed.unmuted .video_feed_controls .video_feed_control_mute {
display: inline-block; }
.video_feed.unmuted .video_feed_controls .video_feed_control_unmute {
display: none; }
@media (max-width: 575px) {
#inside_room.with_feed.with_feed_location_1 #inside_room_name {
top: 0px;
font-size: 2.8vh;
height: 4%; }
#inside_room.with_feed.with_feed_location_1 #change_room_button_container {
height: 3%; }
#inside_room.with_feed.with_feed_location_1 #change_room_container {
top: 4.5%;
left: 1.5%; }
#inside_room.with_feed.with_feed_location_1.has_pjp #inside_room_pjp {
top: 4.5%; }
#inside_room.with_feed.with_feed_location_1.has_pjp #inside_room_info {
top: 9%;
height: 13%; }
#inside_room.with_feed.with_feed_location_1.has_pjp #inside_room_animation {
top: 9%; }
#inside_room.with_feed.with_feed_location_1.has_pjp #inside_room_board_rails {
top: 22.5%;
height: 9%;
background-size: 100% 33.33%; }
#inside_room.with_feed.with_feed_location_1.has_pjp #inside_room_board {
top: 22.5%;
height: 9%;
overflow: hidden; }
#inside_room.with_feed.with_feed_location_1.has_pjp #inside_room_board .number {
height: 33.33%; }
#inside_room.with_feed.with_feed_location_1:not(.has_pjp) #inside_room_info {
top: 5.5%;
height: 14%; }
#inside_room.with_feed.with_feed_location_1:not(.has_pjp) #inside_room_selling_buy_cards {
height: 10.5%;
top: 20.5%; }
#inside_room.with_feed.with_feed_location_1:not(.has_pjp) #inside_room_animation {
top: 5.5%;
height: 14%; }
#inside_room.with_feed.with_feed_location_1:not(.has_pjp) #inside_room_board_rails {
top: 20%;
height: 11.5%;
background-size: 100% 25%; }
#inside_room.with_feed.with_feed_location_1:not(.has_pjp) #inside_room_board {
top: 20%;
height: 11.5%;
overflow: hidden; }
#inside_room.with_feed.with_feed_location_1:not(.has_pjp) #inside_room_board .number {
height: 25%; }
#inside_room.with_feed.with_feed_location_1 #inside_room_info {
left: 1%;
width: 98%; }
#inside_room.with_feed.with_feed_location_1 #inside_room_cards_info {
height: 2%;
left: 1%;
width: 98%;
top: 32%;
font-size: 1.5vh;
line-height: 1.5vh;
box-shadow: none;
text-transform: uppercase; }
#inside_room.with_feed.with_feed_location_1 #inside_room_selling_buy_cards {
height: 9%;
top: 22.5%; }
#inside_room.with_feed.with_feed_location_1 #inside_room_selling_buy_cards #inside_room_selling_buy_cards_pick {
left: 1% !important;
top: 5% !important;
width: 39% !important;
height: 90% !important; }
#inside_room.with_feed.with_feed_location_1 #inside_room_selling_buy_cards #inside_room_selling_buy_cards_pick .pick_cards {
width: 25%;
height: 50%; }
#inside_room.with_feed.with_feed_location_1 #inside_room_selling_buy_cards #inside_room_selling_buy_cards_picked_container {
top: 5%;
left: 42%;
width: 11%;
height: 90%; }
#inside_room.with_feed.with_feed_location_1 #inside_room_selling_buy_cards #inside_room_selling_buy_cards_picked_container #inside_room_selling_buy_cards_picked_container_amount {
height: 30%;
font-size: 2vh;
top: 35%;
left: 0px;
width: 100%;
box-shadow: none;
line-height: 2vh; }
#inside_room.with_feed.with_feed_location_1 #inside_room_selling_buy_cards #inside_room_selling_buy_cards_picked_container #inside_room_selling_buy_cards_picked_container_amount_buttons {
height: 100%;
width: 100%; }
#inside_room.with_feed.with_feed_location_1 #inside_room_selling_buy_cards #inside_room_selling_buy_cards_picked_container #inside_room_selling_buy_cards_picked_container_amount_buttons #inside_room_selling_buy_cards_picked_container_less {
left: 0px;
top: 65%;
font-size: 1.5vh;
width: 100%;
height: 35%; }
#inside_room.with_feed.with_feed_location_1 #inside_room_selling_buy_cards #inside_room_selling_buy_cards_picked_container #inside_room_selling_buy_cards_picked_container_amount_buttons #inside_room_selling_buy_cards_picked_container_more {
right: 0px;
top: 0px;
font-size: 1.5vh;
width: 100%;
height: 35%; }
#inside_room.with_feed.with_feed_location_1 #inside_room_selling_buy_cards #inside_room_selling_buy_cards_picked_buy_container {
bottom: 5%;
right: 2%;
width: 43%;
height: 89%; }
#inside_room.with_feed.with_feed_location_1 #inside_room_selling_buy_cards #inside_room_selling_buy_cards_picked_buy_container #inside_room_selling_buy_cards_picked_buy_button {
width: 100%;
height: 66%;
top: 0px;
right: 0px; }
#inside_room.with_feed.with_feed_location_1 #inside_room_selling_buy_cards #inside_room_selling_buy_cards_picked_buy_container #inside_room_selling_buy_cards_picked_buy_container_card_price {
width: 100%;
height: 32%;
bottom: 0px;
left: 0px;
font-size: 2vh; }
#inside_room.with_feed.with_feed_location_1 #inside_room_cards_wrapper {
height: 37%; }
#inside_room.with_feed.with_feed_location_1 #inside_room_cards_wrapper #inside_room_cards_zoom_container {
font-size: 2.5vh;
width: 12%; }
#inside_room.with_feed.with_feed_location_1 #video_feed_location_1.video_feed {
position: absolute;
z-index: 110;
width: 98%;
height: 27.5%;
left: 1%;
top: 34.5%;
border-radius: 5px;
overflow: hidden; }
#inside_room.with_feed.with_feed_location_1 #video_feed_location_1.video_feed .video_feed_container {
position: relative;
width: 100% !important;
height: 100% !important; }
#inside_room.with_feed.with_feed_location_1.has_pattern #inside_room_animation {
height: 8% !important; }
#inside_room.with_feed.with_feed_location_1.has_pattern #inside_room_board_rails {
top: 22.5% !important;
background-size: 100% 33.33% !important; }
#inside_room.with_feed.with_feed_location_1.chat_mobile_enabled_type_2 #chat_view_tabs_content {
top: 62.5%;
height: 33.5%; }
#inside_room.with_feed.with_feed_location_1.chat_mobile_enabled_type_2 #inside_room_cards_wrapper {
height: 33%; }
#inside_room.with_feed.with_feed_location_1.chat_mobile_enabled_type_2 #chat_view_tabs {
top: 62.5%; }
#inside_room.with_feed.with_feed_location_1.chat_mobile_enabled_type_2 #inside_room_chat {
top: 66%;
height: 33.5%; }
#inside_room.with_feed.with_feed_location_1.chat_mobile_enabled_type_2 #inside_room_chat #inside_room_chat_container #inside_room_chat_header #inside_room_chat_lock_container, #inside_room.with_feed.with_feed_location_1.chat_mobile_enabled_type_2 #inside_room.chat_mobile_enabled_type_2 #inside_room_chat #inside_room_chat_container #inside_room_chat_header #inside_room_chat_close_button, #inside_room.with_feed.with_feed_location_1.chat_mobile_enabled_type_2 #inside_room.chat_mobile_enabled_type_2 #inside_room_chat #inside_room_chat_container #inside_room_chat_header #inside_room_chat_config_button {
font-size: 2vh; }
#inside_room.with_feed.with_feed_location_1.chat_mobile_enabled_type_2 #inside_room_chat #inside_room_chat_container #inside_room_chat_input_container {
height: 10%; }
#inside_room.with_feed.with_feed_location_1.autobuy_available #chat_view_tabs {
top: 62.5%; }
#inside_room.with_feed.with_feed_location_1.autobuy_available #chat_view_tabs_content {
top: 62.5%;
height: 29.5%; }
#inside_room.with_feed.with_feed_location_1.autobuy_available #inside_room_cards_wrapper {
height: 28%;
bottom: 5%; }
#inside_room.with_feed.with_feed_location_1.autobuy_available.chat_mobile_enabled_type_2 #inside_room_chat {
top: 66%;
height: 29.5%; }
#inside_room.with_feed.with_feed_location_1.autobuy_available.chat_mobile_enabled_type_2 #inside_room_chat #inside_room_chat_container #inside_room_chat_header {
top: 2.5%; }
#inside_room.with_feed.with_feed_location_1.autobuy_available.chat_mobile_enabled_type_2 #inside_room_chat #inside_room_chat_container #inside_room_chat_window {
top: 11%;
height: 76%; }
.video_feed.rng_software .video_feed_rng_container .video_feed_rng_status {
font-size: 3vw; }
.video_feed.rng_software .video_feed_rng_container .video_feed_rng_overlay {
font-size: 3vw; }
.video_feed.rng_external_blower .video_feed_rng_container .video_feed_rng_status {
font-size: 3vw; }
.video_feed.rng_external_blower .video_feed_rng_container .video_feed_rng_overlay {
display: none; }
.video_feed .video_feed_controls {
font-size: 2vh; }
.with_min_max.with_feed.with_feed_location_1 #inside_room_selling_buy_cards #inside_room_selling_buy_cards_pick {
left: 1% !important;
top: 5% !important;
width: 39% !important;
height: 90% !important; }
.with_min_max.with_feed.with_feed_location_1 #inside_room_selling_buy_cards #inside_room_selling_buy_cards_pick .pick_cards {
background-size: auto 100% !important; }
.with_min_max.with_feed.with_feed_location_1 #inside_room_selling_buy_cards_picked_buy_container #inside_room_selling_buy_cards_picked_buy_container_card_price {
width: 63% !important; }
.with_min_max.with_feed.with_feed_location_1 #inside_room_selling_buy_cards #inside_room_selling_buy_cards_min_max {
left: 83.5% !important;
top: 66% !important;
transform: scale(0.9); } }
@media (min-width: 576px) {
#inside_room.with_feed.with_feed_location_1.with_feed_design_type_2 #inside_room_cards_container_foo, #inside_room.with_feed.with_feed_location_1.with_feed_design_type_2 #inside_room_cards_container_wrapper {
height: 93%;
top: 5.5%; }
#inside_room.with_feed.with_feed_location_1.with_feed_design_type_2 #inside_room_cards_wrapper {
width: 19% !important; }
#inside_room.with_feed.with_feed_location_1.with_feed_design_type_2 #inside_room_cards_wrapper #inside_room_cards_view_container {
width: 46%;
text-align: center;
margin-left: 0px;
margin-top: 0px;
font-size: 0.85vw;
left: 3%;
top: 0.5%;
height: 1.8vw;
line-height: 0.9vw; }
#inside_room.with_feed.with_feed_location_1.with_feed_design_type_2 #inside_room_cards_wrapper #inside_room_cards_zoom_container {
position: absolute;
float: left;
margin-left: 1%;
margin-top: 1%;
width: 14%;
height: 5%;
text-align: center;
font-size: 1.25vw;
top: 0%;
left: 50%; }
#inside_room.with_feed.with_feed_location_1.with_feed_design_type_2 #inside_room_cards_wrapper #inside_room_refresh_cards {
right: 3% !important;
top: 1% !important;
width: 29%;
height: 1.5vw !important;
font-size: 0.8vw; }
#inside_room.with_feed.with_feed_location_1.with_feed_design_type_2 #inside_room_cards_wrapper #inside_room_refresh_cards::after {
height: 1.5vw;
line-height: 1.5vw;
width: 1.5vw; }
#inside_room.with_feed.with_feed_location_1.with_feed_design_type_2 #inside_room_cards_wrapper #inside_room_refresh_cards span {
width: 70%; }
#inside_room.with_feed.with_feed_location_1.with_feed_design_type_2 #inside_room_cards_wrapper #inside_room_show_card_ids_container {
right: 3% !important;
top: 1% !important;
width: 30%;
height: 1.5vw !important;
font-size: 0.7vw; }
#inside_room.with_feed.with_feed_location_1.with_feed_design_type_2 #inside_room_cards_wrapper #inside_room_show_card_ids_container::after {
height: 1.5vw;
line-height: 1.5vw;
width: 1.5vw; }
#inside_room.with_feed.with_feed_location_1.with_feed_design_type_2 #inside_room_cards_wrapper #inside_room_show_card_ids_container span {
width: 70%;
line-height: 1.5vw; }
#inside_room.with_feed.with_feed_location_1.with_feed_design_type_2 #video_feed_location_1.video_feed {
width: 54%;
height: 69%;
left: 20%;
top: 1%; }
#inside_room.with_feed.with_feed_location_1.with_feed_design_type_2 #video_feed_location_1.video_feed .video_feed_controls {
width: 9%; }
#inside_room.with_feed.with_feed_location_1.with_feed_design_type_2 #inside_room_info {
left: 20% !important;
width: 62.5% !important;
height: 20% !important;
top: 36% !important; }
#inside_room.with_feed.with_feed_location_1.with_feed_design_type_2.has_pjp #inside_room_info #inside_room_info_container #inside_room_info_prizes {
top: -122% !important;
left: 87%; }
#inside_room.with_feed.with_feed_location_1.with_feed_design_type_2:not(.has_pjp) #inside_room_info #inside_room_info_container #inside_room_info_prizes {
top: -148% !important;
left: 87%; }
#inside_room.with_feed.with_feed_location_1.with_feed_design_type_2:not(.has_pjp) #inside_room_info #inside_room_info_container #inside_room_info_time {
top: 177% !important; }
#inside_room.with_feed.with_feed_location_1.with_feed_design_type_2 #inside_room_info #inside_room_info_container #inside_room_info_prizes {
top: -122% !important;
left: 87%; }
#inside_room.with_feed.with_feed_location_1.with_feed_design_type_2 #inside_room_selling_buy_cards {
left: 20% !important;
width: 37% !important;
top: 86% !important;
height: 13% !important; }
#inside_room.with_feed.with_feed_location_1.with_feed_design_type_2 #inside_room_animation {
top: 71% !important;
left: 20% !important;
width: 37% !important;
height: 28% !important; }
#inside_room.with_feed.with_feed_location_1.with_feed_design_type_2 #inside_room_board_rails {
top: 71% !important;
height: 28% !important;
left: 57.5% !important;
width: 16.5% !important;
background-size: 100% 11.11% !important; }
#inside_room.with_feed.with_feed_location_1.with_feed_design_type_2 #inside_room_board {
top: 71% !important;
height: 28% !important;
left: 57.5% !important;
width: 16.5% !important; }
#inside_room.with_feed.with_feed_location_1.with_feed_design_type_2 #inside_room_board .number {
width: 10% !important; } }
@media (min-width: 576px) {
body.has_free_tickets #inside_room #btn-free-tickets {
position: fixed;
left: 71.5%;
top: 4.5%;
height: 6%;
width: 10%;
display: block !important;
background-color: red;
border-radius: 10px;
z-index: 110;
cursor: pointer;
box-shadow: 0 0 0 0 black;
transform: translateY(-50%) scale(1);
animation: pulse 2s infinite; }
@keyframes pulse {
0% {
transform: translateY(-50%) scale(0.95);
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7); }
70% {
transform: translateY(-50%) scale(1);
box-shadow: 0 0 0 10px rgba(0, 0, 0, 0); }
100% {
transform: translateY(-50%) scale(0.95);
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); } }
body.has_free_tickets #inside_room #btn-free-tickets .inside_text {
position: absolute;
top: 50%;
width: 100%;
font-size: 1vw;
text-align: center;
color: #FFFFFF;
font-weight: bold;
transform: translateY(-50%);
text-transform: uppercase; } }
@media (max-width: 575px) {
body.has_free_tickets #inside_room.autobuy_available #mobile_autobuy_button {
transform: none !important;
left: auto !important;
right: 13% !important; }
body.has_free_tickets #inside_room.autobuy_available #btn-free-tickets {
left: 13% !important;
z-index: 121; }
body.has_free_tickets #inside_room #btn-free-tickets {
position: fixed;
left: 5%;
bottom: 0px;
height: 3.5%;
width: 34%;
display: block !important;
background-color: red;
border-top-right-radius: 10px;
border-top-left-radius: 10px;
z-index: 110;
cursor: pointer;
box-shadow: 0 0 0 0 black;
animation: pulse 2s infinite;
transform-origin: bottom; }
@keyframes pulse {
0% {
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7); }
70% {
box-shadow: 0 0 0 10px rgba(0, 0, 0, 0); }
100% {
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); } }
body.has_free_tickets #inside_room #btn-free-tickets .inside_text {
position: absolute;
top: 50%;
width: 100%;
font-size: 1.75vh;
text-align: center;
color: #FFFFFF;
font-weight: bold;
transform: translateY(-50%);
text-transform: uppercase; } }
body.has_free_tickets #inside_room.game_playing #free-tickets-wrapper table #free-tickets-claim-button, body.has_free_tickets #inside_room.lockdown #free-tickets-wrapper table #free-tickets-claim-button {
opacity: 0.5; }
body.has_free_tickets #inside_room.game_playing #free-tickets-wrapper table #free-tickets-choose, body.has_free_tickets #inside_room.lockdown #free-tickets-wrapper table #free-tickets-choose {
visibility: hidden; }
@media (max-width: 575px) {
body.has_free_tickets #free-tickets-container {
transform: rotate(180deg);
left: auto !important;
width: 100% !important;
bottom: 0px !important;
top: auto !important; }
body.has_free_tickets #free-tickets-container #free-tickets-wrapper {
margin-top: 3vh !important;
transform: rotate(180deg) !important; }
body.has_free_tickets #free-tickets-container #free-tickets-wrapper table tr th {
font-size: 1.75vh !important;
padding: 0.75vh !important; }
body.has_free_tickets #free-tickets-container #free-tickets-wrapper table tr td {
font-size: 1.75vh !important;
padding: 0.75vh !important; }
body.has_free_tickets #free-tickets-container #free-tickets-wrapper table #free-tickets-choose {
height: 3.50vh !important; }
body.has_free_tickets #free-tickets-container #free-tickets-wrapper table #free-tickets-choose #free-tickets-amount {
line-height: 3.50vh !important;
font-size: 2.5vh !important; }
body.has_free_tickets #free-tickets-container #free-tickets-wrapper table #free-tickets-claim-button, body.has_free_tickets #free-tickets-container #free-tickets-wrapper table #free-tickets-loading-button {
height: 3.5vh !important;
font-size: 2vh !important;
line-height: 3.50vh !important; } }
body.has_free_tickets #free-tickets-container {
display: none;
position: fixed;
left: 66%;
top: 9.5%;
width: 21%;
z-index: 120;
background-color: #0c1548;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
padding: 10px; }
body.has_free_tickets #free-tickets-container #free-tickets-wrapper {
background-color: #FFFFFF;
border-radius: 10px;
overflow: hidden; }
body.has_free_tickets #free-tickets-container #free-tickets-wrapper table {
width: 100%; }
body.has_free_tickets #free-tickets-container #free-tickets-wrapper table tr th {
text-align: center;
font-size: 0.75vw; }
body.has_free_tickets #free-tickets-container #free-tickets-wrapper table tr td {
text-align: center;
font-size: 0.75vw; }
body.has_free_tickets #free-tickets-container #free-tickets-wrapper table #free-tickets-foo-row {
display: none; }
body.has_free_tickets #free-tickets-container #free-tickets-wrapper table .free-ticket-row .in-use {
display: none; }
body.has_free_tickets #free-tickets-container #free-tickets-wrapper table .free-ticket-row.to-use {
background-color: #c9ead1; }
body.has_free_tickets #free-tickets-container #free-tickets-wrapper table .free-ticket-row.to-use .in-use {
display: inline-block; }
body.has_free_tickets #free-tickets-container #free-tickets-wrapper table #free-tickets-choose {
position: relative;
height: 2vw;
border-radius: 10px;
overflow: hidden; }
body.has_free_tickets #free-tickets-container #free-tickets-wrapper table #free-tickets-choose #free-tickets-minus {
position: absolute;
left: 0px;
top: 0px;
width: 20%;
height: 100%;
background: none;
color: inherit;
border: none;
padding: 0;
font: inherit;
cursor: pointer;
outline: inherit;
z-index: 10;
text-align: center;
background-color: #ddcd00; }
body.has_free_tickets #free-tickets-container #free-tickets-wrapper table #free-tickets-choose #free-tickets-amount {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
margin: 0px;
padding: 0px;
line-height: 2vw;
border-top-style: hidden;
border-right-style: hidden;
border-left-style: hidden;
border-bottom-style: hidden;
background-color: #eee;
outline: none;
text-align: center;
z-index: 9;
font-size: 1.25vw;
font-weight: bold; }
body.has_free_tickets #free-tickets-container #free-tickets-wrapper table #free-tickets-choose #free-tickets-plus {
position: absolute;
height: 100%;
right: 0px;
top: 0px;
width: 20%;
background: none;
color: inherit;
border: none;
padding: 0;
font: inherit;
cursor: pointer;
outline: inherit;
z-index: 10;
text-align: center;
background-color: #f0c808; }
body.has_free_tickets #free-tickets-container #free-tickets-wrapper table #free-tickets-claim-button, body.has_free_tickets #free-tickets-container #free-tickets-wrapper table #free-tickets-loading-button {
background: none;
background-color: #00c05f;
border: none;
padding: 0;
font: inherit;
cursor: pointer;
outline: inherit;
height: 2vw;
width: 100%;
border-radius: 10px;
font-size: 1.25vw;
line-height: 2vw;
color: #FFFFFF;
font-weight: bold;
text-transform: uppercase; }
body.has_free_tickets #free-tickets-container #free-tickets-wrapper table #free-tickets-loading-button {
display: none; }
body.has_free_tickets #free-tickets-container.buying #free-tickets-wrapper table #free-tickets-claim-button {
display: none; }
body.has_free_tickets #free-tickets-container.buying #free-tickets-wrapper table #free-tickets-loading-button {
display: block; }
@keyframes spinner-border {
to {
transform: rotate(360deg); } }
.spinner-border {
position: relative;
display: inline-block;
width: 2rem;
height: 2rem;
overflow: hidden;
text-indent: -999em;
vertical-align: text-bottom;
border: .25em solid;
border-color: currentColor transparent currentColor currentColor;
border-radius: 50%;
animation-name: spinner-border;
animation-duration: .75s;
animation-timing-function: linear;
animation-iteration-count: infinite; }
.spinner-border-reverse {
border-color: transparent currentColor transparent transparent; }
.spinner-border-reverse::after {
position: absolute;
top: -.25em;
right: -.25em;
bottom: -.25em;
left: -.25em;
display: inline-block;
content: "";
border: 0.25em solid rgba(0, 0, 0, 0.1);
border-radius: 50%; }
.spinner-border-sm {
width: 1rem;
height: 1rem;
border-width: .2em; }
.spinner-border-sm.spinner-border-reverse::after {
border-width: .2em; }
@keyframes spinner-grow {
0% {
opacity: 0;
transform: scale(0); }
50% {
opacity: 1; }
100% {
opacity: 0;
transform: scale(1); } }
.spinner-grow {
position: relative;
display: inline-block;
width: 2rem;
height: 2rem;
overflow: hidden;
text-indent: -999em;
vertical-align: text-bottom;
background-color: currentColor;
border-radius: 50%;
animation-name: spinner-grow;
animation-duration: .75s;
animation-timing-function: linear;
animation-iteration-count: infinite; }
.spinner-grow-sm {
width: 1rem;
height: 1rem; }
@media (min-width: 576px) {
#header #desktop_header #settings-icons #btn-music {
right: 25%; }
#header #desktop_header #settings-icons #btn-history {
right: 75%; }
#header #desktop_header #settings-icons #btn-help {
right: 50%; }
#lobby #lobby_header_banners_bottom {
border-bottom: none; }
#lobby #lobby_header_banners_bottom div {
background-color: #FFFFFF; }
#lobby #lobby_header_banners_top {
display: none !important; }
#lobby #lobby_tabs {
display: none !important; }
#lobby #lobby_tabs_content {
top: 0px;
height: 58%; }
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper {
height: 95% !important; }
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room {
background-color: #FFFFFF !important;
padding: 0;
background-repeat: no-repeat;
background-position: center 83%;
background-size: 20%; }
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room:not(.is_closed):after {
display: block;
content: attr(data-play-text);
background-color: #19C900 !important;
position: absolute;
border: 1px solid #c3c2c266;
bottom: -4%;
left: 35%;
width: 30%;
height: 13%;
text-align: center;
font-size: 3.2vh;
font-weight: bold;
color: white;
border-radius: 10px;
padding-top: 0.7%;
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; }
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room .lobby_room_name {
color: #01437D;
position: absolute !important;
background-color: transparent !important;
font-size: 2.8vw;
height: 12% !important;
top: 10%;
padding-left: 2%;
transform: translateY(-50%);
width: 60%; }
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room .lobby_room_name span {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 100%;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden; }
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room .lobby_room_game_style {
display: none !important; }
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room .lobby_room_time {
position: absolute;
top: 4%;
height: 12%;
width: auto !important;
background-image: url("../images/icon_clock.png?ts=61");
background-position: left center;
background-repeat: no-repeat;
background-size: 2.5vw auto;
left: auto;
right: 2%;
color: #01437D; }
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room .lobby_room_time::before {
display: none !important; }
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room .lobby_room_time .lobby_room_time_label {
display: none; }
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room .lobby_room_time .lobby_room_time_value {
position: relative;
display: inline-block;
top: 50%;
transform: translateY(-50%);
font-size: 2vw;
text-transform: uppercase;
font-weight: bold;
margin-left: 3vw; }
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room .lobby_room_card_price {
bottom: 20%;
left: unset;
right: 2%;
height: 15%;
background-image: url("../images/icon_ticket.png?ts=61");
background-position: center center;
background-repeat: no-repeat;
background-size: contain; }
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room .lobby_room_card_price::before {
display: none !important; }
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room .lobby_room_card_price .lobby_room_card_price_label {
display: none; }
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room .lobby_room_card_price .lobby_room_card_price_value {
left: 0;
top: 90%;
position: absolute;
color: #01437D;
width: 100%;
height: 25%;
font-size: 1.8vw;
font-weight: normal; }
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room .lobby_room_players {
left: 0%;
height: 15%;
width: 27%;
bottom: 20%;
background-image: url("../images/icon_people.png?ts=61");
background-position: center center;
background-repeat: no-repeat;
background-size: contain; }
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room .lobby_room_players::before {
display: none !important; }
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room .lobby_room_players .lobby_room_players_label {
display: none; }
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room .lobby_room_players .lobby_room_players_value {
left: 0;
top: 90%;
position: absolute;
color: #01437D;
width: 100%;
height: 25%;
font-size: 1.8vw;
text-transform: uppercase;
font-weight: normal; }
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room .lobby_room_jackpot {
left: 0;
top: 47%;
height: 12%;
display: block;
text-align: center;
text-transform: uppercase;
width: 100%;
color: #FFFFFF;
background-color: #56B1FA; }
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room .lobby_room_jackpot::before {
display: none !important; }
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room .lobby_room_jackpot .lobby_room_jackpot_label {
font-size: 4vh;
position: relative;
top: 0;
left: 0;
margin-right: 8px; }
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room .lobby_room_jackpot .lobby_room_jackpot_value {
color: #FFFFFF;
left: 0px;
font-size: 4vh;
text-transform: uppercase;
font-weight: bold;
position: relative;
top: 0;
letter-spacing: 1px; }
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room .lobby_room_pjp {
left: 0;
top: 24%;
height: 23%;
width: 100%;
background-color: #01437D;
font-size: 2vw; }
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room .lobby_room_pjp::before {
content: ' ';
position: absolute;
top: 0px;
height: 100%;
width: 4.5vw;
background-image: url("../images/icon_pjp.png?ts=61");
background-position: center center;
background-size: 100% auto;
background-repeat: no-repeat;
display: inline-block;
margin: auto; }
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room .lobby_room_pjp .lobby_room_pjp_label {
color: #FFFFFF;
line-height: normal;
height: auto;
margin-left: 5vw;
margin-right: 0.2vw;
position: relative;
left: auto !important;
top: 50%;
transform: translateY(-50%);
display: inline-block; }
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room .lobby_room_pjp .lobby_room_pjp_value {
color: #FFFFFF;
line-height: normal;
height: auto;
position: relative;
top: 50%;
transform: translateY(-50%);
display: inline-block;
text-transform: uppercase !important; }
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room.is_closed {
background-color: #4B5058;
border-radius: 26px; }
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room.is_closed .lobby_room_name {
opacity: 0 !important; }
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room.is_closed .closed {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 4vw;
color: #FFFFFF; }
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room .lobby_room_events_overlay {
height: 104% !important; } }
@media (max-width: 575px) {
#loading #loading_container #loading_powered_by {
margin-top: 0; }
#lobby #lobby_tabs {
display: none !important; }
#lobby #lobby_tabs_content {
top: 0px !important;
height: 99% !important; }
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper {
height: 13rem !important; }
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room {
background-color: #FFFFFF !important;
padding: 0;
background-repeat: no-repeat;
background-position: center 83%;
background-size: 20%; }
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room.is_closed .lobby_room_name {
opacity: 0 !important; }
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room:not(.is_closed):after {
display: block;
content: attr(data-play-text);
background-color: #19C900 !important;
position: absolute;
border: 1px solid #c3c2c266;
top: 87%;
left: 35%;
width: 30%;
height: auto;
text-align: center;
box-sizing: border-box;
padding: 0.5vh;
font-size: 2.8vh;
line-height: 2.8vh;
font-weight: bold;
color: white;
border-radius: 4px;
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; }
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room .lobby_room_name {
color: #01437D;
position: absolute;
background-color: transparent !important;
top: 10%;
padding-left: 2%;
transform: translateY(-50%);
width: 60%; }
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room .lobby_room_name span {
position: absolute;
font-size: 4vh;
width: 100%;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden; }
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room .lobby_room_game_style {
display: none !important; }
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room .lobby_room_time {
position: absolute;
top: 4%;
height: 14%;
width: auto !important;
background-image: url("../images/icon_clock.png?ts=61");
background-position: left center;
background-repeat: no-repeat;
background-size: 3vh auto;
left: auto;
right: 2%;
color: #01437D; }
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room .lobby_room_time::before {
display: none !important; }
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room .lobby_room_time .lobby_room_time_label {
display: none; }
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room .lobby_room_time .lobby_room_time_value {
position: relative;
display: inline-block;
top: 50%;
transform: translateY(-50%);
font-size: 2.4vh;
text-transform: uppercase;
font-weight: bold;
margin-left: 3.5vh; }
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room .lobby_room_players {
bottom: 20%;
left: 4%;
height: 15%;
background-image: url("../images/icon_people.png?ts=61");
background-position: center center;
background-repeat: no-repeat;
background-size: contain; }
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room .lobby_room_players:before {
content: none; }
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room .lobby_room_players .lobby_room_players_label {
display: none; }
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room .lobby_room_players .lobby_room_players_value {
left: 0;
bottom: -40%;
position: absolute;
color: #01437D;
width: 100%;
height: 25%;
font-size: 3vh;
font-weight: normal; }
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room .lobby_room_card_price {
bottom: 20%;
left: unset;
right: 4%;
height: 15%;
background-image: url("../images/icon_ticket.png?ts=61");
background-position: center center;
background-repeat: no-repeat;
background-size: contain; }
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room .lobby_room_card_price::before {
display: none !important; }
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room .lobby_room_card_price .lobby_room_card_price_label {
display: none; }
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room .lobby_room_card_price .lobby_room_card_price_value {
left: 0;
bottom: -40%;
position: absolute;
color: #01437D;
width: 100%;
height: 25%;
font-size: 3vh;
font-weight: normal; }
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room .lobby_room_jackpot {
position: absolute;
width: 100%;
height: 13%;
top: 46%;
left: 0;
background-color: #56B1FA; }
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room .lobby_room_jackpot:before {
content: none; }
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room .lobby_room_jackpot .lobby_room_jackpot_label {
text-transform: uppercase;
position: relative;
display: inline-block;
color: #FFFFFF;
font-size: 3vh;
top: 50%;
transform: translateY(-50%); }
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room .lobby_room_jackpot .lobby_room_jackpot_value {
position: relative;
color: #FFFFFF;
font-size: 3vh;
display: inline-block;
margin-left: 5px;
top: 50%;
transform: translateY(-50%); }
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room .lobby_room_pjp {
position: absolute;
left: 0;
width: 100%;
background-image: none;
background-color: #01437D;
height: 23%;
top: 23%;
font-size: 3vh !important; }
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room .lobby_room_pjp::before {
content: ' ';
position: absolute;
top: 0px;
height: 100%;
width: 4.5vh;
background-image: url("../images/icon_pjp.png?ts=61");
background-position: center center;
background-size: 100% auto;
background-repeat: no-repeat;
display: inline-block;
margin: auto; }
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room .lobby_room_pjp .lobby_room_pjp_label {
color: #FFFFFF;
line-height: normal;
height: auto;
margin-left: 5vh;
margin-right: 0.4vh;
position: relative;
top: 50%;
transform: translateY(-50%);
display: inline-block;
text-transform: uppercase; }
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper .lobby_room .lobby_room_pjp .lobby_room_pjp_value {
color: #FFFFFF;
line-height: normal;
height: auto;
position: relative;
top: 50%;
transform: translateY(-50%);
display: inline-block; }
#inside_room.has_pattern #inside_room_info #inside_room_info_container #inside_room_info_prizes .inside_room_info_prize .inside_room_info_prize_value {
font-size: 2.5vh !important; }
#inside_room.has_pattern #inside_room_info #inside_room_info_container #inside_room_info_prizes .inside_room_info_prize .inside_room_info_prize_label {
padding-left: 11vw !important;
font-size: 2.5vh !important;
margin-right: 1.5vh !important; } }
#inside_room.has_pattern #inside_room_info #inside_room_info_container #inside_room_info_prizes .inside_room_info_prize {
display: block !important;
background-image: none !important; }
#inside_room.has_pattern #inside_room_info #inside_room_info_container #inside_room_info_prizes .inside_room_info_prize .inside_room_info_prize_label {
position: relative;
display: inline-block;
width: auto;
height: 100%;
margin: auto;
line-height: normal !important;
left: auto;
right: auto;
background-image: url("../images/icon_full_house.png?ts=61");
background-position: left center;
background-size: auto 52% !important;
background-repeat: no-repeat;
letter-spacing: -1px;
padding-left: 6vh;
font-size: 2vw; }
#inside_room.has_pattern #inside_room_info #inside_room_info_container #inside_room_info_prizes .inside_room_info_prize .inside_room_info_prize_label span {
position: relative;
display: inline-block;
left: auto;
top: 50%;
transform: translateY(-50%); }
#inside_room.has_pattern #inside_room_info #inside_room_info_container #inside_room_info_prizes .inside_room_info_prize .inside_room_info_prize_value {
position: relative;
display: inline-block;
width: auto;
height: auto;
margin: auto;
line-height: normal;
left: auto;
right: auto;
top: 50%;
transform: translateY(-50%);
letter-spacing: -1px;
font-size: 2vw; }
#inside_room.has_pattern #inside_room_info #inside_room_info_container #inside_room_info_prizes .inside_room_info_prize .inside_room_info_prize_value span {
position: relative;
display: inline-block;
left: auto;
top: auto;
transform: none;
bottom: auto; }
@media (min-width: 576px) {
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper:first-child:nth-last-child(1):nth-child(1) .lobby_room:not(.is_closed),
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper:first-child:nth-last-child(1) ~ .room_wrapper:nth-child(1) .lobby_room:not(.is_closed) {
background-image: url("../images/game_75.png?ts=61"); }
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper:first-child:nth-last-child(1) .lobby_room,
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper:first-child:nth-last-child(1) ~ .room_wrapper .lobby_room {
background-position: center 87%;
background-size: 10%; }
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper:first-child:nth-last-child(1) .lobby_room .lobby_room_pjp span,
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper:first-child:nth-last-child(1) ~ .room_wrapper .lobby_room .lobby_room_pjp span {
font-size: 3vw; }
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper:first-child:nth-last-child(1) .lobby_room .lobby_room_pjp .lobby_room_pjp_label,
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper:first-child:nth-last-child(1) ~ .room_wrapper .lobby_room .lobby_room_pjp .lobby_room_pjp_label {
left: 15%; }
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper:first-child:nth-last-child(1) .lobby_room .lobby_room_time,
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper:first-child:nth-last-child(1) ~ .room_wrapper .lobby_room .lobby_room_time {
background-position: 88% center; }
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper:first-child:nth-last-child(2) .lobby_room .lobby_room_pjp span,
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper:first-child:nth-last-child(2) ~ .room_wrapper .lobby_room .lobby_room_pjp span {
font-size: 3vw; }
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper:first-child:nth-last-child(2) .lobby_room .lobby_room_pjp .lobby_room_pjp_label,
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper:first-child:nth-last-child(2) ~ .room_wrapper .lobby_room .lobby_room_pjp .lobby_room_pjp_label {
left: 16%; }
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper:first-child:nth-last-child(3) .lobby_room .lobby_room_pjp span,
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper:first-child:nth-last-child(3) ~ .room_wrapper .lobby_room .lobby_room_pjp span {
font-size: 1.9vw; }
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper:first-child:nth-last-child(3) .lobby_room .lobby_room_pjp .lobby_room_pjp_label,
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper:first-child:nth-last-child(3) ~ .room_wrapper .lobby_room .lobby_room_pjp .lobby_room_pjp_label {
left: 22%; } }
@media (min-width: 576px) {
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper {
flex: 0 0 100%; }
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper:first-child:nth-last-child(1),
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper:first-child:nth-last-child(1) ~ .room_wrapper {
max-width: 100%; }
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper:first-child:nth-last-child(2),
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper:first-child:nth-last-child(2) ~ .room_wrapper {
max-width: 50%; }
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper:first-child:nth-last-child(3),
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper:first-child:nth-last-child(3) ~ .room_wrapper {
max-width: 33.3%; }
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper:first-child:nth-last-child(4),
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper:first-child:nth-last-child(4) ~ .room_wrapper {
max-width: 25%; }
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper:first-child:nth-last-child(5),
#lobby #lobby_tabs_content #lobby_tabs_content_container .lobby_tab_content .row .room_wrapper:first-child:nth-last-child(5) ~ .room_wrapper {
max-width: 20%; } }
@media (min-width: 576px) {
body.has_mini_games #inside_room.mini_games_design_type_1 #mini_games_container {
display: block;
background: white;
position: absolute;
width: 25%;
right: 2%;
top: 1.5%;
height: 25%;
border-radius: 15px;
overflow: hidden;
z-index: 101; }
body.has_mini_games #inside_room.mini_games_design_type_1 #mini_games_container iframe {
width: 100%;
height: 100%;
border: 0px; }
body.has_mini_games #inside_room.mini_games_design_type_1 #inside_room_chat {
top: 28.5%;
width: 25%;
height: 69.5%; }
body.has_mini_games #inside_room.mini_games_design_type_1 #inside_room_chat #inside_room_chat_container #inside_room_chat_window {
left: 4%;
width: 92%; }
body.has_mini_games #inside_room.mini_games_design_type_1 #inside_room_chat #inside_room_chat_container #inside_room_chat_input_container {
left: 4%;
width: 92%; }
body.has_mini_games #inside_room.mini_games_design_type_2 #inside_room_cards_container_foo, body.has_mini_games #inside_room.mini_games_design_type_2 #inside_room_cards_container_wrapper {
height: 41%; }
body.has_mini_games #inside_room.mini_games_design_type_2 #mini_games_container {
display: block;
background: white;
position: absolute;
width: 33.5%;
left: 3.5%;
bottom: 4%;
height: 45%;
border-radius: 15px;
overflow: hidden;
z-index: 130; }
body.has_mini_games #inside_room.mini_games_design_type_2 #mini_games_container iframe {
width: 100%;
height: 100%;
border: 0px; } }
@media (max-width: 575px) {
body.has_mini_games #inside_room.chat_mobile_enabled_type_2 #chat_view_tabs #chat_view_tabs_mini_games {
position: relative;
top: -1px;
border: 1px solid #a0d4fa;
border-bottom: 0px;
margin-bottom: 1px;
background-color: #a0d4fa;
line-height: 3.5vh;
height: 100%;
padding-left: 1vh;
padding-right: 1vh;
box-sizing: border-box;
display: inline-block;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
font-weight: bold;
color: #0a76c4;
margin-left: 1.5vh;
font-size: 1.75vh;
text-transform: uppercase; }
body.has_mini_games #inside_room.chat_mobile_enabled_type_2 #chat_view_tabs #chat_view_tabs_mini_games.selected-tab {
top: 0px;
border-bottom: 1px solid #a0d4fa; }
body.has_mini_games #inside_room.chat_mobile_enabled_type_2 #chat_view_tabs_content #chat_view_tabs_mini_games_bg {
position: absolute;
top: -1px;
left: 0px;
width: 100%;
height: 100%;
background-color: #a0d4fa;
border: 1px solid #a0d4fa;
border-radius: 10px;
display: none; }
body.has_mini_games #inside_room.chat_mobile_enabled_type_2 #chat_view_tabs_content #chat_view_tabs_mini_games_bg.selected-tab {
display: block; }
body.has_mini_games #inside_room.chat_mobile_enabled_type_2 #mini_games_container {
display: none;
background: white;
position: absolute;
width: 92%;
right: 4%;
top: 48.5%;
height: 47%;
border-radius: 15px;
overflow: hidden;
z-index: 101; }
body.has_mini_games #inside_room.chat_mobile_enabled_type_2 #mini_games_container iframe {
width: 100%;
height: 100%;
border: 0px; } }