| Server IP : 18.221.50.96 / Your IP : 216.73.217.8 Web Server : nginx/1.24.0 System : Linux ip-172-26-15-251 6.17.0-1017-aws #17~24.04.1-Ubuntu SMP Tue May 26 21:30:32 UTC 2026 x86_64 User : root ( 0) PHP Version : 8.2.28 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : OFF | Sudo : ON | Pkexec : OFF Directory : /var/www/html/greenx-website/ |
Upload File : |
<!DOCTYPE html>
<html lang=\"id-ID\">
<head>
<meta charset=\"utf-8\">
<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">
<title>AU328: Link Slot777 Gacor dan Slot88 Resmi Terbaru</title>
<meta name=\"description\" content=\"AU328 menghadirkan link Slot777 gacor dan Slot88 resmi terbaru dengan akses cepat, permainan lengkap, deposit praktis, serta layanan yang siap membantu sepanjang hari.\">
<meta name=\"theme-color\" content=\"#071b22\">
<meta name=\"referrer\" content=\"no-referrer-when-downgrade\">
<meta name=\"title\" content=\"AU328: Link Slot777 Gacor dan Slot88 Resmi Terbaru\">
<meta name=\"keywords\" content=\"slot88, slot gacor online, deposit QRIS 10Rb, slot Zeus, slot Olympus, anti rungkad, WD cepat, bonus new member 100%, AU328\">
<meta content=\'index, follow, nosnippet\' name=\'robots\'>
<link rel=\"canonical\" href=\"http://hukujyuen.com\">
<link rel=\"amphtml\" href=\"https://wwbrindes.com.br\">
<link rel=\"alternate\" hreflang=\"id-id\" href=\"https://wwbrindes.com.br\">
<link rel=\"alternate\" hreflang=\"id\" href=\"https://wwbrindes.com.br\">
<link rel=\"alternate\" hreflang=\"en\" href=\"https://wwbrindes.com.br\">
<link rel=\"alternate\" hreflang=\"x-default\" href=\"https://wwbrindes.com.br\">
<link rel=\"preload\" as=\"image\" href=\"https://ik.imagekit.io/soxclk0ai/au328/ChatGPT%20Image%2024%20Jul%202026,%2019.31.31%20(7).png\">
<meta property=\"og:type\" content=\"website\">
<meta property=\"og:title\" content=\"AU328: Link Slot777 Gacor dan Slot88 Resmi Terbaru\">
<meta property=\"og:description\" content=\"AU328 menghadirkan link Slot777 gacor dan Slot88 resmi terbaru dengan akses cepat, permainan lengkap, deposit praktis, serta layanan yang siap membantu sepanjang hari.\">
<meta property=\"og:url\" content=\"http://hukujyuen.com\">
<meta property=\"og:image\" content=\"https://ik.imagekit.io/soxclk0ai/au328/ChatGPT%20Image%2024%20Jul%202026,%2019.31.31%20(7).png\">
<meta property=\"og:site_name\" content=\"AU328\">
<meta name=\"twitter:card\" content=\"summary_large_image\">
<meta name=\"twitter:title\" content=\"AU328: Link Slot777 Gacor dan Slot88 Resmi Terbaru\">
<meta name=\"twitter:description\" content=\"AU328 menghadirkan link Slot777 gacor dan Slot88 resmi terbaru dengan akses cepat, permainan lengkap, deposit praktis, serta layanan yang siap membantu sepanjang hari.\">
<meta name=\"twitter:image\" content=\"https://ik.imagekit.io/soxclk0ai/au328/ChatGPT%20Image%2024%20Jul%202026,%2019.31.31%20(7).png\">
<link rel=\"icon\" type=\"image/png\" href=\"https://i.ibb.co/xKkL7zWj/favicon-au.png\">
<link rel=\"shortcut icon\" type=\"image/png\" href=\"https://i.ibb.co/xKkL7zWj/favicon-au.png\">
<link rel=\"stylesheet\" href=\"https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css\">
<link rel=\"stylesheet\" href=\"https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick-theme.css\">
<style>
@font-face{font-family:\"LatoWeb\";font-display:swap;src:url(\"https://d2rzzcn1jnr24x.cloudfront.net/Fonts/Lato-Regular.woff2?v=0\") format(\"woff2\")}
@font-face{font-family:\"gilroybold\";font-display:swap;src:url(\"https://d2rzzcn1jnr24x.cloudfront.net/Fonts/Gilroy-Bold.woff2?v=0\") format(\"woff2\")}
@font-face{font-family:\"Open24DisplaySt\";font-display:swap;src:url(\"https://d2rzzcn1jnr24x.cloudfront.net/Fonts/Open24DisplaySt.woff2?v=0\") format(\"woff2\")}
@font-face{font-family:\"Glyphicons Halflings\";font-display:swap;src:url(\"https://d2rzzcn1jnr24x.cloudfront.net/Fonts/glyphicons-halflings-regular.woff?v=0\") format(\"woff\")}
body{font-family:\"LatoWeb\",Arial,sans-serif;font-size:14px}
h1,h2,h3,h4,h5,h6{font-family:inherit}
.home-progressive-jackpot .jackpot-play-section .jackpot-play-text{font-family:\"gilroybold\"}
.home-progressive-jackpot .jackpot-container{font-family:\"Open24DisplaySt\"}
.glyphicon{font-family:\"Glyphicons Halflings\"}
/* NUGET: BEGIN LICENSE TEXT
*
* Microsoft grants you the right to use these script files for the sole
* purpose of either: (i) interacting through your browser with the Microsoft
* website or online service, subject to the applicable licensing or use
* terms; or (ii) using the files as included with a Microsoft product subject
* to that product\'s license terms. Microsoft reserves all other rights to the
* files not expressly granted by Microsoft, whether by implication, estoppel
* or otherwise. The notices and licenses below are for informational purposes only.
*
* NUGET: END LICENSE TEXT */
/*!
* Bootstrap v3.0.0
*
* Copyright 2013 Twitter, Inc
* Licensed under the Apache License v2.0
* http://www.apache.org/licenses/LICENSE-2.0
*
* Designed and built with all the love in the world by @mdo and @fat.
*/
/*! normalize.css v2.1.0 | MIT License | git.io/normalize */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
display: block
}
audio,
canvas,
video {
display: inline-block
}
audio:not([controls]) {
display: none;
height: 0
}
[hidden] {
display: none
}
html {
font-family: sans-serif;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%
}
body {
margin: 0
}
a:focus {
outline: thin dotted
}
a:active,
a:hover {
outline: 0
}
h1 {
margin: .67em 0;
font-size: 2em
}
abbr[title] {
border-bottom: 1px dotted
}
b,
strong {
font-weight: bold
}
dfn {
font-style: italic
}
hr {
height: 0;
-moz-box-sizing: content-box;
box-sizing: content-box
}
mark {
color: #000;
background: #ff0
}
code,
kbd,
pre,
samp {
font-family: monospace, serif;
font-size: 1em
}
pre {
white-space: pre-wrap
}
q {
quotes: \"\\201C\" \"\\201D\" \"\\2018\" \"\\2019\"
}
small {
font-size: 80%
}
sub,
sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline
}
sup {
top: -0.5em
}
sub {
bottom: -0.25em
}
img {
border: 0
}
svg:not(:root) {
overflow: hidden
}
figure {
margin: 0
}
fieldset {
padding: .35em .625em .75em;
margin: 0 2px;
border: 1px solid #c0c0c0
}
legend {
padding: 0;
border: 0
}
button,
input,
select,
textarea {
margin: 0;
font-family: inherit;
font-size: 100%
}
button,
input {
line-height: normal
}
button,
select {
text-transform: none
}
button,
html input[type=\"button\"],
input[type=\"reset\"],
input[type=\"submit\"] {
cursor: pointer;
-webkit-appearance: button
}
button[disabled],
html input[disabled] {
cursor: default
}
input[type=\"checkbox\"],
input[type=\"radio\"] {
padding: 0;
box-sizing: border-box
}
input[type=\"search\"] {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
-webkit-appearance: textfield
}
input[type=\"search\"]::-webkit-search-cancel-button,
input[type=\"search\"]::-webkit-search-decoration {
-webkit-appearance: none
}
button::-moz-focus-inner,
input::-moz-focus-inner {
padding: 0;
border: 0
}
textarea {
overflow: auto;
vertical-align: top
}
table {
border-collapse: collapse;
border-spacing: 0
}
@media print {
* {
color: #000 !important;
text-shadow: none !important;
background: transparent !important;
box-shadow: none !important
}
a,
a:visited {
text-decoration: underline
}
a[href]:after {
content: \" (\" attr(href) \")\"
}
abbr[title]:after {
content: \" (\" attr(title) \")\"
}
.ir a:after,
a[href^=\"javascript:\"]:after,
a[href^=\"#\"]:after {
content: \"\"
}
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid
}
thead {
display: table-header-group
}
tr,
img {
page-break-inside: avoid
}
img {
max-width: 100% !important
}
@page {
margin: 2cm .5cm
}
p,
h2,
h3 {
orphans: 3;
widows: 3
}
h2,
h3 {
page-break-after: avoid
}
.navbar {
display: none
}
.table td,
.table th {
background-color: #fff !important
}
.btn>.caret,
.dropup>.btn>.caret {
border-top-color: #000 !important
}
.label {
border: 1px solid #000
}
.table {
border-collapse: collapse !important
}
.table-bordered th,
.table-bordered td {
border: 1px solid #ddd !important
}
}
*,
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
html {
font-size: 62.5%;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}
body {
font-family: \"Helvetica Neue\", Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 1.428571429;
color: #333;
background-color: #fff
}
input,
button,
select,
textarea {
font-family: inherit;
font-size: inherit;
line-height: inherit
}
button,
input,
select[multiple],
textarea {
background-image: none
}
a {
color: #428bca;
text-decoration: none
}
a:hover,
a:focus {
color: #2a6496;
text-decoration: underline
}
a:focus {
outline: thin dotted #333;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px
}
img {
vertical-align: middle
}
.img-responsive {
display: block;
height: auto;
max-width: 100%
}
.img-rounded {
border-radius: 6px
}
.img-thumbnail {
display: inline-block;
height: auto;
max-width: 100%;
padding: 4px;
line-height: 1.428571429;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 4px;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out
}
.img-circle {
border-radius: 50%
}
hr {
margin-top: 20px;
margin-bottom: 20px;
border: 0;
border-top: 1px solid #eee
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0 0 0 0);
border: 0
}
p {
margin: 0 0 10px
}
.lead {
margin-bottom: 20px;
font-size: 16.099999999999998px;
font-weight: 200;
line-height: 1.4
}
@media(min-width:768px) {
.lead {
font-size: 21px
}
}
small {
font-size: 85%
}
cite {
font-style: normal
}
.text-muted {
color: #999
}
.text-primary {
color: #428bca
}
.text-warning {
color: #c09853
}
.text-danger {
color: #b94a48
}
.text-success {
color: #468847
}
.text-info {
color: #3a87ad
}
.text-left {
text-align: left
}
.text-right {
text-align: right
}
.text-center {
text-align: center
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
font-family: \"Helvetica Neue\", Helvetica, Arial, sans-serif;
font-weight: 500;
line-height: 1.1
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small {
font-weight: normal;
line-height: 1;
color: #999
}
h1,
h2,
h3 {
margin-top: 20px;
margin-bottom: 10px
}
h4,
h5,
h6 {
margin-top: 10px;
margin-bottom: 10px
}
h1,
.h1 {
font-size: 36px
}
h2,
.h2 {
font-size: 30px
}
h3,
.h3 {
font-size: 24px
}
h4,
.h4 {
font-size: 18px
}
h5,
.h5 {
font-size: 14px
}
h6,
.h6 {
font-size: 12px
}
h1 small,
.h1 small {
font-size: 24px
}
h2 small,
.h2 small {
font-size: 18px
}
h3 small,
.h3 small,
h4 small,
.h4 small {
font-size: 14px
}
.page-header {
padding-bottom: 9px;
margin: 40px 0 20px;
border-bottom: 1px solid #eee
}
ul,
ol {
margin-top: 0;
margin-bottom: 10px
}
ul ul,
ol ul,
ul ol,
ol ol {
margin-bottom: 0
}
.list-unstyled {
padding-left: 0;
list-style: none
}
.list-inline {
padding-left: 0;
list-style: none
}
.list-inline>li {
display: inline-block;
padding-right: 5px;
padding-left: 5px
}
dl {
margin-bottom: 20px
}
dt,
dd {
line-height: 1.428571429
}
dt {
font-weight: bold
}
dd {
margin-left: 0
}
@media(min-width:768px) {
.dl-horizontal dt {
float: left;
width: 160px;
overflow: hidden;
clear: left;
text-align: right;
text-overflow: ellipsis;
white-space: nowrap
}
.dl-horizontal dd {
margin-left: 180px
}
.dl-horizontal dd:before,
.dl-horizontal dd:after {
display: table;
content: \" \"
}
.dl-horizontal dd:after {
clear: both
}
.dl-horizontal dd:before,
.dl-horizontal dd:after {
display: table;
content: \" \"
}
.dl-horizontal dd:after {
clear: both
}
}
abbr[title],
abbr[data-original-title] {
cursor: help;
border-bottom: 1px dotted #999
}
abbr.initialism {
font-size: 90%;
text-transform: uppercase
}
blockquote {
padding: 10px 20px;
margin: 0 0 20px;
border-left: 5px solid #eee
}
blockquote p {
font-size: 17.5px;
font-weight: 300;
line-height: 1.25
}
blockquote p:last-child {
margin-bottom: 0
}
blockquote small {
display: block;
line-height: 1.428571429;
color: #999
}
blockquote small:before {
content: \'\\2014 \\00A0\'
}
blockquote.pull-right {
padding-right: 15px;
padding-left: 0;
border-right: 5px solid #eee;
border-left: 0
}
blockquote.pull-right p,
blockquote.pull-right small {
text-align: right
}
blockquote.pull-right small:before {
content: \'\'
}
blockquote.pull-right small:after {
content: \'\\00A0 \\2014\'
}
q:before,
q:after,
blockquote:before,
blockquote:after {
content: \"\"
}
address {
display: block;
margin-bottom: 20px;
font-style: normal;
line-height: 1.428571429
}
code,
pre {
font-family: Monaco, Menlo, Consolas, \"Courier New\", monospace
}
code {
padding: 2px 4px;
font-size: 90%;
color: #c7254e;
white-space: nowrap;
background-color: #f9f2f4;
border-radius: 4px
}
pre {
display: block;
padding: 9.5px;
margin: 0 0 10px;
font-size: 13px;
line-height: 1.428571429;
color: #333;
word-break: break-all;
word-wrap: break-word;
background-color: #f5f5f5;
border: 1px solid #ccc;
border-radius: 4px
}
pre.prettyprint {
margin-bottom: 20px
}
pre code {
padding: 0;
font-size: inherit;
color: inherit;
white-space: pre-wrap;
background-color: transparent;
border: 0
}
.pre-scrollable {
max-height: 340px;
overflow-y: scroll
}
.container {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto
}
.container:before,
.container:after {
display: table;
content: \" \"
}
.container:after {
clear: both
}
.container:before,
.container:after {
display: table;
content: \" \"
}
.container:after {
clear: both
}
.row {
margin-right: -15px;
margin-left: -15px
}
.row:before,
.row:after {
display: table;
content: \" \"
}
.row:after {
clear: both
}
.row:before,
.row:after {
display: table;
content: \" \"
}
.row:after {
clear: both
}
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px
}
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11 {
float: left
}
.col-xs-1 {
width: 8.333333333333332%
}
.col-xs-2 {
width: 16.666666666666664%
}
.col-xs-3 {
width: 25%
}
.col-xs-4 {
width: 33.33333333333333%
}
.col-xs-5 {
width: 41.66666666666667%
}
.col-xs-6 {
width: 50%
}
.col-xs-7 {
width: 58.333333333333336%
}
.col-xs-8 {
width: 66.66666666666666%
}
.col-xs-9 {
width: 75%
}
.col-xs-10 {
width: 83.33333333333334%
}
.col-xs-11 {
width: 91.66666666666666%
}
.col-xs-12 {
width: 100%
}
@media(min-width:768px) {
.container {
max-width: 750px
}
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11 {
float: left
}
.col-sm-1 {
width: 8.333333333333332%
}
.col-sm-2 {
width: 16.666666666666664%
}
.col-sm-3 {
width: 25%
}
.col-sm-4 {
width: 33.33333333333333%
}
.col-sm-5 {
width: 41.66666666666667%
}
.col-sm-6 {
width: 50%
}
.col-sm-7 {
width: 58.333333333333336%
}
.col-sm-8 {
width: 66.66666666666666%
}
.col-sm-9 {
width: 75%
}
.col-sm-10 {
width: 83.33333333333334%
}
.col-sm-11 {
width: 91.66666666666666%
}
.col-sm-12 {
width: 100%
}
.col-sm-push-1 {
left: 8.333333333333332%
}
.col-sm-push-2 {
left: 16.666666666666664%
}
.col-sm-push-3 {
left: 25%
}
.col-sm-push-4 {
left: 33.33333333333333%
}
.col-sm-push-5 {
left: 41.66666666666667%
}
.col-sm-push-6 {
left: 50%
}
.col-sm-push-7 {
left: 58.333333333333336%
}
.col-sm-push-8 {
left: 66.66666666666666%
}
.col-sm-push-9 {
left: 75%
}
.col-sm-push-10 {
left: 83.33333333333334%
}
.col-sm-push-11 {
left: 91.66666666666666%
}
.col-sm-pull-1 {
right: 8.333333333333332%
}
.col-sm-pull-2 {
right: 16.666666666666664%
}
.col-sm-pull-3 {
right: 25%
}
.col-sm-pull-4 {
right: 33.33333333333333%
}
.col-sm-pull-5 {
right: 41.66666666666667%
}
.col-sm-pull-6 {
right: 50%
}
.col-sm-pull-7 {
right: 58.333333333333336%
}
.col-sm-pull-8 {
right: 66.66666666666666%
}
.col-sm-pull-9 {
right: 75%
}
.col-sm-pull-10 {
right: 83.33333333333334%
}
.col-sm-pull-11 {
right: 91.66666666666666%
}
.col-sm-offset-1 {
margin-left: 8.333333333333332%
}
.col-sm-offset-2 {
margin-left: 16.666666666666664%
}
.col-sm-offset-3 {
margin-left: 25%
}
.col-sm-offset-4 {
margin-left: 33.33333333333333%
}
.col-sm-offset-5 {
margin-left: 41.66666666666667%
}
.col-sm-offset-6 {
margin-left: 50%
}
.col-sm-offset-7 {
margin-left: 58.333333333333336%
}
.col-sm-offset-8 {
margin-left: 66.66666666666666%
}
.col-sm-offset-9 {
margin-left: 75%
}
.col-sm-offset-10 {
margin-left: 83.33333333333334%
}
.col-sm-offset-11 {
margin-left: 91.66666666666666%
}
}
@media(min-width:992px) {
.container {
max-width: 970px
}
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11 {
float: left
}
.col-md-1 {
width: 8.333333333333332%
}
.col-md-2 {
width: 16.666666666666664%
}
.col-md-3 {
width: 25%
}
.col-md-4 {
width: 33.33333333333333%
}
.col-md-5 {
width: 41.66666666666667%
}
.col-md-6 {
width: 50%
}
.col-md-7 {
width: 58.333333333333336%
}
.col-md-8 {
width: 66.66666666666666%
}
.col-md-9 {
width: 75%
}
.col-md-10 {
width: 83.33333333333334%
}
.col-md-11 {
width: 91.66666666666666%
}
.col-md-12 {
width: 100%
}
.col-md-push-0 {
left: auto
}
.col-md-push-1 {
left: 8.333333333333332%
}
.col-md-push-2 {
left: 16.666666666666664%
}
.col-md-push-3 {
left: 25%
}
.col-md-push-4 {
left: 33.33333333333333%
}
.col-md-push-5 {
left: 41.66666666666667%
}
.col-md-push-6 {
left: 50%
}
.col-md-push-7 {
left: 58.333333333333336%
}
.col-md-push-8 {
left: 66.66666666666666%
}
.col-md-push-9 {
left: 75%
}
.col-md-push-10 {
left: 83.33333333333334%
}
.col-md-push-11 {
left: 91.66666666666666%
}
.col-md-pull-0 {
right: auto
}
.col-md-pull-1 {
right: 8.333333333333332%
}
.col-md-pull-2 {
right: 16.666666666666664%
}
.col-md-pull-3 {
right: 25%
}
.col-md-pull-4 {
right: 33.33333333333333%
}
.col-md-pull-5 {
right: 41.66666666666667%
}
.col-md-pull-6 {
right: 50%
}
.col-md-pull-7 {
right: 58.333333333333336%
}
.col-md-pull-8 {
right: 66.66666666666666%
}
.col-md-pull-9 {
right: 75%
}
.col-md-pull-10 {
right: 83.33333333333334%
}
.col-md-pull-11 {
right: 91.66666666666666%
}
.col-md-offset-0 {
margin-left: 0
}
.col-md-offset-1 {
margin-left: 8.333333333333332%
}
.col-md-offset-2 {
margin-left: 16.666666666666664%
}
.col-md-offset-3 {
margin-left: 25%
}
.col-md-offset-4 {
margin-left: 33.33333333333333%
}
.col-md-offset-5 {
margin-left: 41.66666666666667%
}
.col-md-offset-6 {
margin-left: 50%
}
.col-md-offset-7 {
margin-left: 58.333333333333336%
}
.col-md-offset-8 {
margin-left: 66.66666666666666%
}
.col-md-offset-9 {
margin-left: 75%
}
.col-md-offset-10 {
margin-left: 83.33333333333334%
}
.col-md-offset-11 {
margin-left: 91.66666666666666%
}
}
@media(min-width:1200px) {
.container {
max-width: 1170px
}
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11 {
float: left
}
.col-lg-1 {
width: 8.333333333333332%
}
.col-lg-2 {
width: 16.666666666666664%
}
.col-lg-3 {
width: 25%
}
.col-lg-4 {
width: 33.33333333333333%
}
.col-lg-5 {
width: 41.66666666666667%
}
.col-lg-6 {
width: 50%
}
.col-lg-7 {
width: 58.333333333333336%
}
.col-lg-8 {
width: 66.66666666666666%
}
.col-lg-9 {
width: 75%
}
.col-lg-10 {
width: 83.33333333333334%
}
.col-lg-11 {
width: 91.66666666666666%
}
.col-lg-12 {
width: 100%
}
.col-lg-push-0 {
left: auto
}
.col-lg-push-1 {
left: 8.333333333333332%
}
.col-lg-push-2 {
left: 16.666666666666664%
}
.col-lg-push-3 {
left: 25%
}
.col-lg-push-4 {
left: 33.33333333333333%
}
.col-lg-push-5 {
left: 41.66666666666667%
}
.col-lg-push-6 {
left: 50%
}
.col-lg-push-7 {
left: 58.333333333333336%
}
.col-lg-push-8 {
left: 66.66666666666666%
}
.col-lg-push-9 {
left: 75%
}
.col-lg-push-10 {
left: 83.33333333333334%
}
.col-lg-push-11 {
left: 91.66666666666666%
}
.col-lg-pull-0 {
right: auto
}
.col-lg-pull-1 {
right: 8.333333333333332%
}
.col-lg-pull-2 {
right: 16.666666666666664%
}
.col-lg-pull-3 {
right: 25%
}
.col-lg-pull-4 {
right: 33.33333333333333%
}
.col-lg-pull-5 {
right: 41.66666666666667%
}
.col-lg-pull-6 {
right: 50%
}
.col-lg-pull-7 {
right: 58.333333333333336%
}
.col-lg-pull-8 {
right: 66.66666666666666%
}
.col-lg-pull-9 {
right: 75%
}
.col-lg-pull-10 {
right: 83.33333333333334%
}
.col-lg-pull-11 {
right: 91.66666666666666%
}
.col-lg-offset-0 {
margin-left: 0
}
.col-lg-offset-1 {
margin-left: 8.333333333333332%
}
.col-lg-offset-2 {
margin-left: 16.666666666666664%
}
.col-lg-offset-3 {
margin-left: 25%
}
.col-lg-offset-4 {
margin-left: 33.33333333333333%
}
.col-lg-offset-5 {
margin-left: 41.66666666666667%
}
.col-lg-offset-6 {
margin-left: 50%
}
.col-lg-offset-7 {
margin-left: 58.333333333333336%
}
.col-lg-offset-8 {
margin-left: 66.66666666666666%
}
.col-lg-offset-9 {
margin-left: 75%
}
.col-lg-offset-10 {
margin-left: 83.33333333333334%
}
.col-lg-offset-11 {
margin-left: 91.66666666666666%
}
}
table {
max-width: 100%;
background-color: transparent
}
th {
text-align: left
}
.table {
width: 100%;
margin-bottom: 20px
}
.table thead>tr>th,
.table tbody>tr>th,
.table tfoot>tr>th,
.table thead>tr>td,
.table tbody>tr>td,
.table tfoot>tr>td {
padding: 8px;
line-height: 1.428571429;
vertical-align: top;
border-top: 1px solid #ddd
}
.table thead>tr>th {
vertical-align: bottom;
border-bottom: 2px solid #ddd
}
.table caption+thead tr:first-child th,
.table colgroup+thead tr:first-child th,
.table thead:first-child tr:first-child th,
.table caption+thead tr:first-child td,
.table colgroup+thead tr:first-child td,
.table thead:first-child tr:first-child td {
border-top: 0
}
.table tbody+tbody {
border-top: 2px solid #ddd
}
.table .table {
background-color: #fff
}
.table-condensed thead>tr>th,
.table-condensed tbody>tr>th,
.table-condensed tfoot>tr>th,
.table-condensed thead>tr>td,
.table-condensed tbody>tr>td,
.table-condensed tfoot>tr>td {
padding: 5px
}
.table-bordered {
border: 1px solid #ddd
}
.table-bordered>thead>tr>th,
.table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>tbody>tr>td,
.table-bordered>tfoot>tr>td {
border: 1px solid #ddd
}
.table-bordered>thead>tr>th,
.table-bordered>thead>tr>td {
border-bottom-width: 2px
}
.table-striped>tbody>tr:nth-child(odd)>td,
.table-striped>tbody>tr:nth-child(odd)>th {
background-color: #f9f9f9
}
.table-hover>tbody>tr:hover>td,
.table-hover>tbody>tr:hover>th {
background-color: #f5f5f5
}
table col[class*=\"col-\"] {
display: table-column;
float: none
}
table td[class*=\"col-\"],
table th[class*=\"col-\"] {
display: table-cell;
float: none
}
.table>thead>tr>td.active,
.table>tbody>tr>td.active,
.table>tfoot>tr>td.active,
.table>thead>tr>th.active,
.table>tbody>tr>th.active,
.table>tfoot>tr>th.active,
.table>thead>tr.active>td,
.table>tbody>tr.active>td,
.table>tfoot>tr.active>td,
.table>thead>tr.active>th,
.table>tbody>tr.active>th,
.table>tfoot>tr.active>th {
background-color: #f5f5f5
}
.table>thead>tr>td.success,
.table>tbody>tr>td.success,
.table>tfoot>tr>td.success,
.table>thead>tr>th.success,
.table>tbody>tr>th.success,
.table>tfoot>tr>th.success,
.table>thead>tr.success>td,
.table>tbody>tr.success>td,
.table>tfoot>tr.success>td,
.table>thead>tr.success>th,
.table>tbody>tr.success>th,
.table>tfoot>tr.success>th {
background-color: #dff0d8;
border-color: #d6e9c6
}
.table-hover>tbody>tr>td.success:hover,
.table-hover>tbody>tr>th.success:hover,
.table-hover>tbody>tr.success:hover>td {
background-color: #d0e9c6;
border-color: #c9e2b3
}
.table>thead>tr>td.danger,
.table>tbody>tr>td.danger,
.table>tfoot>tr>td.danger,
.table>thead>tr>th.danger,
.table>tbody>tr>th.danger,
.table>tfoot>tr>th.danger,
.table>thead>tr.danger>td,
.table>tbody>tr.danger>td,
.table>tfoot>tr.danger>td,
.table>thead>tr.danger>th,
.table>tbody>tr.danger>th,
.table>tfoot>tr.danger>th {
background-color: #f2dede;
border-color: #eed3d7
}
.table-hover>tbody>tr>td.danger:hover,
.table-hover>tbody>tr>th.danger:hover,
.table-hover>tbody>tr.danger:hover>td {
background-color: #ebcccc;
border-color: #e6c1c7
}
.table>thead>tr>td.warning,
.table>tbody>tr>td.warning,
.table>tfoot>tr>td.warning,
.table>thead>tr>th.warning,
.table>tbody>tr>th.warning,
.table>tfoot>tr>th.warning,
.table>thead>tr.warning>td,
.table>tbody>tr.warning>td,
.table>tfoot>tr.warning>td,
.table>thead>tr.warning>th,
.table>tbody>tr.warning>th,
.table>tfoot>tr.warning>th {
background-color: #fcf8e3;
border-color: #fbeed5
}
.table-hover>tbody>tr>td.warning:hover,
.table-hover>tbody>tr>th.warning:hover,
.table-hover>tbody>tr.warning:hover>td {
background-color: #faf2cc;
border-color: #f8e5be
}
@media(max-width:768px) {
.table-responsive {
width: 100%;
margin-bottom: 15px;
overflow-x: scroll;
overflow-y: hidden;
border: 1px solid #ddd
}
.table-responsive>.table {
margin-bottom: 0;
background-color: #fff
}
.table-responsive>.table>thead>tr>th,
.table-responsive>.table>tbody>tr>th,
.table-responsive>.table>tfoot>tr>th,
.table-responsive>.table>thead>tr>td,
.table-responsive>.table>tbody>tr>td,
.table-responsive>.table>tfoot>tr>td {
white-space: nowrap
}
.table-responsive>.table-bordered {
border: 0
}
.table-responsive>.table-bordered>thead>tr>th:first-child,
.table-responsive>.table-bordered>tbody>tr>th:first-child,
.table-responsive>.table-bordered>tfoot>tr>th:first-child,
.table-responsive>.table-bordered>thead>tr>td:first-child,
.table-responsive>.table-bordered>tbody>tr>td:first-child,
.table-responsive>.table-bordered>tfoot>tr>td:first-child {
border-left: 0
}
.table-responsive>.table-bordered>thead>tr>th:last-child,
.table-responsive>.table-bordered>tbody>tr>th:last-child,
.table-responsive>.table-bordered>tfoot>tr>th:last-child,
.table-responsive>.table-bordered>thead>tr>td:last-child,
.table-responsive>.table-bordered>tbody>tr>td:last-child,
.table-responsive>.table-bordered>tfoot>tr>td:last-child {
border-right: 0
}
.table-responsive>.table-bordered>thead>tr:last-child>th,
.table-responsive>.table-bordered>tbody>tr:last-child>th,
.table-responsive>.table-bordered>tfoot>tr:last-child>th,
.table-responsive>.table-bordered>thead>tr:last-child>td,
.table-responsive>.table-bordered>tbody>tr:last-child>td,
.table-responsive>.table-bordered>tfoot>tr:last-child>td {
border-bottom: 0
}
}
fieldset {
padding: 0;
margin: 0;
border: 0
}
legend {
display: block;
width: 100%;
padding: 0;
margin-bottom: 20px;
font-size: 21px;
line-height: inherit;
color: #333;
border: 0;
border-bottom: 1px solid #e5e5e5
}
label {
display: inline-block;
margin-bottom: 5px;
font-weight: bold
}
input[type=\"search\"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
input[type=\"radio\"],
input[type=\"checkbox\"] {
margin: 4px 0 0;
margin-top: 1px \\9;
line-height: normal
}
input[type=\"file\"] {
display: block
}
select[multiple],
select[size] {
height: auto
}
select optgroup {
font-family: inherit;
font-size: inherit;
font-style: inherit
}
input[type=\"file\"]:focus,
input[type=\"radio\"]:focus,
input[type=\"checkbox\"]:focus {
outline: thin dotted #333;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px
}
input[type=\"number\"]::-webkit-outer-spin-button,
input[type=\"number\"]::-webkit-inner-spin-button {
height: auto
}
.form-control:-moz-placeholder {
color: #999
}
.form-control::-moz-placeholder {
color: #999
}
.form-control:-ms-input-placeholder {
color: #999
}
.form-control::-webkit-input-placeholder {
color: #999
}
.form-control {
display: block;
width: 100%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.428571429;
color: #555;
vertical-align: middle;
background-color: #fff;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}
.form-control:focus {
border-color: #66afe9;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6)
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
cursor: not-allowed;
background-color: #eee
}
textarea.form-control {
height: auto
}
.form-group {
margin-bottom: 15px
}
.radio,
.checkbox {
display: block;
min-height: 20px;
padding-left: 20px;
margin-top: 10px;
margin-bottom: 10px;
vertical-align: middle
}
.radio label,
.checkbox label {
display: inline;
margin-bottom: 0;
font-weight: normal;
cursor: pointer
}
.radio input[type=\"radio\"],
.radio-inline input[type=\"radio\"],
.checkbox input[type=\"checkbox\"],
.checkbox-inline input[type=\"checkbox\"] {
float: left;
margin-left: -20px
}
.radio+.radio,
.checkbox+.checkbox {
margin-top: -5px
}
.radio-inline,
.checkbox-inline {
display: inline-block;
padding-left: 20px;
margin-bottom: 0;
font-weight: normal;
vertical-align: middle;
cursor: pointer
}
.radio-inline+.radio-inline,
.checkbox-inline+.checkbox-inline {
margin-top: 0;
margin-left: 10px
}
input[type=\"radio\"][disabled],
input[type=\"checkbox\"][disabled],
.radio[disabled],
.radio-inline[disabled],
.checkbox[disabled],
.checkbox-inline[disabled],
fieldset[disabled] input[type=\"radio\"],
fieldset[disabled] input[type=\"checkbox\"],
fieldset[disabled] .radio,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox,
fieldset[disabled] .checkbox-inline {
cursor: not-allowed
}
.input-sm {
height: 30px;
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px
}
select.input-sm {
height: 30px;
line-height: 30px
}
textarea.input-sm {
height: auto
}
.input-lg {
height: 45px;
padding: 10px 16px;
font-size: 18px;
line-height: 1.33;
border-radius: 6px
}
select.input-lg {
height: 45px;
line-height: 45px
}
textarea.input-lg {
height: auto
}
.has-warning .help-block,
.has-warning .control-label {
color: #c09853
}
.has-warning .form-control {
border-color: #c09853;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)
}
.has-warning .form-control:focus {
border-color: #a47e3c;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e
}
.has-warning .input-group-addon {
color: #c09853;
background-color: #fcf8e3;
border-color: #c09853
}
.has-error .help-block,
.has-error .control-label {
color: #b94a48
}
.has-error .form-control {
border-color: #b94a48;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)
}
.has-error .form-control:focus {
border-color: #953b39;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392
}
.has-error .input-group-addon {
color: #b94a48;
background-color: #f2dede;
border-color: #b94a48
}
.has-success .help-block,
.has-success .control-label {
color: #468847
}
.has-success .form-control {
border-color: #468847;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)
}
.has-success .form-control:focus {
border-color: #356635;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b
}
.has-success .input-group-addon {
color: #468847;
background-color: #dff0d8;
border-color: #468847
}
.form-control-static {
padding-top: 7px;
margin-bottom: 0
}
.help-block {
display: block;
margin-top: 5px;
margin-bottom: 10px;
color: #737373
}
@media(min-width:768px) {
.form-inline .form-group {
display: inline-block;
margin-bottom: 0;
vertical-align: middle
}
.form-inline .form-control {
display: inline-block
}
.form-inline .radio,
.form-inline .checkbox {
display: inline-block;
padding-left: 0;
margin-top: 0;
margin-bottom: 0
}
.form-inline .radio input[type=\"radio\"],
.form-inline .checkbox input[type=\"checkbox\"] {
float: none;
margin-left: 0
}
}
.form-horizontal .control-label,
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
padding-top: 7px;
margin-top: 0;
margin-bottom: 0
}
.form-horizontal .form-group {
margin-right: -15px;
margin-left: -15px
}
.form-horizontal .form-group:before,
.form-horizontal .form-group:after {
display: table;
content: \" \"
}
.form-horizontal .form-group:after {
clear: both
}
.form-horizontal .form-group:before,
.form-horizontal .form-group:after {
display: table;
content: \" \"
}
.form-horizontal .form-group:after {
clear: both
}
@media(min-width:768px) {
.form-horizontal .control-label {
text-align: right
}
}
.btn {
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 14px;
font-weight: normal;
line-height: 1.428571429;
text-align: center;
white-space: nowrap;
vertical-align: middle;
cursor: pointer;
border: 1px solid transparent;
border-radius: 4px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none
}
.btn:focus {
outline: thin dotted #333;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px
}
.btn:hover,
.btn:focus {
color: #333;
text-decoration: none
}
.btn:active,
.btn.active {
background-image: none;
outline: 0;
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125)
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
pointer-events: none;
cursor: not-allowed;
opacity: .65;
filter: alpha(opacity=65);
-webkit-box-shadow: none;
box-shadow: none
}
.btn-default {
color: #333;
background-color: #fff;
border-color: #ccc
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
color: #333;
background-color: #ebebeb;
border-color: #adadad
}
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
background-image: none
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
background-color: #fff;
border-color: #ccc
}
.btn-primary {
color: #fff;
background-color: #428bca;
border-color: #357ebd
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
color: #fff;
background-color: #3276b1;
border-color: #285e8e
}
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
background-image: none
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
background-color: #428bca;
border-color: #357ebd
}
.btn-warning {
color: #fff;
background-color: #f0ad4e;
border-color: #eea236
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
color: #fff;
background-color: #ed9c28;
border-color: #d58512
}
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
background-image: none
}
.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
background-color: #f0ad4e;
border-color: #eea236
}
.btn-danger {
color: #fff;
background-color: #d9534f;
border-color: #d43f3a
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
color: #fff;
background-color: #d2322d;
border-color: #ac2925
}
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
background-image: none
}
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
background-color: #d9534f;
border-color: #d43f3a
}
.btn-success {
color: #fff;
background-color: #5cb85c;
border-color: #4cae4c
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
color: #fff;
background-color: #47a447;
border-color: #398439
}
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
background-image: none
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
background-color: #5cb85c;
border-color: #4cae4c
}
.btn-info {
color: #fff;
background-color: #5bc0de;
border-color: #46b8da
}
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
color: #fff;
background-color: #39b3d7;
border-color: #269abc
}
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
background-image: none
}
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
background-color: #5bc0de;
border-color: #46b8da
}
.btn-link {
font-weight: normal;
color: #428bca;
cursor: pointer;
border-radius: 0
}
.btn-link,
.btn-link:active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
background-color: transparent;
-webkit-box-shadow: none;
box-shadow: none
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
border-color: transparent
}
.btn-link:hover,
.btn-link:focus {
color: #2a6496;
text-decoration: underline;
background-color: transparent
}
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
color: #999;
text-decoration: none
}
.btn-lg {
padding: 10px 16px;
font-size: 18px;
line-height: 1.33;
border-radius: 6px
}
.btn-sm,
.btn-xs {
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px
}
.btn-xs {
padding: 1px 5px
}
.btn-block {
display: block;
width: 100%;
padding-right: 0;
padding-left: 0
}
.btn-block+.btn-block {
margin-top: 5px
}
input[type=\"submit\"].btn-block,
input[type=\"reset\"].btn-block,
input[type=\"button\"].btn-block {
width: 100%
}
.fade {
opacity: 0;
-webkit-transition: opacity .15s linear;
transition: opacity .15s linear
}
.fade.in {
opacity: 1
}
.collapse {
display: none
}
.collapse.in {
display: block
}
.collapsing {
position: relative;
height: 0;
overflow: hidden;
-webkit-transition: height .35s ease;
transition: height .35s ease
}
@font-face {
font-family: \'Glyphicons Halflings\';
src: url(\'/fonts/glyphicons-halflings-regular.eot\');
src: url(\'/fonts/glyphicons-halflings-regular.eot?#iefix\') format(\'embedded-opentype\'), url(\'/fonts/glyphicons-halflings-regular.woff\') format(\'woff\'), url(\'/fonts/glyphicons-halflings-regular.ttf\') format(\'truetype\'), url(\'/fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular\') format(\'svg\')
}
.glyphicon {
position: relative;
top: 1px;
display: inline-block;
font-family: \'Glyphicons Halflings\';
-webkit-font-smoothing: antialiased;
font-style: normal;
font-weight: normal;
line-height: 1
}
.glyphicon-asterisk:before {
content: \"\\2a\"
}
.glyphicon-plus:before {
content: \"\\2b\"
}
.glyphicon-euro:before {
content: \"\\20ac\"
}
.glyphicon-minus:before {
content: \"\\2212\"
}
.glyphicon-cloud:before {
content: \"\\2601\"
}
.glyphicon-envelope:before {
content: \"\\2709\"
}
.glyphicon-pencil:before {
content: \"\\270f\"
}
.glyphicon-glass:before {
content: \"\\e001\"
}
.glyphicon-music:before {
content: \"\\e002\"
}
.glyphicon-search:before {
content: \"\\e003\"
}
.glyphicon-heart:before {
content: \"\\e005\"
}
.glyphicon-star:before {
content: \"\\e006\"
}
.glyphicon-star-empty:before {
content: \"\\e007\"
}
.glyphicon-user:before {
content: \"\\e008\"
}
.glyphicon-film:before {
content: \"\\e009\"
}
.glyphicon-th-large:before {
content: \"\\e010\"
}
.glyphicon-th:before {
content: \"\\e011\"
}
.glyphicon-th-list:before {
content: \"\\e012\"
}
.glyphicon-ok:before {
content: \"\\e013\"
}
.glyphicon-remove:before {
content: \"\\e014\"
}
.glyphicon-zoom-in:before {
content: \"\\e015\"
}
.glyphicon-zoom-out:before {
content: \"\\e016\"
}
.glyphicon-off:before {
content: \"\\e017\"
}
.glyphicon-signal:before {
content: \"\\e018\"
}
.glyphicon-cog:before {
content: \"\\e019\"
}
.glyphicon-trash:before {
content: \"\\e020\"
}
.glyphicon-home:before {
content: \"\\e021\"
}
.glyphicon-file:before {
content: \"\\e022\"
}
.glyphicon-time:before {
content: \"\\e023\"
}
.glyphicon-road:before {
content: \"\\e024\"
}
.glyphicon-download-alt:before {
content: \"\\e025\"
}
.glyphicon-download:before {
content: \"\\e026\"
}
.glyphicon-upload:before {
content: \"\\e027\"
}
.glyphicon-inbox:before {
content: \"\\e028\"
}
.glyphicon-play-circle:before {
content: \"\\e029\"
}
.glyphicon-repeat:before {
content: \"\\e030\"
}
.glyphicon-refresh:before {
content: \"\\e031\"
}
.glyphicon-list-alt:before {
content: \"\\e032\"
}
.glyphicon-flag:before {
content: \"\\e034\"
}
.glyphicon-headphones:before {
content: \"\\e035\"
}
.glyphicon-volume-off:before {
content: \"\\e036\"
}
.glyphicon-volume-down:before {
content: \"\\e037\"
}
.glyphicon-volume-up:before {
content: \"\\e038\"
}
.glyphicon-qrcode:before {
content: \"\\e039\"
}
.glyphicon-barcode:before {
content: \"\\e040\"
}
.glyphicon-tag:before {
content: \"\\e041\"
}
.glyphicon-tags:before {
content: \"\\e042\"
}
.glyphicon-book:before {
content: \"\\e043\"
}
.glyphicon-print:before {
content: \"\\e045\"
}
.glyphicon-font:before {
content: \"\\e047\"
}
.glyphicon-bold:before {
content: \"\\e048\"
}
.glyphicon-italic:before {
content: \"\\e049\"
}
.glyphicon-text-height:before {
content: \"\\e050\"
}
.glyphicon-text-width:before {
content: \"\\e051\"
}
.glyphicon-align-left:before {
content: \"\\e052\"
}
.glyphicon-align-center:before {
content: \"\\e053\"
}
.glyphicon-align-right:before {
content: \"\\e054\"
}
.glyphicon-align-justify:before {
content: \"\\e055\"
}
.glyphicon-list:before {
content: \"\\e056\"
}
.glyphicon-indent-left:before {
content: \"\\e057\"
}
.glyphicon-indent-right:before {
content: \"\\e058\"
}
.glyphicon-facetime-video:before {
content: \"\\e059\"
}
.glyphicon-picture:before {
content: \"\\e060\"
}
.glyphicon-map-marker:before {
content: \"\\e062\"
}
.glyphicon-adjust:before {
content: \"\\e063\"
}
.glyphicon-tint:before {
content: \"\\e064\"
}
.glyphicon-edit:before {
content: \"\\e065\"
}
.glyphicon-share:before {
content: \"\\e066\"
}
.glyphicon-check:before {
content: \"\\e067\"
}
.glyphicon-move:before {
content: \"\\e068\"
}
.glyphicon-step-backward:before {
content: \"\\e069\"
}
.glyphicon-fast-backward:before {
content: \"\\e070\"
}
.glyphicon-backward:before {
content: \"\\e071\"
}
.glyphicon-play:before {
content: \"\\e072\"
}
.glyphicon-pause:before {
content: \"\\e073\"
}
.glyphicon-stop:before {
content: \"\\e074\"
}
.glyphicon-forward:before {
content: \"\\e075\"
}
.glyphicon-fast-forward:before {
content: \"\\e076\"
}
.glyphicon-step-forward:before {
content: \"\\e077\"
}
.glyphicon-eject:before {
content: \"\\e078\"
}
.glyphicon-chevron-left:before {
content: \"\\e079\"
}
.glyphicon-chevron-right:before {
content: \"\\e080\"
}
.glyphicon-plus-sign:before {
content: \"\\e081\"
}
.glyphicon-minus-sign:before {
content: \"\\e082\"
}
.glyphicon-remove-sign:before {
content: \"\\e083\"
}
.glyphicon-ok-sign:before {
content: \"\\e084\"
}
.glyphicon-question-sign:before {
content: \"\\e085\"
}
.glyphicon-info-sign:before {
content: \"\\e086\"
}
.glyphicon-screenshot:before {
content: \"\\e087\"
}
.glyphicon-remove-circle:before {
content: \"\\e088\"
}
.glyphicon-ok-circle:before {
content: \"\\e089\"
}
.glyphicon-ban-circle:before {
content: \"\\e090\"
}
.glyphicon-arrow-left:before {
content: \"\\e091\"
}
.glyphicon-arrow-right:before {
content: \"\\e092\"
}
.glyphicon-arrow-up:before {
content: \"\\e093\"
}
.glyphicon-arrow-down:before {
content: \"\\e094\"
}
.glyphicon-share-alt:before {
content: \"\\e095\"
}
.glyphicon-resize-full:before {
content: \"\\e096\"
}
.glyphicon-resize-small:before {
content: \"\\e097\"
}
.glyphicon-exclamation-sign:before {
content: \"\\e101\"
}
.glyphicon-gift:before {
content: \"\\e102\"
}
.glyphicon-leaf:before {
content: \"\\e103\"
}
.glyphicon-eye-open:before {
content: \"\\e105\"
}
.glyphicon-eye-close:before {
content: \"\\e106\"
}
.glyphicon-warning-sign:before {
content: \"\\e107\"
}
.glyphicon-plane:before {
content: \"\\e108\"
}
.glyphicon-random:before {
content: \"\\e110\"
}
.glyphicon-comment:before {
content: \"\\e111\"
}
.glyphicon-magnet:before {
content: \"\\e112\"
}
.glyphicon-chevron-up:before {
content: \"\\e113\"
}
.glyphicon-chevron-down:before {
content: \"\\e114\"
}
.glyphicon-retweet:before {
content: \"\\e115\"
}
.glyphicon-shopping-cart:before {
content: \"\\e116\"
}
.glyphicon-folder-close:before {
content: \"\\e117\"
}
.glyphicon-folder-open:before {
content: \"\\e118\"
}
.glyphicon-resize-vertical:before {
content: \"\\e119\"
}
.glyphicon-resize-horizontal:before {
content: \"\\e120\"
}
.glyphicon-hdd:before {
content: \"\\e121\"
}
.glyphicon-bullhorn:before {
content: \"\\e122\"
}
.glyphicon-certificate:before {
content: \"\\e124\"
}
.glyphicon-thumbs-up:before {
content: \"\\e125\"
}
.glyphicon-thumbs-down:before {
content: \"\\e126\"
}
.glyphicon-hand-right:before {
content: \"\\e127\"
}
.glyphicon-hand-left:before {
content: \"\\e128\"
}
.glyphicon-hand-up:before {
content: \"\\e129\"
}
.glyphicon-hand-down:before {
content: \"\\e130\"
}
.glyphicon-circle-arrow-right:before {
content: \"\\e131\"
}
.glyphicon-circle-arrow-left:before {
content: \"\\e132\"
}
.glyphicon-circle-arrow-up:before {
content: \"\\e133\"
}
.glyphicon-circle-arrow-down:before {
content: \"\\e134\"
}
.glyphicon-globe:before {
content: \"\\e135\"
}
.glyphicon-tasks:before {
content: \"\\e137\"
}
.glyphicon-filter:before {
content: \"\\e138\"
}
.glyphicon-fullscreen:before {
content: \"\\e140\"
}
.glyphicon-dashboard:before {
content: \"\\e141\"
}
.glyphicon-heart-empty:before {
content: \"\\e143\"
}
.glyphicon-link:before {
content: \"\\e144\"
}
.glyphicon-phone:before {
content: \"\\e145\"
}
.glyphicon-usd:before {
content: \"\\e148\"
}
.glyphicon-gbp:before {
content: \"\\e149\"
}
.glyphicon-sort:before {
content: \"\\e150\"
}
.glyphicon-sort-by-alphabet:before {
content: \"\\e151\"
}
.glyphicon-sort-by-alphabet-alt:before {
content: \"\\e152\"
}
.glyphicon-sort-by-order:before {
content: \"\\e153\"
}
.glyphicon-sort-by-order-alt:before {
content: \"\\e154\"
}
.glyphicon-sort-by-attributes:before {
content: \"\\e155\"
}
.glyphicon-sort-by-attributes-alt:before {
content: \"\\e156\"
}
.glyphicon-unchecked:before {
content: \"\\e157\"
}
.glyphicon-expand:before {
content: \"\\e158\"
}
.glyphicon-collapse-down:before {
content: \"\\e159\"
}
.glyphicon-collapse-up:before {
content: \"\\e160\"
}
.glyphicon-log-in:before {
content: \"\\e161\"
}
.glyphicon-flash:before {
content: \"\\e162\"
}
.glyphicon-log-out:before {
content: \"\\e163\"
}
.glyphicon-new-window:before {
content: \"\\e164\"
}
.glyphicon-record:before {
content: \"\\e165\"
}
.glyphicon-save:before {
content: \"\\e166\"
}
.glyphicon-open:before {
content: \"\\e167\"
}
.glyphicon-saved:before {
content: \"\\e168\"
}
.glyphicon-import:before {
content: \"\\e169\"
}
.glyphicon-export:before {
content: \"\\e170\"
}
.glyphicon-send:before {
content: \"\\e171\"
}
.glyphicon-floppy-disk:before {
content: \"\\e172\"
}
.glyphicon-floppy-saved:before {
content: \"\\e173\"
}
.glyphicon-floppy-remove:before {
content: \"\\e174\"
}
.glyphicon-floppy-save:before {
content: \"\\e175\"
}
.glyphicon-floppy-open:before {
content: \"\\e176\"
}
.glyphicon-credit-card:before {
content: \"\\e177\"
}
.glyphicon-transfer:before {
content: \"\\e178\"
}
.glyphicon-cutlery:before {
content: \"\\e179\"
}
.glyphicon-header:before {
content: \"\\e180\"
}
.glyphicon-compressed:before {
content: \"\\e181\"
}
.glyphicon-earphone:before {
content: \"\\e182\"
}
.glyphicon-phone-alt:before {
content: \"\\e183\"
}
.glyphicon-tower:before {
content: \"\\e184\"
}
.glyphicon-stats:before {
content: \"\\e185\"
}
.glyphicon-sd-video:before {
content: \"\\e186\"
}
.glyphicon-hd-video:before {
content: \"\\e187\"
}
.glyphicon-subtitles:before {
content: \"\\e188\"
}
.glyphicon-sound-stereo:before {
content: \"\\e189\"
}
.glyphicon-sound-dolby:before {
content: \"\\e190\"
}
.glyphicon-sound-5-1:before {
content: \"\\e191\"
}
.glyphicon-sound-6-1:before {
content: \"\\e192\"
}
.glyphicon-sound-7-1:before {
content: \"\\e193\"
}
.glyphicon-copyright-mark:before {
content: \"\\e194\"
}
.glyphicon-registration-mark:before {
content: \"\\e195\"
}
.glyphicon-cloud-download:before {
content: \"\\e197\"
}
.glyphicon-cloud-upload:before {
content: \"\\e198\"
}
.glyphicon-tree-conifer:before {
content: \"\\e199\"
}
.glyphicon-tree-deciduous:before {
content: \"\\e200\"
}
.glyphicon-briefcase:before {
content: \"\\1f4bc\"
}
.glyphicon-calendar:before {
content: \"\\1f4c5\"
}
.glyphicon-pushpin:before {
content: \"\\1f4cc\"
}
.glyphicon-paperclip:before {
content: \"\\1f4ce\"
}
.glyphicon-camera:before {
content: \"\\1f4f7\"
}
.glyphicon-lock:before {
content: \"\\1f512\"
}
.glyphicon-bell:before {
content: \"\\1f514\"
}
.glyphicon-bookmark:before {
content: \"\\1f516\"
}
.glyphicon-fire:before {
content: \"\\1f525\"
}
.glyphicon-wrench:before {
content: \"\\1f527\"
}
.caret {
display: inline-block;
width: 0;
height: 0;
margin-left: 2px;
vertical-align: middle;
border-top: 4px solid #000;
border-right: 4px solid transparent;
border-bottom: 0 dotted;
border-left: 4px solid transparent;
content: \"\"
}
.dropdown {
position: relative
}
.dropdown-toggle:focus {
outline: 0
}
.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 160px;
padding: 5px 0;
margin: 2px 0 0;
font-size: 14px;
list-style: none;
background-color: #fff;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 4px;
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
background-clip: padding-box
}
.dropdown-menu.pull-right {
right: 0;
left: auto
}
.dropdown-menu .divider {
height: 1px;
margin: 9px 0;
overflow: hidden;
background-color: #e5e5e5
}
.dropdown-menu>li>a {
display: block;
padding: 3px 20px;
clear: both;
font-weight: normal;
line-height: 1.428571429;
color: #333;
white-space: nowrap
}
.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
color: #fff;
text-decoration: none;
background-color: #428bca
}
.dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus {
color: #fff;
text-decoration: none;
background-color: #428bca;
outline: 0
}
.dropdown-menu>.disabled>a,
.dropdown-menu>.disabled>a:hover,
.dropdown-menu>.disabled>a:focus {
color: #999
}
.dropdown-menu>.disabled>a:hover,
.dropdown-menu>.disabled>a:focus {
text-decoration: none;
cursor: not-allowed;
background-color: transparent;
background-image: none;
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)
}
.open>.dropdown-menu {
display: block
}
.open>a {
outline: 0
}
.dropdown-header {
display: block;
padding: 3px 20px;
font-size: 12px;
line-height: 1.428571429;
color: #999
}
.dropdown-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 990
}
.pull-right>.dropdown-menu {
right: 0;
left: auto
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
border-top: 0 dotted;
border-bottom: 4px solid #000;
content: \"\"
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
top: auto;
bottom: 100%;
margin-bottom: 1px
}
@media(min-width:768px) {
.navbar-right .dropdown-menu {
right: 0;
left: auto
}
}
.btn-default .caret {
border-top-color: #333
}
.btn-primary .caret,
.btn-success .caret,
.btn-warning .caret,
.btn-danger .caret,
.btn-info .caret {
border-top-color: #fff
}
.dropup .btn-default .caret {
border-bottom-color: #333
}
.dropup .btn-primary .caret,
.dropup .btn-success .caret,
.dropup .btn-warning .caret,
.dropup .btn-danger .caret,
.dropup .btn-info .caret {
border-bottom-color: #fff
}
.btn-group,
.btn-group-vertical {
position: relative;
display: inline-block;
vertical-align: middle
}
.btn-group>.btn,
.btn-group-vertical>.btn {
position: relative;
float: left
}
.btn-group>.btn:hover,
.btn-group-vertical>.btn:hover,
.btn-group>.btn:focus,
.btn-group-vertical>.btn:focus,
.btn-group>.btn:active,
.btn-group-vertical>.btn:active,
.btn-group>.btn.active,
.btn-group-vertical>.btn.active {
z-index: 2
}
.btn-group>.btn:focus,
.btn-group-vertical>.btn:focus {
outline: 0
}
.btn-group .btn+.btn,
.btn-group .btn+.btn-group,
.btn-group .btn-group+.btn,
.btn-group .btn-group+.btn-group {
margin-left: -1px
}
.btn-toolbar:before,
.btn-toolbar:after {
display: table;
content: \" \"
}
.btn-toolbar:after {
clear: both
}
.btn-toolbar:before,
.btn-toolbar:after {
display: table;
content: \" \"
}
.btn-toolbar:after {
clear: both
}
.btn-toolbar .btn-group {
float: left
}
.btn-toolbar>.btn+.btn,
.btn-toolbar>.btn-group+.btn,
.btn-toolbar>.btn+.btn-group,
.btn-toolbar>.btn-group+.btn-group {
margin-left: 5px
}
.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
border-radius: 0
}
.btn-group>.btn:first-child {
margin-left: 0
}
.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.btn-group>.btn:last-child:not(:first-child),
.btn-group>.dropdown-toggle:not(:first-child) {
border-bottom-left-radius: 0;
border-top-left-radius: 0
}
.btn-group>.btn-group {
float: left
}
.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn {
border-radius: 0
}
.btn-group>.btn-group:first-child>.btn:last-child,
.btn-group>.btn-group:first-child>.dropdown-toggle {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.btn-group>.btn-group:last-child>.btn:first-child {
border-bottom-left-radius: 0;
border-top-left-radius: 0
}
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
outline: 0
}
.btn-group-xs>.btn {
padding: 5px 10px;
padding: 1px 5px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px
}
.btn-group-sm>.btn {
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px
}
.btn-group-lg>.btn {
padding: 10px 16px;
font-size: 18px;
line-height: 1.33;
border-radius: 6px
}
.btn-group>.btn+.dropdown-toggle {
padding-right: 8px;
padding-left: 8px
}
.btn-group>.btn-lg+.dropdown-toggle {
padding-right: 12px;
padding-left: 12px
}
.btn-group.open .dropdown-toggle {
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125)
}
.btn .caret {
margin-left: 0
}
.btn-lg .caret {
border-width: 5px 5px 0;
border-bottom-width: 0
}
.dropup .btn-lg .caret {
border-width: 0 5px 5px
}
.btn-group-vertical>.btn,
.btn-group-vertical>.btn-group {
display: block;
float: none;
width: 100%;
max-width: 100%
}
.btn-group-vertical>.btn-group:before,
.btn-group-vertical>.btn-group:after {
display: table;
content: \" \"
}
.btn-group-vertical>.btn-group:after {
clear: both
}
.btn-group-vertical>.btn-group:before,
.btn-group-vertical>.btn-group:after {
display: table;
content: \" \"
}
.btn-group-vertical>.btn-group:after {
clear: both
}
.btn-group-vertical>.btn-group>.btn {
float: none
}
.btn-group-vertical>.btn+.btn,
.btn-group-vertical>.btn+.btn-group,
.btn-group-vertical>.btn-group+.btn,
.btn-group-vertical>.btn-group+.btn-group {
margin-top: -1px;
margin-left: 0
}
.btn-group-vertical>.btn:not(:first-child):not(:last-child) {
border-radius: 0
}
.btn-group-vertical>.btn:first-child:not(:last-child) {
border-top-right-radius: 4px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0
}
.btn-group-vertical>.btn:last-child:not(:first-child) {
border-top-right-radius: 0;
border-bottom-left-radius: 4px;
border-top-left-radius: 0
}
.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn {
border-radius: 0
}
.btn-group-vertical>.btn-group:first-child>.btn:last-child,
.btn-group-vertical>.btn-group:first-child>.dropdown-toggle {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0
}
.btn-group-vertical>.btn-group:last-child>.btn:first-child {
border-top-right-radius: 0;
border-top-left-radius: 0
}
.btn-group-justified {
display: table;
width: 100%;
border-collapse: separate;
table-layout: fixed
}
.btn-group-justified .btn {
display: table-cell;
float: none;
width: 1%
}
[data-toggle=\"buttons\"]>.btn>input[type=\"radio\"],
[data-toggle=\"buttons\"]>.btn>input[type=\"checkbox\"] {
display: none
}
.input-group {
position: relative;
display: table;
border-collapse: separate
}
.input-group.col {
float: none;
padding-right: 0;
padding-left: 0
}
.input-group .form-control {
width: 100%;
margin-bottom: 0
}
.input-group-lg>.form-control,
.input-group-lg>.input-group-addon,
.input-group-lg>.input-group-btn>.btn {
height: 45px;
padding: 10px 16px;
font-size: 18px;
line-height: 1.33;
border-radius: 6px
}
select.input-group-lg>.form-control,
select.input-group-lg>.input-group-addon,
select.input-group-lg>.input-group-btn>.btn {
height: 45px;
line-height: 45px
}
textarea.input-group-lg>.form-control,
textarea.input-group-lg>.input-group-addon,
textarea.input-group-lg>.input-group-btn>.btn {
height: auto
}
.input-group-sm>.form-control,
.input-group-sm>.input-group-addon,
.input-group-sm>.input-group-btn>.btn {
height: 30px;
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px
}
select.input-group-sm>.form-control,
select.input-group-sm>.input-group-addon,
select.input-group-sm>.input-group-btn>.btn {
height: 30px;
line-height: 30px
}
textarea.input-group-sm>.form-control,
textarea.input-group-sm>.input-group-addon,
textarea.input-group-sm>.input-group-btn>.btn {
height: auto
}
.input-group-addon,
.input-group-btn,
.input-group .form-control {
display: table-cell
}
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
border-radius: 0
}
.input-group-addon,
.input-group-btn {
width: 1%;
white-space: nowrap;
vertical-align: middle
}
.input-group-addon {
padding: 6px 12px;
font-size: 14px;
font-weight: normal;
line-height: 1;
text-align: center;
background-color: #eee;
border: 1px solid #ccc;
border-radius: 4px
}
.input-group-addon.input-sm {
padding: 5px 10px;
font-size: 12px;
border-radius: 3px
}
.input-group-addon.input-lg {
padding: 10px 16px;
font-size: 18px;
border-radius: 6px
}
.input-group-addon input[type=\"radio\"],
.input-group-addon input[type=\"checkbox\"] {
margin-top: 0
}
.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child>.btn,
.input-group-btn:first-child>.dropdown-toggle,
.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.input-group-addon:first-child {
border-right: 0
}
.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.dropdown-toggle,
.input-group-btn:first-child>.btn:not(:first-child) {
border-bottom-left-radius: 0;
border-top-left-radius: 0
}
.input-group-addon:last-child {
border-left: 0
}
.input-group-btn {
position: relative;
white-space: nowrap
}
.input-group-btn>.btn {
position: relative
}
.input-group-btn>.btn+.btn {
margin-left: -4px
}
.input-group-btn>.btn:hover,
.input-group-btn>.btn:active {
z-index: 2
}
.nav {
padding-left: 0;
margin-bottom: 0;
list-style: none
}
.nav:before,
.nav:after {
display: table;
content: \" \"
}
.nav:after {
clear: both
}
.nav:before,
.nav:after {
display: table;
content: \" \"
}
.nav:after {
clear: both
}
.nav>li {
position: relative;
display: block
}
.nav>li>a {
position: relative;
display: block;
padding: 10px 15px
}
.nav>li>a:hover,
.nav>li>a:focus {
text-decoration: none;
background-color: #eee
}
.nav>li.disabled>a {
color: #999
}
.nav>li.disabled>a:hover,
.nav>li.disabled>a:focus {
color: #999;
text-decoration: none;
cursor: not-allowed;
background-color: transparent
}
.nav .open>a,
.nav .open>a:hover,
.nav .open>a:focus {
background-color: #eee;
border-color: #428bca
}
.nav .nav-divider {
height: 1px;
margin: 9px 0;
overflow: hidden;
background-color: #e5e5e5
}
.nav>li>a>img {
max-width: none
}
.nav-tabs {
border-bottom: 1px solid #ddd
}
.nav-tabs>li {
float: left;
margin-bottom: -1px
}
.nav-tabs>li>a {
margin-right: 2px;
line-height: 1.428571429;
border: 1px solid transparent;
border-radius: 4px 4px 0 0
}
.nav-tabs>li>a:hover {
border-color: #eee #eee #ddd
}
.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
color: #555;
cursor: default;
background-color: #fff;
border: 1px solid #ddd;
border-bottom-color: transparent
}
.nav-tabs.nav-justified {
width: 100%;
border-bottom: 0
}
.nav-tabs.nav-justified>li {
float: none
}
.nav-tabs.nav-justified>li>a {
text-align: center
}
@media(min-width:768px) {
.nav-tabs.nav-justified>li {
display: table-cell;
width: 1%
}
}
.nav-tabs.nav-justified>li>a {
margin-right: 0;
border-bottom: 1px solid #ddd
}
.nav-tabs.nav-justified>.active>a {
border-bottom-color: #fff
}
.nav-pills>li {
float: left
}
.nav-pills>li>a {
border-radius: 5px
}
.nav-pills>li+li {
margin-left: 2px
}
.nav-pills>li.active>a,
.nav-pills>li.active>a:hover,
.nav-pills>li.active>a:focus {
color: #fff;
background-color: #428bca
}
.nav-stacked>li {
float: none
}
.nav-stacked>li+li {
margin-top: 2px;
margin-left: 0
}
.nav-justified {
width: 100%
}
.nav-justified>li {
float: none
}
.nav-justified>li>a {
text-align: center
}
@media(min-width:768px) {
.nav-justified>li {
display: table-cell;
width: 1%
}
}
.nav-tabs-justified {
border-bottom: 0
}
.nav-tabs-justified>li>a {
margin-right: 0;
border-bottom: 1px solid #ddd
}
.nav-tabs-justified>.active>a {
border-bottom-color: #fff
}
.tabbable:before,
.tabbable:after {
display: table;
content: \" \"
}
.tabbable:after {
clear: both
}
.tabbable:before,
.tabbable:after {
display: table;
content: \" \"
}
.tabbable:after {
clear: both
}
.tab-content>.tab-pane,
.pill-content>.pill-pane {
display: none
}
.tab-content>.active,
.pill-content>.active {
display: block
}
.nav .caret {
border-top-color: #428bca;
border-bottom-color: #428bca
}
.nav a:hover .caret {
border-top-color: #2a6496;
border-bottom-color: #2a6496
}
.nav-tabs .dropdown-menu {
margin-top: -1px;
border-top-right-radius: 0;
border-top-left-radius: 0
}
.navbar {
position: relative;
z-index: 1000;
min-height: 50px;
margin-bottom: 20px;
border: 1px solid transparent
}
.navbar:before,
.navbar:after {
display: table;
content: \" \"
}
.navbar:after {
clear: both
}
.navbar:before,
.navbar:after {
display: table;
content: \" \"
}
.navbar:after {
clear: both
}
@media(min-width:768px) {
.navbar {
border-radius: 4px
}
}
.navbar-header:before,
.navbar-header:after {
display: table;
content: \" \"
}
.navbar-header:after {
clear: both
}
.navbar-header:before,
.navbar-header:after {
display: table;
content: \" \"
}
.navbar-header:after {
clear: both
}
@media(min-width:768px) {
.navbar-header {
float: left
}
}
.navbar-collapse {
max-height: 340px;
padding-right: 15px;
padding-left: 15px;
overflow-x: visible;
border-top: 1px solid transparent;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
-webkit-overflow-scrolling: touch
}
.navbar-collapse:before,
.navbar-collapse:after {
display: table;
content: \" \"
}
.navbar-collapse:after {
clear: both
}
.navbar-collapse:before,
.navbar-collapse:after {
display: table;
content: \" \"
}
.navbar-collapse:after {
clear: both
}
.navbar-collapse.in {
overflow-y: auto
}
@media(min-width:768px) {
.navbar-collapse {
width: auto;
border-top: 0;
box-shadow: none
}
.navbar-collapse.collapse {
display: block !important;
height: auto !important;
padding-bottom: 0;
overflow: visible !important
}
.navbar-collapse.in {
overflow-y: visible
}
.navbar-collapse .navbar-nav.navbar-left:first-child {
margin-left: -15px
}
.navbar-collapse .navbar-nav.navbar-right:last-child {
margin-right: -15px
}
.navbar-collapse .navbar-text:last-child {
margin-right: 0
}
}
.container>.navbar-header,
.container>.navbar-collapse {
margin-right: -15px;
margin-left: -15px
}
@media(min-width:768px) {
.container>.navbar-header,
.container>.navbar-collapse {
margin-right: 0;
margin-left: 0
}
}
.navbar-static-top {
border-width: 0 0 1px
}
@media(min-width:768px) {
.navbar-static-top {
border-radius: 0
}
}
.navbar-fixed-top,
.navbar-fixed-bottom {
position: fixed;
right: 0;
left: 0;
border-width: 0 0 1px
}
@media(min-width:768px) {
.navbar-fixed-top,
.navbar-fixed-bottom {
border-radius: 0
}
}
.navbar-fixed-top {
top: 0;
z-index: 1030
}
.navbar-fixed-bottom {
bottom: 0;
margin-bottom: 0
}
.navbar-brand {
float: left;
padding: 15px 15px;
font-size: 18px;
line-height: 20px
}
.navbar-brand:hover,
.navbar-brand:focus {
text-decoration: none
}
@media(min-width:768px) {
.navbar>.container .navbar-brand {
margin-left: -15px
}
}
.navbar-toggle {
position: relative;
float: right;
padding: 9px 10px;
margin-top: 8px;
margin-right: 15px;
margin-bottom: 8px;
background-color: transparent;
border: 1px solid transparent;
border-radius: 4px
}
.navbar-toggle .icon-bar {
display: block;
width: 22px;
height: 2px;
border-radius: 1px
}
.navbar-toggle .icon-bar+.icon-bar {
margin-top: 4px
}
@media(min-width:768px) {
.navbar-toggle {
display: none
}
}
.navbar-nav {
margin: 7.5px -15px
}
.navbar-nav>li>a {
padding-top: 10px;
padding-bottom: 10px;
line-height: 20px
}
@media(max-width:767px) {
.navbar-nav .open .dropdown-menu {
position: static;
float: none;
width: auto;
margin-top: 0;
background-color: transparent;
border: 0;
box-shadow: none
}
.navbar-nav .open .dropdown-menu>li>a,
.navbar-nav .open .dropdown-menu .dropdown-header {
padding: 5px 15px 5px 25px
}
.navbar-nav .open .dropdown-menu>li>a {
line-height: 20px
}
.navbar-nav .open .dropdown-menu>li>a:hover,
.navbar-nav .open .dropdown-menu>li>a:focus {
background-image: none
}
}
@media(min-width:768px) {
.navbar-nav {
float: left;
margin: 0
}
.navbar-nav>li {
float: left
}
.navbar-nav>li>a {
padding-top: 15px;
padding-bottom: 15px
}
}
@media(min-width:768px) {
.navbar-left {
float: left !important
}
.navbar-right {
float: right !important
}
}
.navbar-form {
padding: 10px 15px;
margin-top: 8px;
margin-right: -15px;
margin-bottom: 8px;
margin-left: -15px;
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1)
}
@media(min-width:768px) {
.navbar-form .form-group {
display: inline-block;
margin-bottom: 0;
vertical-align: middle
}
.navbar-form .form-control {
display: inline-block
}
.navbar-form .radio,
.navbar-form .checkbox {
display: inline-block;
padding-left: 0;
margin-top: 0;
margin-bottom: 0
}
.navbar-form .radio input[type=\"radio\"],
.navbar-form .checkbox input[type=\"checkbox\"] {
float: none;
margin-left: 0
}
}
@media(max-width:767px) {
.navbar-form .form-group {
margin-bottom: 5px
}
}
@media(min-width:768px) {
.navbar-form {
width: auto;
padding-top: 0;
padding-bottom: 0;
margin-right: 0;
margin-left: 0;
border: 0;
-webkit-box-shadow: none;
box-shadow: none
}
}
.navbar-nav>li>.dropdown-menu {
margin-top: 0;
border-top-right-radius: 0;
border-top-left-radius: 0
}
.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0
}
.navbar-nav.pull-right>li>.dropdown-menu,
.navbar-nav>li>.dropdown-menu.pull-right {
right: 0;
left: auto
}
.navbar-btn {
margin-top: 8px;
margin-bottom: 8px
}
.navbar-text {
float: left;
margin-top: 15px;
margin-bottom: 15px
}
@media(min-width:768px) {
.navbar-text {
margin-right: 15px;
margin-left: 15px
}
}
.navbar-default {
background-color: #f8f8f8;
border-color: #e7e7e7
}
.navbar-default .navbar-brand {
color: #777
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
color: #5e5e5e;
background-color: transparent
}
.navbar-default .navbar-text {
color: #777
}
.navbar-default .navbar-nav>li>a {
color: #777
}
.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus {
color: #333;
background-color: transparent
}
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
color: #555;
background-color: #e7e7e7
}
.navbar-default .navbar-nav>.disabled>a,
.navbar-default .navbar-nav>.disabled>a:hover,
.navbar-default .navbar-nav>.disabled>a:focus {
color: #ccc;
background-color: transparent
}
.navbar-default .navbar-toggle {
border-color: #ddd
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
background-color: #ddd
}
.navbar-default .navbar-toggle .icon-bar {
background-color: #ccc
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
border-color: #e6e6e6
}
.navbar-default .navbar-nav>.dropdown>a:hover .caret,
.navbar-default .navbar-nav>.dropdown>a:focus .caret {
border-top-color: #333;
border-bottom-color: #333
}
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus {
color: #555;
background-color: #e7e7e7
}
.navbar-default .navbar-nav>.open>a .caret,
.navbar-default .navbar-nav>.open>a:hover .caret,
.navbar-default .navbar-nav>.open>a:focus .caret {
border-top-color: #555;
border-bottom-color: #555
}
.navbar-default .navbar-nav>.dropdown>a .caret {
border-top-color: #777;
border-bottom-color: #777
}
@media(max-width:767px) {
.navbar-default .navbar-nav .open .dropdown-menu>li>a {
color: #777
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,
.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {
color: #333;
background-color: transparent
}
.navbar-default .navbar-nav .open .dropdown-menu>.active>a,
.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover,
.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus {
color: #555;
background-color: #e7e7e7
}
.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,
.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover,
.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus {
color: #ccc;
background-color: transparent
}
}
.navbar-default .navbar-link {
color: #777
}
.navbar-default .navbar-link:hover {
color: #333
}
.navbar-inverse {
background-color: #222;
border-color: #080808
}
.navbar-inverse .navbar-brand {
color: #999
}
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
color: #fff;
background-color: transparent
}
.navbar-inverse .navbar-text {
color: #999
}
.navbar-inverse .navbar-nav>li>a {
color: #999
}
.navbar-inverse .navbar-nav>li>a:hover,
.navbar-inverse .navbar-nav>li>a:focus {
color: #fff;
background-color: transparent
}
.navbar-inverse .navbar-nav>.active>a,
.navbar-inverse .navbar-nav>.active>a:hover,
.navbar-inverse .navbar-nav>.active>a:focus {
color: #fff;
background-color: #080808
}
.navbar-inverse .navbar-nav>.disabled>a,
.navbar-inverse .navbar-nav>.disabled>a:hover,
.navbar-inverse .navbar-nav>.disabled>a:focus {
color: #444;
background-color: transparent
}
.navbar-inverse .navbar-toggle {
border-color: #333
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
background-color: #333
}
.navbar-inverse .navbar-toggle .icon-bar {
background-color: #fff
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
border-color: #101010
}
.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a:hover,
.navbar-inverse .navbar-nav>.open>a:focus {
color: #fff;
background-color: #080808
}
.navbar-inverse .navbar-nav>.dropdown>a:hover .caret {
border-top-color: #fff;
border-bottom-color: #fff
}
.navbar-inverse .navbar-nav>.dropdown>a .caret {
border-top-color: #999;
border-bottom-color: #999
}
.navbar-inverse .navbar-nav>.open>a .caret,
.navbar-inverse .navbar-nav>.open>a:hover .caret,
.navbar-inverse .navbar-nav>.open>a:focus .caret {
border-top-color: #fff;
border-bottom-color: #fff
}
@media(max-width:767px) {
.navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header {
border-color: #080808
}
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
color: #999
}
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover,
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus {
color: #fff;
background-color: transparent
}
.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,
.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover,
.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus {
color: #fff;
background-color: #080808
}
.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,
.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover,
.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus {
color: #444;
background-color: transparent
}
}
.navbar-inverse .navbar-link {
color: #999
}
.navbar-inverse .navbar-link:hover {
color: #fff
}
.breadcrumb {
padding: 8px 15px;
margin-bottom: 20px;
list-style: none;
background-color: #f5f5f5;
border-radius: 4px
}
.breadcrumb>li {
display: inline-block
}
.breadcrumb>li+li:before {
padding: 0 5px;
color: #ccc;
content: \"/\\00a0\"
}
.breadcrumb>.active {
color: #999
}
.pagination {
display: inline-block;
padding-left: 0;
margin: 20px 0;
border-radius: 4px
}
.pagination>li {
display: inline
}
.pagination>li>a,
.pagination>li>span {
position: relative;
float: left;
padding: 6px 12px;
margin-left: -1px;
line-height: 1.428571429;
text-decoration: none;
background-color: #fff;
border: 1px solid #ddd
}
.pagination>li:first-child>a,
.pagination>li:first-child>span {
margin-left: 0;
border-bottom-left-radius: 4px;
border-top-left-radius: 4px
}
.pagination>li:last-child>a,
.pagination>li:last-child>span {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px
}
.pagination>li>a:hover,
.pagination>li>span:hover,
.pagination>li>a:focus,
.pagination>li>span:focus {
background-color: #eee
}
.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
z-index: 2;
color: #fff;
cursor: default;
background-color: #428bca;
border-color: #428bca
}
.pagination>.disabled>span,
.pagination>.disabled>a,
.pagination>.disabled>a:hover,
.pagination>.disabled>a:focus {
color: #999;
cursor: not-allowed;
background-color: #fff;
border-color: #ddd
}
.pagination-lg>li>a,
.pagination-lg>li>span {
padding: 10px 16px;
font-size: 18px
}
.pagination-lg>li:first-child>a,
.pagination-lg>li:first-child>span {
border-bottom-left-radius: 6px;
border-top-left-radius: 6px
}
.pagination-lg>li:last-child>a,
.pagination-lg>li:last-child>span {
border-top-right-radius: 6px;
border-bottom-right-radius: 6px
}
.pagination-sm>li>a,
.pagination-sm>li>span {
padding: 5px 10px;
font-size: 12px
}
.pagination-sm>li:first-child>a,
.pagination-sm>li:first-child>span {
border-bottom-left-radius: 3px;
border-top-left-radius: 3px
}
.pagination-sm>li:last-child>a,
.pagination-sm>li:last-child>span {
border-top-right-radius: 3px;
border-bottom-right-radius: 3px
}
.pager {
padding-left: 0;
margin: 20px 0;
text-align: center;
list-style: none
}
.pager:before,
.pager:after {
display: table;
content: \" \"
}
.pager:after {
clear: both
}
.pager:before,
.pager:after {
display: table;
content: \" \"
}
.pager:after {
clear: both
}
.pager li {
display: inline
}
.pager li>a,
.pager li>span {
display: inline-block;
padding: 5px 14px;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 15px
}
.pager li>a:hover,
.pager li>a:focus {
text-decoration: none;
background-color: #eee
}
.pager .next>a,
.pager .next>span {
float: right
}
.pager .previous>a,
.pager .previous>span {
float: left
}
.pager .disabled>a,
.pager .disabled>a:hover,
.pager .disabled>a:focus,
.pager .disabled>span {
color: #999;
cursor: not-allowed;
background-color: #fff
}
.label {
display: inline;
padding: .2em .6em .3em;
font-size: 75%;
font-weight: bold;
line-height: 1;
color: #fff;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: .25em
}
.label[href]:hover,
.label[href]:focus {
color: #fff;
text-decoration: none;
cursor: pointer
}
.label:empty {
display: none
}
.label-default {
background-color: #999
}
.label-default[href]:hover,
.label-default[href]:focus {
background-color: #808080
}
.label-primary {
background-color: #428bca
}
.label-primary[href]:hover,
.label-primary[href]:focus {
background-color: #3071a9
}
.label-success {
background-color: #5cb85c
}
.label-success[href]:hover,
.label-success[href]:focus {
background-color: #449d44
}
.label-info {
background-color: #5bc0de
}
.label-info[href]:hover,
.label-info[href]:focus {
background-color: #31b0d5
}
.label-warning {
background-color: #f0ad4e
}
.label-warning[href]:hover,
.label-warning[href]:focus {
background-color: #ec971f
}
.label-danger {
background-color: #d9534f
}
.label-danger[href]:hover,
.label-danger[href]:focus {
background-color: #c9302c
}
.badge {
display: inline-block;
min-width: 10px;
padding: 3px 7px;
font-size: 12px;
font-weight: bold;
line-height: 1;
color: #fff;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
background-color: #999;
border-radius: 10px
}
.badge:empty {
display: none
}
a.badge:hover,
a.badge:focus {
color: #fff;
text-decoration: none;
cursor: pointer
}
.btn .badge {
position: relative;
top: -1px
}
a.list-group-item.active>.badge,
.nav-pills>.active>a>.badge {
color: #428bca;
background-color: #fff
}
.nav-pills>li>a>.badge {
margin-left: 3px
}
.jumbotron {
padding: 30px;
margin-bottom: 30px;
font-size: 21px;
font-weight: 200;
line-height: 2.1428571435;
color: inherit;
background-color: #eee
}
.jumbotron h1 {
line-height: 1;
color: inherit
}
.jumbotron p {
line-height: 1.4
}
.container .jumbotron {
border-radius: 6px
}
@media screen and (min-width:768px) {
.jumbotron {
padding-top: 48px;
padding-bottom: 48px
}
.container .jumbotron {
padding-right: 60px;
padding-left: 60px
}
.jumbotron h1 {
font-size: 63px
}
}
.thumbnail {
display: inline-block;
display: block;
height: auto;
max-width: 100%;
padding: 4px;
line-height: 1.428571429;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 4px;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out
}
.thumbnail>img {
display: block;
height: auto;
max-width: 100%
}
a.thumbnail:hover,
a.thumbnail:focus {
border-color: #428bca
}
.thumbnail>img {
margin-right: auto;
margin-left: auto
}
.thumbnail .caption {
padding: 9px;
color: #333
}
.alert {
padding: 15px;
margin-bottom: 20px;
border: 1px solid transparent;
border-radius: 4px
}
.alert h4 {
margin-top: 0;
color: inherit
}
.alert .alert-link {
font-weight: bold
}
.alert>p,
.alert>ul {
margin-bottom: 0
}
.alert>p+p {
margin-top: 5px
}
.alert-dismissable {
padding-right: 35px
}
.alert-dismissable .close {
position: relative;
top: -2px;
right: -21px;
color: inherit
}
.alert-success {
color: #468847;
background-color: #dff0d8;
border-color: #d6e9c6
}
.alert-success hr {
border-top-color: #c9e2b3
}
.alert-success .alert-link {
color: #356635
}
.alert-info {
color: #3a87ad;
background-color: #d9edf7;
border-color: #bce8f1
}
.alert-info hr {
border-top-color: #a6e1ec
}
.alert-info .alert-link {
color: #2d6987
}
.alert-warning {
color: #c09853;
background-color: #fcf8e3;
border-color: #fbeed5
}
.alert-warning hr {
border-top-color: #f8e5be
}
.alert-warning .alert-link {
color: #a47e3c
}
.alert-danger {
color: #b94a48;
background-color: #f2dede;
border-color: #eed3d7
}
.alert-danger hr {
border-top-color: #e6c1c7
}
.alert-danger .alert-link {
color: #953b39
}
@-webkit-keyframes progress-bar-stripes {
from {
background-position: 40px 0
}
to {
background-position: 0 0
}
}
@-moz-keyframes progress-bar-stripes {
from {
background-position: 40px 0
}
to {
background-position: 0 0
}
}
@-o-keyframes progress-bar-stripes {
from {
background-position: 0 0
}
to {
background-position: 40px 0
}
}
@keyframes progress-bar-stripes {
from {
background-position: 40px 0
}
to {
background-position: 0 0
}
}
.progress {
height: 20px;
margin-bottom: 20px;
overflow: hidden;
background-color: #f5f5f5;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1)
}
.progress-bar {
float: left;
width: 0;
height: 100%;
font-size: 12px;
color: #fff;
text-align: center;
background-color: #428bca;
-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
-webkit-transition: width .6s ease;
transition: width .6s ease
}
.progress-striped .progress-bar {
background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-size: 40px 40px
}
.progress.active .progress-bar {
-webkit-animation: progress-bar-stripes 2s linear infinite;
-moz-animation: progress-bar-stripes 2s linear infinite;
-ms-animation: progress-bar-stripes 2s linear infinite;
-o-animation: progress-bar-stripes 2s linear infinite;
animation: progress-bar-stripes 2s linear infinite
}
.progress-bar-success {
background-color: #5cb85c
}
.progress-striped .progress-bar-success {
background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)
}
.progress-bar-info {
background-color: #5bc0de
}
.progress-striped .progress-bar-info {
background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)
}
.progress-bar-warning {
background-color: #f0ad4e
}
.progress-striped .progress-bar-warning {
background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)
}
.progress-bar-danger {
background-color: #d9534f
}
.progress-striped .progress-bar-danger {
background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)
}
.media,
.media-body {
overflow: hidden;
zoom: 1
}
.media,
.media .media {
margin-top: 15px
}
.media:first-child {
margin-top: 0
}
.media-object {
display: block
}
.media-heading {
margin: 0 0 5px
}
.media>.pull-left {
margin-right: 10px
}
.media>.pull-right {
margin-left: 10px
}
.media-list {
padding-left: 0;
list-style: none
}
.list-group {
padding-left: 0;
margin-bottom: 20px
}
.list-group-item {
position: relative;
display: block;
padding: 10px 15px;
margin-bottom: -1px;
background-color: #fff;
border: 1px solid #ddd
}
.list-group-item:first-child {
border-top-right-radius: 4px;
border-top-left-radius: 4px
}
.list-group-item:last-child {
margin-bottom: 0;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px
}
.list-group-item>.badge {
float: right
}
.list-group-item>.badge+.badge {
margin-right: 5px
}
a.list-group-item {
color: #555
}
a.list-group-item .list-group-item-heading {
color: #333
}
a.list-group-item:hover,
a.list-group-item:focus {
text-decoration: none;
background-color: #f5f5f5
}
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
z-index: 2;
color: #fff;
background-color: #428bca;
border-color: #428bca
}
.list-group-item.active .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading {
color: inherit
}
.list-group-item.active .list-group-item-text,
.list-group-item.active:hover .list-group-item-text,
.list-group-item.active:focus .list-group-item-text {
color: #e1edf7
}
.list-group-item-heading {
margin-top: 0;
margin-bottom: 5px
}
.list-group-item-text {
margin-bottom: 0;
line-height: 1.3
}
.panel {
margin-bottom: 20px;
background-color: #fff;
border: 1px solid transparent;
border-radius: 4px;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05)
}
.panel-body {
padding: 15px
}
.panel-body:before,
.panel-body:after {
display: table;
content: \" \"
}
.panel-body:after {
clear: both
}
.panel-body:before,
.panel-body:after {
display: table;
content: \" \"
}
.panel-body:after {
clear: both
}
.panel>.list-group {
margin-bottom: 0
}
.panel>.list-group .list-group-item {
border-width: 1px 0
}
.panel>.list-group .list-group-item:first-child {
border-top-right-radius: 0;
border-top-left-radius: 0
}
.panel>.list-group .list-group-item:last-child {
border-bottom: 0
}
.panel-heading+.list-group .list-group-item:first-child {
border-top-width: 0
}
.panel>.table {
margin-bottom: 0
}
.panel>.panel-body+.table {
border-top: 1px solid #ddd
}
.panel-heading {
padding: 10px 15px;
border-bottom: 1px solid transparent;
border-top-right-radius: 3px;
border-top-left-radius: 3px
}
.panel-title {
margin-top: 0;
margin-bottom: 0;
font-size: 16px
}
.panel-title>a {
color: inherit
}
.panel-footer {
padding: 10px 15px;
background-color: #f5f5f5;
border-top: 1px solid #ddd;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px
}
.panel-group .panel {
margin-bottom: 0;
overflow: hidden;
border-radius: 4px
}
.panel-group .panel+.panel {
margin-top: 5px
}
.panel-group .panel-heading {
border-bottom: 0
}
.panel-group .panel-heading+.panel-collapse .panel-body {
border-top: 1px solid #ddd
}
.panel-group .panel-footer {
border-top: 0
}
.panel-group .panel-footer+.panel-collapse .panel-body {
border-bottom: 1px solid #ddd
}
.panel-default {
border-color: #ddd
}
.panel-default>.panel-heading {
color: #333;
background-color: #f5f5f5;
border-color: #ddd
}
.panel-default>.panel-heading+.panel-collapse .panel-body {
border-top-color: #ddd
}
.panel-default>.panel-footer+.panel-collapse .panel-body {
border-bottom-color: #ddd
}
.panel-primary {
border-color: #428bca
}
.panel-primary>.panel-heading {
color: #fff;
background-color: #428bca;
border-color: #428bca
}
.panel-primary>.panel-heading+.panel-collapse .panel-body {
border-top-color: #428bca
}
.panel-primary>.panel-footer+.panel-collapse .panel-body {
border-bottom-color: #428bca
}
.panel-success {
border-color: #d6e9c6
}
.panel-success>.panel-heading {
color: #468847;
background-color: #dff0d8;
border-color: #d6e9c6
}
.panel-success>.panel-heading+.panel-collapse .panel-body {
border-top-color: #d6e9c6
}
.panel-success>.panel-footer+.panel-collapse .panel-body {
border-bottom-color: #d6e9c6
}
.panel-warning {
border-color: #fbeed5
}
.panel-warning>.panel-heading {
color: #c09853;
background-color: #fcf8e3;
border-color: #fbeed5
}
.panel-warning>.panel-heading+.panel-collapse .panel-body {
border-top-color: #fbeed5
}
.panel-warning>.panel-footer+.panel-collapse .panel-body {
border-bottom-color: #fbeed5
}
.panel-danger {
border-color: #eed3d7
}
.panel-danger>.panel-heading {
color: #b94a48;
background-color: #f2dede;
border-color: #eed3d7
}
.panel-danger>.panel-heading+.panel-collapse .panel-body {
border-top-color: #eed3d7
}
.panel-danger>.panel-footer+.panel-collapse .panel-body {
border-bottom-color: #eed3d7
}
.panel-info {
border-color: #bce8f1
}
.panel-info>.panel-heading {
color: #3a87ad;
background-color: #d9edf7;
border-color: #bce8f1
}
.panel-info>.panel-heading+.panel-collapse .panel-body {
border-top-color: #bce8f1
}
.panel-info>.panel-footer+.panel-collapse .panel-body {
border-bottom-color: #bce8f1
}
.well {
min-height: 20px;
padding: 19px;
margin-bottom: 20px;
background-color: #f5f5f5;
border: 1px solid #e3e3e3;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05)
}
.well blockquote {
border-color: #ddd;
border-color: rgba(0, 0, 0, 0.15)
}
.well-lg {
padding: 24px;
border-radius: 6px
}
.well-sm {
padding: 9px;
border-radius: 3px
}
.close {
float: right;
font-size: 21px;
font-weight: bold;
line-height: 1;
color: #000;
text-shadow: 0 1px 0 #fff;
opacity: .2;
filter: alpha(opacity=20)
}
.close:hover,
.close:focus {
color: #000;
text-decoration: none;
cursor: pointer;
opacity: .5;
filter: alpha(opacity=50)
}
button.close {
padding: 0;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none
}
.modal-open {
overflow: hidden
}
body.modal-open,
.modal-open .navbar-fixed-top,
.modal-open .navbar-fixed-bottom {
margin-right: 15px
}
.modal {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1040;
display: none;
overflow: auto;
overflow-y: scroll
}
.modal.fade .modal-dialog {
-webkit-transform: translate(0, -25%);
-ms-transform: translate(0, -25%);
transform: translate(0, -25%);
-webkit-transition: -webkit-transform .3s ease-out;
-moz-transition: -moz-transform .3s ease-out;
-o-transition: -o-transform .3s ease-out;
transition: transform .3s ease-out
}
.modal.in .modal-dialog {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0)
}
.modal-dialog {
z-index: 1050;
width: auto;
padding: 10px;
margin-right: auto;
margin-left: auto
}
.modal-content {
position: relative;
background-color: #fff;
border: 1px solid #999;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 6px;
outline: 0;
-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
background-clip: padding-box
}
.modal-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1030;
background-color: #000
}
.modal-backdrop.fade {
opacity: 0;
filter: alpha(opacity=0)
}
.modal-backdrop.in {
opacity: .5;
filter: alpha(opacity=50)
}
.modal-header {
min-height: 16.428571429px;
padding: 15px;
border-bottom: 1px solid #e5e5e5
}
.modal-header .close {
margin-top: -2px
}
.modal-title {
margin: 0;
line-height: 1.428571429
}
.modal-body {
position: relative;
padding: 20px
}
.modal-footer {
padding: 19px 20px 20px;
margin-top: 15px;
text-align: right;
border-top: 1px solid #e5e5e5
}
.modal-footer:before,
.modal-footer:after {
display: table;
content: \" \"
}
.modal-footer:after {
clear: both
}
.modal-footer:before,
.modal-footer:after {
display: table;
content: \" \"
}
.modal-footer:after {
clear: both
}
.modal-footer .btn+.btn {
margin-bottom: 0;
margin-left: 5px
}
.modal-footer .btn-group .btn+.btn {
margin-left: -1px
}
.modal-footer .btn-block+.btn-block {
margin-left: 0
}
@media screen and (min-width:768px) {
.modal-dialog {
right: auto;
left: 50%;
width: 600px;
padding-top: 30px;
padding-bottom: 30px
}
.modal-content {
-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5)
}
}
.tooltip {
position: absolute;
z-index: 1030;
display: block;
font-size: 12px;
line-height: 1.4;
opacity: 0;
filter: alpha(opacity=0);
visibility: visible
}
.tooltip.in {
opacity: .9;
filter: alpha(opacity=90)
}
.tooltip.top {
padding: 5px 0;
margin-top: -3px
}
.tooltip.right {
padding: 0 5px;
margin-left: 3px
}
.tooltip.bottom {
padding: 5px 0;
margin-top: 3px
}
.tooltip.left {
padding: 0 5px;
margin-left: -3px
}
.tooltip-inner {
max-width: 200px;
padding: 3px 8px;
color: #fff;
text-align: center;
text-decoration: none;
background-color: #000;
border-radius: 4px
}
.tooltip-arrow {
position: absolute;
width: 0;
height: 0;
border-color: transparent;
border-style: solid
}
.tooltip.top .tooltip-arrow {
bottom: 0;
left: 50%;
margin-left: -5px;
border-top-color: #000;
border-width: 5px 5px 0
}
.tooltip.top-left .tooltip-arrow {
bottom: 0;
left: 5px;
border-top-color: #000;
border-width: 5px 5px 0
}
.tooltip.top-right .tooltip-arrow {
right: 5px;
bottom: 0;
border-top-color: #000;
border-width: 5px 5px 0
}
.tooltip.right .tooltip-arrow {
top: 50%;
left: 0;
margin-top: -5px;
border-right-color: #000;
border-width: 5px 5px 5px 0
}
.tooltip.left .tooltip-arrow {
top: 50%;
right: 0;
margin-top: -5px;
border-left-color: #000;
border-width: 5px 0 5px 5px
}
.tooltip.bottom .tooltip-arrow {
top: 0;
left: 50%;
margin-left: -5px;
border-bottom-color: #000;
border-width: 0 5px 5px
}
.tooltip.bottom-left .tooltip-arrow {
top: 0;
left: 5px;
border-bottom-color: #000;
border-width: 0 5px 5px
}
.tooltip.bottom-right .tooltip-arrow {
top: 0;
right: 5px;
border-bottom-color: #000;
border-width: 0 5px 5px
}
.popover {
position: absolute;
top: 0;
left: 0;
z-index: 1010;
display: none;
max-width: 276px;
padding: 1px;
text-align: left;
white-space: normal;
background-color: #fff;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 6px;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
background-clip: padding-box
}
.popover.top {
margin-top: -10px
}
.popover.right {
margin-left: 10px
}
.popover.bottom {
margin-top: 10px
}
.popover.left {
margin-left: -10px
}
.popover-title {
padding: 8px 14px;
margin: 0;
font-size: 14px;
font-weight: normal;
line-height: 18px;
background-color: #f7f7f7;
border-bottom: 1px solid #ebebeb;
border-radius: 5px 5px 0 0
}
.popover-content {
padding: 9px 14px
}
.popover .arrow,
.popover .arrow:after {
position: absolute;
display: block;
width: 0;
height: 0;
border-color: transparent;
border-style: solid
}
.popover .arrow {
border-width: 11px
}
.popover .arrow:after {
border-width: 10px;
content: \"\"
}
.popover.top .arrow {
bottom: -11px;
left: 50%;
margin-left: -11px;
border-top-color: #999;
border-top-color: rgba(0, 0, 0, 0.25);
border-bottom-width: 0
}
.popover.top .arrow:after {
bottom: 1px;
margin-left: -10px;
border-top-color: #fff;
border-bottom-width: 0;
content: \" \"
}
.popover.right .arrow {
top: 50%;
left: -11px;
margin-top: -11px;
border-right-color: #999;
border-right-color: rgba(0, 0, 0, 0.25);
border-left-width: 0
}
.popover.right .arrow:after {
bottom: -10px;
left: 1px;
border-right-color: #fff;
border-left-width: 0;
content: \" \"
}
.popover.bottom .arrow {
top: -11px;
left: 50%;
margin-left: -11px;
border-bottom-color: #999;
border-bottom-color: rgba(0, 0, 0, 0.25);
border-top-width: 0
}
.popover.bottom .arrow:after {
top: 1px;
margin-left: -10px;
border-bottom-color: #fff;
border-top-width: 0;
content: \" \"
}
.popover.left .arrow {
top: 50%;
right: -11px;
margin-top: -11px;
border-left-color: #999;
border-left-color: rgba(0, 0, 0, 0.25);
border-right-width: 0
}
.popover.left .arrow:after {
right: 1px;
bottom: -10px;
border-left-color: #fff;
border-right-width: 0;
content: \" \"
}
.carousel {
position: relative
}
.carousel-inner {
position: relative;
width: 100%;
overflow: hidden
}
.carousel-inner>.item {
position: relative;
display: none;
-webkit-transition: .6s ease-in-out left;
transition: .6s ease-in-out left
}
.carousel-inner>.item>img,
.carousel-inner>.item>a>img {
display: block;
height: auto;
max-width: 100%;
line-height: 1
}
.carousel-inner>.active,
.carousel-inner>.next,
.carousel-inner>.prev {
display: block
}
.carousel-inner>.active {
left: 0
}
.carousel-inner>.next,
.carousel-inner>.prev {
position: absolute;
top: 0;
width: 100%
}
.carousel-inner>.next {
left: 100%
}
.carousel-inner>.prev {
left: -100%
}
.carousel-inner>.next.left,
.carousel-inner>.prev.right {
left: 0
}
.carousel-inner>.active.left {
left: -100%
}
.carousel-inner>.active.right {
left: 100%
}
.carousel-control {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 15%;
font-size: 20px;
color: #fff;
text-align: center;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
opacity: .5;
filter: alpha(opacity=50)
}
.carousel-control.left {
background-image: -webkit-gradient(linear, 0 top, 100% top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001)));
background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.5) 0), color-stop(rgba(0, 0, 0, 0.0001) 100%));
background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%);
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=\'#80000000\', endColorstr=\'#00000000\', GradientType=1)
}
.carousel-control.right {
right: 0;
left: auto;
background-image: -webkit-gradient(linear, 0 top, 100% top, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5)));
background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.0001) 0), color-stop(rgba(0, 0, 0, 0.5) 100%));
background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%);
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=\'#00000000\', endColorstr=\'#80000000\', GradientType=1)
}
.carousel-control:hover,
.carousel-control:focus {
color: #fff;
text-decoration: none;
opacity: .9;
filter: alpha(opacity=90)
}
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
position: absolute;
top: 50%;
left: 50%;
z-index: 5;
display: inline-block
}
.carousel-control .icon-prev,
.carousel-control .icon-next {
width: 20px;
height: 20px;
margin-top: -10px;
margin-left: -10px;
font-family: serif
}
.carousel-control .icon-prev:before {
content: \'\\2039\'
}
.carousel-control .icon-next:before {
content: \'\\203a\'
}
.carousel-indicators {
position: absolute;
bottom: 10px;
left: 50%;
z-index: 15;
width: 60%;
padding-left: 0;
margin-left: -30%;
text-align: center;
list-style: none
}
.carousel-indicators li {
display: inline-block;
width: 10px;
height: 10px;
margin: 1px;
text-indent: -999px;
cursor: pointer;
border: 1px solid #fff;
border-radius: 10px
}
.carousel-indicators .active {
width: 12px;
height: 12px;
margin: 0;
background-color: #fff
}
.carousel-caption {
position: absolute;
right: 15%;
bottom: 20px;
left: 15%;
z-index: 10;
padding-top: 20px;
padding-bottom: 20px;
color: #fff;
text-align: center;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6)
}
.carousel-caption .btn {
text-shadow: none
}
@media screen and (min-width:768px) {
.carousel-control .icon-prev,
.carousel-control .icon-next {
width: 30px;
height: 30px;
margin-top: -15px;
margin-left: -15px;
font-size: 30px
}
.carousel-caption {
right: 20%;
left: 20%;
padding-bottom: 30px
}
.carousel-indicators {
bottom: 20px
}
}
.clearfix:before,
.clearfix:after {
display: table;
content: \" \"
}
.clearfix:after {
clear: both
}
.pull-right {
float: right !important
}
.pull-left {
float: left !important
}
.hide {
display: none !important
}
.show {
display: block !important
}
.invisible {
visibility: hidden
}
.text-hide {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0
}
.affix {
position: fixed
}
@-ms-viewport {
width: device-width
}
@media screen and (max-width:400px) {
@-ms-viewport {
width: 320px
}
}
.hidden {
display: none !important;
visibility: hidden !important
}
.visible-xs {
display: none !important
}
tr.visible-xs {
display: none !important
}
th.visible-xs,
td.visible-xs {
display: none !important
}
@media(max-width:767px) {
.visible-xs {
display: block !important
}
tr.visible-xs {
display: table-row !important
}
th.visible-xs,
td.visible-xs {
display: table-cell !important
}
}
@media(min-width:768px) and (max-width:991px) {
.visible-xs.visible-sm {
display: block !important
}
tr.visible-xs.visible-sm {
display: table-row !important
}
th.visible-xs.visible-sm,
td.visible-xs.visible-sm {
display: table-cell !important
}
}
@media(min-width:992px) and (max-width:1199px) {
.visible-xs.visible-md {
display: block !important
}
tr.visible-xs.visible-md {
display: table-row !important
}
th.visible-xs.visible-md,
td.visible-xs.visible-md {
display: table-cell !important
}
}
@media(min-width:1200px) {
.visible-xs.visible-lg {
display: block !important
}
tr.visible-xs.visible-lg {
display: table-row !important
}
th.visible-xs.visible-lg,
td.visible-xs.visible-lg {
display: table-cell !important
}
}
.visible-sm {
display: none !important
}
tr.visible-sm {
display: none !important
}
th.visible-sm,
td.visible-sm {
display: none !important
}
@media(max-width:767px) {
.visible-sm.visible-xs {
display: block !important
}
tr.visible-sm.visible-xs {
display: table-row !important
}
th.visible-sm.visible-xs,
td.visible-sm.visible-xs {
display: table-cell !important
}
}
@media(min-width:768px) and (max-width:991px) {
.visible-sm {
display: block !important
}
tr.visible-sm {
display: table-row !important
}
th.visible-sm,
td.visible-sm {
display: table-cell !important
}
}
@media(min-width:992px) and (max-width:1199px) {
.visible-sm.visible-md {
display: block !important
}
tr.visible-sm.visible-md {
display: table-row !important
}
th.visible-sm.visible-md,
td.visible-sm.visible-md {
display: table-cell !important
}
}
@media(min-width:1200px) {
.visible-sm.visible-lg {
display: block !important
}
tr.visible-sm.visible-lg {
display: table-row !important
}
th.visible-sm.visible-lg,
td.visible-sm.visible-lg {
display: table-cell !important
}
}
.visible-md {
display: none !important
}
tr.visible-md {
display: none !important
}
th.visible-md,
td.visible-md {
display: none !important
}
@media(max-width:767px) {
.visible-md.visible-xs {
display: block !important
}
tr.visible-md.visible-xs {
display: table-row !important
}
th.visible-md.visible-xs,
td.visible-md.visible-xs {
display: table-cell !important
}
}
@media(min-width:768px) and (max-width:991px) {
.visible-md.visible-sm {
display: block !important
}
tr.visible-md.visible-sm {
display: table-row !important
}
th.visible-md.visible-sm,
td.visible-md.visible-sm {
display: table-cell !important
}
}
@media(min-width:992px) and (max-width:1199px) {
.visible-md {
display: block !important
}
tr.visible-md {
display: table-row !important
}
th.visible-md,
td.visible-md {
display: table-cell !important
}
}
@media(min-width:1200px) {
.visible-md.visible-lg {
display: block !important
}
tr.visible-md.visible-lg {
display: table-row !important
}
th.visible-md.visible-lg,
td.visible-md.visible-lg {
display: table-cell !important
}
}
.visible-lg {
display: none !important
}
tr.visible-lg {
display: none !important
}
th.visible-lg,
td.visible-lg {
display: none !important
}
@media(max-width:767px) {
.visible-lg.visible-xs {
display: block !important
}
tr.visible-lg.visible-xs {
display: table-row !important
}
th.visible-lg.visible-xs,
td.visible-lg.visible-xs {
display: table-cell !important
}
}
@media(min-width:768px) and (max-width:991px) {
.visible-lg.visible-sm {
display: block !important
}
tr.visible-lg.visible-sm {
display: table-row !important
}
th.visible-lg.visible-sm,
td.visible-lg.visible-sm {
display: table-cell !important
}
}
@media(min-width:992px) and (max-width:1199px) {
.visible-lg.visible-md {
display: block !important
}
tr.visible-lg.visible-md {
display: table-row !important
}
th.visible-lg.visible-md,
td.visible-lg.visible-md {
display: table-cell !important
}
}
@media(min-width:1200px) {
.visible-lg {
display: block !important
}
tr.visible-lg {
display: table-row !important
}
th.visible-lg,
td.visible-lg {
display: table-cell !important
}
}
.hidden-xs {
display: block !important
}
tr.hidden-xs {
display: table-row !important
}
th.hidden-xs,
td.hidden-xs {
display: table-cell !important
}
@media(max-width:767px) {
.hidden-xs {
display: none !important
}
tr.hidden-xs {
display: none !important
}
th.hidden-xs,
td.hidden-xs {
display: none !important
}
}
@media(min-width:768px) and (max-width:991px) {
.hidden-xs.hidden-sm {
display: none !important
}
tr.hidden-xs.hidden-sm {
display: none !important
}
th.hidden-xs.hidden-sm,
td.hidden-xs.hidden-sm {
display: none !important
}
}
@media(min-width:992px) and (max-width:1199px) {
.hidden-xs.hidden-md {
display: none !important
}
tr.hidden-xs.hidden-md {
display: none !important
}
th.hidden-xs.hidden-md,
td.hidden-xs.hidden-md {
display: none !important
}
}
@media(min-width:1200px) {
.hidden-xs.hidden-lg {
display: none !important
}
tr.hidden-xs.hidden-lg {
display: none !important
}
th.hidden-xs.hidden-lg,
td.hidden-xs.hidden-lg {
display: none !important
}
}
.hidden-sm {
display: block !important
}
tr.hidden-sm {
display: table-row !important
}
th.hidden-sm,
td.hidden-sm {
display: table-cell !important
}
@media(max-width:767px) {
.hidden-sm.hidden-xs {
display: none !important
}
tr.hidden-sm.hidden-xs {
display: none !important
}
th.hidden-sm.hidden-xs,
td.hidden-sm.hidden-xs {
display: none !important
}
}
@media(min-width:768px) and (max-width:991px) {
.hidden-sm {
display: none !important
}
tr.hidden-sm {
display: none !important
}
th.hidden-sm,
td.hidden-sm {
display: none !important
}
}
@media(min-width:992px) and (max-width:1199px) {
.hidden-sm.hidden-md {
display: none !important
}
tr.hidden-sm.hidden-md {
display: none !important
}
th.hidden-sm.hidden-md,
td.hidden-sm.hidden-md {
display: none !important
}
}
@media(min-width:1200px) {
.hidden-sm.hidden-lg {
display: none !important
}
tr.hidden-sm.hidden-lg {
display: none !important
}
th.hidden-sm.hidden-lg,
td.hidden-sm.hidden-lg {
display: none !important
}
}
.hidden-md {
display: block !important
}
tr.hidden-md {
display: table-row !important
}
th.hidden-md,
td.hidden-md {
display: table-cell !important
}
@media(max-width:767px) {
.hidden-md.hidden-xs {
display: none !important
}
tr.hidden-md.hidden-xs {
display: none !important
}
th.hidden-md.hidden-xs,
td.hidden-md.hidden-xs {
display: none !important
}
}
@media(min-width:768px) and (max-width:991px) {
.hidden-md.hidden-sm {
display: none !important
}
tr.hidden-md.hidden-sm {
display: none !important
}
th.hidden-md.hidden-sm,
td.hidden-md.hidden-sm {
display: none !important
}
}
@media(min-width:992px) and (max-width:1199px) {
.hidden-md {
display: none !important
}
tr.hidden-md {
display: none !important
}
th.hidden-md,
td.hidden-md {
display: none !important
}
}
@media(min-width:1200px) {
.hidden-md.hidden-lg {
display: none !important
}
tr.hidden-md.hidden-lg {
display: none !important
}
th.hidden-md.hidden-lg,
td.hidden-md.hidden-lg {
display: none !important
}
}
.hidden-lg {
display: block !important
}
tr.hidden-lg {
display: table-row !important
}
th.hidden-lg,
td.hidden-lg {
display: table-cell !important
}
@media(max-width:767px) {
.hidden-lg.hidden-xs {
display: none !important
}
tr.hidden-lg.hidden-xs {
display: none !important
}
th.hidden-lg.hidden-xs,
td.hidden-lg.hidden-xs {
display: none !important
}
}
@media(min-width:768px) and (max-width:991px) {
.hidden-lg.hidden-sm {
display: none !important
}
tr.hidden-lg.hidden-sm {
display: none !important
}
th.hidden-lg.hidden-sm,
td.hidden-lg.hidden-sm {
display: none !important
}
}
@media(min-width:992px) and (max-width:1199px) {
.hidden-lg.hidden-md {
display: none !important
}
tr.hidden-lg.hidden-md {
display: none !important
}
th.hidden-lg.hidden-md,
td.hidden-lg.hidden-md {
display: none !important
}
}
@media(min-width:1200px) {
.hidden-lg {
display: none !important
}
tr.hidden-lg {
display: none !important
}
th.hidden-lg,
td.hidden-lg {
display: none !important
}
}
.visible-print {
display: none !important
}
tr.visible-print {
display: none !important
}
th.visible-print,
td.visible-print {
display: none !important
}
@media print {
.visible-print {
display: block !important
}
tr.visible-print {
display: table-row !important
}
th.visible-print,
td.visible-print {
display: table-cell !important
}
.hidden-print {
display: none !important
}
tr.hidden-print {
display: none !important
}
th.hidden-print,
td.hidden-print {
display: none !important
}
}
.progressbar {
width: 100%;
margin-top: 5px;
position: relative;
background-color: #eee;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1)
}
.proggress {
height: 8px;
width: 10px;
background-color: #3498db
}
.percentCount {
float: right;
margin-top: 10px;
clear: both;
font-size: 44px;
color: #caddf4;
position: absolute;
right: 0;
top: -50px
}
.percentCount span {
font-size: 16px
}
/*! jQuery UI - v1.12.1 - 2016-09-14
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=333333&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=333333&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=003eff&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px
* Copyright jQuery Foundation and other contributors; Licensed MIT */
.ui-helper-hidden {
display: none
}
.ui-helper-hidden-accessible {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px
}
.ui-helper-reset {
margin: 0;
padding: 0;
border: 0;
outline: 0;
line-height: 1.3;
text-decoration: none;
font-size: 100%;
list-style: none
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
content: \"\";
display: table;
border-collapse: collapse
}
.ui-helper-clearfix:after {
clear: both
}
.ui-helper-zfix {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
opacity: 0;
filter: Alpha(Opacity=0)
}
.ui-front {
z-index: 100
}
.ui-state-disabled {
cursor: default !important;
pointer-events: none
}
.ui-icon {
display: inline-block;
vertical-align: middle;
margin-top: -.25em;
position: relative;
text-indent: -99999px;
overflow: hidden;
background-repeat: no-repeat
}
.ui-widget-icon-block {
left: 50%;
margin-left: -8px;
display: block
}
.ui-widget-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.ui-accordion .ui-accordion-header {
display: block;
cursor: pointer;
position: relative;
margin: 2px 0 0 0;
padding: .5em .5em .5em .7em;
font-size: 100%
}
.ui-accordion .ui-accordion-content {
padding: 1em 2.2em;
border-top: 0;
overflow: auto
}
.ui-autocomplete {
position: absolute;
top: 0;
left: 0;
cursor: default
}
.ui-menu {
list-style: none;
padding: 0;
margin: 0;
display: block;
outline: 0
}
.ui-menu .ui-menu {
position: absolute
}
.ui-menu .ui-menu-item {
margin: 0;
cursor: pointer;
list-style-image: url(\"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\")
}
.ui-menu .ui-menu-item-wrapper {
position: relative;
padding: 3px 1em 3px .4em
}
.ui-menu .ui-menu-divider {
margin: 5px 0;
height: 0;
font-size: 0;
line-height: 0;
border-width: 1px 0 0 0
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
margin: -1px
}
.ui-menu-icons {
position: relative
}
.ui-menu-icons .ui-menu-item-wrapper {
padding-left: 2em
}
.ui-menu .ui-icon {
position: absolute;
top: 0;
bottom: 0;
left: .2em;
margin: auto 0
}
.ui-menu .ui-menu-icon {
left: auto;
right: 0
}
.ui-button {
padding: .4em 1em;
display: inline-block;
position: relative;
line-height: normal;
margin-right: .1em;
cursor: pointer;
vertical-align: middle;
text-align: center;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
overflow: visible
}
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
text-decoration: none
}
.ui-button-icon-only {
width: 2em;
box-sizing: border-box;
text-indent: -9999px;
white-space: nowrap
}
input.ui-button.ui-button-icon-only {
text-indent: 0
}
.ui-button-icon-only .ui-icon {
position: absolute;
top: 50%;
left: 50%;
margin-top: -8px;
margin-left: -8px
}
.ui-button.ui-icon-notext .ui-icon {
padding: 0;
width: 2.1em;
height: 2.1em;
text-indent: -9999px;
white-space: nowrap
}
input.ui-button.ui-icon-notext .ui-icon {
width: auto;
height: auto;
text-indent: 0;
white-space: normal;
padding: .4em 1em
}
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
border: 0;
padding: 0
}
.ui-controlgroup {
vertical-align: middle;
display: inline-block
}
.ui-controlgroup>.ui-controlgroup-item {
float: left;
margin-left: 0;
margin-right: 0
}
.ui-controlgroup>.ui-controlgroup-item:focus,
.ui-controlgroup>.ui-controlgroup-item.ui-visual-focus {
z-index: 9999
}
.ui-controlgroup-vertical>.ui-controlgroup-item {
display: block;
float: none;
width: 100%;
margin-top: 0;
margin-bottom: 0;
text-align: left
}
.ui-controlgroup-vertical .ui-controlgroup-item {
box-sizing: border-box
}
.ui-controlgroup .ui-controlgroup-label {
padding: .4em 1em
}
.ui-controlgroup .ui-controlgroup-label span {
font-size: 80%
}
.ui-controlgroup-horizontal .ui-controlgroup-label+.ui-controlgroup-item {
border-left: 0
}
.ui-controlgroup-vertical .ui-controlgroup-label+.ui-controlgroup-item {
border-top: 0
}
.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
border-right: 0
}
.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
border-bottom: 0
}
.ui-controlgroup-vertical .ui-spinner-input {
width: 75%;
width: calc(100% - 2.4em)
}
.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
border-top-style: solid
}
.ui-checkboxradio-label .ui-icon-background {
box-shadow: inset 1px 1px 1px #ccc;
border-radius: .12em;
border: 0
}
.ui-checkboxradio-radio-label .ui-icon-background {
width: 16px;
height: 16px;
border-radius: 1em;
overflow: visible;
border: 0
}
.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
background-image: none;
width: 8px;
height: 8px;
border-width: 4px;
border-style: solid
}
.ui-checkboxradio-disabled {
pointer-events: none
}
.ui-datepicker {
width: 17em;
padding: .2em .2em 0;
display: none
}
.ui-datepicker .ui-datepicker-header {
position: relative;
padding: .2em 0
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
position: absolute;
top: 2px;
width: 1.8em;
height: 1.8em
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
top: 1px
}
.ui-datepicker .ui-datepicker-prev {
left: 2px
}
.ui-datepicker .ui-datepicker-next {
right: 2px
}
.ui-datepicker .ui-datepicker-prev-hover {
left: 1px
}
.ui-datepicker .ui-datepicker-next-hover {
right: 1px
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
display: block;
position: absolute;
left: 50%;
margin-left: -8px;
top: 50%;
margin-top: -8px
}
.ui-datepicker .ui-datepicker-title {
margin: 0 2.3em;
line-height: 1.8em;
text-align: center
}
.ui-datepicker .ui-datepicker-title select {
font-size: 1em;
margin: 1px 0
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
width: 45%
}
.ui-datepicker table {
width: 100%;
font-size: .9em;
border-collapse: collapse;
margin: 0 0 .4em
}
.ui-datepicker th {
padding: .7em .3em;
text-align: center;
font-weight: bold;
border: 0
}
.ui-datepicker td {
border: 0;
padding: 1px
}
.ui-datepicker td span,
.ui-datepicker td a {
display: block;
padding: .2em;
text-align: right;
text-decoration: none
}
.ui-datepicker .ui-datepicker-buttonpane {
background-image: none;
margin: .7em 0 0 0;
padding: 0 .2em;
border-left: 0;
border-right: 0;
border-bottom: 0
}
.ui-datepicker .ui-datepicker-buttonpane button {
float: right;
margin: .5em .2em .4em;
cursor: pointer;
padding: .2em .6em .3em .6em;
width: auto;
overflow: visible
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
float: left
}
.ui-datepicker.ui-datepicker-multi {
width: auto
}
.ui-datepicker-multi .ui-datepicker-group {
float: left
}
.ui-datepicker-multi .ui-datepicker-group table {
width: 95%;
margin: 0 auto .4em
}
.ui-datepicker-multi-2 .ui-datepicker-group {
width: 50%
}
.ui-datepicker-multi-3 .ui-datepicker-group {
width: 33.3%
}
.ui-datepicker-multi-4 .ui-datepicker-group {
width: 25%
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
border-left-width: 0
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
clear: left
}
.ui-datepicker-row-break {
clear: both;
width: 100%;
font-size: 0
}
.ui-datepicker-rtl {
direction: rtl
}
.ui-datepicker-rtl .ui-datepicker-prev {
right: 2px;
left: auto
}
.ui-datepicker-rtl .ui-datepicker-next {
left: 2px;
right: auto
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
right: 1px;
left: auto
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
left: 1px;
right: auto
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
clear: right
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
float: left
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
float: right
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
border-right-width: 0;
border-left-width: 1px
}
.ui-datepicker .ui-icon {
display: block;
text-indent: -99999px;
overflow: hidden;
background-repeat: no-repeat;
left: .5em;
top: .3em
}
.ui-dialog {
position: absolute;
top: 0;
left: 0;
padding: .2em;
outline: 0
}
.ui-dialog .ui-dialog-titlebar {
padding: .4em 1em;
position: relative
}
.ui-dialog .ui-dialog-title {
float: left;
margin: .1em 0;
white-space: nowrap;
width: 90%;
overflow: hidden;
text-overflow: ellipsis
}
.ui-dialog .ui-dialog-titlebar-close {
position: absolute;
right: .3em;
top: 50%;
width: 20px;
margin: -10px 0 0 0;
padding: 1px;
height: 20px
}
.ui-dialog .ui-dialog-content {
position: relative;
border: 0;
padding: .5em 1em;
background: none;
overflow: auto
}
.ui-dialog .ui-dialog-buttonpane {
text-align: left;
border-width: 1px 0 0 0;
background-image: none;
margin-top: .5em;
padding: .3em 1em .5em .4em
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
float: right
}
.ui-dialog .ui-dialog-buttonpane button {
margin: .5em .4em .5em 0;
cursor: pointer
}
.ui-dialog .ui-resizable-n {
height: 2px;
top: 0
}
.ui-dialog .ui-resizable-e {
width: 2px;
right: 0
}
.ui-dialog .ui-resizable-s {
height: 2px;
bottom: 0
}
.ui-dialog .ui-resizable-w {
width: 2px;
left: 0
}
.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
width: 7px;
height: 7px
}
.ui-dialog .ui-resizable-se {
right: 0;
bottom: 0
}
.ui-dialog .ui-resizable-sw {
left: 0;
bottom: 0
}
.ui-dialog .ui-resizable-ne {
right: 0;
top: 0
}
.ui-dialog .ui-resizable-nw {
left: 0;
top: 0
}
.ui-draggable .ui-dialog-titlebar {
cursor: move
}
.ui-draggable-handle {
-ms-touch-action: none;
touch-action: none
}
.ui-resizable {
position: relative
}
.ui-resizable-handle {
position: absolute;
font-size: .1px;
display: block;
-ms-touch-action: none;
touch-action: none
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
display: none
}
.ui-resizable-n {
cursor: n-resize;
height: 7px;
width: 100%;
top: -5px;
left: 0
}
.ui-resizable-s {
cursor: s-resize;
height: 7px;
width: 100%;
bottom: -5px;
left: 0
}
.ui-resizable-e {
cursor: e-resize;
width: 7px;
right: -5px;
top: 0;
height: 100%
}
.ui-resizable-w {
cursor: w-resize;
width: 7px;
left: -5px;
top: 0;
height: 100%
}
.ui-resizable-se {
cursor: se-resize;
width: 12px;
height: 12px;
right: 1px;
bottom: 1px
}
.ui-resizable-sw {
cursor: sw-resize;
width: 9px;
height: 9px;
left: -5px;
bottom: -5px
}
.ui-resizable-nw {
cursor: nw-resize;
width: 9px;
height: 9px;
left: -5px;
top: -5px
}
.ui-resizable-ne {
cursor: ne-resize;
width: 9px;
height: 9px;
right: -5px;
top: -5px
}
.ui-progressbar {
height: 2em;
text-align: left;
overflow: hidden
}
.ui-progressbar .ui-progressbar-value {
margin: -1px;
height: 100%
}
.ui-progressbar .ui-progressbar-overlay {
background: url(\"data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==\");
height: 100%;
filter: alpha(opacity=25);
opacity: .25
}
.ui-progressbar-indeterminate .ui-progressbar-value {
background-image: none
}
.ui-selectable {
-ms-touch-action: none;
touch-action: none
}
.ui-selectable-helper {
position: absolute;
z-index: 100;
border: 1px dotted #000
}
.ui-selectmenu-menu {
padding: 0;
margin: 0;
position: absolute;
top: 0;
left: 0;
display: none
}
.ui-selectmenu-menu .ui-menu {
overflow: auto;
overflow-x: hidden;
padding-bottom: 1px
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
font-size: 1em;
font-weight: bold;
line-height: 1.5;
padding: 2px .4em;
margin: .5em 0 0 0;
height: auto;
border: 0
}
.ui-selectmenu-open {
display: block
}
.ui-selectmenu-text {
display: block;
margin-right: 20px;
overflow: hidden;
text-overflow: ellipsis
}
.ui-selectmenu-button.ui-button {
text-align: left;
white-space: nowrap;
width: 14em
}
.ui-selectmenu-icon.ui-icon {
float: right;
margin-top: 0
}
.ui-slider {
position: relative;
text-align: left
}
.ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
width: 1.2em;
height: 1.2em;
cursor: default;
-ms-touch-action: none;
touch-action: none
}
.ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
font-size: .7em;
display: block;
border: 0;
background-position: 0 0
}
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
filter: inherit
}
.ui-slider-horizontal {
height: .8em
}
.ui-slider-horizontal .ui-slider-handle {
top: -.3em;
margin-left: -.6em
}
.ui-slider-horizontal .ui-slider-range {
top: 0;
height: 100%
}
.ui-slider-horizontal .ui-slider-range-min {
left: 0
}
.ui-slider-horizontal .ui-slider-range-max {
right: 0
}
.ui-slider-vertical {
width: .8em;
height: 100px
}
.ui-slider-vertical .ui-slider-handle {
left: -.3em;
margin-left: 0;
margin-bottom: -.6em
}
.ui-slider-vertical .ui-slider-range {
left: 0;
width: 100%
}
.ui-slider-vertical .ui-slider-range-min {
bottom: 0
}
.ui-slider-vertical .ui-slider-range-max {
top: 0
}
.ui-sortable-handle {
-ms-touch-action: none;
touch-action: none
}
.ui-spinner {
position: relative;
display: inline-block;
overflow: hidden;
padding: 0;
vertical-align: middle
}
.ui-spinner-input {
border: 0;
background: none;
color: inherit;
padding: .222em 0;
margin: .2em 0;
vertical-align: middle;
margin-left: .4em;
margin-right: 2em
}
.ui-spinner-button {
width: 1.6em;
height: 50%;
font-size: .5em;
padding: 0;
margin: 0;
text-align: center;
position: absolute;
cursor: default;
display: block;
overflow: hidden;
right: 0
}
.ui-spinner a.ui-spinner-button {
border-top-style: none;
border-bottom-style: none;
border-right-style: none
}
.ui-spinner-up {
top: 0
}
.ui-spinner-down {
bottom: 0
}
.ui-tabs {
position: relative;
padding: .2em
}
.ui-tabs .ui-tabs-nav {
margin: 0;
padding: .2em .2em 0
}
.ui-tabs .ui-tabs-nav li {
list-style: none;
float: left;
position: relative;
top: 0;
margin: 1px .2em 0 0;
border-bottom-width: 0;
padding: 0;
white-space: nowrap
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
float: left;
padding: .5em 1em;
text-decoration: none
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
margin-bottom: -1px;
padding-bottom: 1px
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
cursor: text
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
cursor: pointer
}
.ui-tabs .ui-tabs-panel {
display: block;
border-width: 0;
padding: 1em 1.4em;
background: none
}
.ui-tooltip {
padding: 8px;
position: absolute;
z-index: 9999;
max-width: 300px
}
body .ui-tooltip {
border-width: 2px
}
.ui-widget {
font-family: Arial, Helvetica, sans-serif;
font-size: 1em
}
.ui-widget .ui-widget {
font-size: 1em
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
font-family: Arial, Helvetica, sans-serif;
font-size: 1em
}
.ui-widget.ui-widget-content {
border: 1px solid #c5c5c5
}
.ui-widget-content {
border: 1px solid #ddd;
background: #fff;
color: #333
}
.ui-widget-content a {
color: #333
}
.ui-widget-header {
border: 1px solid #ddd;
background: #e9e9e9;
color: #333;
font-weight: bold
}
.ui-widget-header a {
color: #333
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
border: 1px solid #c5c5c5;
background: #f6f6f6;
font-weight: normal;
color: #454545
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
color: #454545;
text-decoration: none
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
border: 1px solid #ccc;
background: #ededed;
font-weight: normal;
color: #2b2b2b
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
color: #2b2b2b;
text-decoration: none
}
.ui-visual-focus {
box-shadow: 0 0 3px 1px #5e9ed6
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
border: 1px solid #003eff;
background: #007fff;
font-weight: normal;
color: #fff
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
border: #003eff;
background-color: #fff
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
color: #fff;
text-decoration: none
}
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
border: 1px solid #dad55e;
background: #fffa90;
color: #777620
}
.ui-state-checked {
border: 1px solid #dad55e;
background: #fffa90
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
color: #777620
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
border: 1px solid #f1a899;
background: #fddfdf;
color: #5f3f3f
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
color: #5f3f3f
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
color: #5f3f3f
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
font-weight: bold
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
opacity: .7;
filter: Alpha(Opacity=70);
font-weight: normal
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
opacity: .35;
filter: Alpha(Opacity=35);
background-image: none
}
.ui-state-disabled .ui-icon {
filter: Alpha(Opacity=35)
}
.ui-icon {
width: 16px;
height: 16px
}
.ui-icon,
.ui-widget-content .ui-icon {
background-image: var(--jquery-ui-444444-src)
}
.ui-widget-header .ui-icon {
background-image: var(--jquery-ui-444444-src)
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
background-image: var(--jquery-ui-555555-src)
}
.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
background-image: var(--jquery-ui-ffffff-src)
}
.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
background-image: var(--jquery-ui-777620-src)
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
background-image: var(--jquery-ui-cc0000-src)
}
.ui-button .ui-icon {
background-image: var(--jquery-ui-777777-src)
}
.ui-icon-blank {
background-position: 16px 16px
}
.ui-icon-caret-1-n {
background-position: 0 0
}
.ui-icon-caret-1-ne {
background-position: -16px 0
}
.ui-icon-caret-1-e {
background-position: -32px 0
}
.ui-icon-caret-1-se {
background-position: -48px 0
}
.ui-icon-caret-1-s {
background-position: -65px 0
}
.ui-icon-caret-1-sw {
background-position: -80px 0
}
.ui-icon-caret-1-w {
background-position: -96px 0
}
.ui-icon-caret-1-nw {
background-position: -112px 0
}
.ui-icon-caret-2-n-s {
background-position: -128px 0
}
.ui-icon-caret-2-e-w {
background-position: -144px 0
}
.ui-icon-triangle-1-n {
background-position: 0 -16px
}
.ui-icon-triangle-1-ne {
background-position: -16px -16px
}
.ui-icon-triangle-1-e {
background-position: -32px -16px
}
.ui-icon-triangle-1-se {
background-position: -48px -16px
}
.ui-icon-triangle-1-s {
background-position: -65px -16px
}
.ui-icon-triangle-1-sw {
background-position: -80px -16px
}
.ui-icon-triangle-1-w {
background-position: -96px -16px
}
.ui-icon-triangle-1-nw {
background-position: -112px -16px
}
.ui-icon-triangle-2-n-s {
background-position: -128px -16px
}
.ui-icon-triangle-2-e-w {
background-position: -144px -16px
}
.ui-icon-arrow-1-n {
background-position: 0 -32px
}
.ui-icon-arrow-1-ne {
background-position: -16px -32px
}
.ui-icon-arrow-1-e {
background-position: -32px -32px
}
.ui-icon-arrow-1-se {
background-position: -48px -32px
}
.ui-icon-arrow-1-s {
background-position: -65px -32px
}
.ui-icon-arrow-1-sw {
background-position: -80px -32px
}
.ui-icon-arrow-1-w {
background-position: -96px -32px
}
.ui-icon-arrow-1-nw {
background-position: -112px -32px
}
.ui-icon-arrow-2-n-s {
background-position: -128px -32px
}
.ui-icon-arrow-2-ne-sw {
background-position: -144px -32px
}
.ui-icon-arrow-2-e-w {
background-position: -160px -32px
}
.ui-icon-arrow-2-se-nw {
background-position: -176px -32px
}
.ui-icon-arrowstop-1-n {
background-position: -192px -32px
}
.ui-icon-arrowstop-1-e {
background-position: -208px -32px
}
.ui-icon-arrowstop-1-s {
background-position: -224px -32px
}
.ui-icon-arrowstop-1-w {
background-position: -240px -32px
}
.ui-icon-arrowthick-1-n {
background-position: 1px -48px
}
.ui-icon-arrowthick-1-ne {
background-position: -16px -48px
}
.ui-icon-arrowthick-1-e {
background-position: -32px -48px
}
.ui-icon-arrowthick-1-se {
background-position: -48px -48px
}
.ui-icon-arrowthick-1-s {
background-position: -64px -48px
}
.ui-icon-arrowthick-1-sw {
background-position: -80px -48px
}
.ui-icon-arrowthick-1-w {
background-position: -96px -48px
}
.ui-icon-arrowthick-1-nw {
background-position: -112px -48px
}
.ui-icon-arrowthick-2-n-s {
background-position: -128px -48px
}
.ui-icon-arrowthick-2-ne-sw {
background-position: -144px -48px
}
.ui-icon-arrowthick-2-e-w {
background-position: -160px -48px
}
.ui-icon-arrowthick-2-se-nw {
background-position: -176px -48px
}
.ui-icon-arrowthickstop-1-n {
background-position: -192px -48px
}
.ui-icon-arrowthickstop-1-e {
background-position: -208px -48px
}
.ui-icon-arrowthickstop-1-s {
background-position: -224px -48px
}
.ui-icon-arrowthickstop-1-w {
background-position: -240px -48px
}
.ui-icon-arrowreturnthick-1-w {
background-position: 0 -64px
}
.ui-icon-arrowreturnthick-1-n {
background-position: -16px -64px
}
.ui-icon-arrowreturnthick-1-e {
background-position: -32px -64px
}
.ui-icon-arrowreturnthick-1-s {
background-position: -48px -64px
}
.ui-icon-arrowreturn-1-w {
background-position: -64px -64px
}
.ui-icon-arrowreturn-1-n {
background-position: -80px -64px
}
.ui-icon-arrowreturn-1-e {
background-position: -96px -64px
}
.ui-icon-arrowreturn-1-s {
background-position: -112px -64px
}
.ui-icon-arrowrefresh-1-w {
background-position: -128px -64px
}
.ui-icon-arrowrefresh-1-n {
background-position: -144px -64px
}
.ui-icon-arrowrefresh-1-e {
background-position: -160px -64px
}
.ui-icon-arrowrefresh-1-s {
background-position: -176px -64px
}
.ui-icon-arrow-4 {
background-position: 0 -80px
}
.ui-icon-arrow-4-diag {
background-position: -16px -80px
}
.ui-icon-extlink {
background-position: -32px -80px
}
.ui-icon-newwin {
background-position: -48px -80px
}
.ui-icon-refresh {
background-position: -64px -80px
}
.ui-icon-shuffle {
background-position: -80px -80px
}
.ui-icon-transfer-e-w {
background-position: -96px -80px
}
.ui-icon-transferthick-e-w {
background-position: -112px -80px
}
.ui-icon-folder-collapsed {
background-position: 0 -96px
}
.ui-icon-folder-open {
background-position: -16px -96px
}
.ui-icon-document {
background-position: -32px -96px
}
.ui-icon-document-b {
background-position: -48px -96px
}
.ui-icon-note {
background-position: -64px -96px
}
.ui-icon-mail-closed {
background-position: -80px -96px
}
.ui-icon-mail-open {
background-position: -96px -96px
}
.ui-icon-suitcase {
background-position: -112px -96px
}
.ui-icon-comment {
background-position: -128px -96px
}
.ui-icon-person {
background-position: -144px -96px
}
.ui-icon-print {
background-position: -160px -96px
}
.ui-icon-trash {
background-position: -176px -96px
}
.ui-icon-locked {
background-position: -192px -96px
}
.ui-icon-unlocked {
background-position: -208px -96px
}
.ui-icon-bookmark {
background-position: -224px -96px
}
.ui-icon-tag {
background-position: -240px -96px
}
.ui-icon-home {
background-position: 0 -112px
}
.ui-icon-flag {
background-position: -16px -112px
}
.ui-icon-calendar {
background-position: -32px -112px
}
.ui-icon-cart {
background-position: -48px -112px
}
.ui-icon-pencil {
background-position: -64px -112px
}
.ui-icon-clock {
background-position: -80px -112px
}
.ui-icon-disk {
background-position: -96px -112px
}
.ui-icon-calculator {
background-position: -112px -112px
}
.ui-icon-zoomin {
background-position: -128px -112px
}
.ui-icon-zoomout {
background-position: -144px -112px
}
.ui-icon-search {
background-position: -160px -112px
}
.ui-icon-wrench {
background-position: -176px -112px
}
.ui-icon-gear {
background-position: -192px -112px
}
.ui-icon-heart {
background-position: -208px -112px
}
.ui-icon-star {
background-position: -224px -112px
}
.ui-icon-link {
background-position: -240px -112px
}
.ui-icon-cancel {
background-position: 0 -128px
}
.ui-icon-plus {
background-position: -16px -128px
}
.ui-icon-plusthick {
background-position: -32px -128px
}
.ui-icon-minus {
background-position: -48px -128px
}
.ui-icon-minusthick {
background-position: -64px -128px
}
.ui-icon-close {
background-position: -80px -128px
}
.ui-icon-closethick {
background-position: -96px -128px
}
.ui-icon-key {
background-position: -112px -128px
}
.ui-icon-lightbulb {
background-position: -128px -128px
}
.ui-icon-scissors {
background-position: -144px -128px
}
.ui-icon-clipboard {
background-position: -160px -128px
}
.ui-icon-copy {
background-position: -176px -128px
}
.ui-icon-contact {
background-position: -192px -128px
}
.ui-icon-image {
background-position: -208px -128px
}
.ui-icon-video {
background-position: -224px -128px
}
.ui-icon-script {
background-position: -240px -128px
}
.ui-icon-alert {
background-position: 0 -144px
}
.ui-icon-info {
background-position: -16px -144px
}
.ui-icon-notice {
background-position: -32px -144px
}
.ui-icon-help {
background-position: -48px -144px
}
.ui-icon-check {
background-position: -64px -144px
}
.ui-icon-bullet {
background-position: -80px -144px
}
.ui-icon-radio-on {
background-position: -96px -144px
}
.ui-icon-radio-off {
background-position: -112px -144px
}
.ui-icon-pin-w {
background-position: -128px -144px
}
.ui-icon-pin-s {
background-position: -144px -144px
}
.ui-icon-play {
background-position: 0 -160px
}
.ui-icon-pause {
background-position: -16px -160px
}
.ui-icon-seek-next {
background-position: -32px -160px
}
.ui-icon-seek-prev {
background-position: -48px -160px
}
.ui-icon-seek-end {
background-position: -64px -160px
}
.ui-icon-seek-start {
background-position: -80px -160px
}
.ui-icon-seek-first {
background-position: -80px -160px
}
.ui-icon-stop {
background-position: -96px -160px
}
.ui-icon-eject {
background-position: -112px -160px
}
.ui-icon-volume-off {
background-position: -128px -160px
}
.ui-icon-volume-on {
background-position: -144px -160px
}
.ui-icon-power {
background-position: 0 -176px
}
.ui-icon-signal-diag {
background-position: -16px -176px
}
.ui-icon-signal {
background-position: -32px -176px
}
.ui-icon-battery-0 {
background-position: -48px -176px
}
.ui-icon-battery-1 {
background-position: -64px -176px
}
.ui-icon-battery-2 {
background-position: -80px -176px
}
.ui-icon-battery-3 {
background-position: -96px -176px
}
.ui-icon-circle-plus {
background-position: 0 -192px
}
.ui-icon-circle-minus {
background-position: -16px -192px
}
.ui-icon-circle-close {
background-position: -32px -192px
}
.ui-icon-circle-triangle-e {
background-position: -48px -192px
}
.ui-icon-circle-triangle-s {
background-position: -64px -192px
}
.ui-icon-circle-triangle-w {
background-position: -80px -192px
}
.ui-icon-circle-triangle-n {
background-position: -96px -192px
}
.ui-icon-circle-arrow-e {
background-position: -112px -192px
}
.ui-icon-circle-arrow-s {
background-position: -128px -192px
}
.ui-icon-circle-arrow-w {
background-position: -144px -192px
}
.ui-icon-circle-arrow-n {
background-position: -160px -192px
}
.ui-icon-circle-zoomin {
background-position: -176px -192px
}
.ui-icon-circle-zoomout {
background-position: -192px -192px
}
.ui-icon-circle-check {
background-position: -208px -192px
}
.ui-icon-circlesmall-plus {
background-position: 0 -208px
}
.ui-icon-circlesmall-minus {
background-position: -16px -208px
}
.ui-icon-circlesmall-close {
background-position: -32px -208px
}
.ui-icon-squaresmall-plus {
background-position: -48px -208px
}
.ui-icon-squaresmall-minus {
background-position: -64px -208px
}
.ui-icon-squaresmall-close {
background-position: -80px -208px
}
.ui-icon-grip-dotted-vertical {
background-position: 0 -224px
}
.ui-icon-grip-dotted-horizontal {
background-position: -16px -224px
}
.ui-icon-grip-solid-vertical {
background-position: -32px -224px
}
.ui-icon-grip-solid-horizontal {
background-position: -48px -224px
}
.ui-icon-gripsmall-diagonal-se {
background-position: -64px -224px
}
.ui-icon-grip-diagonal-se {
background-position: -80px -224px
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
border-top-left-radius: 3px
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
border-top-right-radius: 3px
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
border-bottom-left-radius: 3px
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
border-bottom-right-radius: 3px
}
.ui-widget-overlay {
background: #aaa;
opacity: .3;
filter: Alpha(Opacity=30)
}
.ui-widget-shadow {
-webkit-box-shadow: 0 0 5px #666;
box-shadow: 0 0 5px #666
}
/*! jQuery Timepicker Addon - v1.6.3 - 2016-04-20
* http://trentrichardson.com/examples/timepicker
* Copyright (c) 2016 Trent Richardson; Licensed MIT */
.ui-timepicker-div .ui-widget-header {
margin-bottom: 8px
}
.ui-timepicker-div dl {
text-align: left
}
.ui-timepicker-div dl dt {
float: left;
clear: left;
padding: 0 0 0 5px
}
.ui-timepicker-div dl dd {
margin: 0 10px 10px 40%
}
.ui-timepicker-div td {
font-size: 90%
}
.ui-tpicker-grid-label {
background: 0 0;
border: 0;
margin: 0;
padding: 0
}
.ui-timepicker-div .ui_tpicker_unit_hide {
display: none
}
.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input {
background: 0 0;
color: inherit;
border: 0;
outline: 0;
border-bottom: solid 1px #555;
width: 95%
}
.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input:focus {
border-bottom-color: #aaa
}
.ui-timepicker-rtl {
direction: rtl
}
.ui-timepicker-rtl dl {
text-align: right;
padding: 0 5px 0 0
}
.ui-timepicker-rtl dl dt {
float: right;
clear: right
}
.ui-timepicker-rtl dl dd {
margin: 0 40% 10px 10px
}
.ui-timepicker-div.ui-timepicker-oneLine {
padding-right: 2px
}
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time,
.ui-timepicker-div.ui-timepicker-oneLine dt {
display: none
}
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time_label {
display: block;
padding-top: 2px
}
.ui-timepicker-div.ui-timepicker-oneLine dl {
text-align: right
}
.ui-timepicker-div.ui-timepicker-oneLine dl dd,
.ui-timepicker-div.ui-timepicker-oneLine dl dd>div {
display: inline-block;
margin: 0
}
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_minute:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_second:before {
content: \':\';
display: inline-block
}
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_millisec:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_microsec:before {
content: \'.\';
display: inline-block
}
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide,
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide:before {
display: none
}
.ztip-holder {
position: fixed;
display: block;
visibility: hidden;
opacity: 0;
z-index: 999999;
background: rgba(40, 40, 48, .94);
color: #fff;
padding: 7px;
border-radius: 2px;
top: auto;
right: auto;
bottom: auto;
left: auto;
max-width: 300px;
margin: 0;
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
transition: opacity .2s;
box-sizing: border-box;
font-size: 12px;
line-height: 16px;
text-align: center
}
.ztip-holder .zt-arrow {
content: \"\";
position: absolute;
display: block;
background: transparent;
width: 0;
height: 0;
border-style: solid;
z-index: 10;
border-color: transparent
}
.ztip-holder.ztip-show {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
visibility: visible;
opacity: 1
}
.ztip-holder.ztip-position-top .zt-arrow {
border-width: 6px 5px 0 5px;
border-top-color: rgba(40, 40, 48, .94);
top: 100%;
bottom: -6px
}
.ztip-holder.ztip-position-bottom .zt-arrow {
border-width: 0 5px 6px 5px;
border-bottom-color: rgba(40, 40, 48, .94);
top: 0;
bottom: auto;
margin-top: -6px
}
.ztip-holder.ztip-theme-red {
background: rgba(238, 84, 58, .94);
color: #fff
}
.ztip-holder.ztip-theme-red.ztip-position-top .zt-arrow {
border-top-color: rgba(238, 84, 58, .94)
}
.ztip-holder.ztip-theme-red.ztip-position-bottom .zt-arrow {
border-bottom-color: rgba(238, 84, 58, .94)
}
.ztip-holder.ztip-theme-red code {
background: rgba(242, 125, 105, .94)
}
.ztip-holder.ztip-theme-blue {
background: rgba(68, 187, 255, .94);
color: #fff
}
.ztip-holder.ztip-theme-blue.ztip-position-top .zt-arrow {
border-top-color: rgba(68, 187, 255, .94)
}
.ztip-holder.ztip-theme-blue.ztip-position-bottom .zt-arrow {
border-bottom-color: rgba(68, 187, 255, .94)
}
.ztip-holder.ztip-theme-blue code {
background: rgba(119, 206, 255, .94)
}
.ztip-holder.ztip-theme-green {
background: rgba(46, 204, 113, .94);
color: #fff
}
.ztip-holder.ztip-theme-green.ztip-position-top .zt-arrow {
border-top-color: rgba(46, 204, 113, .94)
}
.ztip-holder.ztip-theme-green.ztip-position-bottom .zt-arrow {
border-bottom-color: rgba(46, 204, 113, .94)
}
.ztip-holder.ztip-theme-green code {
background: rgba(84, 217, 140, .94)
}
.ztip-holder.ztip-theme-white {
background: rgba(255, 255, 255, .94);
color: #333
}
.ztip-holder.ztip-theme-white.ztip-position-top .zt-arrow {
border-top-color: rgba(255, 255, 255, .94)
}
.ztip-holder.ztip-theme-white.ztip-position-bottom .zt-arrow {
border-bottom-color: rgba(255, 255, 255, .94)
}
.ztip-holder.ztip-theme-white code {
background: rgba(255, 255, 255, .94)
}
.ztip-holder.ztip-theme-white {
box-shadow: 0 0 0 1px rgba(0, 0, 0, .25)
}
.ztip-holder.ztip-theme-white .zt-arrow {
border: 0;
border-color: transparent;
width: 6px;
height: 6px;
box-shadow: 1px 1px 0 0 rgba(0, 0, 0, .25);
background: inherit;
margin: 0
}
.ztip-holder.ztip-theme-white.ztip-position-top .zt-arrow {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
margin-top: -3px
}
.ztip-holder.ztip-theme-white.ztip-position-bottom .zt-arrow {
-webkit-transform: rotate(225deg);
-ms-transform: rotate(225deg);
transform: rotate(225deg);
margin-top: -3px
}
.ztip-holder.ztip-theme-white code {
background: rgba(230, 230, 230, .94)
}
.ztip-holder code {
color: inherit;
background: rgba(63, 63, 76, .94)
}
.introjs-overlay {
position: absolute;
box-sizing: content-box;
z-index: 999999;
opacity: 0;
transition: all .3s ease-out
}
.introjs-showElement {
z-index: 9999999 !important
}
tr.introjs-showElement>td {
z-index: 9999999 !important;
position: relative
}
tr.introjs-showElement>th {
z-index: 9999999 !important;
position: relative
}
.introjs-disableInteraction {
z-index: 99999999 !important;
position: absolute;
background-color: #fff;
opacity: 0
}
.introjs-relativePosition {
position: relative
}
.introjs-helperLayer {
box-sizing: content-box;
position: absolute;
z-index: 9999998;
border-radius: 4px;
transition: all .3s ease-out
}
.introjs-helperLayer * {
box-sizing: content-box
}
.introjs-helperLayer :before {
box-sizing: content-box
}
.introjs-helperLayer :after {
box-sizing: content-box
}
.introjs-tooltipReferenceLayer {
font-family: \"Helvetica Neue\", Inter, ui-sans-serif, \"Apple Color Emoji\", Helvetica, Arial, sans-serif;
box-sizing: content-box;
position: absolute;
visibility: hidden;
z-index: 100000000;
background-color: transparent;
transition: all .3s ease-out
}
.introjs-tooltipReferenceLayer * {
font-family: \"Helvetica Neue\", Inter, ui-sans-serif, \"Apple Color Emoji\", Helvetica, Arial, sans-serif
}
.introjs-helperNumberLayer {
font-family: \"Helvetica Neue\", Inter, ui-sans-serif, \"Apple Color Emoji\", Helvetica, Arial, sans-serif;
color: #9e9e9e;
text-align: center;
padding-top: 10px;
padding-bottom: 10px
}
.introjs-arrow {
border: 5px solid transparent;
content: \"\";
position: absolute
}
.introjs-arrow.top {
top: -10px;
left: 10px;
border-bottom-color: #fff
}
.introjs-arrow.top-right {
top: -10px;
right: 10px;
border-bottom-color: #fff
}
.introjs-arrow.top-middle {
top: -10px;
left: 50%;
margin-left: -5px;
border-bottom-color: #fff
}
.introjs-arrow.right {
right: -10px;
top: 10px;
border-left-color: #fff
}
.introjs-arrow.right-bottom {
bottom: 10px;
right: -10px;
border-left-color: #fff
}
.introjs-arrow.bottom {
bottom: -10px;
left: 10px;
border-top-color: #fff
}
.introjs-arrow.bottom-right {
bottom: -10px;
right: 10px;
border-top-color: #fff
}
.introjs-arrow.bottom-middle {
bottom: -10px;
left: 50%;
margin-left: -5px;
border-top-color: #fff
}
.introjs-arrow.left {
left: -10px;
top: 10px;
border-right-color: #fff
}
.introjs-arrow.left-bottom {
left: -10px;
bottom: 10px;
border-right-color: #fff
}
.introjs-tooltip {
box-sizing: content-box;
position: absolute;
visibility: visible;
background-color: #fff;
min-width: 250px;
max-width: 300px;
border-radius: 5px;
box-shadow: 0 3px 30px rgba(33, 33, 33, .3);
transition: opacity .1s ease-out
}
.introjs-tooltiptext {
padding: 20px
}
.introjs-dontShowAgain {
padding-left: 20px;
padding-right: 20px
}
.introjs-dontShowAgain input {
padding: 0;
margin: 0;
margin-bottom: 2px;
display: inline;
width: 10px;
height: 10px
}
.introjs-dontShowAgain label {
font-size: 14px;
display: inline-block;
font-weight: 400;
margin: 0 0 0 5px;
padding: 0;
background-color: #fff;
color: #616161;
-webkit-user-select: none;
user-select: none
}
.introjs-tooltip-title {
font-size: 18px;
width: 90%;
min-height: 1.5em;
margin: 0;
padding: 0;
font-weight: 700;
line-height: 1.5
}
.introjs-tooltip-header {
position: relative;
padding-left: 20px;
padding-right: 20px;
padding-top: 10px;
min-height: 1.5em
}
.introjs-tooltipbuttons {
border-top: 1px solid #e0e0e0;
padding: 10px;
text-align: right;
white-space: nowrap
}
.introjs-tooltipbuttons:after {
content: \"\";
visibility: hidden;
display: block;
height: 0;
clear: both
}
.introjs-button {
box-sizing: content-box;
position: relative;
overflow: visible;
padding: .5rem 1rem;
border: 1px solid #bdbdbd;
text-decoration: none;
text-shadow: 1px 1px 0 #fff;
font-size: 14px;
color: #424242;
white-space: nowrap;
cursor: pointer;
outline: 0;
background-color: #f4f4f4;
border-radius: .2em;
zoom: 1;
display: inline
}
.introjs-button:hover {
outline: 0;
text-decoration: none;
border-color: #9e9e9e;
background-color: #e0e0e0;
color: #212121
}
.introjs-button:focus {
outline: 0;
text-decoration: none;
background-color: #eee;
box-shadow: 0 0 0 .2rem rgba(158, 158, 158, .5);
border: 1px solid #616161;
color: #212121
}
.introjs-button:active {
outline: 0;
text-decoration: none;
background-color: #e0e0e0;
border-color: #9e9e9e;
color: #212121
}
.introjs-button::-moz-focus-inner {
padding: 0;
border: 0
}
.introjs-skipbutton {
position: absolute;
top: 0;
right: 0;
display: inline-block;
width: 45px;
height: 45px;
line-height: 45px;
color: #616161;
font-size: 22px;
cursor: pointer;
font-weight: 700;
text-align: center;
text-decoration: none
}
.introjs-skipbutton:focus,
.introjs-skipbutton:hover {
color: #212121;
outline: 0;
text-decoration: none
}
.introjs-prevbutton {
float: left
}
.introjs-nextbutton {
float: right
}
.introjs-disabled {
color: #9e9e9e;
border-color: #bdbdbd;
box-shadow: none;
cursor: default;
background-color: #f4f4f4;
background-image: none;
text-decoration: none
}
.introjs-disabled:focus,
.introjs-disabled:hover {
color: #9e9e9e;
border-color: #bdbdbd;
box-shadow: none;
cursor: default;
background-color: #f4f4f4;
background-image: none;
text-decoration: none
}
.introjs-hidden {
display: none
}
.introjs-bullets {
text-align: center;
padding-top: 10px;
padding-bottom: 10px
}
.introjs-bullets ul {
box-sizing: content-box;
clear: both;
margin: 0 auto 0;
padding: 0;
display: inline-block
}
.introjs-bullets ul li {
box-sizing: content-box;
list-style: none;
float: left;
margin: 0 2px
}
.introjs-bullets ul li a {
transition: width .1s ease-in;
box-sizing: content-box;
display: block;
width: 6px;
height: 6px;
background: #ccc;
border-radius: 10px;
text-decoration: none;
cursor: pointer
}
.introjs-bullets ul li a:focus,
.introjs-bullets ul li a:hover {
width: 15px;
background: #999;
text-decoration: none;
outline: 0
}
.introjs-bullets ul li a.active {
width: 15px;
background: #999
}
.introjs-progress {
box-sizing: content-box;
overflow: hidden;
height: 10px;
margin: 10px;
border-radius: 4px;
background-color: #e0e0e0
}
.introjs-progressbar {
box-sizing: content-box;
float: left;
width: 0%;
height: 100%;
font-size: 10px;
line-height: 10px;
text-align: center;
background-color: #08c
}
.introjsFloatingElement {
position: absolute;
height: 0;
width: 0;
left: 50%;
top: 50%
}
.introjs-fixedTooltip {
position: fixed
}
.introjs-hint {
box-sizing: content-box;
position: absolute;
background: 0 0;
width: 20px;
height: 15px;
cursor: pointer
}
.introjs-hint:focus {
border: 0;
outline: 0
}
.introjs-hint:hover>.introjs-hint-pulse {
background-color: rgba(60, 60, 60, .57)
}
.introjs-hidehint {
display: none
}
.introjs-fixedhint {
position: fixed
}
@keyframes introjspulse {
0% {
transform: scale(.95);
box-shadow: 0 0 0 0 rgba(0, 0, 0, .7)
}
70% {
transform: scale(1);
box-shadow: 0 0 0 10px transparent
}
100% {
transform: scale(.95);
box-shadow: 0 0 0 0 transparent
}
}
.introjs-hint-pulse {
box-sizing: content-box;
width: 15px;
height: 15px;
border-radius: 30px;
background-color: rgba(136, 136, 136, .24);
z-index: 10;
position: absolute;
transition: all .2s ease-out;
animation: introjspulse 2s infinite
}
.introjs-hint-no-anim .introjs-hint-pulse {
animation: none
}
.introjs-hint-dot {
box-sizing: content-box;
background: 0 0;
border-radius: 60px;
height: 50px;
width: 50px;
position: absolute;
top: -18px;
left: -18px;
z-index: 1;
opacity: 0
}
/*# sourceMappingURL=introjs.min.css.map */
.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent
}
.slick-list {
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0
}
.slick-list:focus {
outline: 0
}
.slick-list.dragging {
cursor: pointer;
cursor: hand
}
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.slick-track {
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto
}
.slick-track:before,
.slick-track:after {
display: table;
content: \'\'
}
.slick-track:after {
clear: both
}
.slick-loading .slick-track {
visibility: hidden
}
.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px
}
[dir=\'rtl\'] .slick-slide {
float: right
}
.slick-slide img {
display: block
}
.slick-slide.slick-loading img {
display: none
}
.slick-slide.dragging img {
pointer-events: none
}
.slick-initialized .slick-slide {
display: block
}
.slick-loading .slick-slide {
visibility: hidden
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent
}
.slick-arrow.slick-hidden {
display: none
}
ul,
ol {
list-style: none;
margin: 0;
padding: 0
}
a {
outline: 0;
transition: all .3s ease
}
a,
a:hover,
a:active {
text-decoration: none
}
input,
button {
outline: 0
}
@font-face {
font-family: \'LatoWeb\';
src: url(\'/fonts/Lato-Regular.woff2\') format(\'woff2\'), url(\'/fonts/Lato-Regular.woff\') format(\'woff\');
font-weight: normal;
font-style: normal;
font-display: swap
}
@font-face {
font-family: \'latoblack\';
src: url(\'/fonts/lato-black.woff2\') format(\'woff2\'), url(\'/fonts/lato-black.woff\') format(\'woff\');
font-weight: normal;
font-style: normal
}
@font-face {
font-family: \'latobold\';
src: url(\'/fonts/lato-bold.woff2\') format(\'woff2\'), url(\'/fonts/lato-bold.woff\') format(\'woff\');
font-weight: normal;
font-style: normal;
font-display: swap
}
@font-face {
font-family: \'Digital Numbers\';
src: url(\'/fonts/DigitalNumbers-Regular.ttf\') format(\'truetype\');
font-weight: normal;
font-style: normal
}
@font-face {
font-family: \'Average Sans\';
src: url(\'/fonts/AverageSans-Regular.ttf\') format(\'truetype\');
font-weight: normal;
font-style: normal
}
body {
font-family: \'LatoWeb\';
font-size: 14px
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
font-family: inherit
}
[data-container-background] {
background: no-repeat center top;
background-size: 100%
}
[data-container-background=\"hot-games\"] {
background-color: var(--data-cntr-bg)
}
[data-container-background=\"general\"] {
background-color: var(--data-cntr-bg)
}
[data-container-background=\"home\"] {
background-color: var(--data-cntr-bg)
}
[data-container-background=\"slots\"] {
background-color: var(--data-cntr-bg)
}
[data-container-background=\"arcade\"] {
background-color: var(--data-cntr-bg)
}
[data-container-background=\"crash-game\"] {
background-color: var(--data-cntr-bg)
}
[data-container-background=\"casino\"] {
background-color: var(--data-cntr-bg)
}
[data-container-background=\"race\"] {
background-color: var(--data-cntr-bg)
}
[data-container-background=\"sports\"] {
background: no-repeat center top;
position: relative;
background-size: 100% 100%;
min-height: 600px;
background-color: var(--data-cntr-bg)
}
[data-container-background=\"others\"] {
background: no-repeat center top;
background-color: var(--data-cntr-bg);
position: relative;
background-size: 100% 100%;
min-height: 600px
}
[data-container-background=\"cockfight\"] {
background-color: #0a0813
}
[data-container-background=\"poker\"] {
background: no-repeat center top;
position: relative;
background-size: 100% 100%;
min-height: 600px
}
[data-container-background=\"casino-provider\"] {
background: no-repeat center top;
min-height: 684px;
position: relative
}
[data-container-background=\"race-provider\"] {
background: no-repeat center top;
min-height: 684px;
position: relative
}
[data-dispatcher-background] {
background: no-repeat center;
background-size: cover;
background-image: var(--image-src)
}
body {
background-color: var(--body-bg);
padding-top: 143px
}
body a,
body a[data-active=\"true\"],
body a:hover,
body a:focus {
text-decoration: none
}
body.no-scroll {
overflow: hidden
}
.banner .carousel-indicators .slick-active,
.resolved-transactions-carousel .carousel-indicators .slick-active {
background: #fff
}
.modal-content {
width: 100%
}
.modal-body,
.modal-footer {
background-color: #0e0b16;
color: #fff
}
.modal-footer {
border-top: 1px solid #1f1934
}
.topbar-container {
padding: 8px 0;
border-bottom: 1px solid var(--topbar-cntr-border);
background-color: var(--topbar-cntr-bg);
font-size: 12px
}
.topbar-inner-container {
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
align-items: center
}
.topbar-left-section {
display: flex;
flex-wrap: nowrap
}
.topbar-left-section [data-icon] {
display: inline-block;
height: 14px;
width: 14px;
background: center no-repeat;
background-size: contain;
animation-name: topbar-icon-bounce;
animation-duration: 2.5s;
animation-fill-mode: both;
animation-timing-function: linear;
animation-iteration-count: infinite;
background-image: var(--image-src)
}
.topbar-left-section [data-icon=\"telegram\"] {
margin-right: 3px
}
.topbar-left-section [data-icon=\"android\"] {
filter: var(--topbar-left-section-icon-android-filter)
}
@keyframes topbar-icon-bounce {
0%,
20%,
40%,
60%,
80%,
100% {
transform: translateY(0)
}
70% {
transform: translateY(-5px)
}
50% {
transform: translateY(-12px)
}
}
.topbar-left-section .topbar-item {
color: var(--topbar-left-section-item-color);
display: flex;
justify-content: center;
align-items: center
}
.topbar-left-section .topbar-item+.topbar-item {
border-left: 1px dotted var(--topbar-left-section-item-item-border)
}
.topbar-left-section .topbar-item a,
.topbar-left-section .topbar-item .live-chat {
color: var(--topbar-left-section-item-a-color);
padding: 5px 10px;
border-radius: 3px;
line-height: 1;
display: flex;
align-items: center
}
.topbar-left-section .topbar-item a:hover,
.topbar-left-section .topbar-item .live-chat:hover {
color: var(--topbar-left-section-item-a-hover-color)
}
.topbar-left-section .topbar-item .live-chat {
cursor: pointer
}
.topbar-left-section .topbar-item a.telegram-btn,
.topbar-left-section .topbar-item a.telegram-btn:hover {
color: #fff;
background-image: linear-gradient(to bottom, #0bb4ff, #036ca0);
margin-right: 10px
}
.topbar-left-section .language-selector-container {
position: relative;
color: var(--topbar-left-section-lang-sel-cntr-color);
padding: 5px 10px
}
.topbar-left-section .language-selector-trigger {
cursor: pointer;
display: flex;
align-items: center
}
.topbar-left-section .language-selector-trigger:after {
content: \'\';
display: inline-block;
width: 0;
height: 0;
border: 5px solid transparent;
border-top: 5px solid var(--topbar-left-section-lang-sel-trig-after-btop);
border-bottom: 0;
margin-left: 5px
}
.topbar-left-section .language-selector-trigger[data-active=\'true\']:after {
border-top: 0;
border-bottom: 5px solid var(--topbar-left-section-lang-sel-trig-after-btop)
}
.topbar-left-section .language-selector {
background-color: var(--topbar-left-section-lang-sel-bg);
cursor: pointer;
padding: 0;
min-width: initial;
margin-left: -11px
}
.topbar-left-section .language-selector li {
background-color: var(--topbar-left-section-lang-sel-li-bg);
padding: 7px 10px;
white-space: nowrap;
margin: 2px 0;
display: flex;
gap: 10px;
align-items: center
}
.topbar-left-section .language-selector li:hover {
background-color: var(--topbar-left-section-lang-sel-li-hover-bg);
color: #fff
}
.topbar-left-section .language-selector .language-name>div:last-child {
font-size: 10px
}
.topbar-left-section i[data-language] {
display: inline-block;
height: 11px;
width: 16px;
background-repeat: no-repeat;
background-image: var(--image-src)
}
.topbar-left-section i[data-language=\'en\'] {
background-position: -176px -44px
}
.topbar-left-section i[data-language=\'id\'] {
background-position: -64px -66px
}
.topbar-left-section i[data-language=\'kr\'] {
background-position: -144px -77px
}
.topbar-left-section i[data-language=\'cn\'] {
background-position: -208px -22px
}
.topbar-left-section i[data-language=\'jp\'] {
background-position: -16px -77px
}
.topbar-left-section i[data-language=\'th\'] {
background-position: -160px -143px
}
.topbar-left-section i[data-language=\'my\'] {
background-position: -16px -99px
}
.topbar-left-section i[data-language=\'kh\'] {
background-position: -64px -77px
}
.topbar-left-section i[data-language=\'hi\'] {
background-position: -128px -66px
}
.topbar-left-section i[data-language=\'ta\'] {
background-position: -128px -66px
}
.topbar-left-section i[data-language=\'te\'] {
background-position: -128px -66px
}
.topbar-left-section i[data-language=\'vi\'] {
background-position: -16px -165px
}
.topbar-left-section i[data-language=\'bn\'] {
background-position: -32px -11px
}
.topbar-left-section i[data-language=\'pt\'] {
background-position: -112px -121px
}
.site-header {
background: var(--site-header-bg);
box-shadow: var(--site-header-bs)
}
.site-header .container .row>div {
position: initial
}
.site-header-inner-container {
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
align-content: center;
height: 98px;
align-items: center;
gap: 10px
}
.site-header-inner-container .logo {
display: flex;
width: 20%;
align-items: center;
justify-content: center
}
.site-header-inner-container .logo>img,
.site-header-inner-container .logo>picture,
.site-header-inner-container .logo>picture img {
max-width: 100%;
max-height: 100%;
width: auto;
height: auto
}
.menu-slide {
display: flex;
align-items: center;
overflow: hidden;
height: inherit
}
.menu-slide>i {
cursor: pointer;
color: var(--menu-slide-i-color);
top: -2px
}
.menu-slide>i.glyphicon-chevron-left {
margin-right: 10px
}
.menu-slide>i.glyphicon-chevron-right {
margin-left: 10px
}
.top-menu {
font-size: 14px;
margin: 0;
padding: 0;
list-style: none;
display: flex;
flex-wrap: nowrap;
height: 100%;
flex-grow: 1;
overflow: hidden;
scroll-behavior: smooth
}
.top-menu>li {
flex: 1;
color: var(--top-menu-li-color);
display: flex;
align-items: center;
width: 100%;
flex-basis: calc(100%/11);
flex-shrink: 0
}
.top-menu>li+li:before {
content: \'\';
background: var(--top-menu-li-before-bg);
height: 20px;
width: 1px;
margin: 0 8px
}
.top-menu>li>a {
text-decoration: none;
display: block;
width: 100%;
text-align: center;
color: inherit;
text-transform: uppercase;
white-space: nowrap;
font-size: 12px;
position: relative
}
.top-menu>li>a>i {
font-size: 12px
}
.top-menu>li>a .floating-icon {
position: absolute;
margin: 0;
top: 0;
right: 0;
width: auto;
max-width: calc(100% - 8px);
height: 16px;
background: transparent;
transform: translateY(-100%)
}
.top-menu>li[data-active=\"true\"],
.top-menu>li:hover {
color: var(--top-menu-li-true-hover-color)
}
.top-menu>li:hover>a>i:not([data-icon]) {
transform: rotate(-180deg)
}
.top-menu>li:not(:hover) .game-list-container {
display: none
}
.top-menu .game-list-container {
position: absolute;
top: 100%;
left: 0;
right: 0;
z-index: 16;
background-color: var(--top-menu-game-list-cntr-bg);
border-bottom: 10px solid var(--top-menu-game-list-cntr-border);
padding: 16px 0;
max-height: calc(100vh - 100%);
overflow: auto
}
.top-menu .games-container {
margin: 0;
list-style: none;
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 32px
}
.top-menu .games-container>li {
flex-basis: calc(calc(100%/5) - 32px);
border-radius: 25px;
padding: 1px;
background: var(--top-menu-games-cntr-li-bg)
}
.top-menu .games-container>li>a {
display: block;
border-radius: 25px;
position: relative
}
.top-menu .games-container>li>a img {
width: 100%;
height: auto;
background: var(--top-menu-games-cntr-li-a-img-bg);
border-radius: 25px
}
.top-menu .games-container>li:hover>a {
background-color: var(--top-menu-games-cntr-li-hover-a-bg)
}
.top-menu .games-container>li>a .floating-icon {
position: absolute;
top: -10px;
right: 0;
width: auto;
max-width: calc(100% - 8px);
height: 20px;
background: transparent
}
.top-menu .games-container>li>a[data-maintenance-status=\"true\"] {
display: block;
pointer-events: none;
filter: grayscale(1)
}
.top-menu .games-container>li>a[data-maintenance-status=\"true\"] span {
filter: grayscale(1);
height: inherit;
width: inherit
}
.top-menu .games-container>li>a[data-maintenance-status=\"true\"] span img {
filter: grayscale(1) brightness(.5)
}
.top-menu .games-container>li>a[data-maintenance-status=\"true\"] span::after {
content: var(--maintenance-text, \'\') \" \";
filter: none;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-family: \'LatoWeb\';
z-index: 5;
text-align: center;
align-content: center;
font-size: 14px;
color: #fff;
border-radius: 5px;
background: #808080;
width: fit-content;
max-width: calc(100% - 20px);
padding: 0 10px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis
}
.large-game-list>li[data-maintenance-status=\"true\"],
.provider-slide>main>.slide-item[data-maintenance-status=\"true\"] {
filter: grayscale(1);
pointer-events: none
}
.large-game-list>li[data-maintenance-status=\"true\"] img,
.large-game-list>li[data-maintenance-status=\"true\"] .link-container,
.provider-slide>main>.slide-item[data-maintenance-status=\"true\"] img {
filter: grayscale(1) brightness(50%)
}
.large-game-list>li[data-maintenance-status=\"true\"]:after,
.provider-slide>main>.slide-item[data-maintenance-status=\"true\"]:after {
content: var(--maintenance-text, \'\') \" \";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
font-size: 15px;
color: #fff;
border-radius: 5px;
width: fit-content;
background: #808080;
filter: grayscale(0) brightness(100%);
padding: 0 10px;
max-width: calc(100% - 20px);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis
}
.site-content-container {
padding: 20px 0;
background-color: var(--site-content-cntr-bg)
}
.footer-separator {
padding: 15px 0 0;
margin: 15px 0 0;
border-top: 1px dotted var(--footer-separator-border)
}
.site-footer {
padding: 25px 0;
background: var(--site-footer-bg)
}
.footer-links {
margin: 0;
padding: 0;
list-style: none
}
.footer-links>li {
display: inline-block
}
.footer-links>li>a {
cursor: pointer;
display: block;
color: #fff;
padding-right: 10px;
line-height: 20px;
text-decoration: none
}
.footer-links>li+li>a {
padding-left: 10px;
border-left: 1px solid var(--footer-separator-border)
}
.footer-links>li>a:hover {
color: #ffa200
}
.footer-links {
margin-bottom: 15px
}
.footer-info-container {
display: flex
}
.footer-info-container .site-info {
flex-basis: calc(100%/3 + 30px);
position: relative;
padding-right: 30px
}
.footer-info-container .site-info:last-child {
flex-basis: calc(100%/3 - 30px*2);
padding: 0
}
.footer-info-container .site-info:not(:last-child):after {
content: \'\';
position: absolute;
display: inline-block;
top: 90px;
right: 20px;
width: 1px;
bottom: 20px;
background-color: var(--footer-separator-border);
border-radius: 2px
}
.support-container {
display: flex;
flex-wrap: nowrap;
justify-content: space-between
}
@keyframes bounce {
0%,
20%,
60%,
100% {
-webkit-transform: translateY(0);
transform: translateY(0)
}
40% {
-webkit-transform: translateY(-20px);
transform: translateY(-20px)
}
80% {
-webkit-transform: translateY(-10px);
transform: translateY(-10px)
}
}
.footer-section-title {
color: var(--site-info-title-h3-color)
}
.hover-list {
display: flex;
flex-wrap: wrap
}
.hover-list>li+li {
margin-left: 10px
}
.hover-list>li {
position: relative
}
.hover-list>li picture,
.hover-list>li img {
width: 100%
}
.hover-list>li a>picture:first-child,
.hover-list>li a>img:first-child,
.hover-list>li>picture:first-child,
.hover-list>li>img:first-child {
opacity: 1
}
.hover-list>li a>picture:last-child,
.hover-list>li a>img:last-child,
.hover-list>li>picture:last-child,
.hover-list>li>img:last-child {
position: absolute;
left: 0;
top: 0;
opacity: 0
}
.hover-list>li a>picture:first-child,
.hover-list>li a>img:first-child,
.hover-list>li>picture:first-child,
.hover-list>li>img:first-child,
.hover-list>li a>picture:last-child,
.hover-list>li a>img:last-child,
.hover-list>li>picture:last-child,
.hover-list>li>img:last-child {
transition: opacity .5s
}
.hover-list>li:hover a>picture:first-child,
.hover-list>li:hover a>img:first-child,
.hover-list>li:hover>picture:first-child,
.hover-list>li:hover>img:first-child {
opacity: 0
}
.hover-list>li:hover a>picture:last-child,
.hover-list>li:hover a>img:last-child,
.hover-list>li:hover>picture:last-child,
.hover-list>li:hover>img:last-child {
opacity: 1
}
.qr-codes img {
display: block;
width: 50%;
margin: 10px auto
}
.provider-container .hover-list>li+li {
margin-left: 4px
}
.form-footer-note-section .form-footer-note,
.register-modal .register-page-reminder {
margin: 20px 0;
color: var(--register-page-reminder-color);
text-align: center
}
.form-footer-note-section .form-footer-note-link,
.register-modal .register-page-link {
text-align: center
}
.form-footer-note-section .form-footer-note-link a,
.register-modal .register-page-link a {
color: var(--register-page-link-a-color)
}
.register-modal input[type=\"submit\"] {
width: 300px;
border-radius: 50px
}
.register-modal .payment-method-container {
display: flex;
align-items: center;
gap: 30px;
padding: 10px;
background-color: var(--register-modal-payment-method-cntr-bg)
}
.register-modal .modal-body,
.forgot-password-modal .modal-body {
background-color: var(--register-forgot-pass-modal-body-bg);
border-bottom-left-radius: inherit;
border-bottom-right-radius: inherit
}
.forgot-password-modal .forgot-password-dice-1,
.forgot-password-modal .forgot-password-dice-2 {
content: \'\';
position: absolute;
background: center no-repeat;
background-size: contain
}
.forgot-password-modal .forgot-password-dice-1 {
height: 186px;
width: 128px;
top: -30px;
right: 100%
}
.forgot-password-modal .forgot-password-dice-2 {
width: 90px;
height: 151px;
top: 50px;
left: 100%
}
.modal-content ul {
list-style: disc
}
.modal-content ol {
list-style: decimal
}
.modal-content ol,
.modal-content ul,
.modal-content .download-32-bit-cntr {
margin-block-start: 1em;
margin-block-end: 1em;
margin-inline-start: 0;
margin-inline-end: 0;
padding-inline-start: 40px
}
.giveaway-coupon-container {
position: relative
}
.giveaway-coupon-container .giveaway-name {
font-size: 18px
}
.giveaway-coupon-container .giveaway-description {
font-size: 14px
}
.giveaway-coupon-container .credit-amount {
position: absolute;
bottom: 50px;
left: 50%;
transform: translateX(-50%);
font-size: 32px;
color: #4cc82d;
animation: claimCoupon .8s ease-in-out forwards
}
.free-spin-container {
position: relative
}
.free-spin-container .free-spin-name {
font-size: 18px
}
.free-spin-container .free-spin-description {
font-size: 14px;
padding-bottom: 10px
}
.free-spin-container .free-spin-expired {
font-size: 14px
}
.free-spin-container .free-spin-expired span {
color: #e31414
}
@keyframes claimCoupon {
0% {
bottom: 50px
}
25% {
bottom: 50px
}
100% {
bottom: 260px
}
}
.introjs-helperLayer {
box-shadow: rgba(33, 33, 33, .8) 0 0 1px 2px, rgba(33, 33, 33, .8) 0 0 0 5000px !important
}
.introjs-tooltip {
background-color: #f2f2f3;
color: #333
}
.introjs-arrow.introjs-arrow.top {
border-bottom-color: #f2f2f3
}
.introjs-tooltip-title {
font-size: 12px;
color: #333;
word-break: break-word
}
.introjs-tooltip-title.introjs-tooltip-title {
color: #000
}
.introjs-tooltiptext {
padding: 0 20px;
font-size: 14px
}
.introjs-tooltiptext .subtitle {
font-weight: 700;
font-size: 14px;
word-break: break-word;
color: var(--introjs-tooltiptext-sub-color)
}
.introjs-tooltiptext.introjs-tooltiptext .subtitle {
color: var(--introjs-tooltiptext-sub-color)
}
.introjs-tooltiptext.introjs-tooltiptext p {
font-size: 14px;
color: #333
}
.introjs-tooltipbuttons {
border-top-color: #f2f2f3
}
.introjs-prevbutton {
display: none
}
.introjs-nextbutton {
border-radius: 50px;
background-image: var(--introjs-nextbtn-bg);
color: #fff;
text-shadow: none;
padding: .5rem 1.5rem;
border: 0
}
.introjs-nextbutton.introjs-nextbutton {
background-image: var(--introjs-nextbtn-bg)
}
.introjs-nextbutton:focus {
color: #fff
}
.introjs-nextbutton:hover {
background-image: linear-gradient(to right, #68187d 0%, #b7186d 100%);
color: #fff
}
.introjs-bullets ul li a {
background-color: #c2c2c2
}
.introjs-bullets ul li a.active,
.introjs-bullets ul li a:hover {
width: 6px;
height: 6px;
background-color: var(--introjs-bullets-ul-li-a-active-hover-bg)
}
.introjs-bullets.introjs-bullets ul li a.active,
.introjs-bullets.introjs-bullets ul li a:hover {
background-color: var(--introjs-bullets-ul-li-a-active-hover-bg)
}
.introjs-skipbutton,
.introjs-skipbutton.introjs-skipbutton {
color: #383838
}
.daily-reward-container {
display: flex;
flex-direction: column;
align-items: center;
gap: 10px;
position: relative
}
.daily-reward-container img {
width: 175px;
height: auto
}
.daily-reward-container .reward-title h1 {
font-size: 18px;
text-transform: uppercase;
color: var(--std-form-content-color)
}
.daily-reward-container .reward-point {
display: none;
justify-content: center;
align-items: center;
gap: 5px
}
.daily-reward-container .reward-point.claimed {
display: flex
}
.daily-reward-container .reward-point .point {
font-size: 24px;
color: #32c000;
font-weight: 700
}
.daily-reward-container .reward-point .xp-label {
font-size: 18px
}
.daily-reward-container p {
font-size: 12px;
color: #a9a9a9
}
.daily-reward-container .daily-reward-description.daily-reward-description {
color: var(--daily-reward-cntr-detail-desc-desc-color)
}
.daily-reward-container .daily-reward-detail-description.daily-reward-detail-description {
background: var(--daily-reward-cntr-detail-desc-desc-bg);
margin: auto;
padding: 10px;
border-radius: 5px;
width: 65%;
color: var(--daily-reward-cntr-detail-desc-desc-color);
font-size: 12px
}
.daily-reward-container .standard-secondary-button {
text-transform: uppercase;
width: 200px;
padding: 8px;
border-radius: 25px;
margin-top: 10px;
border: 0;
color: #fff
}
.daily-reward-container .standard-secondary-button {
background: var(--modal-footer-btn-primary-bg)
}
.daily-reward-container .standard-secondary-button:hover {
background: var(--modal-footer-btn-primary-hover-bg)
}
.daily-reward-container .standard-secondary-button[disabled],
.daily-reward-container .standard-secondary-button[disabled]:hover {
background: #3d3d3d;
color: #fff;
cursor: not-allowed
}
.daily-reward-container .reward-point.cloned {
position: absolute;
bottom: 150px;
right: 200px;
animation: dailyRewardClaim 1s ease-in-out forwards
}
.daily-reward-container .claim-daily-reward-countdown-container {
display: flex;
align-items: center;
gap: 5px;
font-size: 14px;
color: #a9a9a9
}
.daily-reward-container .claim-daily-reward-countdown-container img {
width: 15px;
height: 15px
}
.daily-reward-container .expiration-countdown {
gap: 8px
}
.daily-reward-container .expiration-countdown [data-section] {
position: relative;
background-color: transparent;
border: 0;
padding: 0;
min-width: unset
}
.daily-reward-container .expiration-countdown [data-section]+[data-section] {
margin-left: 0
}
.daily-reward-container .expiration-countdown [data-section=\"minutes\"]:after,
.daily-reward-container .expiration-countdown [data-section=\"seconds\"]:after {
content: \":\";
position: absolute;
top: 2px;
left: -5px;
font-size: 10px;
color: #39bb2e
}
.daily-reward-container .expiration-countdown [data-section] span {
display: none
}
.daily-reward-container .expiration-countdown [data-section=\"title\"],
.daily-reward-container .expiration-countdown [data-section=\"days\"] {
display: none
}
.daily-reward-container .expiration-countdown [data-value] {
margin-top: 0;
padding-top: 0;
font-size: 14px;
background-color: transparent;
color: #39bb2e
}
@keyframes dailyRewardClaim {
0% {
opacity: 1;
transform: translateY(0)
}
100% {
opacity: 0;
transform: translateY(-200%)
}
}
.daily-reward-container .double-xp-countdown-container {
display: flex;
flex-direction: column;
align-items: center;
gap: 15px;
border-radius: 8px;
font-size: 14px;
background-color: var(--daily-reward-cntr-double-xp-count-cntr-bg);
color: #fff
}
.daily-reward-container .double-xp-countdown-container>span {
margin-top: 20px
}
.double-xp-countdown {
display: flex;
align-items: center;
justify-content: space-between;
margin: 0 20px 20px 20px
}
.double-xp-countdown [data-section] {
position: relative;
flex-basis: calc((100% - 20px*2)/3);
flex-shrink: 0;
flex-grow: 0;
display: flex;
flex-direction: column;
align-items: center;
gap: 10px;
font-size: 10px;
color: #fff
}
.double-xp-countdown [data-section]+[data-section]::before {
content: \"\";
position: absolute;
left: 0;
top: 8px;
width: 2px;
height: 50%;
background-color: #343045
}
.double-xp-countdown [data-value] {
display: flex;
justify-content: space-between
}
.double-xp-countdown [data-value] span {
font-family: \'Digital Numbers\';
background-color: #05040a;
color: #fff;
font-size: 32px;
padding: 5px 10px
}
.double-xp-countdown [data-value] span:first-child {
padding: 5px 0 5px 15px
}
.double-xp-countdown [data-value] span:last-child {
padding: 5px 15px 5px 0
}
.double-xp-countdown [data-value=\"hours\"] span:first-child {
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
padding-left: 25px
}
.double-xp-countdown [data-value=\"seconds\"] span:last-child {
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
padding-right: 25px
}
.daily-reward-countdown {
display: flex;
gap: 10px
}
.daily-reward-countdown [data-section] [data-value] span:last-child {
margin-left: -3px
}
.daily-reward-countdown [data-section] {
position: relative
}
.daily-reward-countdown [data-section=\"minutes\"]:after,
.daily-reward-countdown [data-section=\"seconds\"]:after {
content: \":\";
position: absolute;
top: 3px;
left: -5px;
font-size: 10px;
color: #ff0078
}
.daily-reward-countdown [data-value] {
font-size: 14px;
color: #ff0078
}
.referral-glyphicon-container .referral-code-header {
display: flex;
cursor: pointer;
flex-grow: 1
}
.referral-glyphicon-container .referral-code-header span {
padding-right: 5px
}
.referral-glyphicon-container .referral-code-content {
display: none
}
.referral-glyphicon-container .referral-code-content.expand {
display: block
}
.modal-body .pending-transaction-summary-container,
.pending-transactions-container .pending-transactions-item .pending-transaction-remarks-container,
.claim-info-modal .alert-container,
.payment-account-creation-remarks {
padding: 12px;
border: 2px dashed var(--modal-body-pending-trans-summ-cntr-border);
color: var(--modal-body-color);
background-color: var(--modal-body-pending-trans-summ-cntr-bg);
border-radius: 4px;
font-size: 14px
}
.pending-transactions-container .pending-transactions-item [data-payment-gateway=qris] .pending-transaction-remarks-container {
border-color: #f00;
background-color: #f003;
color: #eecfcf;
margin-bottom: 15px
}
.modal-body .pending-transaction-summary-container {
border: 1px dashed var(--modal-body-pending-trans-summ-cntr-border)
}
.modal-body .pending-transaction-summary-container .pending-transaction-chance-container {
display: flex;
width: 100%
}
.modal-body .pending-transaction-summary-container .pending-transaction-chance-container>* {
flex-basis: 50%
}
.modal-body .pending-transaction-summary-container .pending-transaction-summary-content,
.claim-info-modal .alert-container {
display: flex;
justify-content: flex-start;
gap: 15px;
padding-bottom: 10px
}
.modal-body .pending-transaction-summary-container .pending-transaction-summary-content .icon {
width: 23px
}
.modal-body .pending-transaction-summary-container .pending-transaction-summary-content .pending-transaction-summary {
display: flex;
gap: 5px;
flex-direction: column;
align-items: flex-start;
align-content: space-between;
text-align: left
}
.modal-body .pending-transaction-summary-container .pending-transaction-summary-content .pending-transaction-summary a {
color: #4b7af2;
text-decoration: underline
}
.modal-body .pending-transaction-summary-container .pending-transaction-summary-footer {
border-top: 1px solid var(--modal-body-pending-trans-summ-cntr-footer-border);
display: flex;
justify-content: space-between;
align-items: center;
padding-top: 12px
}
.modal-body .pending-transaction-summary-container .pending-transaction-summary-footer a {
color: #fff;
padding: 8px 16px;
border-radius: 4px;
background-color: var(--modal-body-pending-trans-summ-cntr-footer-a-bg)
}
.modal-body .pending-transaction-details-container {
margin-top: 16px;
max-height: 45vh;
border-radius: 8px;
overflow-y: auto;
background-color: var(--modal-body-pending-trans-details-cntr-bg);
border: 1px solid var(--modal-body-pending-trans-details-cntr-border);
color: var(--modal-body-color);
max-width: 100%
}
.modal-body .pending-transaction-details-container::-webkit-scrollbar {
width: 7px;
height: 7px
}
.modal-body .pending-transaction-details-container::-webkit-scrollbar-track {
background: transparent
}
.modal-body .pending-transaction-details-container::-webkit-scrollbar-thumb {
background: #959595;
border-radius: 5px
}
.modal-body .pending-transaction-details-container .pending-transaction-details-item {
padding: 16px 12px;
border-bottom: 1px solid var(--modal-body-pending-trans-details-cntr-border);
display: flex;
flex-direction: column;
gap: 8px;
font-size: 14px
}
.modal-body .pending-transaction-details-container .pending-transaction-details-item:last-child {
border-bottom: 0
}
.modal-body .pending-transaction-details-container .pending-transaction-details-item .pending-transaction-details-item-status {
display: flex;
align-items: flex-start;
gap: 8px
}
.modal-body .pending-transaction-details-container .pending-transaction-details-item .pending-transaction-details-item-status .circle-bg {
border-radius: 50%;
padding: 11px;
background: #f997021a
}
.modal-body .pending-transaction-details-container .pending-transaction-details-item .pending-transaction-details-item-status .circle-bg img {
width: 16px
}
.modal-body .pending-transaction-details-container .pending-transaction-details-item .pending-transaction-details-item-status>div {
display: flex;
flex-direction: column;
gap: 4px
}
.modal-body .pending-transaction-details-container .pending-transaction-details-item .pending-transaction-details-item-status>div>div {
display: flex;
gap: 4px
}
.modal-body .pending-transaction-details-container .pending-transaction-details-item .pending-transaction-details-item-status>div>div>img {
filter: var(--modal-body-pending-trans-details-cntr-item-status-img-filter)
}
.modal-body .pending-transaction-details-container .pending-transaction-details-item .pending-transaction-details-item-details {
display: flex;
flex-direction: column;
align-items: flex-end;
gap: 4px
}
.modal-body .pending-transaction-details-container .pending-transaction-details-item .pending-transaction-details-item-value {
font-size: 12px;
color: var(--modal-body-resolved-trans-details-secondary-color)
}
.modal-body .pending-transaction-details-container .pending-transaction-details-item .pending-transaction-details-item-button {
display: flex;
justify-content: flex-end
}
.modal-body .pending-transaction-details-container .pending-transaction-details-item>div span[data-transaction-status=\"PEN\"],
.modal-body .pending-transaction-details-container .pending-transaction-details-item>div span[data-transaction-status=\"PEN2\"],
.modal-body .pending-transaction-details-container .pending-transaction-details-item>div span[data-transaction-status=\"PRO\"],
.modal-body .pending-transaction-details-container .pending-transaction-details-item>div span[data-transaction-status=\"PRO1\"],
.modal-body .pending-transaction-details-container .pending-transaction-details-item>div span[data-transaction-status=\"MEW\"],
.modal-body .pending-transaction-details-container .pending-transaction-details-item>div span[data-transaction-status=\"APP1\"] {
color: #ff9806
}
.modal-body .pending-transaction-details-container .pending-transaction-details-item>div span[data-transaction-status=\"REJ\"],
.modal-body .pending-transaction-details-container .pending-transaction-details-item>div span[data-transaction-status=\"FAIL\"] {
color: #f44336
}
.modal-body .pending-transaction-details-container .pending-transaction-details-item>div span[data-transaction-status=\"APP\"] {
color: #00bd34
}
.modal-body .pending-transaction-details-container .pending-transaction-details-item>div {
display: flex;
justify-content: space-between
}
.modal-body .pending-transaction-details-container .pending-transaction-details-item .pending-transaction-details-item-reason {
font-weight: 700;
text-align: left;
display: block;
color: #0094d3
}
.modal-body .pending-transaction-details-container .pending-transaction-details-item .pending-transaction-details-item-remarks {
font-weight: 700;
text-align: left;
display: block
}
.modal-body .pending-transaction-details-container .pending-transaction-details-item .pending-transaction-details-item-remarks ul {
padding-left: 20px;
margin-top: 0;
color: #0094d3
}
.modal-body .pending-transaction-details-container .pending-transaction-details-item .pending-transaction-details-section-reason-title {
display: flex;
justify-content: space-between;
align-items: center;
gap: 8px;
font-weight: 700
}
.modal-body .pending-transaction-details-container .pending-transaction-details-item .pending-transaction-details-section-remarks-title {
display: flex;
justify-content: space-between;
align-items: center;
gap: 8px;
font-weight: 700
}
.modal-body .pending-transaction-details-container .pending-transaction-details-item .pending-transaction-details-section-bonus-title {
display: flex;
justify-content: space-between;
align-items: center;
gap: 8px
}
.modal-body .pending-transaction-details-container .pending-transaction-details-item .pending-transaction-details-item-participated-bonus .pending-transaction-details-item-bonus-title {
max-width: 85%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.modal-body .pending-transaction-details-container .pending-transaction-details-item .pending-transaction-details-item-participated-bonus[data-bonus-status] {
background: #9c000099;
color: #fff;
padding: 5px 15px;
border-radius: 20px
}
.modal-body .pending-transaction-details-container .pending-transaction-details-item .pending-transaction-details-item-participated-bonus[data-bonus-status=\"true\"] {
background: #009c1099
}
.modal-body .pending-transaction-details-container .pending-transaction-details-item .pending-transaction-details-item-participated-bonus[data-bonus-status=\"pending\"] {
background: var(--modal-body-pending-trans-details-cntr-item-part-bonus-pending-bg);
color: var(--modal-body-color);
border: 1px dashed var(--modal-body-pending-trans-details-cntr-item-part-bonus-pending-border)
}
.modal-body .pending-transaction-details-container .pending-transaction-details-item .pending-transaction-details-item-participated-bonus[data-bonus-status=\"pending-free-spin\"] {
background: #ffa200
}
.modal-body .pending-transaction-details-container .pending-transaction-details-item .action-button-container {
align-self: center
}
.modal-body .pending-transaction-details-container .pending-transaction-details-item .standard-button-group {
margin: 0
}
.modal-body .pending-transaction-details-container .pending-transaction-details-item .standard-button-group .btn-primary {
margin: 0;
padding: 8px 16px;
border-radius: 4px;
text-transform: capitalize;
color: #fff
}
.modal-body .pending-transaction-details-container .pending-transaction-details-item .standard-button-group .btn-primary img {
filter: invert(1);
margin-top: -4px
}
.modal-body .pending-transactions-container .pending-transactions-item .pending-deposit-title {
text-align: center
}
.wallet-guidance-tooltip .introjs-bullets {
display: none
}
.claim-info-modal .alert-container .combine-promo-detail-list {
padding-inline-start: 20px
}
.modal-body .resolved-transaction-popup .resolved-transactions-carousel {
position: relative;
padding-bottom: 0
}
.modal-body .resolved-transaction-popup .resolved-transactions-carousel .slick-track {
display: flex;
align-items: stretch
}
.modal-body .resolved-transaction-popup .resolved-transactions-carousel .slick-prev,
.modal-body .resolved-transaction-popup .resolved-transactions-carousel .slick-next {
position: absolute;
top: 50%;
transform: translateY(-50%);
color: transparent;
background: var(--modal-body-resolved-trans-popup-carousel-slick-prev-next-bg);
border: solid 1px var(--modal-body-resolved-trans-popup-carousel-slick-prev-next-border);
outline: 0;
font-size: 0;
line-height: 0;
padding: 0;
cursor: pointer;
width: 42px;
height: 42px;
z-index: 1;
border-radius: 50%
}
.modal-body .resolved-transaction-popup .resolved-transactions-carousel .slick-prev {
left: -16px
}
.modal-body .resolved-transaction-popup .resolved-transactions-carousel .slick-next {
right: -16px
}
.modal-body .resolved-transaction-popup .resolved-transactions-carousel .slick-prev:before,
.modal-body .resolved-transaction-popup .resolved-transactions-carousel .slick-next:before {
content: \" \";
filter: var(--back-link-cntr-a-img-filter);
display: block;
width: auto;
height: 15px;
background-position: center;
background-repeat: no-repeat;
background-size: contain
}
.modal-body .resolved-transaction-popup .resolved-transactions-carousel .slick-prev:before {
background-image: var(--chevron-left-src)
}
.modal-body .resolved-transaction-popup .resolved-transactions-carousel .slick-next:before {
background-image: var(--chevron-right-src)
}
.modal-body .resolved-transaction-popup .resolved-transactions-carousel .carousel-indicators {
position: initial;
margin: auto;
padding: 0;
margin-top: 16px
}
.modal-body .resolved-transaction-popup .resolved-transactions-carousel .carousel-indicators li {
background-color: var(--modal-body-resolved-trans-popup-carousel-indicators-li-bg);
border-color: var(--modal-body-resolved-trans-popup-carousel-indicators-li-border);
margin-right: 8px
}
.modal-body .resolved-transaction-popup .resolved-transactions-carousel .carousel-indicators .active,
.modal-body .resolved-transaction-popup .resolved-transactions-carousel .carousel-indicators .slick-active {
background-color: var(--modal-body-resolved-trans-popup-carousel-indicators-li-border)
}
.modal-body .resolved-transaction-popup .resolved-transactions-carousel .carousel-indicators button {
display: none
}
.modal-body .resolved-transaction-popup .resolved-transactions-carousel .carousel-item {
padding: 16px;
margin: 0 4px;
overflow-y: initial;
max-height: initial;
height: auto
}
.floating-action-button {
position: fixed;
bottom: 50px;
left: 50px;
display: flex;
flex-direction: column-reverse;
align-items: center;
gap: 12px
}
.floating-action-button .floating-action-button-item {
width: 50px;
height: 50px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 4px;
cursor: pointer;
background: var(--floating-action-btn-item-bg);
border: 1px solid var(--floating-action-btn-item-border);
box-shadow: 0 4px 24px 0 var(--floating-action-btn-item-bs)
}
.floating-action-button .floating-action-button-item img {
width: 24px;
height: 24px
}
.floating-action-button .floating-action-button-list {
display: none;
flex-direction: column;
gap: 12px;
transition: opacity .4s ease-in-out
}
.floating-action-button .floating-action-button-list.visible {
display: flex
}
.floating-action-button .floating-action-button-list .floating-action-button-item {
width: 40px;
height: 40px
}
.login-modal .modal-dialog,
.telegram-login-modal .modal-dialog {
width: 483px
}
.register-modal .modal-header,
.forgot-password-modal .modal-header,
.simple-modal .modal-header {
background-color: var(--modal-body-bg);
background-image: none;
color: #fff;
text-align: center;
border-top-left-radius: inherit;
border-top-right-radius: inherit;
border-bottom: 0;
min-height: 50px;
text-transform: uppercase
}
.register-modal .modal-body,
.forgot-password-modal .modal-body,
.simple-modal .modal-body {
padding-top: 1px
}
.register-modal .modal-header>*,
.forgot-password-modal .modal-header>*,
.simple-modal .modal-header>* {
color: var(--register-forgot-simple-modal-header-color)
}
.register-modal .modal-header hr,
.forgot-password-modal .modal-header hr,
.simple-modal hr {
margin: 10px 0 0 0;
height: 1px;
border: 0;
background: -webkit-gradient(linear, 0 0, 100% 0, from(transparent), to(transparent), color-stop(50%, var(--user-info-color)))
}
.form-group .standard-password-field>i {
top: 50%;
transform: translateY(-50%)
}
.register-modal label,
.forgot-password-modal label,
.simple-modal label,
.login-modal .forgot-password-link {
color: var(--user-info-color);
font-weight: normal
}
.register-modal .btn,
.forgot-password-modal .btn,
.simple-modal .btn {
width: 80%;
padding: 12px;
border-radius: 4px
}
.register-modal .btn-secondary,
.forgot-password-modal .btn-secondary,
.simple-modal .btn-secondary {
border: 1px solid var(--simple-modal-btn-secondary-border);
color: var(--simple-modal-btn-secondary-border)
}
.register-modal input[type=text],
.register-modal input[type=password],
.forgot-password-modal input[type=text],
.forgot-password-modal input[type=password],
.simple-modal input[type=text],
.simple-modal input[type=password] {
background-color: var(--body-bg);
border-color: var(--std-inline-form-group-form-content-form-cntrl-border);
color: var(--modal-body-color)
}
.login-modal .login-form-container .popup-loader-container,
.register-modal .popup-loader-container {
display: flex;
justify-content: center;
align-items: center
}
.login-modal .captcha-container {
position: relative
}
.login-modal .captcha-container i {
position: absolute;
color: #000;
top: 0;
right: 0;
bottom: 2px;
display: flex;
align-items: center;
justify-content: center;
width: 25px;
font-size: 15px;
cursor: pointer
}
.simple-modal .modal-header {
padding: 32px 16px 12px
}
.simple-modal .modal-header .close {
margin: 0 0 12px
}
.simple-modal .modal-body {
padding: 1px 32px 12px
}
[data-require-login] {
cursor: pointer
}
.bonus-selection-popup-container:empty {
display: none
}
.site-info-container {
background: var(--site-info-cntr-bg)
}
.site-info-container .section-title {
color: var(--site-info-cntr-section-title-color)
}
.site-info-inner-container {
color: var(--site-info-inner-cntr-color)
}
.site-info-inner-container .site-links-container {
border-color: var(--site-info-inner-cntr-site-links-cntr-border)
}
.site-info-inner-container .footer-links li a,
.footer-links li a {
color: var(--site-info-inner-cntr-footer-links-li-a-color)
}
.site-info-inner-container .footer-links li a:hover,
.footer-links li a:hover {
color: var(--site-info-inner-cntr-footer-links-li-a-hover-color)
}
.site-info-inner-container .support-list li {
border-color: var(--site-info-inner-cntr-supp-list-li-border)
}
.copyright-info-container {
border-top-color: var(--copyright-info-cntr-border);
color: #d5d5d5
}
.copyright-info-container .copyright {
color: var(--copyright-info-cntr-copyright-color)
}
.percentCount {
color: var(--site-info-title-h3-color);
font-family: inherit
}
.progressbar {
background-color: var(--progressbar-bg) !important
}
.proggress {
background-color: var(--progress-bg) !important
}
.register-modal #register_form .standard-password-field>i {
top: 35px
}
.register-modal .standard-sub-section .standard-form-title {
margin-top: 15px
}
.register-modal .captcha-input {
position: relative
}
.register-modal .captcha-input input {
width: 50%
}
.register-modal .captcha-input .captcha-container {
position: absolute;
top: 0;
right: 0;
display: flex;
align-items: center
}
.register-modal .captcha-input .captcha-container img {
height: 34px;
margin-right: 10px
}
.register-modal .captcha-input .captcha-container .refresh-captcha-button {
font-size: 22px;
top: 0;
color: var(--secondary-text-color)
}
.change-referral-code a,
.referral-box a,
.referral-code-container a {
color: var(--ref-code-box-a-color)
}
.change-referral-code a:hover,
.referral-box a:hover,
.referral-code-container a:hover {
color: var(--ref-code-box-a-hover-color)
}
.pending-transaction-expiration-countdown {
display: flex;
align-items: center;
gap: 5px;
position: relative;
justify-content: center;
color: var(--pending-trans-expiration-in-color)
}
.pending-transaction-expiration-countdown .expiration-countdown {
gap: 8px
}
.pending-transaction-expiration-countdown .expiration-countdown [data-section] {
position: relative;
background-color: transparent;
border: 0;
padding: 0;
min-width: unset;
overflow: unset;
box-shadow: none
}
.pending-transaction-expiration-countdown .expiration-countdown [data-section]+[data-section] {
margin-left: 0
}
.pending-transaction-expiration-countdown .expiration-countdown [data-section=\"seconds\"]:after {
content: \":\";
position: absolute;
top: 2px;
left: -5px;
font-size: 10px;
color: var(--pending-trans-expiration-countdown-color)
}
.pending-transaction-expiration-countdown .expiration-countdown [data-section] span {
display: none
}
.pending-transaction-expiration-countdown .expiration-countdown [data-section=\"title\"],
.pending-transaction-expiration-countdown .expiration-countdown [data-section=\"days\"],
.pending-transaction-expiration-countdown .expiration-countdown [data-section=\"hours\"] {
display: none
}
.pending-transaction-expiration-countdown .expiration-countdown [data-value] {
margin: 0;
padding: 0;
font-size: 14px;
background-color: transparent;
color: var(--pending-trans-expiration-countdown-color)
}
.register-modal .phone-input-group-wrapper {
width: 100%
}
.register-modal .phone-input-group [data-section=\"input\"] .dialing-code-prefix {
top: 6px
}
.register-modal .phone-input-group .country-code-dropdown {
height: 34px
}
.forgot-password-modal .phone-input-group .country-code-dropdown {
height: 34px
}
.forgot-password-modal .phone-input-group [data-section=\"input\"] .dialing-code-prefix {
top: 7px
}
.footer-description-section h4 {
font-size: 18px;
color: var(--footer-description-header-color)
}
.footer-description-section .site-description {
font-size: 12px;
color: var(--footer-description-note-color)
}
.footer-sitemap-section {
display: flex;
justify-content: space-between;
padding-right: 40px
}
.footer-sitemap-section h4 {
font-size: 16px;
color: var(--footer-sitemap-header-color)
}
.footer-sitemap-section .footer-links>li {
display: block;
padding-top: 10px
}
.footer-sitemap-section .footer-links>li>a {
padding-right: 0;
font-size: 14px;
color: var(--footer-sitemap-link-color)
}
.footer-sitemap-section .footer-links>li+li>a {
padding-left: 0;
border-left: 0
}
.footer-sitemap-section .contact-list>li,
.footer-sitemap-section .social-media-list>li {
padding-top: 10px;
display: flex;
flex-direction: row;
width: 100%;
gap: 8px
}
.footer-sitemap-section .contact-list>li a,
.footer-sitemap-section .social-media-list>li a {
display: flex;
align-items: center;
font-size: 14px;
background-color: transparent;
flex-direction: row;
padding-left: 0;
padding-right: 0;
cursor: pointer;
line-height: 20px;
text-decoration: none;
gap: 8px;
justify-content: flex-start;
color: var(--footer-sitemap-link-color)
}
.footer-sitemap-section .contact-list>li a:hover,
.footer-sitemap-section .social-media-list>li a:hover {
color: var(--site-info-inner-cntr-footer-links-li-a-hover-color)
}
.footer-sitemap-section .contact-list>li a i,
.footer-sitemap-section .social-media-list>li a i {
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 60px;
width: 25px;
height: 25px;
background: var(--footer-sitemap-icon-bg)
}
.footer-sitemap-section .contact-list>li a i img {
filter: var(--footer-sitemap-icon-filter)
}
.footer-sitemap-section .contact-list>li a i img,
.footer-sitemap-section .social-media-list>li a i img {
width: 16px;
height: 16px
}
.footer-sitemap-section .contact-list>li .contact-qr-button {
width: 25px;
height: 25px;
background: transparent;
margin-left: auto;
display: inline-flex;
align-items: center;
justify-content: center;
border: 0;
padding: 0
}
.footer-sitemap-section .contact-list>li .contact-qr-button img {
filter: var(--footer-sitemap-qr-icon-filter)
}
.footer-sitemap-section .contact-list>li .popover-content {
min-width: 100px;
min-height: 100px
}
.footer-sitemap-section .contact-list>li .popover-content img {
width: 100px;
height: auto
}
.footer-sitemap-section li a:hover {
color: var(--site-info-inner-cntr-footer-links-li-a-hover-color)
}
.footer-featured-product-section {
display: flex;
flex-wrap: wrap;
align-items: stretch
}
.footer-featured-product-section>div {
display: flex
}
.footer-featured-product-section .site-info-description {
background: var(--footer-featured-product-bg);
border: 1px solid var(--footer-card-container-border);
border-radius: 5px;
padding: 20px 16px 20px 16px;
flex: 1
}
.footer-featured-product-section .site-info-description .site-info-img-header {
display: flex;
flex-direction: row;
gap: 9px
}
.footer-featured-product-section .site-info-description .site-info-img-header div:has(img) {
background: var(--footer-hero-icon-bg);
border-radius: 90px;
padding: 10px
}
.footer-featured-product-section .site-info-description h4 {
font-size: 16px;
color: var(--footer-featured-product-card-header-color)
}
.footer-featured-product-section .site-info-description p {
margin-top: 9px;
font-size: 12px;
color: var(--footer-featured-product-card-note-color)
}
.footer-banking-section {
margin-bottom: 24px
}
.footer-banking-section .banking-footer-section {
background: var(--footer-featured-product-bg);
border: 1px solid var(--footer-card-container-border);
border-radius: 6px
}
.footer-banking-section .banking-footer-section .bank-service-container {
display: grid;
grid-template-columns: repeat(2, 1fr);
margin: 24px;
gap: 16px
}
.footer-banking-section .banking-footer-section .bank-service-container .site-info-description {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
gap: 12px;
background: var(--footer-banking-card-bg);
border-radius: 6px;
padding: 5px 16px 5px 16px
}
.footer-banking-section .banking-footer-section .bank-service-container .site-info-description div:has(img) {
background: var(--footer-hero-icon-bg);
border-radius: 90px;
padding: 10px
}
.footer-banking-section .banking-footer-section .bank-service-container .site-info-description h4 {
margin-bottom: 0;
font-size: 16px;
color: var(--footer-transaction-service-header-color)
}
.footer-banking-section .banking-footer-section .bank-service-container .site-info-description p {
font-size: 14px;
margin-top: 9px;
color: var(--footer-transaction-service-note-color)
}
.footer-banking-section .bank-list-container {
background: var(--footer-featured-product-bg);
padding: 24px 24px 0 24px;
border-radius: 6px
}
.footer-banking-section .bank-list-container p {
font-size: 12px;
color: var(--footer-bank-list-note-color)
}
.footer-banking-section .bank-list {
margin: 0;
padding: 10px 0;
display: flex;
flex-wrap: wrap
}
.footer-banking-section .bank-list>li {
margin: 5px 5px;
text-align: center;
padding-left: 5px
}
.footer-banking-section .bank-list [data-online] {
position: relative;
display: inline-block;
width: 80px;
min-height: 40px
}
.footer-banking-section .bank-list [data-online] img {
width: 80px;
height: 40px
}
.footer-banking-section .bank-list [data-online=\'true\']:before,
.footer-banking-section .bank-list [data-online=\'false\']:before {
content: \'\';
position: absolute;
top: 0;
left: -10px;
bottom: 0;
width: 5px;
border-radius: 2px
}
.footer-banking-section .bank-list [data-online=\'true\']:before {
background-color: #0f0
}
.footer-banking-section .bank-list [data-online=\'false\']:before {
background-color: #e00
}
.footer-copyright-section {
margin-bottom: 24px
}
.footer-copyright-section .col-md-12 {
display: flex;
gap: 24px
}
.footer-copyright-section .col-md-12 .copyright {
margin-left: auto;
margin-bottom: 0;
align-self: center;
color: var(--site-desc-color)
}
::placeholder {
text-transform: capitalize
}
.img-responsive {
margin: auto
}
.carousel-inner>.item>img,
.carousel-inner>.item>picture>img,
.carousel-inner>.item>a>img,
.carousel-inner>.item>a>picture>img {
width: 100%
}
.carousel-inner>.item>picture>img,
.carousel-inner>.item>a>picture>img {
display: block;
height: auto;
max-width: 100%;
line-height: 1
}
.modal-dialog {
display: flex;
align-items: center;
justify-content: center;
min-height: 100%;
pointer-events: none
}
.modal-content {
flex-basis: 100%;
pointer-events: initial;
background: transparent;
border: 0;
border-radius: 10px
}
.modal-header {
background: var(--modal-header-bg);
color: #fff;
text-align: center;
border-top-left-radius: inherit;
border-top-right-radius: inherit;
border-bottom: 0;
min-height: 50px;
text-transform: uppercase
}
.register-modal .modal-header,
.forgot-password-modal .modal-header {
background-color: var(--register-forgot-pass-modal-header-bg);
background-image: none;
color: var(--register-forgot-pass-modal-header-color);
text-align: center;
border-top-left-radius: inherit;
border-top-right-radius: inherit;
border-bottom: 0;
min-height: 50px;
text-transform: uppercase
}
.register-modal .modal-header hr,
.forgot-password-modal .modal-header hr {
margin: 10px 0 0 0;
height: 1px;
border: 0;
background: -webkit-gradient(linear, 0 0, 100% 0, from(transparent), to(transparent), color-stop(50%, var(--register-forgot-pass-modal-header-color)))
}
.register-modal .modal-header .close,
.forgot-password-modal .modal-header .close {
color: var(--register-forgot-pass-modal-header-color)
}
.modal-header .close {
opacity: 1;
color: #fff;
margin: 0;
font-size: 20px;
text-shadow: none
}
.modal-body {
background-color: var(--modal-body-bg);
color: var(--modal-body-color)
}
.modal-body:last-child {
border-bottom-left-radius: inherit;
border-bottom-right-radius: inherit
}
.modal-body img {
max-width: 100%
}
.modal-footer {
text-align: center;
margin-top: 0;
border-top: 1px solid var(--modal-footer-border);
background-color: var(--modal-footer-bg);
border-bottom-left-radius: inherit;
border-bottom-right-radius: inherit;
display: flex;
justify-content: space-around
}
.modal-footer button {
min-width: 100px
}
.modal-footer .btn-primary {
border: 0;
background: var(--modal-footer-btn-primary-bg);
color: #fff
}
.modal-footer .btn-primary:hover {
background: var(--modal-footer-btn-primary-hover-bg)
}
.modal-footer .btn-secondary {
background: none;
color: var(--modal-footer-btn-secondary-color)
}
.modal-footer .btn-secondary:hover {
color: var(--modal-footer-btn-secondary-hover-color)
}
.popup-modal[data-title] .modal-title:before {
content: \'\';
display: block;
margin: 15px auto;
height: 70px;
width: 70px;
background: center no-repeat;
background-size: contain;
background-image: var(--desktop-popup-notification-src)
}
.popup-modal[data-title=\"\"] .modal-title:before {
background-image: var(--desktop-popup-alert-src)
}
.popup-modal[data-title=\"\"] .modal-body {
text-align: center;
padding-top: 40px
}
.concise-transaction-popup .modal-header .modal-title {
display: none
}
.concise-transaction-popup .modal-body {
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px
}
.concise-transaction-popup .modal-footer {
display: none
}
.popup-modal [data-popup=\"maintenance\"] {
padding: 0 30px
}
.popup-modal [data-popup=\"maintenance\"] p {
margin: 0;
text-align: center
}
.popup-modal [data-popup=\"maintenance\"] p:not(:last-child) {
text-align: left;
width: 50%;
margin: 3px auto
}
.popup-modal [data-popup=\"maintenance\"] p span {
display: inline-block;
padding: 2px 5px;
margin-right: 3px;
background: #fff;
color: var(--popup-modal-maintenance-p-span-color)
}
.popup-thumbnail {
display: block;
text-align: center;
margin-bottom: 10px
}
.nexus-pay-modal {
background-color: rgba(0, 0, 0, .5);
text-align: center
}
.giveaway-modal {
background-color: rgba(0, 0, 0, .5);
text-align: center
}
.free-spin-modal {
background-color: rgba(0, 0, 0, .5);
text-align: center
}
.loyalty-daily-reward-modal,
.loyalty-available-rank-up-modal {
text-align: center
}
.loyalty-available-rank-up-modal .modal-body {
border-radius: 10px
}
.loyalty-daily-reward-modal .modal-content .close-popup-modal {
position: absolute;
top: 20px;
right: 20px;
display: inline-flex;
justify-content: center;
align-items: center;
width: 30px;
height: 30px;
font-size: 28px;
font-weight: 900;
color: #000;
z-index: 2;
cursor: pointer
}
.loyalty-daily-reward-modal .daily-reward-container .reward-title h1,
.loyalty-daily-reward-modal .daily-reward-container p {
color: var(--user-info-color)
}
.loyalty-daily-reward-modal .daily-reward-container .reward-title h1 {
font-weight: bold
}
.loyalty-daily-reward-modal .daily-reward-container p {
font-size: 14px
}
.loyalty-available-rank-up-modal img {
width: 125px;
height: 125px
}
.loyalty-available-rank-up-modal h2 {
font-size: 24px;
color: #fff
}
.loyalty-available-rank-up-modal p {
font-size: 14px
}
.loyalty-available-rank-up-modal button {
padding: 10px
}
.loyalty-available-rank-up-modal .standard-secondary-button {
width: 250px;
border-radius: 50px;
background: #db1acb;
background-image: linear-gradient(to right, #db1acb 0%, #470a30 100%);
color: #fff
}
.loyalty-available-rank-up-modal .standard-secondary-button:hover {
background: #470a30;
background-image: linear-gradient(to right, #470a30 0%, #db1acb 100%)
}
.standard-form-content {
background: var(--std-form-content-bg);
color: var(--std-form-content-color);
padding: 40px;
border-radius: 15px
}
.standard-form-content ::-webkit-scrollbar {
height: 7px;
width: 7px
}
.standard-form-content ::-webkit-scrollbar-track {
background: transparent
}
.standard-form-content ::-webkit-scrollbar-thumb {
background: var(--std-form-content-webkit-thumb-bg);
border-radius: 5px;
cursor: pointer
}
.standard-form-title {
color: var(--std-form-title-color);
font-size: 26px;
text-indent: 15px;
line-height: 1;
margin-bottom: 30px;
padding-bottom: 10px;
border-bottom: 4px solid
}
.standard-form-title:not(:first-child) {
margin-top: 60px
}
.standard-form-title.with-back-icon {
display: flex;
align-items: center;
gap: 20px
}
.standard-form-title.with-back-icon a img {
filter: var(--std-form-title-with-back-icon-a-img-filter);
width: 24px;
height: 24px
}
.standard-form-title.flex {
display: flex;
justify-content: space-between;
align-items: center
}
.standard-form-title.flex a {
text-transform: uppercase;
color: #fff
}
.standard-form-title.with-back-icon span {
color: var(--otp-popup-content-color)
}
.standard-form-sub-title {
font-size: 24px;
padding-left: 15px;
border-left: 4px solid var(--std-form-sub-title-border);
margin-bottom: 10px;
line-height: 1
}
.standard-form-note {
line-height: 26px;
margin-bottom: 20px;
padding: 16px;
color: var(--std-form-note-color);
background: var(--std-form-note-bg);
border-radius: 8px
}
.standard-form-note a {
color: var(--std-form-note-a-color)
}
.standard-form-note:last-child {
margin: 0
}
.standard-form-note ol {
list-style: decimal;
padding-left: 24px
}
.standard-form-note strong,
.standard-form-note span {
color: var(--std-form-note-span)
}
.standard-form-note span {
font-weight: bold
}
.standard-form-note.with-icon {
display: flex;
align-items: stretch;
padding: 0;
background-color: transparent
}
.standard-form-note.with-icon .icon-container {
flex-basis: 100px;
display: flex;
justify-content: center;
align-items: center;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
background: linear-gradient(to bottom, #787880, #42424f)
}
.standard-form-note.with-icon .icon-container>div {
display: flex;
justify-content: center;
align-items: center;
width: 50px;
height: 50px;
border-radius: 5px
}
.standard-form-note.with-icon .icon-container>div>img {
width: 35px;
height: 35px
}
.standard-form-note.with-icon>div:last-child {
flex-basis: calc(100% - 100px);
flex-grow: 0;
flex-shrink: 0;
padding: 10px;
border-radius: 5px;
background-color: #cbcbcb;
color: #363565
}
.standard-form-note.with-icon>div:last-child>span {
text-transform: uppercase;
font-weight: 800;
color: #363565
}
.standard-form-note.with-icon>div:last-child p {
color: var(--simple-form-note-color)
}
.standard-reporting-control-group {
display: flex;
flex-wrap: nowrap;
align-items: center;
margin: 15px 0
}
.standard-reporting-control-group>div {
max-width: 240px;
margin: 0 10px 0 0
}
.standard-reporting-control-group>label {
margin: 0;
color: #bbb
}
.standard-reporting-control-group>select,
.standard-reporting-control-group>input {
margin: 0 10px;
display: inline-block;
width: initial
}
.standard-reporting-control-group>input {
width: 120px;
background-color: #0c0914;
border: 1px solid #1f1632;
color: #a7a7a7
}
.standard-reporting-control-group input[data-picker=\"date-range\"] {
width: 240px
}
.standard-reporting-control-group .form-control.input-username {
width: 280px
}
.standard-reporting-control-group .btn-primary.load-all {
margin-left: 10px
}
.standard-reporting-scroll-container {
overflow: auto
}
.standard-form-content .table thead,
.standard-reporting-scroll-container .table thead {
background-color: var(--std-form-content-reporting-scroll-cntr-table-head-bg);
border: 1px solid var(--std-form-content-reporting-scroll-cntr-table-head-border)
}
.standard-form-content .table thead tr th,
.standard-reporting-scroll-container .table thead tr th {
border: 2px solid var(--std-form-content-reporting-scroll-cntr-table-head-border);
color: #fff
}
.standard-form-content .table tbody,
.standard-reporting-scroll-container .table tbody {
background-color: var(--std-form-content-reporting-scroll-cntr-table-body-bg)
}
.standard-form-content .table tbody td,
.standard-reporting-scroll-container .table tbody td {
border: 1px solid var(--std-form-content-reporting-scroll-cntr-table-head-border);
color: var(--std-form-content-reporting-scroll-cntr-table-body-td-color)
}
.standard-reporting-scroll-container .table .grid-totals {
background-color: var(--std-report-scroll-cntr-table-grid-totals-bg);
color: #fff;
border: 1px solid var(--std-report-scroll-cntr-table-grid-totals-border);
font-weight: bold;
text-transform: uppercase
}
.standard-reporting-scroll-container .table .grid-totals>tr>td {
border-top: 0
}
.standard-expand-button {
border: 0;
background: center no-repeat;
background-size: contain;
background-image: var(--expand-icon-src);
height: 12px;
width: 12px;
padding: 0
}
.standard-expand-button[data-active=\"true\"] {
background-image: var(--collapse-icon-src)
}
.table {
color: #bbb
}
.table .table {
color: var(--table-table-color);
background-color: transparent
}
.table td.middle-align {
vertical-align: middle
}
.table td .status-pill[data-value] {
background-color: #999;
color: #fff;
padding: 5px 10px;
border-radius: 20px;
white-space: nowrap
}
.table td .status-pill[data-value=APP] {
background-color: #56f000
}
.standard-iframe {
width: 100%;
min-height: 660px;
max-height: 900px;
border: 0
}
.standard-required-message,
.field-validation-error {
color: #f00;
display: block;
margin-top: 5px
}
.standard-required-message {
display: none
}
.standard-required-message ul {
padding-left: 20px;
margin: 0
}
.input-validation-error+.standard-required-message {
display: initial
}
.alert-success,
.alert-danger {
padding: 10px
}
.standard-inline-form-group {
display: flex;
flex-wrap: nowrap;
align-items: center;
margin-bottom: 15px
}
.standard-inline-form-group label {
flex-grow: 1;
margin: 0;
color: var(--register-forgot-simple-modal-header-color);
font-weight: 100
}
.standard-inline-form-group .form-control,
.standard-form-content .form-control {
background-color: var(--std-inline-form-group-form-content-form-cntrl-bg);
border: 1px solid var(--std-inline-form-group-form-content-form-cntrl-border);
color: var(--modal-body-color);
border-radius: 5px
}
.standard-inline-form-group .form-control[disabled],
.standard-inline-form-group .form-control[readonly] {
background-color: var(--std-inline-form-group-form-cntrl-disabled-bg)
}
.standard-inline-form-group [data-section=\"asterisk\"] {
color: #f00;
padding: 0 10px
}
.standard-inline-form-group [data-section=\"input\"] {
width: 60%;
flex-shrink: 0
}
.standard-inline-form-group [data-section=\"input\"]:first-child {
margin-left: auto
}
.standard-inline-form-group .captcha-input {
position: relative
}
.standard-inline-form-group .captcha-input input {
width: 50%
}
.standard-inline-form-group .captcha-container {
position: absolute;
top: 0;
right: 0;
display: flex;
align-items: center
}
.standard-inline-form-group .captcha-container img {
width: 100%;
height: 34px;
margin-left: 10px
}
.standard-inline-form-group .refresh-captcha-button {
font-size: 22px;
top: 0;
cursor: pointer
}
.standard-inline-form-group [data-section=\"input\"] label+label {
margin-left: 10px
}
.whitelisted-domains-container .standard-required-message {
display: none;
color: #f00;
font-size: 12px;
position: absolute;
margin: 5px 15px
}
.standard-button-group {
text-align: center;
margin-bottom: 15px
}
.standard-button-group .btn-primary,
.standard-reporting-control-group .btn-primary {
background: var(--login-panel-reg-btn-bg);
padding: 10px 20px;
border: 0
}
.standard-button-group .btn-primary {
padding: 10px 35px
}
.standard-button-group .btn-primary:hover,
.standard-reporting-control-group .btn-primary:hover {
background: var(--login-panel-reg-btn-hover-bg)
}
.standard-button-group .btn-primary[disabled] {
background-color: #3a3943;
background-image: none;
color: #ffffff4d;
pointer-events: none;
cursor: not-allowed
}
form+.table {
margin-top: 40px
}
.expiration-countdown {
display: flex;
flex-wrap: nowrap;
font-size: 12px
}
.expiration-countdown [data-section] {
display: flex;
flex-direction: column;
justify-content: center;
align-content: center;
text-align: center;
padding-top: 5px;
background-color: var(--exp-countdown-data-section-bg);
color: #fff;
border: 1px solid #a9a9a9;
min-width: 80px
}
.expiration-countdown [data-section]+[data-section] {
margin-left: 10px
}
.expiration-countdown [data-value] {
font-size: 30px;
background-color: #f6f6f6;
color: var(--exp-countdown-data-section-bg);
margin-top: 5px;
padding-top: 5px
}
.copy-input-button-field {
position: relative
}
.copy-input-button-field .copy-input-button {
position: absolute;
top: 4px;
right: 5px;
padding: 2px 5px;
background: none;
border: 0;
margin-left: 5px;
color: #fff;
background: var(--login-panel-reg-btn-bg);
border-radius: 5px
}
.copy-input-button-field .copy-input-button:hover {
color: #fff;
background: var(--login-panel-reg-btn-bg)
}
.standard-profile-bar {
display: flex;
justify-content: space-between;
align-items: center;
background-color: var(--std-profile-bar-bg);
color: var(--std-profile-bar-color);
border-radius: 15px;
padding: 20px 40px;
margin-bottom: 20px
}
.standard-profile-bar .user-field {
flex-grow: 1;
display: flex;
align-items: center
}
.standard-profile-bar .user-field>img,
.standard-profile-bar .user-field>picture>img {
margin-right: 30px;
width: 75px;
height: 75px
}
.standard-profile-bar .user-field>div {
flex-grow: 1
}
.standard-profile-bar .username-field {
font-size: 20px;
margin-bottom: 10px
}
.standard-profile-bar .username-field .username {
color: var(--std-profile-bar-username-field-username-color);
font-weight: 600;
text-transform: uppercase
}
.standard-profile-bar .user-field .loyalty-info-container {
display: flex;
align-items: center;
gap: 15px
}
.standard-profile-bar .user-field .loyalty-info-container .xp-field {
display: flex;
align-items: center;
gap: 10px
}
.standard-profile-bar .user-field .loyalty-info-container .lp-field {
display: flex;
align-items: center;
gap: 10px;
padding: 0 15px;
border-left: 1px solid #25213c;
color: #fba501
}
.standard-profile-bar .user-field .loyalty-info-container>div a {
display: block;
text-align: center;
padding: 5px 10px;
border-radius: 3px;
background-color: var(--std-profile-bar-user-field-loyalty-info-cntr-div-a-bg);
color: #fff
}
.standard-profile-bar .balance-field {
text-align: right;
font-size: 18px
}
.standard-profile-bar .balance-field .currency {
font-size: 20px;
margin-top: 5px;
display: flex;
justify-content: flex-end;
align-items: center
}
.standard-profile-bar .balance-field .balance {
color: var(--std-profile-bar-balance-field-balance-color);
margin-left: 3px
}
.standard-profile-bar .balance-field .locked-balance {
color: #fcea0e
}
.standard-profile-bar .balance-field .locked-balance i {
font-size: 16px;
margin-left: 10px
}
.standard-nav-bar {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 10px
}
.standard-nav-bar:not(:first-child) {
margin-top: 60px
}
.standard-nav-bar .nav-bar-title {
font-size: 18px;
color: var(--std-nav-bar-title);
border-bottom: 4px solid;
padding: 5px 20px
}
.standard-nav-bar a {
display: inline-block;
border: 1px solid var(--std-nav-bar-a-border);
background-color: var(--std-nav-bar-a-border);
color: #fff;
padding: 7px 15px;
margin: 5px;
border-radius: 5px
}
.standard-nav-bar a[data-active=\"true\"] {
background: var(--login-panel-reg-btn-bg)
}
.standard-nav-bar a:not([data-active=\"true\"]):hover {
border-color: var(--std-nav-bar-a-not-active-true-hover-border);
color: var(--std-nav-bar-a-not-active-true-hover-color)
}
.standard-nav-bar.reporting-nav-bar {
font-size: 12px
}
.standard-nav-bar.reporting-nav-bar a {
padding: 7px
}
.standard-container-with-sidebar {
display: flex;
justify-content: space-between
}
.standard-container-with-sidebar>div:first-child {
flex-basis: calc(25% - 10px);
overflow: hidden
}
.standard-container-with-sidebar>div:last-child {
flex-basis: calc(75% - 10px);
overflow: hidden
}
.standard-side-menu {
background-color: var(--std-side-menu-bg);
color: var(--std-side-menu-color);
border-radius: 15px;
padding: 20px 15px;
text-align: center
}
.standard-side-menu>h4 {
font-size: 20px;
margin: 20px 0
}
.standard-side-menu>h4:not(:first-child) {
margin-top: 50px
}
.standard-side-menu a {
display: block;
border: 1px solid var(--std-side-menu-a-border);
background-color: var(--std-side-menu-a-border);
color: #fff;
font-size: 16px;
padding: 12px 0;
border-radius: 10px;
margin: 15px 0
}
.standard-side-menu a[data-active=\"true\"] {
background: var(--login-panel-reg-btn-bg)
}
.standard-side-menu a:not([data-active=\"true\"]):hover {
border-color: var(--std-nav-bar-a-not-active-true-hover-border);
color: var(--std-nav-bar-a-not-active-true-hover-border)
}
.last-transaction-model {
line-height: 1
}
.last-transaction-model span[data-section=\"REJ\"],
.last-transaction-model span[data-section=\"CAN\"],
.last-transaction-model span[data-section=\"FAIL\"] {
color: #f00
}
.last-transaction-model span[data-section=\"APP\"] {
color: #008000
}
.last-transaction-model span[data-section=\"PEN\"],
.last-transaction-model span[data-section=\"NEW\"],
.last-transaction-model span[data-section=\"PRO\"],
.last-transaction-model span[data-section=\"PRO1\"],
.last-transaction-model span[data-section=\"APP1\"],
.last-transaction-model span[data-section=\"remark\"] {
color: #00f
}
.standard-password-field {
position: relative
}
.standard-password-field>i {
position: absolute;
top: 10px;
right: 10px;
bottom: initial;
color: var(--modal-body-color);
cursor: pointer
}
.standard-password-field input[type=text]~i:before {
content: \"î„…\"
}
.password-validations>div {
display: flex;
margin-top: 3px
}
.password-validations>div i {
margin-right: 5px
}
[data-copied] {
position: relative
}
[data-copied]:after {
content: attr(data-copied);
pointer-events: none;
position: absolute;
top: 0;
left: calc(100% + 5px);
bottom: 0;
display: flex;
align-items: center;
text-transform: capitalize
}
.tab-menu-container {
display: flex;
margin-bottom: 20px;
background-color: #808080;
border-radius: 10px;
font-size: 12px;
margin: 10px auto 20px
}
.tab-menu-container a {
flex: 1;
text-transform: uppercase;
color: #fff;
display: flex;
justify-content: center;
align-items: center;
padding: 7px;
overflow: hidden
}
.tab-menu-container a[data-active=\"true\"] {
background-color: #7f673a
}
.tab-menu-container a:first-child {
border-top-left-radius: inherit;
border-bottom-left-radius: inherit
}
.tab-menu-container a:last-child {
border-top-right-radius: inherit;
border-bottom-right-radius: inherit
}
.tab-menu-container a:not(:last-child) {
border-right: 1px solid #fff
}
.tab-menu-container a [data-icon] {
height: 25px;
width: 25px;
display: inline-block;
margin-right: 5px;
background-size: contain;
background-position: center;
background-repeat: no-repeat
}
.top-tab-container {
display: flex;
justify-content: flex-start;
margin: 10px 0
}
.top-tab-container a {
padding: 10px 10px;
background-color: var(--top-tab-cntr-a-bg);
color: var(--top-tab-cntr-a-color);
text-transform: none;
margin-right: 2px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
width: 100%
}
.top-tab-container a[data-active=\"true\"],
.top-tab-container a:hover {
background: var(--top-tab-cntr-a-true-hover-bg);
color: #fff
}
.otp-hr {
border-color: var(--otp-hr-color);
border-width: 2px
}
.request-otp-button,
.request-otp-button:hover,
.contact-verification-link,
.contact-verification-link:hover {
border: 2px solid var(--otp-hr-color);
color: var(--otp-hr-color);
background-color: transparent
}
.request-otp-button[disabled] {
border-color: #464646;
background-color: #707070;
color: #b3b3b3
}
.request-otp-button[hidden] {
display: none
}
.otp-input {
border-color: var(--otp-hr-color);
box-shadow: none
}
.otp-dropdown-section [data-section=\"input\"] {
display: flex;
flex-wrap: wrap;
align-items: center
}
.otp-dropdown-section [data-section=\"input\"] select,
.otp-dropdown-section [data-section=\"input\"] .request-otp-button,
.otp-dropdown-section [data-section=\"input\"] .contact-verification-link {
flex-basis: 100%
}
.otp-dropdown-section [data-section=\"input\"] .request-otp-button,
.otp-dropdown-section [data-section=\"input\"] .contact-verification-link {
white-space: initial;
text-align: center
}
.standard-sub-section:first-of-type .standard-form-title {
margin-top: 0
}
.standard-sub-section .standard-form-title {
margin-top: 30px;
margin-bottom: 15px;
font-size: 20px
}
.standard-sub-section .standard-form-content {
padding: 15px;
padding-bottom: 0
}
.standard-sub-section+.standard-inline-form-group {
margin-top: 20px
}
.register-modal .modal-body {
padding-top: 1px
}
.register-modal .modal-body .standard-form-title {
color: var(--register-forgot-pass-modal-header-color);
border-bottom: 0;
margin-bottom: 0;
font-size: 16px
}
.register-modal .modal-body .standard-sub-section .standard-form-content {
padding-bottom: 1px;
background: none
}
.register-modal .modal-body .standard-button-group {
margin-top: 20px
}
.pending-deposit-title {
font-size: 18px;
font-weight: bold;
text-align: center
}
.pending-deposit-info {
display: flex;
justify-content: space-between;
align-items: center;
gap: 5px;
margin-bottom: 15px
}
.pending-deposit-info>div {
flex-basis: calc((100% - 5px*2)/3);
display: flex;
flex-direction: column;
gap: 2px
}
.pending-deposit-info>div>span:first-child {
text-transform: uppercase;
font-weight: bold
}
.pending-deposit-line {
margin: 15px 0;
height: 1px;
border: 0;
background: -webkit-gradient(linear, 0 0, 100% 0, from(transparent), to(transparent), color-stop(50%, var(--pending-deposit-line-bg)))
}
[data-payment-gateway] {
background-color: #fff;
color: #000;
margin-top: 15px;
padding: 20px;
border-radius: 10px
}
[data-payment-gateway] .payment-method-title {
font-size: 18px;
margin: 15px 0
}
[data-payment-gateway=\"va\"] .va-account-number {
font-size: 20px;
font-weight: 700;
background-color: #e4e4e4;
color: #333;
width: max-content;
margin: 0 auto;
padding: 10px 40px;
display: flex;
justify-content: center;
gap: 15px;
border-radius: 5px
}
[data-payment-gateway=\"va\"] .va-account-name {
display: flex;
justify-content: space-between;
font-size: 14px;
font-weight: 500
}
.how-to-pay-container {
margin: 15px 0;
display: flex;
flex-direction: column;
align-items: flex-start
}
.how-to-pay-container span {
font-size: 16px
}
.how-to-pay-container ol {
padding-left: 20px;
margin-top: 5px
}
.how-to-pay-container ol li {
text-align: left
}
[data-payment-gateway=\"qris\"] .qris-admin-fee {
color: #f00
}
[data-payment-gateway=\"qris\"] .qris-qr-code-container {
display: flex;
flex-direction: column;
align-items: center;
gap: 15px
}
[data-payment-gateway=\"qris\"] .qris-qr-code-container>img {
background-color: #fff;
width: 250px;
height: auto
}
[data-payment-gateway=\"qris\"] .qris-qr-code-container p {
margin: 0 auto;
max-width: 75%
}
[data-payment-gateway] .download-qr-button {
display: flex;
justify-content: center;
align-items: center;
gap: 5px;
background: var(--data-payment-gateway-download-qr-btn-bg);
color: #fff;
padding: 8px 15px;
border-radius: 5px;
width: max-content;
margin: 10px auto
}
[data-payment-gateway] .download-qr-button>img {
margin: -2px 2px 0 0
}
[data-payment-gateway] .download-qr-button img {
filter: invert(1)
}
[data-payment-gateway] .destination-account-info-container {
width: 100%;
display: flex;
flex-direction: column;
gap: 10px
}
[data-payment-gateway] .destination-account-info-container>div {
display: flex;
align-items: center;
gap: 10px;
overflow: hidden;
justify-content: space-between
}
[data-payment-gateway] .destination-account-info-container .destination-account-bank-info img {
width: auto;
height: 20px;
filter: invert(1)
}
[data-payment-gateway] .destination-account-info-container .destination-account-number-container {
overflow: hidden;
text-overflow: ellipsis;
flex-grow: 1;
text-align: right;
white-space: nowrap;
font-size: 16px;
color: var(--data-payment-gateway-dest-acc-info-cntr-number-cntr-color)
}
[data-payment-gateway] .destination-account-info-container .destination-account-number-container img {
width: 15px;
height: auto;
margin: -5px 0 0 4px
}
[data-payment-gateway] .destination-account-info-container .destination-account-holder-info>span {
color: #555
}
[data-payment-gateway][data-with-qr=\"true\"] .destination-account-info-container .destination-account-number-container {
justify-content: flex-start
}
[data-payment-gateway][data-with-qr=\"true\"] .destination-account-info-container>div {
align-items: start
}
[data-payment-gateway] .destination-account-qr-code-container {
display: flex;
flex-direction: column;
gap: 5px;
margin: 15px 0;
padding-top: 10px
}
[data-payment-gateway] .destination-account-qr-code-container>img {
padding: 5px;
margin: 5px auto;
background-color: #fff;
text-align: center;
border-radius: 5px
}
[data-payment-gateway] .destination-account-qr-code-container p {
max-width: 75%;
margin: 0 auto;
text-align: center
}
[data-payment-gateway] br {
display: none
}
[data-payment-gateway][data-with-qr=\"true\"] .destination-account-bank-info>div,
[data-payment-gateway][data-with-qr=\"true\"] .destination-account-info-container .destination-account-number-container {
text-align: left
}
[data-payment-gateway] .destination-account-number-container.destination-account-number-container img,
[data-payment-gateway] .va-account-number.va-account-number img {
filter: initial
}
.xp-label,
.lp-label {
display: flex;
font-size: 14px;
padding: 4px;
border-radius: 4px;
justify-content: center;
align-items: center;
line-height: 1;
font-weight: 500
}
.xp-label {
background-color: #6e6e6e;
color: #fff
}
.lp-label {
background-color: #ffa200;
color: #fff
}
.standard-checkbox-container {
display: flex;
align-items: center
}
.standard-checkbox-container.standard-checkbox-container label {
margin-bottom: 0;
color: var(--std-form-content-color)
}
.standard-checkbox-container input[type=\"checkbox\"] {
margin-top: -3px;
margin-right: 10px;
width: 15px;
height: 15px
}
.simple-form-note {
margin-top: 5px;
color: var(--simple-form-note-color)
}
.loader-spinner {
width: 50px;
height: 50px;
position: relative
}
.loader-spinner>span:before,
.loader-spinner>span:after {
content: \"\";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 100%;
border: 5px solid transparent;
border-top-color: #333
}
.loader-spinner>span:before {
z-index: 100;
animation: spin 1s infinite
}
.loader-spinner>span:after {
border: 5px solid #ccc
}
@keyframes spin {
0% {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg)
}
100% {
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg)
}
}
[data-section=\"asterisk\"] {
color: #f00
}
.pending-transactions-container {
padding: 10px 0
}
.pending-transactions-container .pending-transactions-item {
padding: 30px;
border-radius: 10px;
color: var(--modal-body-color);
background-color: var(--pending-trans-cntr-item-bg)
}
.pending-transactions-container .pending-transactions-item .pending-transaction-remarks-container {
text-align: center;
border-color: var(--pending-trans-cntr-item-remarks-cntr-border);
color: var(--modal-body-color);
background-color: var(--pending-trans-cntr-item-remarks-cntr-bg)
}
.pending-transactions-container .pending-transactions-item+.pending-transactions-item {
margin: 15px 0
}
.pending-transactions-container .pending-transactions-item p {
text-align: center;
color: var(--pending-trans-cntr-item-p-color);
font-size: 14px
}
.pending-transactions-container .pending-transactions-item [data-payment-gateway] {
margin-top: 15px;
padding: 20px;
border-radius: 10px;
box-shadow: 0 4px 4px 0 #00000040;
background-color: var(--pending-trans-cntr-item-data-payment-gateway-bg);
color: var(--modal-body-color)
}
.pending-transactions-container .pending-transactions-item [data-payment-gateway] .destination-account-bank-info>div>img {
filter: var(--pending-trans-cntr-item-payment-gateway-dest-acc-bank-info-img-filter)
}
.pending-transactions-container .pending-transactions-item [data-payment-gateway] hr {
width: 100%;
margin: 10px auto;
border-top: 1px solid var(--pending-trans-cntr-item-payment-gateway-hr-btop);
border-bottom: 1px solid var(--pending-trans-cntr-item-payment-gateway-hr-bbot)
}
.pending-transactions-container .pending-transactions-item [data-payment-gateway=\"va\"],
.pending-transactions-container .pending-transactions-item [data-payment-gateway=\"qris\"] {
text-align: center
}
.pending-transactions-container .pending-transactions-item [data-payment-gateway=\"pulsa\"] .destination-account-holder-info {
text-align: right
}
.pending-transactions-container .pending-transactions-item .pending-deposit-title {
font-size: 16px;
font-weight: normal;
text-align: left
}
.pending-transactions-container .pending-transactions-item .pending-deposit-info {
display: flex;
justify-content: flex-start;
align-items: center;
margin-bottom: 15px;
text-align: left;
gap: 30px
}
.pending-transactions-container .pending-transactions-item .pending-deposit-info>div {
display: flex;
flex-direction: column;
gap: 2px;
text-align: left
}
.pending-transactions-container .pending-transactions-item .pending-deposit-info>div>span {
font-size: 16px
}
.pending-transactions-container .pending-transactions-item .pending-deposit-info>div>span:first-child {
text-transform: uppercase;
font-weight: normal;
font-size: 14px
}
.pending-transactions-container .pending-transactions-item .pending-deposit-info>div>span:last-child {
white-space: nowrap
}
.pending-transactions-container .pending-transactions-item .pending-deposit-info div:last-child {
flex-grow: 1;
text-align: right
}
.pending-transactions-container .pending-transactions-item .destination-account-holder-info {
display: flex;
flex-direction: column;
align-items: flex-end;
gap: 2px;
font-size: 12px
}
.pending-transactions-container .pending-transactions-item .destination-account-holder-info>span {
color: #bbb
}
.pending-transactions-container .pending-transactions-item .va-account-name {
width: 50%;
margin: 0 auto
}
.pending-transactions-container .pending-transactions-item .pending-deposit-line {
margin: 15px 0;
height: 1px;
border: 0;
background: -webkit-gradient(linear, 0 0, 100% 0, from(transparent), to(transparent), color-stop(50%, var(--pending-trans-cntr-item-deposit-line-bg)))
}
.pending-transactions-container .pending-transactions-item [data-payment-gateway] .payment-method-title {
font-size: 18px;
margin: 15px 0
}
.pending-transactions-container .pending-transactions-item [data-payment-gateway=\"va\"] .va-account-number {
font-size: 20px;
font-weight: 700;
background-color: #e4e4e4;
color: #333;
width: max-content;
margin: 0 auto;
padding: 10px 40px;
display: flex;
justify-content: center;
gap: 15px;
border-radius: 5px
}
.pending-transactions-container .pending-transactions-item [data-payment-gateway=\"va\"] .va-account-name {
display: flex;
justify-content: space-between;
font-size: 14px;
font-weight: 500
}
.pending-transactions-container .pending-transactions-item .how-to-pay-container {
margin: 15px 0;
display: flex;
flex-direction: column;
align-items: flex-start
}
.pending-transactions-container .pending-transactions-item .how-to-pay-container span {
font-size: 16px
}
.pending-transactions-container .pending-transactions-item .how-to-pay-container ol {
padding-left: 20px;
margin-top: 5px;
list-style: decimal
}
.pending-transactions-container .pending-transactions-item .how-to-pay-container ol li {
text-align: left
}
.pending-transactions-container .pending-transactions-item [data-payment-gateway=\"qris\"] .pending-transaction-remarks-container {
color: #881616
}
.pending-transactions-container .pending-transactions-item [data-payment-gateway=\"qris\"] .qris-admin-fee {
color: #f00
}
.pending-transactions-container .pending-transactions-item [data-payment-gateway=\"qris\"] .qris-qr-code-container {
display: flex;
flex-direction: column;
align-items: center;
gap: 15px
}
.pending-transactions-container .pending-transactions-item [data-payment-gateway=\"qris\"] .qris-qr-code-container>img {
background-color: #fff;
width: 250px;
height: auto
}
.pending-transactions-container .pending-transactions-item [data-payment-gateway=\"qris\"] .qris-qr-code-container p {
margin: 0 auto;
max-width: 75%
}
.pending-transactions-container .pending-transactions-item [data-payment-gateway] .download-qr-button {
display: flex;
justify-content: center;
align-items: center;
gap: 5px;
color: #fff;
padding: 8px 15px;
border-radius: 5px;
width: max-content;
margin: 10px auto
}
.pending-transactions-container .pending-transactions-item [data-payment-gateway] .download-qr-button>img {
margin: -2px 2px 0 0
}
.pending-transactions-container .pending-transactions-item [data-payment-gateway] .destination-account-info-container {
width: 100%;
display: flex;
flex-direction: column;
gap: 10px
}
.pending-transactions-container .pending-transactions-item [data-payment-gateway] .destination-account-info-container>div {
display: flex;
overflow: hidden;
justify-content: space-between
}
.pending-transactions-container .pending-transactions-item [data-payment-gateway] .destination-account-info-container .destination-account-bank-info img {
width: auto;
height: 20px;
filter: var(--user-info-locked-balance-img-filter)
}
.pending-transactions-container .pending-transactions-item [data-payment-gateway] .destination-account-info-container .destination-account-number-container {
overflow: hidden;
text-overflow: ellipsis;
flex-grow: 1;
text-align: right;
white-space: nowrap;
font-size: 16px;
color: var(--modal-body-color)
}
.pending-transactions-container .pending-transactions-item [data-payment-gateway] .destination-account-info-container .destination-account-number-container img {
width: 15px;
height: auto;
margin: -5px 0 0 4px;
filter: initial
}
.pending-transactions-container .pending-transactions-item [data-payment-gateway] .destination-account-info-container .destination-account-holder-info>span {
color: var(--pending-trans-cntr-item-payment-gateway-dest-acc-info-cntr-holder-info-span-color)
}
.pending-transactions-container .pending-transactions-item [data-payment-gateway][data-with-qr=\"true\"] .destination-account-info-container .destination-account-number-container {
justify-content: flex-start
}
.pending-transactions-container .pending-transactions-item [data-payment-gateway][data-with-qr=\"true\"] .destination-account-info-container>div {
align-items: start
}
.pending-transactions-container .pending-transactions-item [data-payment-gateway] .destination-account-qr-code-container {
display: flex;
flex-direction: column;
gap: 5px;
margin: 15px 0;
padding-top: 10px
}
.pending-transactions-container .pending-transactions-item [data-payment-gateway] .destination-account-qr-code-container>img {
padding: 5px;
margin: 5px auto;
background-color: #fff;
text-align: center;
border-radius: 5px
}
.pending-transactions-container .pending-transactions-item [data-payment-gateway] .destination-account-qr-code-container p {
max-width: 75%;
margin: 0 auto;
text-align: center
}
.pending-transactions-container .pending-transactions-item [data-payment-gateway] br {
display: none
}
.pending-transactions-container .pending-transactions-item .participated-bonus-remark {
text-align: left
}
.pending-transactions-container .pending-transactions-item .participated-bonus-remark .participated-bonus-amount-container {
display: flex;
justify-content: space-between;
align-items: center;
font-size: 12px;
gap: 8px
}
.pending-transactions-container .pending-transactions-item .participated-bonus-remark .participated-bonus-amount-container .participated-bonus-title {
max-width: 80%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis
}
.pending-transactions-container .pending-transactions-item .participated-bonus-remark .participated-bonus-amount-container .participated-bonus-amount {
white-space: nowrap
}
.pending-transactions-container .payment-link-container {
margin-top: 24px
}
.pending-transactions-container .payment-link-container p {
font-style: normal;
font-size: 14px
}
.pending-transactions-container .payment-link-container a {
width: 220px;
border-radius: 50px;
font-size: 14px
}
.pending-transactions-container.pending-transactions-container [data-payment-gateway] .destination-account-number-container img {
filter: var(--pending-trans-cntr-payment-gateway-dest-acc-number-cntr-img-filter)
}
.no-data-container {
min-height: 300px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 20px
}
.no-data-container p {
color: var(--no-data-cntr-p-color)
}
.no-data-container img {
width: 150px;
height: 150px;
filter: var(--no-data-cntr-img-filter)
}
.empty-payment-account-note {
margin: 24px 0 12px 0;
padding: 8px 12px;
border: 1px dashed #a2a4a5;
border-radius: 4px;
text-align: center;
font-size: 14px;
font-weight: normal;
background-color: transparent;
color: #000
}
.otp-popup {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1041;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, .5);
display: none
}
.otp-popup.open {
display: flex;
justify-content: center;
align-items: center
}
.otp-popup .otp-popup-content {
display: flex;
flex-direction: column;
align-items: center;
gap: 8px;
width: 500px;
padding: 40px 16px;
border-radius: 8px;
background-color: var(--otp-popup-content-bg);
color: var(--otp-popup-content-color)
}
.otp-popup .otp-popup-content .otp-popup-header {
position: relative;
width: 100%
}
.otp-popup .otp-popup-content .otp-popup-header .close {
position: absolute;
top: -30px;
right: 0;
opacity: 1
}
.otp-popup .otp-popup-content .otp-popup-header .close span {
font-size: 24px;
color: var(--otp-popup-content-color)
}
.otp-popup .otp-popup-content h4 {
margin: 0 0 12px 0;
font-size: 16px;
font-weight: 700;
text-align: center
}
.otp-popup .otp-popup-content p {
margin: 0;
font-size: 14px;
line-height: 16px;
text-align: center
}
.otp-popup .otp-popup-content span {
font-size: 14px;
font-weight: 700
}
.otp-popup .otp-popup-content .resend-button {
color: var(--otp-hr-color);
cursor: pointer
}
.otp-popup .otp-popup-content .resend-button.disabled {
pointer-events: none;
color: #808080
}
.otp-popup .otp-popup-content .standard-button-group {
width: 100%;
margin: 12px 0 0 0
}
.otp-popup .otp-popup-content .standard-button-group .standard-secondary-button {
width: 100%;
text-transform: capitalize;
font-size: 14px;
font-weight: 700
}
.otp-popup .otp-popup-content .standard-button-group .standard-secondary-button:hover {
width: 100%
}
.otp-popup .otp-popup-content .standard-secondary-button:disabled {
background: #3a3943;
color: #ffffff4d;
border-color: #403d6380
}
.otp-input-outer-container {
display: flex;
justify-content: center;
align-items: center
}
.otp-code-id-container {
font-size: 16px;
padding: 10px 0;
letter-spacing: 4px
}
.otp-input-container {
position: relative;
width: 100%
}
.otp-input-container .otp-input {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
z-index: 10
}
.otp-fake-inputs {
display: flex;
justify-content: space-between;
gap: 8px;
margin: 16px 0
}
.otp-fake-inputs div {
display: flex;
justify-content: center;
align-items: center;
width: 40px;
height: 50px;
border: 1px solid #3e3a50;
border-radius: 4px;
line-height: 50px;
font-size: 20px;
background-color: #0b0916;
color: #fff;
box-shadow: 0 2px 4px rgba(0, 0, 0, .1)
}
.otp-fake-inputs div.filled {
border-color: var(--otp-hr-color)
}
.otp-fake-inputs div.focused {
border-color: var(--otp-hr-color);
box-shadow: 0 0 5px rgba(0, 123, 255, .5)
}
.contact-verification-container .popup-loader-container {
display: flex;
align-items: center;
justify-content: center;
min-height: 250px
}
.contact-verification-container .phone-input-group-wrapper {
width: 100%
}
.contact-verification-container .phone-input-group:has(label.error) {
margin-bottom: 16px
}
.contact-verification-container .phone-input-group:has(label.error) label.error {
position: absolute;
bottom: -20px;
left: -78px
}
.contact-verification-popup .phone-input-group-wrapper .phone-input-group .country-code-dropdown {
height: 34px;
background-color: var(--contact-ver-popup-section-form-group-input-bg);
border-color: var(--contact-ver-popup-section-form-group-input-border)
}
.contact-verification-popup .phone-input-group-wrapper .phone-input-group [data-section=\"input\"] .dialing-code-prefix {
top: 7px;
font-size: 14px;
color: var(--contact-ver-popup-section-form-group-input-color)
}
.change-verification-method-button,
.change-otp-channel-button {
display: block;
margin-top: 20px;
text-decoration: underline;
cursor: pointer;
font-size: 14px
}
.contact-verification-section {
display: flex;
flex-direction: column;
gap: 8px;
margin-top: 8px
}
.contact-verification-section .form-group {
display: flex;
flex-direction: column;
gap: 8px
}
.contact-verification-section label {
font-size: 14px
}
.contact-verification-section ul {
margin-bottom: 8px;
margin-left: 16px;
list-style: disc
}
.contact-verification-section ul li,
.contact-verification-section span {
color: var(--otp-fake-inputs-div-color);
font-size: 14px
}
.contact-verification-section span {
font-weight: 300
}
.contact-verification-section span.error {
color: #f00
}
.contact-verification-section .request-otp-button {
display: none
}
.form-group.form-group label.error {
font-size: 14px;
font-weight: 400;
text-transform: unset;
color: #f00
}
.modal-standard-header {
text-align: center;
padding-bottom: 16px;
position: relative;
font-size: 16px;
font-weight: 500;
line-height: 1;
margin-top: -20px;
color: var(--modal-body-color)
}
.modal-standard-header:after {
position: absolute;
display: block;
bottom: 0;
left: 0;
right: 0;
content: \' \';
height: 1px;
background-image: var(--modal-std-header-after-bg)
}
.date-picker-wrapper {
z-index: 1041
}
.bonus-selection-container {
display: flex;
justify-content: space-between;
align-items: center;
gap: 4px;
width: 100%;
height: 54px;
padding: 12px 16px;
margin-top: 12px;
cursor: pointer;
border-radius: 4px;
background: var(--bonus-selection-cntr-bg);
border: 1px solid var(--bonus-selection-cntr-border);
color: var(--bonus-selection-cntr-color)
}
.bonus-selection-container .bonus-title-container {
display: flex;
flex-direction: column;
gap: 4px;
max-width: 85%
}
.bonus-selection-container .bonus-title-container span {
font-weight: 700;
color: inherit
}
.bonus-selection-container .bonus-title-container .bonus-title {
font-size: 14px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis
}
.bonus-selection-container .bonus-title-container .bonus-amount {
display: none;
font-size: 14px
}
.bonus-selection-container .bonus-action>img {
width: 4px;
height: 8px;
filter: var(--bonus-selection-cntr-action-img-filter)
}
.bonus-selection-container .bonus-action .cancel-bonus-button {
display: none;
padding: 4px 8px;
border-radius: 30px;
font-size: 12px;
background-color: transparent;
border: 1px solid var(--bonus-selection-cntr-action-cancel-bonus-btn-border);
color: var(--bonus-selection-cntr-action-cancel-bonus-btn-border)
}
.bonus-selection-container[data-selected=\"true\"] .bonus-title-container .bonus-title {
font-size: 12px
}
.bonus-selection-container[data-selected=\"true\"] .bonus-title-container .bonus-amount {
display: block
}
.bonus-selection-container[data-selected=\"true\"] .bonus-action>img {
display: none
}
.bonus-selection-container[data-selected=\"true\"] .bonus-action .cancel-bonus-button {
display: block
}
.bonus-selection-popup {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100vw;
height: 100vh;
display: none;
justify-content: center;
align-items: center;
background-color: rgba(0, 0, 0, .8);
z-index: 1040
}
.bonus-selection-popup.open {
display: flex
}
.bonus-selection-popup .bonus-selection-popup-content {
position: relative;
width: 500px;
padding: 12px 12px 32px 12px;
border-radius: 12px;
background-color: var(--bonus-selection-popup-content-bg);
color: var(--user-info-color)
}
.bonus-selection-popup .bonus-selection-popup-content h2 {
margin: 0;
padding: 12px;
font-size: 16px;
font-weight: 700;
text-align: center;
color: var(--user-info-color)
}
.bonus-selection-popup .bonus-selection-popup-content .bonus-selection-popup-close-button {
position: absolute;
top: 20px;
right: 24px;
display: block;
cursor: pointer
}
.bonus-selection-popup .bonus-selection-popup-content .bonus-selection-popup-close-button img {
width: 12px;
height: 12px
}
.bonus-selection-popup .bonus-selection-popup-content .bonus-selection-popup-close-button>img {
filter: var(--user-info-locked-balance-img-filter)
}
.bonus-selection-list {
display: flex;
flex-direction: column;
gap: 16px;
margin-top: 16px;
max-height: 80vh;
overflow-y: auto
}
.bonus-selection-list::-webkit-scrollbar {
width: 7px
}
.bonus-selection-list::-webkit-scrollbar-track {
background: transparent
}
.bonus-selection-list::-webkit-scrollbar-thumb {
background: #58585a;
border-radius: 5px
}
.bonus-selection-list .bonus-selection-card {
display: flex;
flex-direction: column;
border-radius: 5px;
background: var(--bonus-selection-list-card-bg);
border: 1px solid var(--bonus-selection-list-card-border)
}
.bonus-selection-list .bonus-selection-card+.remarks-container {
background: #fba50117;
color: var(--user-info-color);
border-color: #fba501
}
.bonus-selection-list .bonus-selection-card.selected {
background: var(--bonus-selection-cntr-bg);
border-color: var(--bonus-selection-cntr-border);
color: var(--bonus-selection-cntr-color)
}
.bonus-selection-list .bonus-selection-card .bonus-selection-card-content {
position: relative;
display: flex;
flex-direction: column;
gap: 8px;
padding: 12px 12px 0 12px;
border-radius: 4px 4px 0 0
}
.bonus-selection-list .bonus-selection-card .bonus-selection-card-content .title {
display: flex;
justify-content: space-between;
align-items: center
}
.bonus-selection-list .bonus-selection-card .bonus-selection-card-content .title .bonus-button {
padding: 3px 10px;
background-color: var(--bonus-sel-list-card-content-title-bonus-btn-bg);
border: 1px solid var(--bonus-sel-list-card-content-title-bonus-btn-border);
border-radius: 2px;
font-size: 14px;
cursor: pointer
}
.bonus-selection-list .bonus-selection-card.selected .bonus-selection-card-content .title .bonus-button {
background-color: var(--bonus-sel-list-card-selected-content-title-bonus-btn-bg);
border-color: var(--bonus-sel-list-card-selected-content-title-bonus-btn-border);
color: var(--bonus-sel-list-card-selected-content-title-bonus-btn-color)
}
.bonus-selection-list .bonus-selection-card .bonus-selection-card-content h3 {
max-width: 90%;
margin: 0;
font-size: 16px;
font-weight: 900;
color: inherit
}
.bonus-selection-list .bonus-selection-card .bonus-selection-card-content h4 {
margin: 0;
font-size: 14px;
font-weight: 700;
color: inherit
}
.bonus-selection-list .bonus-selection-card .bonus-selection-card-content ul {
padding-left: 28px;
font-size: 12px;
list-style: disc
}
.bonus-selection-list .bonus-selection-card .bonus-selection-card-content ul li span {
font-weight: 700
}
.bonus-selection-list .bonus-selection-card .bonus-selection-card-footer {
display: flex;
justify-content: space-between;
align-items: center;
padding: 8px 12px;
border-radius: 0 0 4px 4px;
background: var(--bonus-selection-list-card-bg);
z-index: 1
}
.bonus-selection-list .bonus-selection-card.selected .bonus-selection-card-footer {
background: var(--bonus-selection-list-card-selected-card-footer-bg)
}
.bonus-selection-list .bonus-selection-card[data-eligible=\"false\"] .bonus-selection-card-footer {
background: var(--bonus-selection-list-card-eligible-false-bg)
}
.bonus-selection-list .bonus-selection-card[data-eligible=\"false\"] .bonus-selection-card-footer .terms-and-conditions-button img {
filter: var(--user-info-locked-balance-img-filter)
}
.bonus-selection-list .bonus-selection-card .bonus-selection-card-footer .end-date {
font-size: 12px;
font-weight: 700;
color: var(--bonus-selection-list-card-footer-end-date-color)
}
.bonus-selection-list .bonus-selection-card .bonus-selection-card-footer .terms-and-conditions-button {
display: flex;
align-items: center;
gap: 8px;
cursor: pointer;
font-size: 12px;
font-weight: 500;
color: var(--user-info-color)
}
.bonus-selection-list .bonus-selection-card .bonus-selection-card-footer .terms-and-conditions-button img {
transform: rotate(90deg);
filter: var(--user-info-locked-balance-img-filter)
}
.bonus-selection-list .bonus-selection-card .bonus-selection-card-detail {
display: none;
flex-direction: column;
gap: 12px;
padding: 12px;
font-size: 14px;
border-radius: 4px;
color: var(--bonus-selection-list-card-detail-color);
background: var(--bonus-selection-list-card-detail-bg);
margin: 0 12px 12px 12px
}
.bonus-selection-list .bonus-selection-card .bonus-selection-card-detail .bonus-selection-card-detail-title {
margin: 0;
font-weight: 900;
color: inherit
}
.bonus-selection-list .bonus-selection-card .bonus-selection-card-detail ul {
padding-left: 28px;
list-style: disc
}
.bonus-selection-list .bonus-selection-card .bonus-selection-card-detail .eligible-providers {
display: flex;
flex-wrap: wrap;
gap: 4px
}
.bonus-selection-list .bonus-selection-card .bonus-selection-card-detail .eligible-providers li {
flex-basis: calc((100% - 4px)/2)
}
.bonus-selection-list .bonus-selection-card .bonus-selection-card-detail button {
width: max-content;
padding: 8px 24px;
font-size: 14px;
font-weight: 700;
text-transform: uppercase
}
.bonus-selection-list .bonus-selection-card .bonus-selection-card-footer.expand .terms-and-conditions-button img {
transform: rotate(270deg)
}
.bonus-selection-list .bonus-selection-card .bonus-selection-card-detail.expand {
display: flex
}
.bonus-selection-list .bonus-selection-card[data-eligible=\"false\"] {
background: var(--bonus-selection-list-card-eligible-false-bg);
border: 1px solid var(--bonus-selection-list-card-border)
}
.bonus-selection-list .bonus-selection-card[data-eligible=\"false\"] .bonus-selection-card-content {
color: #adadad;
pointer-events: none
}
.bonus-selection-list .bonus-selection-card[data-eligible=\"false\"] .bonus-selection-card-content .bonus-selected {
background: var(--bonus-selection-list-card-eligible-false-bg)
}
.bonus-selection-list .bonus-selection-card .remarks-container {
font-size: 12px;
margin: 0 12px 12px 12px;
border-color: #e60105;
background: var(--bonus-selection-list-card-remarks-cntr-bg);
color: var(--user-info-color)
}
.bonus-selection-card-highlighted-section {
padding: 8px 12px;
border-radius: 4px;
font-size: 12px;
background: var(--bonus-selection-card-highlighted-section-bg);
color: var(--bonus-selection-card-highlighted-section-color)
}
.search-popup-container {
display: none;
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100vw;
height: 100vh;
background-color: rgba(0, 0, 0, .8);
z-index: 1030;
overflow-y: auto
}
.search-popup-container.open {
display: flex;
justify-content: center
}
.search-container {
display: flex;
flex-direction: column;
gap: 8px;
width: 800px;
height: 80vh;
margin-top: 50px;
overflow-y: auto;
border-radius: 5px;
background: var(--data-cntr-bg)
}
.search-header {
position: relative
}
.search-header .search-title {
display: flex;
justify-content: center;
align-items: center;
gap: 10px;
padding: 10px 0;
font-size: 18px;
font-weight: 500;
color: var(--user-info-color)
}
.search-header .search-title img {
width: 16px;
height: 16px;
filter: var(--search-header-title-img-filter)
}
.search-header .close-button {
position: absolute;
top: 50%;
right: 20px;
transform: translateY(-50%);
cursor: pointer
}
.search-header .close-button img {
width: 18px;
height: 18px;
filter: var(--user-info-locked-balance-img-filter)
}
.search-input-container {
position: relative;
padding: 15px
}
.search-input-container input {
width: 100%;
height: 40px;
padding: 0 25px 0 10px;
font-size: 16px;
font-weight: 500;
border-radius: 4px;
background-color: var(--search-input-cntr-input-bg);
border: 1px solid var(--search-input-cntr-input-border);
color: var(--user-info-color)
}
.search-input-container input:focus::placeholder {
color: transparent
}
.search-input-container input::placeholder {
color: var(--search-input-cntr-input-placeholder-color)
}
.search-input-container img {
position: absolute;
top: 50%;
right: 25px;
transform: translateY(-50%);
width: 16px;
height: 16px;
filter: invert(35%) sepia(40%) saturate(0%) hue-rotate(252deg) brightness(104%) contrast(72%)
}
.search-input-container .input-close-icon {
display: none;
width: 12px;
height: 12px;
cursor: pointer
}
.recent-searches-container {
display: flex;
flex-direction: column;
gap: 10px;
padding: 15px
}
.recent-searches-container .recent-searches-title {
display: flex;
justify-content: space-between;
align-items: center;
gap: 10px;
font-size: 14px;
font-weight: 500;
color: #6c6c6c
}
.recent-searches-container .recent-searches-title .clear-searches-button {
cursor: pointer
}
.recent-searches-container .search-history-container {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 8px
}
.recent-searches-container .search-history-container .search-history-item {
display: flex;
align-items: center;
gap: 10px;
padding: 12px;
font-size: 14px;
border-radius: 100px;
cursor: pointer;
background: var(--recent-search-cntr-history-cntr-item-bg);
color: #fff
}
.recent-searches-container .search-history-container .search-history-item img {
width: 11px;
height: 11px
}
.search-popular-games-container {
display: flex;
flex-direction: column;
gap: 4px
}
.search-popular-games-container .search-popular-games-section-title {
font-size: 14px;
font-weight: 500;
color: #6c6c6c;
padding: 0 15px
}
.search-result-section {
display: flex;
flex-direction: column;
gap: 10px
}
.search-result-section+.search-result-section {
margin-top: 15px
}
.search-result-section .search-result-section-title {
padding: 4px 10px;
font-size: 18px;
font-weight: 500;
background: var(--recent-search-cntr-history-cntr-item-bg);
color: #fff
}
.search-result-provider-list {
display: flex;
align-items: center;
padding: 0 15px;
overflow-x: auto
}
.search-result-provider-list .provider-item {
flex-basis: 25%;
flex-grow: 0;
flex-shrink: 0;
display: flex;
flex-direction: column;
align-items: center;
gap: 11px;
padding: 8px 8px 8px 0
}
.search-result-provider-list .provider-item .img-wrapper {
position: relative;
text-align: center;
width: 100%
}
.search-result-provider-list .provider-item[data-maintenance-status=\"true\"] {
filter: grayscale(1);
pointer-events: none
}
.search-result-provider-list .provider-item[data-maintenance-status=\"true\"] .img-wrapper:after {
content: var(--maintenance-text, \'\') \" \";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
font-size: 10px;
color: #fff;
border-radius: 5px;
width: fit-content;
background: #808080;
filter: grayscale(0) brightness(100%);
padding: 0 10px;
max-width: calc(100% - 20px);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis
}
.search-result-provider-list .provider-item+.provider-item {
padding: 8px 8px 8px 20px;
border-left: 1px solid var(--search-result-provider-list-item-item-border)
}
.search-result-provider-list .provider-item img {
width: 96px;
height: auto;
border-radius: 5px
}
.search-result-provider-list .provider-item .provider-item-info {
width: 100%;
flex-grow: 1;
display: flex;
flex-direction: column;
align-items: center;
gap: 8px
}
.search-result-provider-list .provider-item .provider-item-info .provider-name {
font-size: 16px;
font-weight: 500;
color: var(--user-info-color)
}
.search-result-provider-list .provider-item .provider-item-info .provider-category {
display: none;
font-size: 14px;
font-weight: 500;
color: #6c6c6c
}
.search-result-provider-list[data-has-game-result=\"false\"] .provider-item-info {
width: initial;
flex-direction: row
}
.search-result-provider-list[data-has-game-result=\"false\"] .provider-item-info .provider-name {
white-space: nowrap
}
.search-result-provider-list[data-has-game-result=\"false\"] .provider-item-info .provider-category {
display: block
}
.search-result-game-list {
display: flex;
flex-wrap: wrap;
gap: 8px;
row-gap: 10px;
padding: 0 15px
}
.search-result-game-list .game-item {
flex-basis: calc((100% - 8px*2)/3);
display: flex;
align-items: center;
gap: 11px;
padding: 8px 0;
border-left: 1px solid var(--search-result-provider-list-item-item-border)
}
.search-result-game-list .game-item img {
width: 68px;
height: 68px;
border-radius: 5px
}
.search-result-game-list .game-item .game-item-info {
flex-grow: 1;
display: flex;
flex-direction: column;
gap: 5px
}
.search-result-game-list .game-item .game-item-info .game-name {
font-size: 16px;
font-weight: 500;
line-height: 1;
color: var(--user-info-color)
}
.search-result-game-list .game-item .game-item-info .provider-name,
.search-result-game-list .game-item .game-item-info .category {
font-size: 14px;
font-weight: 500;
line-height: 1;
color: #6c6c6c
}
.search-result-game-list .game-item .game-item-info .rtp-container {
width: 40%;
background-color: rgba(0, 0, 0, .7);
color: #fff;
display: flex;
justify-content: space-between;
align-items: center;
gap: 5px;
font-size: 12px;
pointer-events: none;
line-height: 1
}
.search-result-game-list .game-item .game-item-info .rtp-container .rtp-title {
font-size: 14px;
font-weight: 500;
color: #fff
}
.search-result-game-list .game-item .game-item-info .rtp-container .rtp-progress {
flex-grow: 1;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 50px
}
.search-result-game-list .game-item .game-item-info .rtp-container .rtp-progress .rtp-progress-bar {
height: 7px;
border-radius: 50px
}
.search-result-game-list .game-item .game-item-info .rtp-container .rtp-progress .rtp-progress-bar[data-rtp=\"low\"] {
background: linear-gradient(to right, #c81313, #d64646)
}
.search-result-game-list .game-item .game-item-info .rtp-container .rtp-progress .rtp-progress-bar[data-rtp=\"medium\"] {
background: linear-gradient(to right, #fcdc8f, #f2d064)
}
.search-result-game-list .game-item .game-item-info .rtp-container .rtp-progress .rtp-progress-bar[data-rtp=\"high\"] {
background: linear-gradient(to right, #31a13b, #62c88d)
}
.search-container::-webkit-scrollbar {
width: 5px
}
.search-result-provider-list::-webkit-scrollbar {
height: 5px
}
.search-container::-webkit-scrollbar-track,
.search-result-provider-list::-webkit-scrollbar-track {
background: transparent
}
.search-container::-webkit-scrollbar-thumb,
.search-result-provider-list::-webkit-scrollbar-thumb {
background: #58585a;
border-radius: 5px
}
.no-search-result {
text-align: center;
color: var(--modal-body-color);
font-size: 14px
}
.loader-container {
display: none;
margin: 0 auto
}
.warning-prompt,
.alert-danger,
.alert-success {
border-radius: 5px;
padding: 8px;
margin-bottom: 16px
}
.alert-failure-reason {
margin-top: 6px;
color: #716965
}
.warning-prompt {
background-color: #ffefd9;
color: #934f10;
display: flex;
gap: 6px;
font-size: 14px
}
.warning-prompt:before {
content: \'\';
width: 18px;
height: 18px;
padding: 4px;
background: center no-repeat;
background-image: var(--image-src)
}
.warning-prompt[hidden] {
display: none
}
.warning-prompt a {
color: #ff4d00
}
.cancel-reset-password-confirmation {
font-size: 16px
}
.cancel-reset-password-confirmation ul {
max-width: 300px;
text-align: left;
margin: 16px auto;
font-size: 14px
}
.reporting-table tbody>tr>td {
vertical-align: middle
}
.reporting-table .standard-button-group {
margin: 0
}
.reporting-table p {
margin: 0;
color: inherit
}
.free-spin-status[data-free-spin-status=\"Expired\"],
.free-spin-status[data-free-spin-status=\"Cancelled\"] {
color: #ee3e3e
}
.free-spin-status[data-free-spin-status=\"Completed\"] {
color: #00e927
}
.free-spin-status[data-free-spin-status=\"Claimed\"] {
color: #e68300
}
.play-free-spin-button.btn-primary {
display: flex;
align-items: center;
justify-content: center;
gap: 4px;
padding: 8px 12px;
line-height: 1;
text-transform: capitalize
}
.play-free-spin-button img {
width: 16px;
height: 16px
}
.play-free-spin-button.btn-primary.disabled {
background-color: #4e4e4e;
background-image: none;
color: #a0a0a0;
border-color: #4e4e4e
}
.play-free-spin-button.btn-primary.disabled img {
filter: brightness(.7)
}
.standard-remark-notification {
display: flex;
flex-direction: column;
text-align: left;
gap: 12px;
padding: 12px;
border-radius: 8px;
background: var(--std-remark-notification-bg)
}
.standard-remark-notification .remark-notification-header {
display: flex;
justify-content: space-between;
align-items: center;
gap: 8px
}
.standard-remark-notification .remark-notification-header .icon-container {
display: flex;
justify-content: center;
align-items: center;
width: 45px;
height: 45px;
border-radius: 8px;
background-color: #4a9ee5
}
.standard-remark-notification .remark-notification-header .icon-container img {
width: 29px;
height: 29px
}
.standard-remark-notification .remark-notification-header .remark-notification-title {
flex-basis: calc(100% - 53px);
font-size: 18px;
font-weight: 700;
line-height: 20px;
color: var(--otp-popup-content-color)
}
.standard-remark-notification .remark-notification-content {
font-size: 16px;
font-weight: 500;
line-height: 24px;
color: var(--std-remark-notification-content-color)
}
.standard-remark-notification .remark-notification-content span {
font-weight: 700;
color: var(--std-remark-notif-content-span-color)
}
.payment-account-creation-remarks {
margin-bottom: 15px
}
.payment-account-creation-remarks .payment-account-creation-content,
.payment-account-form-content {
display: flex;
gap: 15px;
align-items: center
}
.payment-account-form-remarks {
padding: 16px;
border: 2px dashed #f24040;
color: #000;
background-color: #fabfbf;
border-radius: 8px;
margin-top: 20px
}
.standard-outline-button {
display: block;
width: 100%;
padding: 8px 12px;
margin: 0;
border-radius: 50px;
text-align: center;
font-size: 14px;
font-weight: 500;
background-color: transparent;
border: 1px solid var(--std-outline-btn-border);
color: var(--otp-popup-content-color)
}
.standard-outline-button:hover {
color: var(--otp-popup-content-color)
}
.standard-outline-button.standard-outline-button {
border-color: var(--std-outline-btn-border)
}
.standard-remarks-container {
display: flex;
gap: 10px;
padding: 12px 14px;
margin-bottom: 12px;
border-radius: 6px;
background: #ff00000d;
border: 1px dashed #ff5a5d
}
.standard-remarks-container .standard-remarks-icon-container {
width: 24px;
height: auto
}
.standard-remarks-container .standard-remarks-icon-container img {
width: 24px;
height: 24px
}
.standard-remarks-container .standard-remarks-content-container {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 4px
}
.standard-remarks-container .standard-remarks-content-container .standard-remarks-content-title {
font-size: 14px;
font-weight: 500;
line-height: 100%
}
.standard-remarks-container .standard-remarks-content-container p {
text-align: left;
font-size: 12px;
font-weight: 500;
line-height: 14px;
color: var(--otp-fake-inputs-div-color)
}
.standard-remarks-container .standard-remarks-content-container p span {
font-size: 12px;
font-weight: 700;
color: var(--std-outline-btn-border)
}
.standard-inline-button-group {
display: flex;
align-items: center;
gap: 8px;
margin-top: 12px
}
.standard-inline-button-group button {
flex-basis: calc((100% - 8px)/2);
flex-grow: 1;
margin: 0
}
.standard-inline-button-group .standard-link-button {
background: none;
color: inherit;
border: 0;
text-transform: capitalize
}
.contact-verification-popup .contact-verification-section .standard-button-group {
flex-direction: column
}
.contact-verification-popup .contact-verification-section .standard-button-group .standard-secondary-button {
border: 0;
color: var(--user-info-loyalty-xp-username-cntr-loyalty-xp-detail-span-color)
}
.contact-verification-popup .contact-verification-popup-body {
width: 100%
}
.contact-verification-popup .contact-verification-section .form-group {
align-items: start;
margin: 0
}
.contact-verification-popup .contact-verification-section .form-group input {
background-color: var(--contact-ver-popup-section-form-group-input-bg);
color: var(--contact-ver-popup-section-form-group-input-color);
border-color: var(--contact-ver-popup-section-form-group-input-border)
}
.contact-verification-popup .contact-verification-section ul {
margin: 0
}
.contact-verification-popup .contact-verification-section ul li {
text-align: left;
list-style-type: none
}
.contact-verification-popup .contact-verification-section ul li:nth-child(2) {
display: none
}
.contact-verification-popup .contact-verification-section span {
font-weight: 400
}
.guaranteed-site-section {
display: grid;
justify-items: center
}
.guaranteed-site-section div {
margin-bottom: 15px
}
.reporting-detail-popup {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100vw;
height: 100vh;
z-index: 1031;
display: none;
background-color: rgba(0, 0, 0, .5)
}
.reporting-detail-popup.open {
display: flex;
justify-content: center;
align-items: center
}
.reporting-detail-popup .reporting-detail-popup-content {
display: flex;
flex-direction: column;
gap: 32px;
width: 500px;
min-height: 600px;
max-height: 90vh;
overflow: auto;
padding: 20px;
border-radius: 12px;
background-color: var(--reporting-detail-popup-bg)
}
.reporting-detail-popup .reporting-detail-popup-content .reporting-detail-popup-header {
position: relative;
display: flex;
justify-content: flex-end;
height: 20px
}
.reporting-detail-popup .reporting-detail-popup-content .reporting-detail-popup-header .close-popup-button {
position: absolute;
top: -15px;
right: 0;
cursor: pointer;
font-size: 36px;
color: #9b9b9b
}
.reporting-detail-popup-content.modal-content {
gap: 0;
border: 0
}
.reporting-detail-popup-content.modal-content .modal-header,
.reporting-detail-popup-content.modal-content .modal-body {
padding: 0;
background: transparent
}
.resolved-transaction-popup .primary {
color: var(--modal-body-resolved-trans-details-primary-color)
}
.resolved-transaction-popup .secondary {
color: var(--modal-body-resolved-trans-details-secondary-color)
}
.resolved-transaction-popup .padding-16 {
padding: 16px
}
.resolved-transaction-popup .header-icon {
margin: auto
}
.resolved-transaction-popup .header-icon:not(.status-rej):not(.status-fail) {
filter: var(--resolved-transaction-header-icon)
}
.resolved-transaction-popup .copy-btn {
filter: var(--resolved-transaction-copy-icon-filter)
}
.resolved-transaction-popup .amount {
color: var(--modal-body-resolved-trans-details-primary-color);
font-size: 24px;
font-weight: 500
}
.resolved-transaction-popup .text-16 {
font-size: 16px
}
.resolved-transaction-popup .margin-top-8 {
margin-top: 8px
}
.resolved-transaction-popup .margin-top-16 {
margin-top: 16px
}
.resolved-transaction-popup .margin-top-24 {
margin-top: 24px
}
.resolved-transaction-popup .align-left {
text-align: left
}
.resolved-transaction-popup .adjustment.positive::before {
content: \'+ \'
}
.resolved-transaction-popup .rejected-reason-container {
background-color: var(--modal-body-resolved-trans-details-rejected-reason-container-color);
border: 1px solid var(--modal-body-resolved-trans-details-rejected-reason-container-border-color);
border-radius: 4px;
padding: 12px;
display: flex;
color: #ff8181;
flex-direction: column;
gap: 8px;
text-align: left;
width: 100%
}
.resolved-transaction-popup .rejected-reason-container .rejected-content {
color: var(--modal-body-resolved-trans-details-rejected-reason-text-color)
}
.resolved-transaction-popup .reporting-detail-content-area {
background-color: var(--modal-body-resolved-trans-details-cntr-bg);
border: 0;
border-radius: 8px;
padding: 16px;
display: flex;
flex-direction: column;
gap: 16px
}
.resolved-transaction-popup .reporting-detail-content-space-betweeen {
display: flex;
justify-content: space-between
}
.resolved-transaction-popup .reporting-detail-content-space-betweeen .status-app {
filter: var(--resolved-transaction-status-app-filter)
}
.resolved-transaction-popup .reporting-detail-content-space-betweeen .status-rej {
filter: var(--resolved-transaction-status-rej-filter)
}
.resolved-transaction-popup .reporting-detail-content-space-betweeen .status-fail {
filter: var(--resolved-transaction-status-rej-filter)
}
.resolved-transaction-popup .reporting-detail-content-space-betweeen .status-pen {
color: #f99702
}
.resolved-transaction-popup .reporting-detail-content-space-betweeen .primary {
display: inline-flex;
gap: 4px
}
.resolved-transaction-popup .reporting-detail-content-space-betweeen .standard-button-group {
margin: 0;
flex-grow: 1
}
.resolved-transaction-popup .reporting-detail-content-space-betweeen .standard-button-group a {
width: 100%
}
.resolved-transaction-popup .dashed {
padding-top: 12px;
padding-bottom: 12px;
border-top: 1px dashed var(--modal-body-resolved-trans-details-dashed-color);
border-bottom: 1px dashed var(--modal-body-resolved-trans-details-dashed-color);
border-left: 0;
border-right: 0
}
.resolved-transaction-popup .wrapped-resolved-transaction {
border: 1px solid var(--modal-body-resolved-trans-wrapped-body-border-color);
border-radius: 8px
}
.modal-body:has(.resolved-transaction-popup) {
background: none;
border: 0
}
.modal-header:has(+.modal-body .resolved-transaction-popup) {
background: none;
border: 0;
background-image: none
}
.modal-content:has(.resolved-transaction-popup) {
background: var(--modal-body-resolved-trans-details-bg);
border-color: var(--modal-body-resolved-trans-details-bg)
}
.pagination-section {
text-align: right;
font-size: 14px
}
.pagination-section a {
margin: 0 4px
}
.back-link-container {
margin: 24px 0 32px
}
.back-link-container a {
display: flex;
align-items: center;
gap: 16px;
font-size: 16px;
font-weight: 500;
line-height: 100%;
color: var(--user-info-color)
}
.back-link-container a:hover {
color: var(--user-info-color)
}
.back-link-container a>img {
width: 24px;
height: 13px;
filter: var(--back-link-cntr-a-img-filter)
}
.popover {
background-color: var(--popover-bg);
border-color: var(--popover-border);
color: var(--secondary-text-color)
}
.popover.top .arrow {
border-top-color: var(--popover-border)
}
.popover.top .arrow:after {
border-top-color: var(--popover-bg)
}
.referral-contact-verification-popup {
gap: 8px;
display: flex;
flex-direction: column;
align-items: center
}
.referral-contact-verification-popup p span[data-is-verified=\"false\"] {
color: #f00
}
.standard-form-content:has(.phone-input-group) {
overflow: visible
}
.phone-input-group-wrapper {
display: flex;
flex-direction: column;
align-items: stretch;
width: 60%
}
.phone-input-group {
position: relative;
display: flex;
align-items: stretch;
gap: 4px;
border-radius: 4px;
overflow: visible;
height: 40px
}
.phone-input-group .country-flag {
width: 24px;
height: 18px
}
.phone-input-group [data-section=\"input\"] {
flex-grow: 1;
position: relative
}
.phone-input-group [data-section=\"input\"] .dialing-code-prefix {
position: absolute;
top: 8px;
left: 8px;
pointer-events: none;
color: var(--modal-body-color)
}
.phone-input-group [data-section=\"input\"] .contact-input {
padding-left: 36px
}
.phone-input-group .country-code-dropdown {
width: 74px;
display: flex;
align-items: center;
justify-content: center;
gap: 6px;
border: 0;
border-radius: 5px;
cursor: pointer;
padding: 0 10px;
user-select: none;
background: var(--std-inline-form-group-form-content-form-cntrl-bg);
border: 1px solid var(--std-inline-form-group-form-content-form-cntrl-border);
color: var(--modal-body-color)
}
.phone-input-group .country-code-dropdown.readonly {
background-color: var(--std-inline-form-group-form-cntrl-disabled-bg);
pointer-events: none;
cursor: not-allowed
}
.phone-input-group .country-code-dropdown .caret {
width: 0;
height: 0;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 5px solid var(--modal-body-color);
opacity: .9;
transform: translateY(1px)
}
.phone-input-group [data-section=\"input\"]:has(.form-control[readonly]) .dialing-code-prefix {
top: 6px
}
.phone-input-group:has(.input-validation-error)+.standard-required-message {
display: initial;
margin-top: -2px
}
.country-code-selection-dropdown {
position: absolute;
top: 42px;
left: 0;
width: 270px;
max-height: 200px;
overflow-y: auto;
border-radius: 4px;
padding: 6px;
display: none;
z-index: 50;
background: var(--std-inline-form-group-form-content-form-cntrl-bg);
border: 1px solid var(--std-inline-form-group-form-content-form-cntrl-border);
box-shadow: 0 14px 30px rgba(0, 0, 0, .45)
}
.country-code-selection-dropdown.open {
display: block
}
.country-option {
display: flex;
align-items: center;
gap: 10px;
padding: 9px 10px;
border-radius: 3px;
cursor: pointer;
text-align: left;
font-size: 13px;
color: var(--modal-body-color)
}
.country-option:hover {
background: rgba(255, 255, 255, .05)
}
.country-option .name {
flex: 1
}
.page-carousel .carousel-indicators {
left: 0;
text-align: left;
margin: 0
}
.page-carousel img {
display: block;
margin: auto
}
.login-panel {
display: flex;
flex-wrap: nowrap;
justify-content: flex-end;
color: #fff
}
.login-panel .login-panel-item+.login-panel-item {
margin-left: 10px
}
.login-panel .login-panel-item:last-of-type {
padding-right: 15px;
margin-right: 15px
}
.login-panel .login-panel-item>label {
position: relative;
margin: 0
}
.login-panel .login-panel-item .standard-password-field>i {
top: 0
}
.login-panel input[type=text],
.login-panel input[type=password] {
background-color: #0b0b17;
border: 1px solid #2f2852;
width: 140px;
padding: 0 12px;
line-height: 26px;
color: inherit
}
.login-panel .login-button,
.login-panel .register-button {
border-radius: 15px;
display: block;
padding: 3px 10px;
text-transform: uppercase;
color: inherit;
line-height: 22px;
border: 0;
width: 90px;
text-align: center;
outline: 0
}
.login-panel .login-button {
background: var(--login-panel-btn-bg)
}
.login-panel .login-button:hover {
background: var(--login-panel-btn-hover-bg)
}
.login-panel .register-button {
background: var(--login-panel-reg-btn-bg)
}
.login-panel .register-button:hover {
background: var(--login-panel-reg-btn-hover-bg)
}
.login-panel .forgot-password-link {
display: flex;
align-items: center;
color: #d5d5d5
}
.login-panel .forgot-password-link:hover {
color: #fff
}
.login-captcha {
display: flex;
align-items: flex-start
}
.login-captcha input[data-input=\'captcha\'] {
width: 80px;
min-width: initial;
text-indent: 0;
text-align: center;
padding-left: 10px;
padding-right: 10px
}
.login-captcha .captcha-container {
margin-left: 5px;
position: relative
}
.login-captcha .captcha-container img {
height: 28px
}
.login-captcha .captcha-container i {
position: absolute;
color: #000;
top: 0;
right: 0;
bottom: 2px;
display: flex;
align-items: center;
justify-content: center;
width: 25px;
font-size: 15px;
cursor: pointer
}
.user-info {
display: flex;
flex-wrap: nowrap;
justify-content: flex-end;
color: var(--user-info-color)
}
.user-info .user-main-info {
display: flex;
flex-wrap: nowrap;
justify-content: flex-end;
border-radius: 4px;
padding: 4px 8px;
height: 36px;
background: var(--user-info-main-info-bg);
box-shadow: var(--user-info-main-info-bs)
}
.user-info .user-main-info .user-info-item+.user-info-item:before {
content: \'\';
background: #5d5d5d;
height: 20px;
width: 1px;
margin: 0 8px
}
.user-info .user-main-info .user-info-item {
margin-left: 0
}
.user-info .user-main-info .user-info-item button {
margin-right: 6px;
display: flex
}
.user-info .user-info-item {
position: relative;
display: flex;
align-items: center;
margin-left: 10px
}
.user-info .user-info-item .daily-reward {
height: 25px;
width: 25px;
background: center no-repeat;
background-size: contain
}
.user-info .user-info-item .daily-reward[data-daily-reward-available=\"true\"] {
content: var(--chest-available-background)
}
.user-info .user-info-item .daily-reward[data-daily-reward-available=\"false\"] {
content: var(--chest-claimed-background)
}
.user-info .user-info-item+.user-info-item {
margin-left: 10px
}
.user-info button {
padding: 0;
border: 0;
background: none;
outline: 0
}
.user-info button[data-loading=\'true\'] {
pointer-events: none;
animation: spin 2s linear infinite
}
.user-info [data-new-announcement=\"true\"]:before {
content: attr(data-announcement-count);
position: absolute;
top: -5px;
right: -5px;
width: 16px;
height: 16px;
font-size: 12px;
display: flex;
justify-content: center;
align-items: center;
background: #fc1818;
color: #fff;
border: 1px solid #fff;
border-radius: 50%
}
.user-info [data-new-announcement=\"true\"][data-announcement-count=\"0\"]:before {
background: #808080
}
.user-info .balance .locked-balance {
background: var(--user-info-balance-locked-bg);
color: var(--user-info-color);
border-radius: 30px;
padding: 4px 6px;
margin-left: 4px;
display: inline-flex;
align-items: center;
line-height: 1;
gap: 4px
}
.user-info .balance .locked-balance span {
color: var(--user-info-balance-locked-span-color)
}
.user-info .balance .locked-balance[hidden] {
display: none
}
.user-info .balance>a {
color: var(--user-info-color);
font-weight: 700
}
.user-info .balance>span,
.user-info .balance>a>span {
color: var(--user-info-balance-a-span-color)
}
@keyframes spin {
0% {
transform: rotate(0deg)
}
100% {
transform: rotate(360deg)
}
}
.user-info img {
height: 24px;
width: 24px
}
.user-info .locked-balance img {
height: 14px;
width: 14px;
margin-bottom: 2px;
filter: var(--user-info-locked-balance-img-filter)
}
.user-info .wallet-container {
display: flex;
flex-wrap: nowrap;
flex-direction: row;
justify-content: center;
align-items: center;
font-size: 12px;
font-weight: 700
}
.user-info .balance {
position: relative
}
.user-info .balance.open>.vendor-balances-container {
left: 50%;
top: calc(100% + 4px);
margin-top: 0;
-webkit-transform: translateX(-50%);
transform: translateX(-50%)
}
.user-info .wallet-container>.balance a {
position: relative
}
.user-info .wallet-container>.balance a::after {
content: \'\';
position: absolute;
top: calc(100% + 5px);
left: 50%;
margin-left: -4px;
margin-top: -1px;
width: 0;
height: 0;
border-top: solid 4px var(--primary-text-color);
border-left: solid 4px transparent;
border-right: solid 4px transparent
}
.user-info .wallet-container>.balance.open a::after {
border-top: 0;
border-bottom: solid 4px var(--primary-text-color)
}
.user-info .dropdown-menu.vendor-balances-container {
background-color: var(--user-info-dropdown-menu-vendor-balance-cntr-bg)
}
.user-info .vendor-balances-container {
border: 3px solid var(--user-info-vendor-balance-cntr-border);
min-width: 350px;
background-color: rgba(0, 0, 0, .85);
padding: 15px 30px;
padding-right: 40px;
border-radius: 15px
}
.user-info .vendor-balances-container .vendor-balances-header {
border-bottom: 2px solid var(--user-info-vendor-balance-cntr-border);
margin-bottom: 25px
}
.user-info .vendor-balances-container .vendor-balances-header {
font-size: 19px
}
.user-info .vendor-balances-container .balance-detail-game-type {
font-size: 12px
}
.user-info .vendor-balances-container .vendor-balances-header,
.user-info .vendor-balances-container strong {
color: var(--user-info-vendor-balance-cntr-border);
font-weight: 900
}
.user-info .vendor-balances-container .vendor-balances-content>div {
padding-bottom: 5px
}
.user-info .vendor-balances-container .vendor-balance-item>div,
.user-info .vendor-balances-container .vendor-balances-header {
display: grid;
grid-template-columns: 60% 40%;
padding-bottom: 5px
}
.user-info .vendor-balances-container .vendor-balance-item>div div:last-child,
.user-info .vendor-balances-container .vendor-balances-header div:last-child {
text-align: right
}
.user-info .vendor-balances-container .vendor-balances-content {
max-height: 500px;
overflow-y: auto;
width: calc(100% + 32px);
padding-right: 25px;
color: var(--primary-text-color)
}
.user-info .vendor-balances-container .vendor-balance-item {
padding: 5px 10px;
padding-right: 0;
color: var(--primary-text-color)
}
.user-info .vendor-balances-container strong {
text-transform: uppercase;
margin-top: 5px
}
.user-info .vendor-balances-container ::-webkit-scrollbar {
width: 7px
}
.user-info .vendor-balances-container ::-webkit-scrollbar-track {
background: transparent
}
.user-info .vendor-balances-container ::-webkit-scrollbar-thumb {
background: #58585a;
border-radius: 5px
}
.unread-announcements-popup {
display: none;
position: absolute;
top: 45px;
right: -76px;
z-index: 99;
width: 500px;
border-radius: 15px;
background-color: var(--unread-announce-popup-bg);
color: var(--user-info-color);
border: 3px solid var(--unread-announce-popup-border)
}
.unread-announcements-popup.show {
display: block
}
.unread-announcements-popup iframe {
display: block;
width: 100%;
height: 75vh;
border: 0;
border-radius: 12px
}
.unread-announcements-popup:before {
content: \"\";
position: absolute;
top: -12px;
right: 75px;
width: 20px;
height: 0;
border-bottom: 10px solid var(--unread-announce-popup-border);
border-left: 10px solid transparent;
border-right: 10px solid transparent
}
.unread-announcements-popup-overlay {
display: none;
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100vw;
height: 100vh;
z-index: 2
}
.unread-announcements-popup.show~.unread-announcements-popup-overlay {
display: block
}
.unread-announcements-popup .loader {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
border: 5px solid transparent;
border-radius: 50%;
border-top: 5px solid #fff;
border-left: 5px solid #fff;
border-bottom: 5px solid #fff;
width: 50px;
height: 50px;
animation: spin 2s linear infinite
}
@keyframes spin {
0% {
transform: rotate(0deg)
}
100% {
transform: rotate(360deg)
}
}
.user-info-loyalty-xp {
display: flex;
align-items: center;
gap: 5px;
margin: 0 5px
}
.user-info-loyalty-xp a {
display: flex;
flex-direction: row;
gap: 5px
}
.user-info-loyalty-xp img {
width: 22px;
height: 22px;
align-self: center
}
.user-info-loyalty-xp .username-container {
display: flex;
flex-direction: column;
gap: 2px;
position: relative;
min-width: 80px;
max-width: 120px
}
.user-info-loyalty-xp .username-container span {
max-width: 120px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
color: var(--user-info-color);
font-size: 12px;
font-weight: 700
}
.user-info-loyalty-xp .username-container .loyalty-xp-progress {
width: 100%;
height: 5px;
overflow: hidden;
border-radius: 5px;
cursor: pointer;
background-color: var(--user-info-loyalty-xp-username-cntr-loyalty-xp-progress-bg)
}
.user-info-loyalty-xp .username-container .loyalty-xp-progress .progress {
height: 5px;
margin-bottom: 0;
background-color: #29ff00
}
.user-info-loyalty-xp .username-container .loyalty-xp-detail {
display: none;
position: absolute;
bottom: -40px;
left: 50%;
transform: translateX(-50%);
min-width: 120px;
padding: 5px;
text-align: center;
border-radius: 6px;
z-index: 1;
white-space: nowrap;
background-color: #252525;
border: 1px solid #363636;
color: #fff
}
.user-info-loyalty-xp .username-container .loyalty-xp-detail span {
color: var(--user-info-loyalty-xp-username-cntr-loyalty-xp-detail-span-color)
}
.user-info-loyalty-xp .username-container .loyalty-xp-detail::before {
content: \"\";
position: absolute;
top: -6px;
left: 50%;
transform: translateX(-50%);
border-bottom: 5px solid #252525;
border-left: 5px solid transparent;
border-right: 5px solid transparent
}
.user-info-loyalty-xp .username-container .loyalty-xp-progress:hover~.loyalty-xp-detail {
display: block
}
.user-info-loyalty-point {
display: flex;
align-items: center;
gap: 6px;
margin: 0 5px
}
.user-info-loyalty-point span {
position: relative;
color: #ff9100;
font-size: 12px;
font-weight: 700
}
.loyalty-top-bar-container {
background: var(--loyalty-top-bar-cntr-bg);
display: flex;
align-items: center;
border-radius: 16px;
margin-bottom: 20px;
padding: 16px;
font-weight: 600;
color: var(--otp-popup-content-color)
}
.loyalty-top-bar-container .vr {
display: inline-block;
align-self: stretch;
width: 1px;
min-height: 1em;
background-color: var(--loyalty-top-bar-cntr-vr-bg);
margin: 0 20px
}
.loyalty-top-bar-container .chevron-right {
width: 16px;
height: 16px;
margin: 0 5px 0 20px;
filter: var(--loyalty-top-bar-cntr-chev-right-filter)
}
.loyalty-top-bar-container .xp-label,
.loyalty-top-bar-container .lp-label {
padding: 4px 4px 2px 4px
}
.loyalty-top-bar-container .loyalty-experience-section {
flex-basis: 50%
}
.loyalty-top-bar-container .loyalty-experience-section>a {
display: grid;
grid-template-columns: 1fr auto;
color: inherit
}
.loyalty-top-bar-container .loyalty-experience-section .loyalty-experience-container {
display: flex;
align-items: center;
gap: 12px
}
.loyalty-top-bar-container .loyalty-experience-section .loyalty-badge img {
width: 50px;
height: auto
}
.loyalty-top-bar-container .loyalty-experience-section .loyalty-experience-item {
width: 100%
}
.loyalty-top-bar-container .loyalty-experience-section .loyalty-experience-item .loyalty-experience-level {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 8px
}
.loyalty-top-bar-container .loyalty-experience-section .loyalty-experience-item .loyalty-experience-level .loyalty-level {
font-size: 18px;
font-weight: 900;
text-transform: uppercase;
background: -webkit-linear-gradient(#fff, #fff);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent
}
.loyalty-top-bar-container .loyalty-experience-section .loyalty-experience-item .loyalty-experience-level .loyalty-level.bronze {
background: -webkit-linear-gradient(#d18a6d, #744a3b);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent
}
.loyalty-top-bar-container .loyalty-experience-section .loyalty-experience-item .loyalty-experience-level .loyalty-level.silver {
background: -webkit-linear-gradient(#cecece, #727272);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent
}
.loyalty-top-bar-container .loyalty-experience-section .loyalty-experience-item .loyalty-experience-level .loyalty-level.gold {
background: -webkit-linear-gradient(#ffe158, #775213);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent
}
.loyalty-top-bar-container .loyalty-experience-section .loyalty-experience-item .loyalty-experience-level .loyalty-level.platinum {
background: -webkit-linear-gradient(#8cf2f2, #4d828a);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent
}
.loyalty-top-bar-container .loyalty-experience-section .loyalty-experience-item .loyalty-experience-level .loyalty-level.diamond {
background: -webkit-linear-gradient(#4ebfe8, #134da3);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent
}
.loyalty-top-bar-container .loyalty-experience-section .loyalty-experience-item .loyalty-experience-level .loyalty-experience-amount {
font-size: 16px
}
.loyalty-top-bar-container .loyalty-experience-section .loyalty-experience-item .loyalty-experience-level .loyalty-experience-amount>span {
color: var(--loyalty-top-bar-cntr-exp-section-item-level-amount-span-color)
}
.loyalty-top-bar-container .loyalty-experience-section .loyalty-experience-item .loyalty-experience-bar {
position: relative;
display: flex;
align-items: center;
gap: 4px
}
.loyalty-top-bar-container .loyalty-experience-section .loyalty-experience-item .loyalty-experience-bar .xp-label {
font-size: 14px;
background-color: #676767;
border-radius: 1px
}
.loyalty-top-bar-container .loyalty-experience-section .loyalty-experience-item .loyalty-experience-bar .loyalty-experience-progress {
position: relative;
width: 100%;
height: 14px;
overflow: hidden;
background-color: var(--loyalty-top-bar-cntr-exp-section-item-bar-progress-bg);
border-radius: 50px
}
.loyalty-top-bar-container .loyalty-experience-section .loyalty-experience-item .loyalty-experience-bar .loyalty-experience-progress .progress {
position: absolute;
background: #2cbb01;
background: linear-gradient(to right, #2cbb01, #79cb09, #fff700);
margin-bottom: 0;
border-radius: 50px;
z-index: 1;
height: 14px
}
.loyalty-top-bar-container .loyalty-experience-section .loyalty-experience-chevron-right {
align-self: center
}
.loyalty-top-bar-container .loyalty-experience-section .loyalty-experience-message {
display: flex;
font-size: 12px;
color: var(--loyalty-top-bar-cntr-exp-section-message-color);
margin-top: 6px;
line-height: 1.2
}
.loyalty-top-bar-container .loyalty-experience-section .loyalty-experience-message:before {
min-width: calc(50px + 12px);
content: \" \"
}
.loyalty-top-bar-container .loyalty-point-section {
flex-basis: 50%
}
.loyalty-top-bar-container .loyalty-point-section>div {
background-color: var(--loyalty-top-bar-cntr-point-benefit-section-div-bg);
color: #fff;
display: flex;
align-items: center;
justify-content: space-between;
border-radius: 8px;
line-height: 1;
padding: 12px 10px;
width: 100%
}
.loyalty-top-bar-container .loyalty-point-section .refresh-container img {
width: 16px;
height: 16px;
filter: var(--loyalty-top-bar-cntr-point-section-refresh-cntr-img-filter)
}
.loyalty-top-bar-container .loyalty-point-section .loyalty-point-title,
.loyalty-top-bar-container .loyalty-point-section .loyalty-point-amount {
display: flex;
align-items: center;
gap: 10px
}
.loyalty-top-bar-container .loyalty-point-section .loyalty-point-title span {
text-transform: uppercase;
font-weight: 700;
font-size: 16px
}
.loyalty-top-bar-container .loyalty-point-section .lp-label {
background: #ff9100;
border-radius: 1px;
font-size: 14px
}
.loyalty-top-bar-container .loyalty-point-section .loyalty-point {
color: #ff9100;
font-size: 16px;
margin-right: 10px
}
.loyalty-top-bar-container .loyalty-point-section .refresh-container button {
border: 0;
background: none;
outline: 0;
padding: 0
}
.loyalty-top-bar-container .loyalty-point-section .refresh-container button[data-loading=\'true\'] {
pointer-events: none;
animation: spin 2s linear infinite
}
@keyframes spin {
0% {
transform: rotate(0deg)
}
100% {
transform: rotate(360deg)
}
}
.loyalty-top-bar-container .loyalty-benefit-section {
flex-basis: 50%
}
.loyalty-top-bar-container .loyalty-benefit-section>div {
background-color: var(--loyalty-top-bar-cntr-point-benefit-section-div-bg);
border-radius: 8px;
line-height: 1;
padding: 12px 10px;
width: 100%;
text-align: center;
color: #a8a8a8
}
.loyalty-top-bar-container .loyalty-benefit-section .loyalty-benefit-item {
position: relative;
display: flex;
align-items: center;
justify-content: center
}
.loyalty-top-bar-container .loyalty-benefit-section .loyalty-benefit-item:first-of-type {
border-bottom: 1px solid #ffffff1a;
padding-bottom: 8px;
margin-bottom: 8px
}
.loyalty-top-bar-container .loyalty-benefit-section .loyalty-benefit-item span {
color: #92ff2d
}
.loyalty-top-bar-container .loyalty-benefit-section .loyalty-benefit-item .info-container {
position: absolute;
right: 0
}
.loyalty-top-bar-container .info-container .info-icon {
border: 0;
outline: 0;
padding: 0;
background-color: var(--loyalty-top-bar-cntr-info-cntr-info-icon-bg);
display: flex;
align-items: center;
justify-content: center;
font-size: 12px;
font-weight: bold;
font-family: Arial, sans-serif;
text-transform: lowercase;
border-radius: 50%;
color: #000;
width: 16px;
height: 16px
}
.loyalty-top-bar-container .modal .loyalty-benefit-modal-body .popup-title {
text-transform: none;
margin-top: 0
}
.loyalty-top-bar-container .modal .loyalty-benefit-modal-body span {
margin-top: 0
}
.loyalty-top-bar-container .modal .loyalty-benefit-modal-body .lp-label {
width: auto;
height: auto;
font-size: 28px;
background-color: #ff9100;
border-color: #b86800;
padding: 6px 12px;
margin-bottom: 10px
}
.play-now,
.free-play {
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
white-space: nowrap;
font-size: 14px;
border-radius: 18px;
padding: 3px 15px;
margin: 5px 0;
text-decoration: none
}
.play-now:hover,
.free-play:hover {
text-decoration: none
}
.free-play {
color: #d3d3d3;
font-family: \'latobold\'
}
.free-play:hover {
color: #fff
}
.play-now {
color: #fff;
background: var(--play-now-bg);
font-family: \'latobold\'
}
.play-now:hover {
color: #fff;
background: var(--play-now-hover-bg)
}
.games-list-container {
padding: 30px 30px;
background-color: var(--game-list-cntr-bg);
border-radius: 30px;
margin-bottom: 20px
}
.games-list-container .vendor-name {
padding-top: 15px;
padding-bottom: 5px;
font-size: 20px;
text-align: center;
text-transform: uppercase;
color: var(--game-list-cntr-vendor-name-color);
letter-spacing: 10px
}
.games-list-container .filter-section {
padding: 5px;
margin-top: 10px;
border-radius: 30px;
background: var(--game-list-cntr-filter-section-bg);
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
position: relative
}
.games-list-container .filter-section input[type=text] {
font-size: 14px;
padding: 0 40px 0 20px;
border: 2px solid var(--game-list-cntr-filter-section-input-text-border);
width: 250px;
background: var(--game-list-cntr-filter-section-input-text-bg);
color: var(--game-list-cntr-filter-section-input-text-color);
border-radius: 30px
}
.games-list-container .filter-section:after {
content: \"\";
font-family: \'Glyphicons Halflings\';
position: absolute;
top: 10px;
right: 10px;
bottom: 10px;
display: flex;
align-items: center;
background-color: var(--game-list-cntr-filter-section-after-bg);
color: #fff;
border-top-right-radius: 30px;
border-bottom-right-radius: 30px;
padding: 0 12px;
font-size: 14px;
pointer-events: none
}
.games-list-container .category-filter {
display: flex;
flex-wrap: wrap;
padding: 0 5px;
flex-grow: 1
}
.games-list-container .category-filter-link {
font-size: 11px;
text-transform: uppercase;
padding: 10px 0;
flex-basis: calc(100%/5);
text-align: center;
color: #fff;
cursor: pointer;
border-radius: 30px
}
.games-list-container .category-filter-link.active,
.games-list-container .category-filter-link:hover {
background-color: var(--game-list-cntr-category-filter-link-active-hover-bg)
}
.game-list-title {
display: flex;
justify-content: center;
background-image: linear-gradient(transparent calc(50% - 1px), #fff 2px, transparent calc(50% + 1px))
}
.game-list-title>div {
background-color: inherit;
font-size: 30px;
color: #edeff6;
padding: 5px 15px
}
.game-list-title {
background-color: #02071c
}
.provider-outer-container,
.game-list,
.games-list-container .game-info {
background-color: var(--provider-outer-game-list-cntr-game-info-bg);
border: 2px solid var(--provider-outer-game-list-cntr-game-info-border);
padding: 10px;
border-radius: 30px
}
.game-list,
.game-info {
margin-top: 20px;
display: flex;
flex-wrap: wrap
}
.game-list .game-item {
width: calc((100% - (5px*6*2))/6);
margin: 5px;
padding: 5px;
background: var(--game-list-game-item-bg);
border-radius: 25px;
position: relative
}
.game-list .game-item input[type=checkbox].favourite-game-btn {
display: none
}
.game-list .game-item input[type=checkbox].favourite-game-btn+label {
position: absolute;
margin: 0;
top: 5px;
right: 5px;
z-index: 2;
width: 30px;
height: 30px;
padding: 5px;
background: var(--star-off-icon) center no-repeat;
background-size: 24px;
background-color: #fff;
border-radius: 50%;
cursor: pointer;
transition: background-image ease .35s
}
.game-list .game-item input[type=checkbox].favourite-game-btn:checked+label {
background-image: var(--star-on-icon)
}
.game-list .game-item input[type=checkbox].favourite-game-btn+label:hover {
animation: fav-icon-bounce .65s linear
}
.game-list img {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
transition: transform .2s;
transform-origin: center
}
.game-list .game-name,
.game-list .provider-name {
font-size: 14px;
color: var(--game-list-provider-name-color);
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
text-align: center
}
.game-list .game-player {
display: flex;
gap: 8px;
align-items: center
}
.game-list .game-player h5 {
color: var(--game-list-game-player-color);
font-size: 14px;
font-weight: 700
}
.game-list .game-player img {
position: initial;
margin: 0 0 8px 15px;
width: 18px;
height: 18px
}
.game-list .game-player .active-player {
width: 18px;
height: 18px;
background: var(--player-active) center no-repeat;
background-size: 18px;
margin: 0 0 0 15px
}
.game-list .game-name {
padding: 6px 10px 0;
color: #fff
}
.game-list .link-container {
background-color: rgba(6, 0, 15, .85);
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center
}
.game-list .wrapper-container {
position: relative;
padding-top: 100%;
border-radius: 25px;
overflow: hidden
}
.game-list .wrapper-container:hover {
background: #000
}
.game-list .wrapper-container:hover img {
transform: scale(1.25)
}
.game-list .wrapper-container:not(:hover) .link-container {
display: none
}
.game-list .link-container a {
margin: 10px;
width: 70%;
padding: 10px 15px
}
.game-list .rtp-container {
position: absolute;
left: 0;
right: 0;
bottom: 0;
padding: 8px 12px;
background-color: rgba(0, 0, 0, .7);
color: #fff;
display: flex;
justify-content: space-between;
align-items: center;
gap: 5px;
font-size: 12px;
pointer-events: none;
line-height: 1
}
.game-list .rtp-container .rtp-progress {
flex-grow: 1;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 50px
}
.game-list .rtp-container .rtp-progress .rtp-progress-bar {
height: 10px;
border-radius: 50px
}
.game-list .rtp-container .rtp-progress .rtp-progress-bar[data-rtp=\"low\"],
.game-list .rtp-container .rtp-progress .rtp-progress-bar[data-rtp-from=\"low\"] {
background: linear-gradient(to right, #c81313, #d64646)
}
.game-list .rtp-container .rtp-progress .rtp-progress-bar[data-rtp=\"medium\"],
.game-list .rtp-container .rtp-progress .rtp-progress-bar[data-rtp-from=\"medium\"] {
background: linear-gradient(to right, #fcdc8f, #f2d064)
}
.game-list .rtp-container .rtp-progress .rtp-progress-bar[data-rtp=\"high\"],
.game-list .rtp-container .rtp-progress .rtp-progress-bar[data-rtp-from=\"high\"] {
background: linear-gradient(to right, #31a13b, #62c88d)
}
.game-list .rtp-container .rtp-progress .rtp-progress-bar[data-rtp-from][data-rtp-to] {
animation: animate-rtp 2s linear infinite;
--low: linear-gradient(to right, #c81313, #d64646);
--medium: linear-gradient(to right, #fcdc8f, #f2d064);
--high: linear-gradient(to right, #31a13b, #62c88d)
}
.game-list .rtp-container .rtp-percentage[data-rtp-from][data-rtp-to]::before {
animation: alter-rtp-value 2s linear infinite;
content: attr(data-rtp-from)\'%\'
}
.game-list .wrapper-container:hover .rtp-container {
opacity: 0
}
.large-game-list-container {
margin-bottom: 25px;
border-radius: 30px;
background: var(--large-game-list-cntr-bg);
padding: 32px;
margin: 16px 0;
position: relative
}
picture+.container .large-game-list-container {
margin-top: -130px
}
.large-game-list-container .large-game-list-section {
border-radius: 30px;
padding: 24px;
background: var(--large-game-list-cntr-section-bg);
border: 3px solid var(--large-game-list-cntr-section-border)
}
.large-game-list-container .section-heading {
display: flex
}
.large-game-list-container .section-heading h4 {
color: var(--large-game-list-cntr-section-heading-h4-color);
margin: auto;
text-align: center;
font-size: 32px
}
.large-game-list {
padding: 16px;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
margin: 0
}
.large-game-list li {
flex-basis: calc((100% - (10px*3*2))/3);
margin: 10px;
position: relative;
border-radius: 25px;
padding: 1px;
background: var(--large-game-list-li-bg)
}
.large-game-list li .floating-icon {
position: absolute;
top: 8px;
left: 8px;
width: auto;
max-width: calc(100% - 8px);
height: 20px;
background: transparent;
z-index: 1
}
.large-game-list-container .large-game-list .play-now {
background: var(--large-game-list-cntr-play-now-bg);
display: inline-flex;
align-items: center;
font-size: 12px;
font-weight: 400;
font-family: \'LatoWeb\';
padding: 6px 16px
}
.large-game-list-container .large-game-list .play-now:hover {
background: var(--large-game-list-cntr-play-now-hover-bg)
}
.large-game-list-container .large-game-list .free-play {
color: #000;
display: inline-flex;
align-items: center;
font-size: 12px;
font-weight: 400;
font-family: \'LatoWeb\';
background: #fff;
padding: 6px 16px
}
.large-game-list-container .large-game-list .free-play:hover {
color: #000;
background: #b7b4b4
}
.large-game-list img {
width: 100%;
height: auto;
background: var(--large-game-list-img-bg);
border-radius: 25px
}
.large-game-list picture {
display: contents
}
.large-game-list .link-container {
opacity: 0;
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
background: var(--large-game-list-link-cntr-bg);
position: absolute;
transition: opacity .15s ease;
top: 0;
left: 0;
right: 0;
bottom: 0;
border-radius: 25px
}
[data-container-background=\"arcade\"] .large-game-list .link-container,
[data-container-background=\"slots\"] .large-game-list .link-container {
opacity: 1;
flex-direction: column;
background: none
}
[data-container-background=\"arcade\"] .large-game-list .link-container .game-title,
[data-container-background=\"slots\"] .large-game-list .link-container .game-title {
font-size: 24px;
color: var(--data-cntr-bg-arcade-slots-large-game-list-link-cntr-game-title-color)
}
.large-game-list li:hover .link-container {
opacity: 1
}
.large-game-list li a.game-info {
position: absolute;
top: 12px;
right: 12px;
color: var(--large-game-list-li-a-game-info-color);
border: 2px solid var(--large-game-list-li-a-game-info-color);
border-radius: 50%;
width: 28px;
height: 28px;
font-size: 15px;
display: flex;
justify-content: center;
align-items: center;
padding: 0;
text-indent: -2px;
font-weight: 900;
margin-top: 0;
z-index: 2
}
.large-game-list li a.game-info:hover,
.large-game-list li a.game-info:focus {
color: var(--large-game-list-li-a-game-info-hover-focus-color);
border-color: var(--large-game-list-li-a-game-info-hover-focus-color)
}
.large-game-list .sports-link-container {
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 80px;
display: flex;
justify-content: center;
align-items: center
}
.large-game-list .sports-link-container a {
padding: 10px 30px
}
.large-game-list .bottom-link-container {
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 65px;
background-color: #091122;
display: flex;
justify-content: center;
align-items: center
}
.large-game-list .bottom-link-container a {
padding: 8px 20px
}
.game-info .large-game-list {
flex-wrap: unset;
justify-content: unset;
width: 100%
}
.game-info .large-game-list img {
border-radius: 10px 0 0 10px
}
.game-info .large-game-list .link-container {
position: initial;
top: unset;
left: unset;
width: 100%
}
.game-info .play-now,
.game-info .free-play {
font-size: 22px;
padding: 10px 40px;
border-radius: 25px
}
.arcade-game-list {
background-color: rgba(3, 13, 58, .85);
margin-bottom: 25px;
padding: 10px 5px 20px;
border-radius: 5px;
display: flex
}
.arcade-game-list .link-container {
flex: 1;
padding: 5px
}
.arcade-game-list .link-container a {
position: relative;
display: block;
padding-top: 100%
}
.arcade-game-list .link-container a:hover img:last-child {
opacity: 0
}
.arcade-game-list .link-container img {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
transition: opacity .5s ease 0s
}
.crash-game-game-list {
background-color: rgba(3, 13, 58, .85);
margin-bottom: 25px;
padding: 10px 5px 20px;
border-radius: 5px;
display: flex
}
.crash-game-game-list .link-container {
flex: 1;
padding: 5px
}
.crash-game-game-list .link-container a {
position: relative;
display: block;
padding-top: 100%
}
.crash-game-game-list .link-container a:hover img:last-child {
opacity: 0
}
.crash-game-game-list .link-container img {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
transition: opacity .5s ease 0s
}
@keyframes fav-icon-bounce {
0%,
20%,
60%,
100% {
transform: translateY(0)
}
80% {
transform: translateY(-3px)
}
40% {
transform: translateY(-6px)
}
}
@keyframes animate-rtp {
0% {
width: var(--from-value);
background: var(--from-color)
}
25% {
background: var(--transition-color)
}
50%,
100% {
width: var(--to-value);
background: var(--to-color)
}
}
@keyframes alter-rtp-value {
0% {
content: attr(data-rtp-from)\'%\'
}
75%,
100% {
content: attr(data-rtp-to)\'%\'
}
}
.provider-container {
display: inline-block;
width: auto;
padding: 15px;
margin: 10px 10px 0 0;
border: 1px solid var(--provider-cntr-border);
border-radius: 5px;
position: relative;
vertical-align: top
}
.provider-container>legend {
width: initial;
border-bottom: 0;
margin-bottom: 0;
margin-top: 0;
background: transparent;
padding: 0 10px;
font-size: 17px;
color: var(--provider-cntr-legend-color)
}
display: block;
color: var(--download-apk-h2-span-color)
}
.download-apk .h3 {
text-transform: uppercase;
font-size: 32px;
font-weight: 100;
margin: 0;
margin-bottom: 10px
}
.download-apk .h4 {
font-weight: 100;
margin: 0;
margin-bottom: 15px;
width: 315px
}
.download-apk-info {
display: flex;
justify-content: space-between;
margin: 25px 0
}
.download-apk-info .download-apk-section {
flex-basis: 50%
}
.download-apk-section {
display: flex;
justify-content: flex-start;
font-size: 16px
}
.download-apk-section i {
color: var(--download-apk-section-i-color);
font-style: normal
}
.download-apk-qr-code {
margin-right: 10px
}
.download-apk-qr-code img {
max-width: 94px
}
.download-apk-detail {
text-align: left;
font-size: 14px;
display: flex;
flex-direction: column;
justify-content: space-around;
text-align: center
}
.standard-container-with-sidebar .standard-form-content .download-apk-container {
margin-top: 30px
}
.standard-container-with-sidebar .standard-form-content .download-apk-container .download-apk .h2 {
font-size: 35px
}
.standard-container-with-sidebar .standard-form-content .download-apk-container .download-apk .h3 {
font-size: 20px
}
.standard-container-with-sidebar .standard-form-content .download-apk-container .download-apk .h4 {
font-size: 16px
}
.standard-container-with-sidebar .standard-form-content .download-apk-container .download-apk-detail {
font-size: 12px
}
.download-popup-modal .modal-body img {
height: 20px;
width: 20px;
margin-right: 5px;
filter: contrast(0)
}
:root {
--primary-text-color: #fff;
--secondary-text-color: #fff;
--theme-text-color: #cc0000;
--primary-button-bg: #cc2200;
--bonus-slider-modal-bg: #171717;
--bonus-slider-form-bg: #202020;
--bonus-slider-form-text-color: #dad9d9;
--bonus-slider-form-border-top-color: #8c8c8c;
--bonus-slider-control-button-bg: #e4e4e4;
--bonus-slider-control-button-color: #525252;
--bonus-slider-activation-button-hover-bg: #cc2200;
--bonus-slider-close-hover-bg: #3e3e3e;
--claim-item-type-bg: #1f0000;
--claim-item-type-color: #fff;
--claim-type-exp-countdown-bg: transparent;
--claim-type-exp-countdown-data-section-bg: #771200;
--claim-item-bg: #181325;
--claim-item-border: #181325;
--claim-item-color: #cc1100;
--claim-item-titile-free-spin-note-color: #cc1100;
--bonus-progress-progress-bg: #3a0000;
--bonus-progress-progress-bar-success-bg: #771200;
--claim-info-modal-h4-color: #fff;
--claim-item-button-color: #fff;
--claim-item-activation-button-bg: #cc1100;
--claim-item-activation-button-hover-bg: #4a0000;
--claim-item-a-activation-button-color: #fff;
--claim-item-claim-button-bg: linear-gradient(to bottom, #00ff23 0%, #009d16 100%);
--claim-item-claim-button-border-color: #e4ff23;
--claim-item-claim-button-color: #000;
--claim-item-claim-button-hover-bg: linear-gradient(to top, #00ff23 0%, #009d16 100%);
--claim-item-info-button-bg: #555;
--claim-item-info-button-color: #fff;
--claim-item-info-button-hover-bg: #444;
--claim-info-modal-modal-body-info-section-highlighted-section-bg: #ffffff26;
--claim-info-modal-modal-body-info-section-highlighted-section-color: #d0d0d0;
--claim-info-modal-modal-body-info-section-highlighted-section-with-separator-border: #fff3;
--claim-info-modal-modal-body-info-section-highlighted-section-turnover-calc-note-span-color: #eabd79;
--combine-promo-info-warning-color: #db7500;
--combine-promo-info-value-text-color: #fff;
--contact-us-list-li-h6-color: #fff;
--contact-us-list-a-color: #9b8fc2;
--contact-us-list-a-hover-color: #9b8fc2;
--announcement-outer-cntr-bg: #220000;
--announcement-outer-cntr-color: #fff;
--announcement-cntr-data-section-announcements-bg: #0a0000;
--home-progressive-jackpot-bg: linear-gradient(#150000, #2e0000, #150000);
--home-progressive-jackpot-color: #fff;
--home-progressive-jackpot-outer-cntr-bg: #000;
--home-progressive-jackpot-inner-cntr-bg: linear-gradient(#4d0000, #1a000000);
--home-progressive-jackpot-border-cntr-bg: #0009;
--home-progressive-jackpot-border-cntr-border: #cc0000;
--home-progressive-jackpot-jackpot-cntr-bg: linear-gradient(#cc0000, #000);
--home-progressive-jackpot-jackpot-inner-cntr-bg: #000;
--home-progressive-jackpot-jackpot-border-cntr-border: #990000;
--home-progressive-jackpot-jackpot-border-cntr-text-shadow: 0px 2px 22px #ff0000;
--home-progressive-jackpot-jackpot-currency-color: #ff6666;
--home-progressive-jackpot-jackpot-play-text-color: #fd6f16;
--home-progressive-jackpot-jackpot-play-text-label-color: #ff4444;
--home-inner-cntr-bg: rgba(26, 15, 40, .9);
--popular-game-title-cntr-color: #fff;
--popular-game-title-cntr-i-border-bottom: #451e58;
--popular-game-title-cntr-i-border-top: #0d0d0d;
--popular-game-title-cntr-a-bg: #4e1a00;
--popular-game-title-cntr-a-color: #fff;
--popular-game-title-cntr-game-list-cntr-bg: #0a0000;
--popular-game-title-cntr-game-list-cntr-border: #320000;
--popular-game-title-cntr-content-game-list-scrollbar-thumb-bg: #58585a;
--download-apk-color: #fff;
--download-apk-h2-span-color: #cc0000;
--download-apk-section-i-color: #cc0000;
--info-center-cntr-panel-group-heading-bg: #330a4c;
--info-center-cntr-panel-group-heading-sign-color: #a5a5a5;
--info-center-cntr-panel-group-title-a-color: #fff;
--info-center-cntr-panel-default-heading-collapse-body-bg: #220d31;
--info-center-cntr-panel-default-heading-collapse-body-color: #fff;
--about-us-cntr-h5-data-title-safe-and-secure-gaming-env-color: #00b4bf;
--about-us-cntr-h5-data-title-customer-exp-color: #00bf99;
--about-us-cntr-h5-data-title-fast-and-secure-payments-color: #cc2200;
--about-us-cntr-h5-data-title-sky-is-not-the-limit-color: #ff1688;
--about-us-cntr-inner-box-bg: #181122;
--about-us-cntr-inner-box-border: #21182e;
--about-us-cntr-game-panel-li-p-color: #fff;
--loyalty-reward-cntr-border: #211b35;
--loyalty-reward-cntr-bg: #0a0000;
--loyalty-reward-cntr-tab-filter-color: #fff;
--loyalty-reward-cntr-tab-filter-bg: #1e1c2c;
--loyalty-reward-cntr-tab-filter-active-bg: #ee0000;
--loyalty-reward-cntr-tab-filter-active-color: #fff;
--loyalty-reward-cntr-category-title-color: #fff;
--loyalty-reward-cntr-category-title-before-bg: #504682;
--loyalty-reward-cntr-category-item-name-color: #fff;
--loyalty-reward-cntr-reward-button-bg: linear-gradient(to right, #cc2200, #681500);
--loyalty-reward-cntr-reward-button-color: #fff;
--loyalty-reward-cntr-reward-button-disabled-bg: #403d63b2;
--loyalty-reward-cntr-reward-button-disabled-color: #ffffff4d;
--loyalty-reward-cntr-product-scrollbar-bg: #341500;
--loyalty-reward-cntr-flash-sale-cntr-item-bg: #191919;
--loyalty-reward-cntr-flash-sale-cntr-item-border: #101010;
--loyalty-reward-cntr-lucky-draw-cntr-item-bg: #191919;
--loyalty-reward-cntr-lucky-draw-cntr-item-border: #28282800;
--loyalty-reward-cntr-other-product-cntr-item-bg: #191919;
--loyalty-reward-cntr-other-product-cntr-item-border: #28282800;
--loyalty-reward-cntr-item-lp-detail-bg: #fff3;
--loyalty-reward-cntr-product-card-item-lp-container-real-point-text-color: #6c757d;
--loyalty-reward-cntr-item-available-bg: #800;
--loyalty-reward-cntr-item-available-color: #fff;
--loyalty-cntr-std-form-content-bg: #100500;
--loyalty-cntr-std-form-title-color: #fff;
--loyalty-cntr-std-form-title-border: #cc0000;
--loyalty-cntr-loyalty-menu-a-bg: #291500;
--loyalty-cntr-history-filter-label-color: #fff;
--loyalty-cntr-history-filter-select-bg: #0c0000;
--loyalty-cntr-history-filter-select-border: #1f0000;
--loyalty-cntr-history-filter-select-color: #fff;
--loyalty-history-list-item-bg: #1f192f;
--loyalty-history-list-item-content-info-h3-color: #fff;
--loyalty-history-list-item-content-point-increase-color: #00ff29;
--how-it-works-cntr-bg: #000;
--how-it-works-cntr-section-bg: #111;
--how-it-works-cntr-section-border: #212121;
--how-it-works-cntr-section-title-bg: #393939;
--how-it-works-cntr-section-title-color: #ff499f;
--how-it-works-cntr-section-list-item-p-color: #fff;
--mission-cntr-item-bg: #322c44;
--mission-cntr-item-info-h3-color: #fff;
--mission-cntr-item-info-progress-cntr-bg: #020202;
--mission-cntr-item-info-progress-cntr-color: #fff;
--mission-cntr-item-info-progress-cntr-span-color: #fff;
--mission-cntr-item-action-cntr-bg: #221000;
--mission-cntr-item-action-cntr-button-bg: #cc1100;
--mission-cntr-item-action-cntr-button-color: #fff;
--mission-cntr-item-action-cntr-button-hover-bg: #6215c5;
--mission-cntr-item-claimable-action-cntr-button-bg: #b7196d;
--mission-cntr-item-claimable-action-cntr-button-bg-image: linear-gradient(to right, #b7196d, #69187e);
--mission-cntr-item-claimable-action-cntr-button-hover-bg: #69187e;
--mission-cntr-item-claimable-action-cntr-button-hover-bg-image: linear-gradient(to right, #69187e, #b7196d);
--loyalty-level-benefits-section-bg: #0a0000;
--loyalty-level-benefits-section-border: #211b35;
--loyalty-level-cntr-item-badge-cntr-bg: #180a00;
--loyalty-level-cntr-item-badge-cntr-box-shadow: 0px 2px 4px 0px #00000080;
--loyalty-level-cntr-item-false-badge-cntr-filter: opacity(.7);
--loyalty-level-cntr-item-true-badge-cntr-bg: #311500;
--loyalty-level-cntr-item-true-badge-cntr-box-shadow: 0px 2px 4px 0px #00000080;
--loyalty-level-cntr-item-true-badge-cntr-locked-filter: opacity(.7);
--loyalty-level-cntr-item-false-title-cntr-level-bg: #ffffff4d;
--loyalty-level-cntr-item-false-title-cntr-span-color: #ffffff4d;
--loyalty-level-cntr-item-true-title-cntr-span-color: #fff;
--loyalty-level-cntr-item-progress-cntr-progress-point-bg: #2b283a;
--loyalty-level-cntr-item-progress-cntr-progress-point-border: #2b283a;
--loyalty-level-cntr-item-progress-cntr-reached-true-progress-point-border: #0a0a0a;
--loyalty-level-cntr-item-progress-cntr-bar-bg: #252525;
--loyalty-level-remarks-cntr-bg: rgba(88, 0, 42, .37);
--loyalty-level-remarks-cntr-color: #fff;
--loyalty-level-remarks-cntr-border: #ee0000;
--loyalty-level-benefits-cntr-bg: #150000;
--loyalty-level-benefits-title-img-filter: initial;
--loyalty-level-benefits-title-h3-color: #fff;
--loyalty-level-benefits-cntr-list-item-bg: #1e163a;
--loyalty-level-benefits-cntr-list-item-box-shadow: 0px 4px 4px 0px #00000040;
--loyalty-level-benefits-cntr-list-item-info-span-color: #fff;
--loyalty-level-benefits-cntr-list-item-info-p-color: #a8a8a8;
--loyalty-level-benefits-cntr-list-item-img-filter: invert(1);
--loyalty-benefit-modal-body-span-color: #fff;
--loyalty-benefit-modal-body-p-color: #b2b0b9;
--message-detail-title-color: #fff;
--message-detail-title-border-bottom: #d5d5d5;
--replied-message-color: #858585;
--replied-message-border: #d6d5d5;
--replied-message-not-announcement-content-all-color: #858585;
--replied-message-creator-content-bg: #1a0a00;
--replied-message-type-announcement-border: #242424;
--replied-message-type-announcement-bg: #170000;
--replied-message-data-message-type-announcement-header-info-color: #c9c9c9;
--message-table-color: #d5d5d5;
--message-table-header-buttons-container-a-color: #d5d5d5;
--message-table-header-buttons-container-a-hover-bg: #880000;
--message-table-header-buttons-container-a-hover-color: #fff;
--message-table-checkbox-column-border-top: #cc0000;
--message-table-body-all-color: #d5d5d5;
--notification-tabs-tab-item-bg: #170000;
--notification-tabs-tab-item-color: #fff;
--notification-tabs-tab-item-active-bg: #990000;
--notification-tabs-tab-item-active-bg-image: linear-gradient(to right, #990000 0%, #880000 100%);
--notification-list-item-bg: #040404;
--notification-list-item-border: #242424;
--notification-list-item-data-false-bg: #1a021a;
--notification-list-item-data-false-border: #670068;
--notification-list-item-data-false-bs: none;
--notification-list-item-header-label-bg: #710000;
--notification-list-item-content-p-color: #cfcfcf;
--notification-list-item-play-button-bg: #710000;
--empty-notification-cntr-image-bg: #350000;
--notification-popup-body-title-bg: #190e12;
--notification-popup-body-tab-item-bg: #190e12;
--notification-popup-body-tab-item-border: #333;
--notification-popup-body-tab-item-color: #fff;
--notification-popup-body-tabs-tab-item-true-border: #fff;
--notification-popup-body-tabs-tab-item-true-bg: #190e12;
--notification-popup-body-footer-bg: #990000;
--notification-popup-body-footer-bg-image: linear-gradient(to bottom, #990000 0%, #880000 100%);
--notification-popup-body-footer-border: #990000;
--notification-popup-body-scrollbar-thumb-bg: #58585a;
--mobile-app-password-std-form-note-span-color: #ee0000;
--mobile-app-select-bg: #0c0000;
--mobile-app-select-color: #fff;
--mobile-app-select-border: #1f0000;
--mobile-app-select-a-color: #fff;
--mobile-app-select-active-a-bg: #cc0000;
--mobile-app-select-active-a-color: #fff;
--mobile-app-title-cntr-color: #aa3300;
--mobile-app-cntr-a-hover-bg: #201d29;
--mobile-app-cntr-nav-tabs-border: #cc0000;
--mobile-app-cntr-nav-tabs-a-color: #827ab1;
--mobile-app-cntr-nav-tabs-li-active-a-bg: #0f0500;
--mobile-app-cntr-nav-tabs-li-active-a-color: #cc0000;
--mobile-app-cntr-nav-tabs-li-active-a-border: #cc0000;
--mobile-app-cntr-nav-tabs-li-active-a-border-bottom: transparent;
--mobile-app-cntr-tab-pane-note-color: #f00;
--mobile-app-cntr-tab-pane-important-color: #ff9600;
--mobile-app-cntr-a-color: #ce1ac0;
--profile-cntr-section-heading-color: #fff;
--profile-cntr-mobile-info-button-border: #da1ac9;
--profile-cntr-mobile-info-button-color: #da1ac9;
--profile-cntr-mobile-info-button-hover-bg: #4f0000;
--profile-cntr-mobile-info-button-hover-color: #fff;
--standard-content-info-h2-color: #cc0000;
--standard-content-block-bg: #170000;
--bank-info-cntr-carousel-indicatiors-active-bg: #cc0000;
--add-new-payment-acc-cntr-a-img-filter: invert(1);
--payment-account-list-item-hover-bg: #232323;
--payment-account-list-item-title-cntr-default-label-bg: #41404c;
--payment-account-list-item-title-cntr-default-label-color: #d8d8df;
--payment-account-list-item-title-cntr-default-label-border: #908fa1;
--payment-account-list-item-arrow-right-filter: invert(1);
--set-as-default-button-color: #ee1100;
--set-as-default-button-border: #ee1100;
--last-transaction-table-tbody-bg: #120000;
--promotion-side-menu-list-bg: #0c0500;
--promotion-side-menu-list-border: #0f0c1b;
--promotion-side-menu-h5-color: #b0aad0;
--promotion-side-menu-a-border-bottom: #120f23;
--promotion-side-menu-a-color: #fff;
--promotion-side-menu-a-active-bg: #110e20;
--promotion-side-menu-a-active-border-left: #cc1100;
--promotion-side-menu-a-active-color: #fff;
--promotion-item-bg: #390a42;
--promotion-item-footer-color: #fff;
--promotion-item-footer-label-h3-span-color: #acabaa;
--promotion-item-get-promo-button-bg: #cc1100;
--promotion-item-get-promo-button-color: #fff;
--promotion-item-get-promo-button-hover-bg: #f6328f;
--promotion-item-more-info-button-color: #fff;
--promotion-item-details-color: #c8c8c8;
--promotion-item-details-bg: #0c0500;
--promotion-item-details-title-back-button-filter: invert(1);
--promotion-item-details-get-promo-button-bg: #cc1100;
--promotion-item-details-get-promo-button-bg-linear: linear-gradient(to right, #cc0000 0%, #cc1100 100%);
--promotion-item-details-get-promo-button-color: #fff;
--promotion-item-details-get-promo-button-hover-bg: #f6328f;
--promotion-item-details-get-promo-button-hover-bg-linear: linear-gradient(to right, #cc1100 0%, #cc0000 100%);
--promotion-share-cntr-promotion-share-btn-border: #969696;
--promotion-share-cntr-promotion-share-btn-img-filter: invert(1) brightness(2);
--promotion-popup-cntr-popup-body-social-media-item-copy-promotion-btn-filter: brightness(3);
--referral-cntr-a-hover-color: #faa301;
--referral-code-container-border-color: #7f1dae;
--referral-button-bg: linear-gradient(to right, #991100 0%, #861161 100%);
--referral-social-media-button-filter: invert(100%) invert(33%) sepia(25%) saturate(6391%) hue-rotate(260deg) brightness(96%) contrast(83%);
--referral-statistic-box-bg: #2d183c;
--referral-statistic-box-text-color: #fff;
--referral-statistic-box-border: none;
--referral-statistic-box-border-bottom: 1px solid #7e1fb5;
--referral-box-cntr-referral-box-span-color: #a74ae0;
--referral-features-item-bg: #170000;
--referral-features-item-icon-div-bg: linear-gradient(to bottom, #cc0000 0%, #4a0000 100%);
--referral-features-item-info-p-color: #f8007e;
--referral-verification-cntr-std-form-note-bg: #cbcbcb;
--referral-verification-cntr-std-form-note-color: #363565;
--referral-verification-cntr-std-form-note-with-icon-bg: transparent;
--referral-verification-cntr-input-form-control-border: #fff;
--referral-verification-cntr-terms-conditions-cntr-ol-border: #fff;
--referral-verification-cntr-footer-line-bg: #858585;
--referral-verification-cntr-verified-false-before-bg: rgba(0, 0, 0, .7);
--referral-verification-cntr-verified-false-profile-link-bg: linear-gradient(to bottom, #cc0000 0%, #4a0000 100%);
--referral-verification-cntr-verified-false-profile-link-hover-bg: linear-gradient(to bottom, #4a0000 0%, #cc0000 100%);
--pending-verification-cntr-icon-cntr-bg: #580000;
--pending-verification-cntr-p-color: #f8007e;
--referral-update-verification-note-bg: #170000;
--update-verification-note-p-color: #ee1100;
--verify-whatsapp-popup-bg: #171717;
--verify-whatsapp-popup-border: #171717;
--verify-whatsapp-popup-img-filter: initial;
--register-done-cntr-color: #d5d5d5;
--register-done-cntr-h2-color: #fff;
--register-done-cntr-h2-span-color: #ee0000;
--register-done-cntr-h3-color: #b2b0b9;
--register-done-cntr-h3-span-color: #fff;
--register-done-cntr-img-bg: transparent;
--register-done-cntr-btn-deposit-bg: #ee0000;
--register-done-cntr-btn-deposit-bg-linear: linear-gradient(to left, #6b0000 0%, #ee0000 100%);
--register-done-cntr-btn-deposit-bs: rgba(255, 255, 255, .2) 0 0 20px 5px;
--register-done-cntr-btn-deposit-hover-bg: #ee0000;
--register-done-cntr-btn-deposit-hover-bg-linear: linear-gradient(to right, #6b0000 0%, #ee0000 100%);
--register-done-cntr-std-btn-group-border: #ee0000;
--register-done-cntr-std-btn-group-color: #fff;
--register-done-cntr-std-btn-group-hover-border: #363636;
--register-done-cntr-std-btn-group-hover-bg: #363636;
--register-done-cntr-std-btn-group-hover-color: #fff;
--register-done-cntr-verification-done-border: #ee0000;
--register-done-cntr-verification-done-color: #fff;
--register-done-cntr-verification-done-bg: #1a0000;
--register-done-cntr-verification-done-info-color: #ee0000;
--register-done-cntr-verification-done-a-color: #ee0000;
--pending-transaction-section-head-color: #fff;
--pending-trans-section-head-a-color: #0d3d9e;
--pending-trans-section-head-a-hover-color: #0d3d9e;
--pending-trans-car-item-bg: #2a0000;
--pending-trans-car-item-info-section-details-primary-color: #ececec;
--pending-trans-car-item-info-section-details-secondary-color: #bdbdbd;
--pending-trans-car-item-download-qr-btn-bg: linear-gradient(to right, #cc0000 0%, #4a0000 100%);
--pending-trans-car-item-download-qr-btn-color: #fff;
--pending-trans-car-item-download-qr-btn-hover-bg: linear-gradient(to right, #4a0000 0%, #cc0000 100%);
--pending-trans-car-item-download-qr-btn-hover-color: #fff;
--empty-table-cntr-bg: #170000;
--empty-table-cntr-color: #888;
--reporting-detail-popup-bg: #120a1f;
--pending-trans-detail-primary-color: #fff;
--pending-trans-detail-secondary-color: #bdbdbd;
--pending-trans-detail-card-bg: #431500;
--pending-trans-detail-card-border-color: #404040;
--pending-trans-detail-card-secondary-section-bg: #2a0000;
--pending-trans-detail-remarks-color: #fff;
--pending-trans-info-chevron-icon-filter: invert(1);
--pending-trans-info-copy-icon-filter: invert(1);
--pending-trans-expiration-in-color: #a9a9a9;
--pending-trans-expiration-countdown-color: #55fc25;
--transactions-table-border: #0f0500;
--transactions-table-bg: #0f0500;
--transactions-table-head-bg: #0f0500;
--transactions-table-head-color: #bdbdbd;
--transactions-table-head-border: #0f0500;
--transactions-table-body-bg: #0f0500;
--transactions-table-body-color: #fff;
--transactions-table-body-span-app-color: #66f480;
--transactions-table-body-span-reject-color: #ff695e;
--transactions-table-body-span-pending-color: #f99702;
--transactions-table-body-tr-odd-bg: #17122666;
--transactions-table-body-tr-even-bg: #170000;
--empty-table-cntr-img-filter: initial;
--game-desc-cntr-game-title-color: #fff;
--game-desc-cntr-game-desc-color: #fff;
--provider-slide-bg: #1a0000;
--provider-slide-bg-linear: linear-gradient(to bottom, #1a0000 0%, #07060e 100%);
--provider-slide-border: #36254f;
--provider-slide-i-color: #fff;
--provider-slide-i-hover-bg: rgba(255, 255, 255, .05);
--jackpot-cntr-bg: linear-gradient(#cc0000, #000);
--jackpot-cntr-box-shadow: 0px 5px 15px rgba(204,0,0,0.5);
--jackpot-inner-cntr-bg: #000;
--jackpot-border-cntr-border: #990000;
--jackpot-currency-color: #ff6666;
--jackpot-play-section-text-color: #fd6f16;
--jackpot-play-section-text-label-color: #ff4444;
--bank-info-bg: #1b192e;
--bank-info-bg-image: linear-gradient(to bottom, #1b192e 0%, #1b192e 100%);
--bank-info-color: #888;
--bank-info-h4-color: #95939e;
--bank-info-acc-number-cntr-img-filter: invert(1);
--bank-info-bank-img-filter: initial;
--bank-info-hr-border-top: #302d4e;
--bank-info-hr-border-bottom: #393939;
--bank-info-download-qr-code-button-bg: #363346;
--bank-info-download-qr-code-button-img-filter: invert(1);
--bank-info-download-qr-code-button-hover-bg: #494464;
--recommended-for-instant-process-color: #ddd;
--recommended-for-instant-process-span-color: #fff;
--payment-method-selection-input-radio-checked-label-bg: #ee1da9;
--payment-method-selection-input-radio-checked-label-bg-image: linear-gradient(to bottom, #ee1da9 0%, #d86548 100%);
--payment-maintenance-cntr-bg: #1b192e;
--payment-maintenance-cntr-color: #fff;
--payment-maintenance-cntr-i-bg: red;
--payment-maintenance-cntr-i-color: #fff;
--payment-maintenance-cntr-i-border: #fff;
--remarks-cntr-border: #ee0000;
--remarks-cntr-bg: rgba(88, 0, 42, .37);
--remarks-cntr-color: #fff;
--remarks-cntr-i-bg: transparent;
--remarks-cntr-i-border: #ee0000;
--remarks-cntr-i-color: #ee0000;
--deposit-qr-label-cntr-bank-info-img-filter: initial;
--deposit-cntr-bank-info-bg: #1b192e;
--deposit-cntr-bank-info-bg-image: none;
--deposit-cntr-std-form-note-a-color: #fba501;
--deposit-cntr-hr-deposit-gap-bg: -webkit-gradient(linear, 0 0, 100% 0, from(transparent), to(transparent), color-stop(50%, #fff));
--deposit-cntr-form-group-control-border: #3e3a50;
--deposit-cntr-formatted-balance-color: #fba501;
--bank-info-copy-input-btn-hover-color: #ddd;
--deposit-cntr-reveal-bank-acc-btn-bg: #cc0000;
--deposit-cntr-reveal-bank-acc-btn-bg-image: linear-gradient(to right, #cc0000 0%, #4a0000 100%);
--deposit-cntr-reveal-bank-acc-btn-color: #fff;
--deposit-cntr-reveal-bank-acc-btn-hover-bg: #4a0000;
--deposit-cntr-reveal-bank-acc-btn-hover-bg-image: linear-gradient(to right, #4a0000 0%, #cc0000 100%);
--deposit-cntr-admin-fee-cntr-color: #ffb82e;
--deposit-amount-cntr-input-text-bg: #000;
--deposit-amount-cntr-input-text-color: #fff;
--deposit-summary-cntr-border: #1b192e;
--deposit-summary-cntr-header-bg: #1b192e;
--deposit-summary-cntr-header-transfer-amount-color: #ee1100;
--deposit-summary-cntr-content-bg: #0f0d1e;
--deposit-summary-cntr-content-body-detail-cntr-item-color: #dbdbdb;
--deposit-summary-cntr-content-footer-border: #22203b;
--withdrawal-cntr-bank-info-bg: #1b192e;
--withdrawal-cntr-bank-info-bg-image: none;
--withdrawal-cntr-form-group-control-border: #3e3a50;
--withdrawal-cntr-formatted-balance-color: #fba501;
--withdrawal-cntr-hr-deposit-gap-bg: -webkit-gradient(linear, 0 0, 100% 0, from(transparent), to(transparent), color-stop(50%, #fff));
--withdrawal-cntr-bank-info-actions-border-top: #ddd;
--withdrawal-cntr-bank-info-actions-img-filter: initial;
--withdrawal-summary-cntr-border: #1b192e;
--withdrawal-summary-header-bg: #1b192e;
--withdrawal-summary-cntr-header-transfer-amount-color: #ee1100;
--withdrawal-summary-cntr-content-bg: #0f0d1e;
--withdrawal-summary-cntr-content-body-detail-cntr-item-color: #dbdbdb;
--withdrawal-summary-cntr-content-footer-border: #22203b;
--data-cntr-bg: #0d0d0d;
--data-cntr-bg-arcade-slots-large-game-list-link-cntr-game-title-color: #fff;
--play-now-bg: linear-gradient(to right, #ba166e 0%, #661181 100%);
--play-now-hover-bg: linear-gradient(to right, #661181 0%, #ba166e 100%);
--game-list-cntr-bg: rgba(22, 18, 40, .74);
--game-list-cntr-vendor-name-color: #fff;
--game-list-cntr-filter-section-bg: linear-gradient(to right, #4a0000 0%, #4a0000 100%);
--game-list-cntr-filter-section-input-text-border: #6d0a4f;
--game-list-cntr-filter-section-input-text-bg: #100a1a;
--game-list-cntr-filter-section-input-text-color: #fff;
--game-list-cntr-filter-section-after-bg: #cb1776;
--game-list-cntr-category-filter-link-active-hover-bg: #894bc8;
--provider-outer-game-list-cntr-game-info-bg: #0a0000;
--provider-outer-game-list-cntr-game-info-border: #320000;
--game-list-game-item-bg: linear-gradient(to bottom, #1e1a31 0%, #171429 100%);
--game-list-provider-name-color: #ee0000;
--large-game-list-cntr-bg: #161228bd;
--large-game-list-cntr-section-heading-h4-color: #fff;
--large-game-list-cntr-section-bg: #0a0000;
--large-game-list-cntr-section-border: #320000;
--large-game-list-cntr-play-now-bg: #cc1100;
--large-game-list-cntr-play-now-hover-bg: #9b0c4f;
--large-game-list-link-cntr-bg: #000000b2;
--large-game-list-li-bg: linear-gradient(180deg, rgba(0, 0, 0, 0) 25%, #ff1100 100%);
--large-game-list-img-bg: linear-gradient(180deg, #0a0000 25%, #2c0000 100%);
--large-game-list-li-a-game-info-color: #cc1100;
--large-game-list-li-a-game-info-hover-focus-color: #f6328f;
--game-list-game-player-color: #fff;
--body-bg: #150000;
--topbar-cntr-border: #170000;
--topbar-cntr-bg: #140000;
--topbar-left-section-item-color: #d5d5d5;
--topbar-left-section-item-item-border: #ccc;
--topbar-left-section-item-a-color: #d5d5d5;
--topbar-left-section-item-a-hover-color: #fff;
--topbar-left-section-icon-android-filter: none;
--topbar-left-section-lang-sel-cntr-color: #fff;
--topbar-left-section-lang-sel-trig-after-btop: #fff;
--topbar-left-section-lang-sel-bg: #0b0000;
--topbar-left-section-lang-sel-li-bg: #140000;
--topbar-left-section-lang-sel-li-hover-bg: #cc1100;
--site-header-bg: linear-gradient(to right, #3a0000 0%, #4a0000 100%);
--site-header-bs: inset 0px 2px 1px rgba(255, 255, 255, .1);
--menu-slide-i-color: #fff;
--top-menu-li-color: #fff;
--top-menu-li-before-bg: #580000;
--top-menu-li-true-hover-color: #cc0000;
--top-menu-game-list-cntr-bg: rgba(20, 17, 38, .98);
--top-menu-game-list-cntr-border: #7e00fd;
--top-menu-games-cntr-li-bg: linear-gradient(180deg, rgba(0, 0, 0, 0) 25%, #ff1100 100%);
--top-menu-games-cntr-li-hover-a-bg: rgba(40, 32, 88, .3);
--top-menu-games-cntr-li-a-img-bg: linear-gradient(180deg, #0a0000 25%, #2c0000 100%);
--site-content-cntr-bg: #0a0000;
--site-info-cntr-bg: #0e0000;
--site-info-cntr-section-title-color: #d5d5d5;
--site-info-inner-cntr-color: #74708f;
--site-info-inner-cntr-site-links-cntr-border: #1b172e;
--site-info-inner-cntr-footer-links-li-a-color: #74708f;
--site-info-inner-cntr-footer-links-li-a-hover-color: #fff;
--site-info-inner-cntr-supp-list-li-border: #2f2a4b;
--copyright-info-cntr-border: #060411;
--copyright-info-cntr-copyright-color: #fff;
--register-page-reminder-color: #b2b0b9;
--register-page-link-a-color: #d51ac5;
--register-forgot-pass-modal-body-bg: #141125;
--register-forgot-simple-modal-header-color: #fff;
--footer-separator-border: #74708f;
--site-desc-color: #676767;
--site-info-title-h3-color: #d5d5d5;
--progressbar-bg: #74708f;
--progress-bg: #d5d5d5;
--register-modal-payment-method-cntr-bg: #17132d;
--simple-modal-btn-secondary-border: #cc0000;
--introjs-tooltiptext-sub-color: #6d65a4;
--introjs-nextbtn-bg: linear-gradient(to right, #b7186d 0%, #68187d 100%);
--introjs-bullets-ul-li-a-active-hover-bg: #6d65a4;
--daily-reward-cntr-double-xp-count-cntr-bg: #291000;
--daily-reward-cntr-detail-desc-desc-bg: #2f2e35;
--daily-reward-cntr-detail-desc-desc-color: #bbb;
--modal-body-pending-trans-summ-cntr-border: #d80bce;
--modal-body-pending-trans-summ-cntr-bg: #1f1724;
--modal-body-pending-trans-summ-cntr-footer-border: #d5bde3;
--modal-body-pending-trans-summ-cntr-footer-a-bg: #cc1100;
--modal-body-pending-trans-details-cntr-bg: #1b192e;
--modal-body-pending-trans-details-cntr-border: #404040;
--modal-body-pending-trans-details-cntr-item-status-img-filter: invert(0);
--modal-body-pending-trans-details-cntr-item-part-bonus-pending-bg: #ffffff0f;
--modal-body-pending-trans-details-cntr-item-part-bonus-pending-border: #fff9;
--modal-body-resolved-trans-popup-carousel-slick-prev-next-bg: #3d3d3d;
--modal-body-resolved-trans-popup-carousel-slick-prev-next-border: #8d8d8d;
--modal-body-resolved-trans-popup-carousel-indicators-li-bg: transparent;
--modal-body-resolved-trans-popup-carousel-indicators-li-border: #fff;
--floating-action-btn-item-bg: linear-gradient(90deg, #990000 0%, #880000 100%);
--floating-action-btn-item-border: #a24dc0;
--floating-action-btn-item-bs: #800eac80;
--site-footer-bg: #150000;
--ref-code-box-a-color: #cc0000;
--ref-code-box-a-hover-color: #cc2200;
--login-panel-btn-bg: #361500;
--login-panel-btn-hover-bg: #220000;
--login-panel-reg-btn-bg: linear-gradient(to right, #cc0000 0%, #cc1100 100%);
--login-panel-reg-btn-hover-bg: linear-gradient(to right, #cc1100 0%, #cc0000 100%);
--provider-cntr-border: #74708f;
--provider-cntr-legend-color: #d5d5d5;
--user-info-color: #fff;
--user-info-main-info-bg: #201d31;
--user-info-main-info-bs: 0px 4px 4px 0px #00000040;
--user-info-balance-a-span-color: #00ffc0;
--user-info-balance-locked-bg: #3b384a;
--user-info-balance-locked-span-color: #00ffc0;
--user-info-locked-balance-img-filter: none;
--user-info-loyalty-xp-username-cntr-loyalty-xp-progress-bg: #000;
--user-info-loyalty-xp-username-cntr-loyalty-xp-detail-span-color: #000;
--user-info-dropdown-menu-vendor-balance-cntr-bg: rgba(0, 0, 0, .85);
--user-info-vendor-balance-cntr-border: #cc0000;
--loyalty-top-bar-cntr-bg: linear-gradient(82.95deg, #0f0d1a -41.64%, #461a00 138.36%);
--loyalty-top-bar-cntr-point-benefit-section-div-bg: #100e20;
--loyalty-top-bar-cntr-vr-bg: #fff3;
--loyalty-top-bar-cntr-chev-right-filter: invert(1);
--loyalty-top-bar-cntr-exp-section-item-bar-progress-bg: #0a0a0a;
--loyalty-top-bar-cntr-exp-section-item-level-amount-span-color: #92ff2d;
--loyalty-top-bar-cntr-exp-section-message-color: #f8e689;
--loyalty-top-bar-cntr-point-section-refresh-cntr-img-filter: none;
--loyalty-top-bar-cntr-info-cntr-info-icon-bg: #a8a8a8;
--unread-announce-popup-border: #cc0000;
--unread-announce-popup-bg: #000000d9;
--modal-header-bg: linear-gradient(to right, #3a0000 0%, #4a0000 100%);
--modal-body-bg: #0e0b16;
--modal-body-color: #fff;
--modal-footer-border: #1f0000;
--modal-footer-bg: #0e0b16;
--modal-footer-btn-primary-bg: linear-gradient(to right, #cc0000 0%, #4a0000 100%);
--modal-footer-btn-primary-hover-bg: linear-gradient(to right, #4a0000 0%, #cc0000 100%);
--modal-footer-btn-secondary-color: #fff;
--modal-footer-btn-secondary-hover-color: #cc0000;
--register-forgot-pass-modal-header-bg: #141125;
--register-forgot-pass-modal-header-color: #fff;
--popup-modal-maintenance-p-span-color: #c018ae;
--std-form-content-bg: rgba(15, 12, 27, .98);
--std-form-content-color: #fff;
--std-form-title-color: #cc0000;
--std-form-sub-title-border: #cc1100;
--std-form-note-color: #fff;
--std-form-note-bg: #771200;
--std-form-note-a-color: #cc0000;
--std-reporting-cntrl-group-input-bg: #0c0c0c;
--std-reporting-cntrl-group-input-border: #2a2a2a;
--std-reporting-cntrl-group-input-color: #a7a7a7;
--std-form-content-reporting-scroll-cntr-table-head-bg: #170000;
--std-form-content-reporting-scroll-cntr-table-head-border: #231b38;
--std-form-content-reporting-scroll-cntr-table-body-bg: #170000;
--std-form-content-reporting-scroll-cntr-table-body-td-color: #aca4c2;
--std-inline-form-group-form-content-form-cntrl-bg: #0c0000;
--std-inline-form-group-form-content-form-cntrl-border: #1f0000;
--std-inline-form-group-form-cntrl-disabled-bg: #161121;
--exp-countdown-data-section-bg: #5f334d;
--std-profile-bar-bg: rgba(15, 12, 27, .98);
--std-profile-bar-color: #d5d5d5;
--std-profile-bar-username-field-username-color: #58556a;
--std-profile-bar-balance-field-balance-color: #ee0000;
--std-profile-bar-user-field-loyalty-info-cntr-div-a-bg: #2b1000;
--std-nav-bar-title: #cc0000;
--std-nav-bar-a-border: #170000;
--std-nav-bar-a-not-active-true-hover-border: #cc2200;
--std-nav-bar-a-not-active-true-hover-color: #cc2200;
--std-side-menu-bg: #120000;
--std-side-menu-color: #fff;
--std-side-menu-a-border: #170000;
--std-form-note-span: #ee0000;
--std-report-scroll-cntr-table-grid-totals-bg: #170000;
--std-report-scroll-cntr-table-grid-totals-border: #231b38;
--simple-form-note-color: #f8007e;
--otp-hr-color: #cc0000;
--otp-popup-content-bg: #141125;
--otp-popup-content-color: #fff;
--otp-fake-inputs-div-border: #3e3a50;
--otp-fake-inputs-div-bg: #0b0916;
--otp-fake-inputs-div-color: #fff;
--std-remark-notif-content-span-color: #ff59a7;
--std-outline-btn-border: #ee0000;
--std-form-title-with-back-icon-a-img-filter: invert(1);
--std-remark-notification-bg: #ffffff1a;
--std-remark-notification-content-color: #bebebe;
--std-form-content-webkit-thumb-bg: #242424;
--std-form-title-flex-a-color: #fff;
--top-tab-cntr-a-bg: #0c0500;
--top-tab-cntr-a-color: #fff;
--top-tab-cntr-a-true-hover-bg: #110e20;
--data-payment-gateway-download-qr-btn-bg: #cc1100;
--data-payment-gateway-dest-acc-info-cntr-number-cntr-color: #000;
--pending-trans-cntr-item-bg: #140000;
--pending-trans-cntr-item-data-payment-gateway-bg: #1b192e;
--pending-trans-cntr-item-remarks-cntr-border: #fff3;
--pending-trans-cntr-item-remarks-cntr-bg: #ffffff0f;
--pending-trans-cntr-item-payment-gateway-dest-acc-bank-info-img-filter: initial;
--pending-trans-cntr-payment-gateway-dest-acc-number-cntr-img-filter: invert(1);
--pending-trans-cntr-item-payment-gateway-hr-btop: #302d4e;
--pending-trans-cntr-item-payment-gateway-hr-bbot: #272727;
--pending-trans-cntr-item-p-color: #b2b0b9;
--pending-trans-cntr-item-payment-gateway-dest-acc-info-number-cntr-img-filter: none;
--pending-trans-cntr-item-payment-gateway-dest-acc-info-cntr-holder-info-span-color: #b5b5b5;
--pending-trans-cntr-item-deposit-line-bg: #ddd;
--pending-deposit-line-bg: #ddd;
--modal-std-header-after-bg: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .9) 46.29%, rgba(255, 255, 255, 0) 100%);
--bonus-selection-cntr-bg: #410446;
--bonus-selection-cntr-border: #f100ff;
--bonus-selection-cntr-color: #fff;
--bonus-selection-list-card-selected-card-footer-bg: #410446;
--bonus-selection-cntr-action-cancel-bonus-btn-border: #fff;
--bonus-selection-cntr-action-img-filter: none;
--bonus-selection-popup-content-bg: #0f0d1e;
--bonus-selection-list-card-bg: #1d1c21;
--bonus-selection-list-card-border: #42404c;
--bonus-selection-list-card-footer-end-date-color: #f44032;
--bonus-selection-list-card-detail-color: #fff;
--bonus-selection-list-card-detail-bg: #3a3842;
--bonus-selection-list-card-remarks-cntr-bg: #4f0001;
--bonus-selection-list-card-eligible-false-bg: #333;
--bonus-selection-card-highlighted-section-bg: #ffffff26;
--bonus-selection-card-highlighted-section-color: #fff;
--search-header-title-img-filter: invert(14%) sepia(97%) saturate(7439%) hue-rotate(323deg) brightness(98%) contrast(101%);
--search-input-cntr-input-bg: #141414;
--search-input-cntr-input-border: #2b2b2b;
--search-input-cntr-input-placeholder-color: #6c6c6c;
--recent-search-cntr-history-cntr-item-bg: #141414;
--search-result-provider-list-item-item-border: #424242;
--contact-ver-popup-section-form-group-input-bg: #141414;
--contact-ver-popup-section-form-group-input-color: #dbdbdb;
--contact-ver-popup-section-form-group-input-border: #2c2c2c;
--reporting-detail-popup-bg: #120a1f;
--modal-body-resolved-trans-details-primary-color: #fff;
--modal-body-resolved-trans-details-secondary-color: #bdbdbd;
--modal-body-resolved-trans-details-rejected-reason-container-color: #362121;
--modal-body-resolved-trans-details-rejected-reason-container-border-color: #4e2e2e;
--modal-body-resolved-trans-details-rejected-reason-text-color: #ff8181;
--modal-body-resolved-trans-details-cntr-bg: #212121;
--modal-body-resolved-trans-details-dashed-color: rgba(255, 255, 255, .25);
--resolved-transaction-header-icon: invert(0);
--resolved-transaction-copy-icon-filter: invert(0);
--resolved-transaction-status-app-filter: brightness(0) saturate(100%) invert(85%) sepia(9%) saturate(2459%) hue-rotate(68deg) brightness(102%) contrast(88%);
--resolved-transaction-status-rej-filter: brightness(0) saturate(100%) invert(76%) sepia(54%) saturate(2439%) hue-rotate(305deg) brightness(95%) contrast(144%);
--back-link-cntr-a-img-filter: invert(1);
--modal-body-resolved-trans-wrapped-body-border-color: #404040;
--modal-body-resolved-trans-details-bg: #252525;
--popover-bg: #170000;
--popover-border: #cc2200;
--table-table-color: #bbb;
--no-data-cntr-p-color: #463758;
--no-data-cntr-img-filter: invert(16%) sepia(32%) saturate(662%) hue-rotate(225deg) brightness(92%) contrast(94%);
--bonus-sel-list-card-content-title-bonus-btn-bg: #35333b;
--bonus-sel-list-card-content-title-bonus-btn-border: #5a5762;
--bonus-sel-list-card-selected-content-title-bonus-btn-bg: #3c1e1e;
--bonus-sel-list-card-selected-content-title-bonus-btn-border: #582c2c;
--bonus-sel-list-card-selected-content-title-bonus-btn-color: #ff7272;
--complaint-tracker-std-form-link-header-a-bg: #170000;
--complaint-cntr-std-form-link-header-a-true-bg: linear-gradient(90deg, #800fbe 0%, #870d64 100%);
--complaint-cntr-std-form-note-strong-color: #cc0000;
--complaint-cntr-std-form-title-border: #cc0000;
--complaint-cntr-std-form-title-color: #cc0000;
--complaint-cntr-std-form-note-bg: linear-gradient(82.95deg, #0f0d1a -41.64%, #461a00 138.36%);
--complaint-form-std-btn-primary-bg: linear-gradient(90deg, #cc2200 0%, #681500 100%);
--complaint-modal-btn-secondary-color: #fff;
--complaint-modal-btn-primary-color: #fff;
--appeal-status-header-color: #dbdbdb;
--appeal-status-header-bg: #322d4f;
--timeline-item-details-reason-cntr-bg: #181524;
--form-form-group-control-border: #2b2b2b;
--form-form-group-control-bg: #141414;
--form-form-group-control-bs: 0px 4px 4px rgba(0, 0, 0, .25);
--cntr-complaint-section-header-color: #dbdbdb;
--cntr-steps-cntr-procedure-steps-div-bg: #312951;
--status-timeline-bg: #0a0000;
--upload-button-zone-bg: #251000;
--upload-drop-zone-bg: #0b0a15;
--upload-drop-zone-border-color: #5e5e5e;
--upload-drop-zone-strong-color: #c4c4c4;
--upload-drop-zone-para-color: #646464;
--auto-close-note-border: #fff1;
--upload-video-section-bg: #482000;
--upload-video-section-color: #fff;
--upload-section-img-filter: invert(1);
--complaint-modal-btn-secondary-bg: #482000;
--cntr-std-form-title-bg: rgba(15, 12, 27, .98);
--guaranteed-site-section-p-color: #dbdbdb;
--copy-case-number-btn-img-filter: invert(0);
--timeline-item-border: #fff3;
--timeline-item-curr-progress-details-title-color: #89ed95;
--timeline-item-details-title-color: #bdbdbd;
--view-link-color: #73a8ff;
--complaint-modal-btn-secondary-color: #fff;
--footer-description-header-color: #d5d5d5;
--footer-description-note-color: #676767;
--footer-sitemap-header-color: #d5d5d5;
--footer-sitemap-link-color: #676767;
--footer-featured-product-card-header-color: #939393;
--footer-featured-product-card-note-color: #939393;
--footer-bank-list-note-color: #939393;
--footer-transaction-service-header-color: #d5d5d5;
--footer-transaction-service-note-color: #aca9b5;
--footer-sitemap-icon-bg: #2d0000;
--footer-sitemap-icon-filter: invert(.5);
--footer-sitemap-qr-icon-filter: invert(0);
--footer-featured-product-bg: #1c1831;
--footer-card-container-border: #292440;
--footer-hero-icon-bg: #291f51;
--footer-banking-card-bg: #161129;
--banner-nav-button-bg: #0003;
--banner-nav-button-bg-hover: #0006
}
/* FIX: Mobile responsive */
@media (max-width: 768px) {
.site-header { padding: 8px 0 !important; }
.site-header-inner-container { flex-wrap: wrap !important; }
.logo img { max-height: 50px !important; width: auto !important; }
.topbar-inner-container { flex-wrap: wrap !important; gap: 4px !important; }
.home-progressive-jackpot { padding: 10px !important; }
.announcement-outer-container {
background-color: #1a0000;
padding: 0;
}
.announcement-outer-container {
background-color: #0c0c1a;
border-bottom: 1px solid rgba(255,255,255,0.08);
}
.announcement-container {
display: flex;
align-items: center;
min-height: 40px;
padding: 6px 0;
gap: 16px;
font-size: 13px;
}
.announcement-container [data-section=\"date\"] {
display: flex;
align-items: center;
gap: 10px;
white-space: nowrap;
flex-shrink: 0;
color: rgba(255,255,255,0.75);
font-size: 13px;
}
.announcement-container [data-icon=\"news\"] {
display: inline-block;
width: 22px;
height: 22px;
background-image: var(--image-src);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
vertical-align: middle;
flex-shrink: 0;
}
.announcement-container [data-section=\"announcements\"] {
flex: 1;
overflow: hidden;
}
.announcement-container .announcement-list {
list-style: none;
margin: 0;
padding: 0;
}
.announcement-container .announcement-list li {
color: #ffffff;
font-size: 13px;
line-height: 1.5;
}
.site-content-container { background: #0a0000 !important; }
.site-info-container { background: #0e0000 !important; }
.play-now { background: linear-gradient(to right, #cc0000, #880000) !important; }
.play-now:hover { background: linear-gradient(to right, #880000, #cc0000) !important; }
.top-menu > li::before { background: #580000 !important; }
.top-menu .game-list-container { background: rgba(20,0,0,.98) !important; border-color: #7e0000 !important; }
.login-panel .register-button { background: linear-gradient(to right, #cc0000, #880000) !important; }
/* FIX: Topbar icons */
.topbar-left-section [data-icon] {
display: inline-block !important;
width: 16px !important; height: 16px !important;
background-size: contain !important;
background-repeat: no-repeat !important;
background-position: center !important;
vertical-align: middle !important;
}
/* FIX: Language flags */
.language-selector-container [data-language],
.language-selector [data-language] {
display: inline-block !important;
width: 16px !important; height: 11px !important;
background-image: url(https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/dark-purple/desktop/layout/flags.png?v=0) !important;
background-repeat: no-repeat !important;
}
/* FIX: Announcement ticker */
/* FIX: Game list di homepage - hanya ubah display:none ke block */
.home-game-list {
display: block !important;
position: static !important;
top: auto !important; left: auto !important;
z-index: auto !important;
background: transparent !important;
border: none !important;
padding: 0 !important;
}
/* ===== FIX GAME IMAGES ===== */
.game-list {
display: flex !important;
flex-wrap: nowrap !important;
overflow-x: auto !important;
gap: 8px !important;
padding: 8px 4px !important;
scrollbar-width: thin !important;
}
.games-group {
display: flex !important;
flex-direction: column !important;
gap: 8px !important;
flex-shrink: 0 !important;
}
.game-list .game-item {
width: 150px !important;
margin: 0 !important;
padding: 0 !important;
position: relative !important;
border-radius: 12px !important;
overflow: hidden !important;
background: #111 !important;
flex-shrink: 0 !important;
}
.game-list .wrapper-container {
position: relative !important;
width: 150px !important;
height: 150px !important;
padding-top: 0 !important;
border-radius: 12px !important;
overflow: hidden !important;
display: block !important;
}
.game-list .wrapper-container picture {
display: block !important;
width: 100% !important;
height: 100% !important;
}
.game-list .wrapper-container img {
position: static !important;
width: 150px !important;
height: 150px !important;
object-fit: cover !important;
display: block !important;
border-radius: 12px !important;
}
.game-list .link-container {
position: absolute !important;
bottom: 0 !important; left: 0 !important; right: 0 !important;
opacity: 0 !important;
transition: opacity .2s !important;
background: rgba(0,0,0,.7) !important;
padding: 8px !important;
text-align: center !important;
border-radius: 0 0 12px 12px !important;
}
.game-list .game-item:hover .link-container { opacity: 1 !important; }
.game-list .play-now {
display: inline-block !important;
padding: 4px 12px !important;
background: linear-gradient(to right, #cc0000, #880000) !important;
color: #fff !important;
border-radius: 4px !important;
font-size: 11px !important;
font-weight: 700 !important;
text-decoration: none !important;
}
.game-list .large-game-list-li-bg {
display: none !important;
}
.game-list .game-name {
font-size: 11px !important;
color: #ccc !important;
text-align: center !important;
padding: 4px 4px 0 !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
display: block !important;
}
.popular-game-title-container {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
padding: 12px 0 8px !important;
}
.popular-game-title-container .title {
display: flex !important;
align-items: center !important;
gap: 8px !important;
font-size: 16px !important;
font-weight: 700 !important;
color: #fff !important;
}
/* ===== FIX JACKPOT - USE CSS VARIABLES FROM THEME ===== */
.home-progressive-jackpot {
display: block !important;
background: var(--home-progressive-jackpot-bg) !important;
border-radius: 16px !important;
padding: 8px !important;
cursor: pointer !important;
margin: 16px 0 !important;
text-decoration: none !important;
}
.home-progressive-jackpot .outer-container {
background: var(--home-progressive-jackpot-outer-cntr-bg) !important;
border-radius: 12px !important;
padding: 4px !important;
}
.home-progressive-jackpot .inner-container {
background: var(--home-progressive-jackpot-inner-cntr-bg) !important;
border-radius: 10px !important;
padding: 4px !important;
}
.home-progressive-jackpot .border-container {
background: var(--home-progressive-jackpot-border-cntr-bg) !important;
border: 2px solid var(--home-progressive-jackpot-border-cntr-border) !important;
border-radius: 50px !important;
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
padding: 12px 24px !important;
gap: 20px !important;
}
.home-progressive-jackpot .jackpot-play-section {
display: flex !important;
flex-direction: column !important;
align-items: flex-start !important;
gap: 4px !important;
flex-shrink: 0 !important;
}
.home-progressive-jackpot .jackpot-play-section img {
width: 120px !important;
height: auto !important;
display: block !important;
}
.home-progressive-jackpot .jackpot-play-text {
font-family: \"gilroybold\", Arial, sans-serif !important;
font-size: 28px !important;
font-weight: 900 !important;
line-height: 1 !important;
color: var(--home-progressive-jackpot-color) !important;
text-transform: uppercase !important;
}
.home-progressive-jackpot .jackpot-play-text label {
display: block !important;
cursor: pointer !important;
}
.home-progressive-jackpot .jackpot-container {
flex: 1 !important;
background: var(--home-progressive-jackpot-jackpot-cntr-bg) !important;
border-radius: 8px !important;
padding: 4px !important;
}
.home-progressive-jackpot .jackpot-inner-container {
background: var(--home-progressive-jackpot-jackpot-inner-cntr-bg) !important;
border-radius: 6px !important;
padding: 8px 16px !important;
}
.home-progressive-jackpot .jackpot-border-container {
border: 2px solid var(--home-progressive-jackpot-jackpot-border-cntr-border) !important;
border-radius: 6px !important;
padding: 6px 16px !important;
display: flex !important;
align-items: center !important;
gap: 10px !important;
justify-content: center !important;
}
.home-progressive-jackpot .jackpot-currency {
font-family: \"Open24DisplaySt\", monospace !important;
font-size: 22px !important;
color: var(--home-progressive-jackpot-color) !important;
}
#progressive_jackpot {
font-family: \"Open24DisplaySt\", monospace !important;
font-size: 38px !important;
color: #fff !important;
letter-spacing: 3px !important;
text-shadow: var(--home-progressive-jackpot-jackpot-border-cntr-text-shadow) !important;
}
/* ===== DOWNLOAD APK SECTION FIX ===== */
.download-apk-container {
background-size: cover !important;
background-position: center !important;
padding: 40px 0 !important;
min-height: 400px !important;
display: flex !important;
align-items: center !important;
}
.download-apk {
display: flex !important;
align-items: center !important;
gap: 40px !important;
width: 100% !important;
}
.download-apk > div:first-child {
flex-shrink: 0 !important;
}
.download-apk > div:first-child img {
max-height: 480px !important;
width: auto !important;
}
.download-apk > div:last-child {
flex: 1 !important;
}
.download-apk .h3 {
font-size: 22px !important;
font-weight: 400 !important;
color: #fff !important;
text-transform: uppercase !important;
margin-bottom: 8px !important;
}
.download-apk .h2 {
font-size: 52px !important;
font-weight: 900 !important;
line-height: 1.1 !important;
color: #fff !important;
margin-bottom: 10px !important;
}
.download-apk .h2 span {
color: var(--download-apk-h2-span-color, #cc0000) !important;
display: block !important;
}
.download-apk .h4 {
font-size: 16px !important;
color: rgba(255,255,255,0.8) !important;
width: auto !important;
margin-bottom: 20px !important;
}
.download-apk-info {
margin: 20px 0 !important;
}
.download-apk-section {
display: flex !important;
align-items: center !important;
gap: 16px !important;
}
.download-apk-qr-code img {
width: 94px !important;
height: 94px !important;
border-radius: 8px !important;
}
.download-apk-detail {
display: flex !important;
flex-direction: column !important;
gap: 8px !important;
}
.download-apk-detail > div {
font-size: 16px !important;
color: #fff !important;
font-weight: 600 !important;
}
.download-apk-detail img {
width: 152px !important;
height: auto !important;
}
.download-apk > div:last-child > span {
font-size: 13px !important;
color: rgba(255,255,255,0.6) !important;
display: block !important;
margin-top: 8px !important;
}
/* ===== ANNOUNCEMENT LAYOUT FIX ===== */
.announcement-container {
display: flex !important;
align-items: center !important;
gap: 16px !important;
padding: 6px 0 !important;
min-height: 32px !important;
}
.announcement-container > [data-section=\"date\"] {
flex-shrink: 0 !important;
white-space: nowrap !important;
font-size: 12px !important;
color: rgba(255,255,255,0.65) !important;
display: flex !important;
align-items: center !important;
gap: 6px !important;
}
.announcement-container > [data-section=\"announcements\"] {
flex: 1 !important;
overflow: hidden !important;
display: block !important;
position: static !important;
background: transparent !important;
height: auto !important;
}
.announcement-container .announcement-list {
display: block !important;
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
white-space: normal !important;
position: static !important;
}
.announcement-container .announcement-list li {
font-size: 12px !important;
color: rgba(255,255,255,0.85) !important;
line-height: 1.5 !important;
opacity: 1 !important;
position: static !important;
}
/* ===== PAGE BACKGROUND - RED DARK ===== */
body {
background-color: #0a0000 !important;
}
.home-outer-container {
background: linear-gradient(180deg, #0a0000 0%, #150000 50%, #0a0000 100%) !important;
}
.popular-slots-outer-container {
background: #0d0000 !important;
}
.download-apk-container {
background: linear-gradient(135deg, #1a0000 0%, #0a0000 100%) !important;
}
.site-footer, footer {
background: #050000 !important;
}
.site-description, .site-info-container {
background: #080000 !important;
}
/* Video background - semua konten di atas */
.navbar, .topbar-container, .site-header,
.announcement-outer-container,
.home-outer-container,
.popular-slots-outer-container,
.download-apk-container,
footer, .site-footer {
position: relative;
z-index: 1;
}
body {
background: linear-gradient(180deg,#061820 0%,#0b3d43 28%,#06191f 62%,#02090d 100%) !important;
}
</style>
<script type=\"application/ld+json\">{\"@context\":\"https://schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"http://hukujyuen.com#organization\",\"name\":\"AU328\",\"url\":\"http://hukujyuen.com\",\"logo\":\"https://i.ibb.co.com/7tF3yWvV/LOGO-AU328-FIX-FIX.png\"},{\"@type\":\"WebSite\",\"@id\":\"http://hukujyuen.com#website\",\"url\":\"http://hukujyuen.com\",\"name\":\"AU328 SLOT88\",\"description\":\"AU328 menghadirkan link Slot777 gacor dan Slot88 resmi terbaru dengan akses cepat, permainan lengkap, deposit praktis, serta layanan yang siap membantu sepanjang hari.\"},{\"@type\":\"WebPage\",\"@id\":\"http://hukujyuen.com#webpage\",\"url\":\"http://hukujyuen.com\",\"name\":\"AU328: Link Slot777 Gacor dan Slot88 Resmi Terbaru\",\"description\":\"AU328 menghadirkan link Slot777 gacor dan Slot88 resmi terbaru dengan akses cepat, permainan lengkap, deposit praktis, serta layanan yang siap membantu sepanjang hari.\",\"primaryImageOfPage\":{\"@id\":\"http://hukujyuen.com#primaryimage\"}},{\"@type\":\"ImageObject\",\"@id\":\"http://hukujyuen.com#primaryimage\",\"url\":\"https://ik.imagekit.io/soxclk0ai/au328/ChatGPT%20Image%2024%20Jul%202026,%2019.31.31%20(7).png\",\"contentUrl\":\"https://ik.imagekit.io/soxclk0ai/au328/ChatGPT%20Image%2024%20Jul%202026,%2019.31.31%20(7).png\",\"caption\":\"AU328: Link Slot777 Gacor dan Slot88 Resmi Terbaru\"},{\"@type\":\"BreadcrumbList\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"AU328\",\"item\":\"https://wwbrindes.com.br\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"SLOT88 Gacor Online\",\"item\":\"https://wwbrindes.com.br\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Deposit QRIS 10Rb\",\"item\":\"https://wwbrindes.com.br\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Slot Zeus Olympus\",\"item\":\"https://wwbrindes.com.br\"}]}]}</script>
<style>
:root{
--announcement-outer-cntr-bg:#061d24;--announcement-cntr-data-section-announcements-bg:#041419;
--home-progressive-jackpot-bg:linear-gradient(#061820,#0d3c43,#061820);--home-progressive-jackpot-outer-cntr-bg:#020b0f;
--home-progressive-jackpot-inner-cntr-bg:linear-gradient(#0f6f68,#06182000);--home-progressive-jackpot-border-cntr-border:#46f7d4;
--home-progressive-jackpot-jackpot-cntr-bg:linear-gradient(#0f9f88,#041216);--home-progressive-jackpot-jackpot-border-cntr-border:#f6d06a;
--home-progressive-jackpot-jackpot-border-cntr-text-shadow:0 2px 22px #46f7d4;--home-progressive-jackpot-jackpot-currency-color:#f6d06a;
--home-progressive-jackpot-jackpot-play-text-color:#46f7d4;--home-progressive-jackpot-jackpot-play-text-label-color:#f6d06a;
--popular-game-title-cntr-a-bg:#0d5c58;--popular-game-title-cntr-game-list-cntr-bg:#041419;--popular-game-title-cntr-game-list-cntr-border:#174e55;
--download-apk-h2-span-color:#46f7d4;--download-apk-section-i-color:#f6d06a;
--footer-featured-product-bg:#08232a;--footer-card-container-border:#17636a;--footer-hero-icon-bg:#0f736d;
--footer-featured-product-card-header-color:#f6d06a;--footer-featured-product-card-note-color:#eafdf8;
}
html body .navbar,html body .topbar-container,html body .site-header{background:linear-gradient(90deg,#020b0f,#06262d,#020b0f)!important}
html body .announcement-outer-container{background:#061d24!important}
html body .home-outer-container,html body .popular-slots-outer-container{background:rgba(3,18,23,.94)!important}
html body .download-apk-container{background:linear-gradient(135deg,#061820 0%,#0b3d43 58%,#06151b 100%)!important}
html body .site-footer,html body footer{background:linear-gradient(180deg,#031116,#02090d)!important}
html body .site-description,html body .site-info-container{background:#06191f!important}
html body .login-button,html body .register-button,html body .btn-primary{background:linear-gradient(135deg,#0f8f78,#46f7d4)!important;border-color:#f6d06a!important;color:#02100f!important}
html body a:hover{color:#f6d06a}
</style>
<style id=\'stock6-color-override\'>:root{--ghost-blue:#4ba3ff;--ghost-indigo:#233e86;--ghost-cyan:#80e4ff;} .site-description h1 span,.download-apk .h2 span{color:var(--ghost-blue)!important} .download-apk,.site-description,.site-info-description,.copyright{background-image:linear-gradient(135deg,#081328,#10244a)!important;border-color:rgba(128,228,255,.22)!important} a,.footer-featured-product-section h4{color:var(--ghost-cyan)!important}</style>
</head>
<body data-online-id=\"\" data-logged-in=\"false\"
style=\"--expand-icon-src:url(https://d2rzzcn1jnr24x.cloudfront.net/Images/icons/expand.gif?v=2);--collapse-icon-src:url(https://d2rzzcn1jnr24x.cloudfront.net/Images/icons/collapse.gif?v=2);--play-icon-src:url(https://d2rzzcn1jnr24x.cloudfront.net/Images/icons/play.png?v=2);--jquery-ui-444444-src:url(https://d2rzzcn1jnr24x.cloudfront.net/Images/jquery-ui/ui-icons_444444_256x240.png?v=2);--jquery-ui-555555-src:url(https://d2rzzcn1jnr24x.cloudfront.net/Images/jquery-ui/ui-icons_555555_256x240.png?v=2);--jquery-ui-ffffff-src:url(https://d2rzzcn1jnr24x.cloudfront.net/Images/jquery-ui/ui-icons_ffffff_256x240.png?v=2);--jquery-ui-777620-src:url(https://d2rzzcn1jnr24x.cloudfront.net/Images/jquery-ui/ui-icons_777620_256x240.png?v=2);--jquery-ui-cc0000-src:url(https://d2rzzcn1jnr24x.cloudfront.net/Images/jquery-ui/ui-icons_cc0000_256x240.png?v=2);--jquery-ui-777777-src:url(https://d2rzzcn1jnr24x.cloudfront.net/Images/jquery-ui/ui-icons_777777_256x240.png?v=2)\"><div aria-hidden=\"true\" style=\"position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:0;overflow:hidden;pointer-events:none;background:radial-gradient(circle at top center, rgba(70,247,212,0.16) 0%, rgba(6,24,32,0.10) 28%, rgba(3,12,16,0.92) 58%, rgba(2,7,10,0.98) 100%), linear-gradient(180deg, #061820 0%, #0b3d43 28%, #06191f 62%, #02090d 100%);\"></div>
<noscript>
</noscript>
<div class=\"navbar navbar-fixed-top\">
<div class=topbar-container>
<div class=container>
<div class=row>
<div class=\"col-sm-12 topbar-inner-container\">
<div class=topbar-left-section>
<div class=topbar-item><span class=\"js_live_chat_link live-chat\"> <i data-icon=live-chat
style=\"background-image:url(https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/dark-purple/desktop/layout/live-chat.svg?v=0)\"></i>
</span></div>
<div class=topbar-item><a href=\"https://wwbrindes.com.br\"
class=download-apk-btn> <i data-icon=android
style=\"background-image:url(https://d2rzzcn1jnr24x.cloudfront.net/Images/icons/android-logo.svg?v=2)\"></i>
</a></div>
<div class=\"topbar-item language-selector-container\">
<div id=language_selector_trigger data-toggle=dropdown class=language-selector-trigger data-language=id style=\"display:flex;align-items:center;gap:4px;cursor:pointer\"><img src=\"https://flagcdn.com/w20/id.png\" width=\"20\" height=\"14\" alt=\"ID\" style=\"border-radius:2px\"> <span style=\"font-size:11px;color:rgba(255,255,255,0.7)\">â–¼</span></div>
<ul class=\"dropdown-menu language-selector\">
<li class=language_selector data-language=en><i data-language=en></i>
<div class=language-name>
<div>ENGLISH</div>
<div>ENGLISH</div>
</div>
<li class=language_selector data-language=id><i data-language=id></i>
<div class=language-name>
<div>BHS INDONESIA</div>
<div>INDONESIAN</div>
</div>
<li class=language_selector data-language=kr><i data-language=kr></i>
<div class=language-name>
<div>한êµì–´</div>
<div>KOREAN</div>
</div>
<li class=language_selector data-language=cn><i data-language=cn></i>
<div class=language-name>
<div>䏿–‡</div>
<div>CHINESE</div>
</div>
<li class=language_selector data-language=jp><i data-language=jp></i>
<div class=language-name>
<div>日本語</div>
<div>JAPANESE</div>
</div>
<li class=language_selector data-language=th><i data-language=th></i>
<div class=language-name>
<div>ไทย</div>
<div>THAI</div>
</div>
<li class=language_selector data-language=my><i data-language=my></i>
<div class=language-name>
<div>မြန်မာစာ</div>
<div>BURMESE</div>
</div>
<li class=language_selector data-language=kh><i data-language=kh></i>
<div class=language-name>
<div>ážáŸáž˜ážšáž—ាសា</div>
<div>KHMER</div>
</div>
<li class=language_selector data-language=hi><i data-language=hi></i>
<div class=language-name>
<div>हिनà¥à¤¦à¥€</div>
<div>HINDI</div>
</div>
<li class=language_selector data-language=ta><i data-language=ta></i>
<div class=language-name>
<div>தமிழà¯</div>
<div>TAMIL</div>
</div>
<li class=language_selector data-language=te><i data-language=te></i>
<div class=language-name>
<div>తెలà±à°—à±</div>
<div>TELUGU</div>
</div>
<li class=language_selector data-language=vi><i data-language=vi></i>
<div class=language-name>
<div>Tiếng Việt</div>
<div>VIETNAMESE</div>
</div>
<li class=language_selector data-language=bn><i data-language=bn></i>
<div class=language-name>
<div>বাংলাদেশী</div>
<div>BENGALI</div>
</div>
<li class=language_selector data-language=pt><i data-language=pt></i>
<div class=language-name>
<div>Português</div>
<div>PORTUGESE</div>
</div>
</ul>
</div>
<div class=topbar-item><a href=# class=search_popup_button> <i data-icon=search
style=\"background-image:url(https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/dark-purple/desktop/layout/search.svg?v=0)\"></i>
</a></div>
</div>
<div class=\"login-panel\">
<div class=\"login-panel-item\"><a href=\"https://wwbrindes.com.br\" class=\"login-button\"> Masuk </a></div>
<div class=\"login-panel-item\"><a href=\"https://wwbrindes.com.br\" class=\"register-button\" data-toggle=\"modal\"
data-target=\"#register_modal\" data-dismiss=\"modal\"> Daftar </a></div>
</div>
</div>
</div>
</div>
</div>
<div class=\"site-header\">
<div class=\"container\">
<div class=\"row\">
<div class=\"col-sm-12\">
<div class=\"site-header-inner-container\"><a href=\"https://wwbrindes.com.br\" class=logo> <img alt=Logo
loading=lazy
src=\"https://i.ibb.co.com/7tF3yWvV/LOGO-AU328-FIX-FIX.png\">
</a>
<div class=\"menu-slide\" id=\"menu_slides\"><i
class=\"glyphicon glyphicon-chevron-left left_trigger\"></i>
<ul class=\"top-menu\">
<li data-active=\"false\"><a href=\"https://wwbrindes.com.br\"> SLOT88 </a>
<div class=game-list-container>
<div class=container>
<div class=row>
<div class=col-md-12>
<ul class=games-container
style=\"--maintenance-text:\'Pemeliharaan\'\">
<li><a href=\"https://wwbrindes.com.br\"
data-maintenance-status=false> <span>
<picture>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-3/game-code-7.webp?v=0\"
type=image/webp>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-3/game-code-7.png?v=0\"
type=image/png><img alt=\"Pragmatic Play\"
height=189 loading=lazy
src=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-3/game-code-7.png?v=0\"
width=327>
</picture>
</span> </a>
<li><a href=\"https://wwbrindes.com.br\"
data-maintenance-status=false> <span>
<picture>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-6/game-code-48.webp?v=0\"
type=image/webp>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-6/game-code-48.png?v=0\"
type=image/png><img alt=Nex4D height=189
loading=lazy
src=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-6/game-code-48.png?v=0\"
width=327>
</picture>
</span> </a>
<li><a href=\"https://wwbrindes.com.br\"
data-maintenance-status=false> <span>
<picture>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-3/game-code-70.webp?v=0\"
type=image/webp>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-3/game-code-70.png?v=0\"
type=image/png><img alt=Jili height=189
loading=lazy
src=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-3/game-code-70.png?v=0\"
width=327>
</picture>
</span> </a>
<li><a href=\"https://wwbrindes.com.br\"
data-maintenance-status=false> <span>
<picture>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-3/game-code-16.webp?v=0\"
type=image/webp>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-3/game-code-16.png?v=0\"
type=image/png><img alt=Habanero
height=189 loading=lazy
src=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-3/game-code-16.png?v=0\"
width=327>
</picture>
</span> </a>
<li><a href=\"https://wwbrindes.com.br\"
data-maintenance-status=false> <span>
<picture>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-3/game-code-17.webp?v=0\"
type=image/webp>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-3/game-code-17.png?v=0\"
type=image/png><img alt=MicroGaming
height=189 loading=lazy
src=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-3/game-code-17.png?v=0\"
width=327>
</picture>
</span> </a>
<li><a href=\"https://wwbrindes.com.br\"
data-maintenance-status=false> <span>
<picture>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-3/game-code-9.webp?v=0\"
type=image/webp>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-3/game-code-9.png?v=0\"
type=image/png><img alt=\"PG Soft\"
height=189 loading=lazy
src=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-3/game-code-9.png?v=0\"
width=327>
</picture>
</span> </a>
<li><a href=\"https://wwbrindes.com.br\"
data-maintenance-status=false> <span>
<picture>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-3/game-code-92.webp?v=0\"
type=image/webp>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-3/game-code-92.png?v=0\"
type=image/png><img alt=\"No Limit City\"
height=189 loading=lazy
src=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-3/game-code-92.png?v=0\"
width=327>
</picture>
</span> </a>
<li><a href=\"https://wwbrindes.com.br\"
data-maintenance-status=false> <span>
<picture>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-3/game-code-98.webp?v=0\"
type=image/webp>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-3/game-code-98.png?v=0\"
type=image/png><img alt=Hacksaw
height=189 loading=lazy
src=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-3/game-code-98.png?v=0\"
width=327>
</picture>
</span> </a>
<li><a href=\"https://wwbrindes.com.br\"
data-maintenance-status=false> <span>
<picture>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-3/game-code-40.webp?v=0\"
type=image/webp>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-3/game-code-40.png?v=0\"
type=image/png><img alt=\"Slot88 x PP\"
height=189 loading=lazy
src=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-3/game-code-40.png?v=0\"
width=327>
</picture>
</span> </a>
</ul>
</div>
</div>
</div>
</div>
<li data-active=false><a href=\"https://wwbrindes.com.br\"> SLOT GACOR <i
class=\"glyphicon glyphicon-chevron-down\"></i> </a>
<div class=game-list-container>
<div class=container>
<div class=row>
<div class=col-md-12>
<ul class=games-container
style=\"--maintenance-text:\'Pemeliharaan\'\">
<li><a href=\"https://wwbrindes.com.br\"
data-maintenance-status=false> <span>
<picture>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-3/game-code-7.webp?v=0\"
type=image/webp>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-3/game-code-7.png?v=0\"
type=image/png><img alt=\"Pragmatic Play\"
height=189 loading=lazy
src=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-3/game-code-7.png?v=0\"
width=327>
</picture>
</span> </a>
<li><a href=\"https://wwbrindes.com.br\"
data-maintenance-status=false> <span>
<picture>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-3/game-code-70.webp?v=0\"
type=image/webp>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-3/game-code-70.png?v=0\"
type=image/png><img alt=Jili height=189
loading=lazy
src=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-3/game-code-70.png?v=0\"
width=327>
</picture>
</span> </a>
<li><a href=\"https://wwbrindes.com.br\"
data-maintenance-status=false> <span>
<picture>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-3/game-code-9.webp?v=0\"
type=image/webp>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-3/game-code-9.png?v=0\"
type=image/png><img alt=\"PG Soft\"
height=189 loading=lazy
src=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-3/game-code-9.png?v=0\"
width=327>
</picture>
</span> </a>
<li><a href=\"https://wwbrindes.com.br\"
data-maintenance-status=false> <span>
<picture>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-3/game-code-40.webp?v=0\"
type=image/webp>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-3/game-code-40.png?v=0\"
type=image/png><img alt=\"Slot88 x PP\"
height=189 loading=lazy
src=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-3/game-code-40.png?v=0\"
width=327>
</picture>
</span> </a>
<li><a href=\"https://wwbrindes.com.br\"
data-maintenance-status=false> <span>
<picture>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-3/game-code-112.webp?v=0\"
type=image/webp>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-3/game-code-112.png?v=0\"
type=image/png><img alt=\"Fat Panda\"
height=189 loading=lazy
src=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-3/game-code-112.png?v=0\"
width=327>
</picture>
</span> </a>
<li><a href=\"https://wwbrindes.com.br\"
data-maintenance-status=false> <span>
<picture>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-3/game-code-98.webp?v=0\"
type=image/webp>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-3/game-code-98.png?v=0\"
type=image/png><img alt=Hacksaw
height=189 loading=lazy
src=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-3/game-code-98.png?v=0\"
width=327>
</picture>
</span> </a>
<li><a href=\"https://wwbrindes.com.br\"
data-maintenance-status=false> <span>
<picture>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-3/game-code-92.webp?v=0\"
type=image/webp>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-3/game-code-92.png?v=0\"
type=image/png><img alt=\"No Limit City\"
height=189 loading=lazy
src=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-3/game-code-92.png?v=0\"
width=327>
</picture>
</span> </a>
<li><a href=\"https://wwbrindes.com.br\"
data-maintenance-status=false> <span>
<picture>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-3/game-code-16.webp?v=0\"
type=image/webp>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-3/game-code-16.png?v=0\"
type=image/png><img alt=Habanero
height=189 loading=lazy
src=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-3/game-code-16.png?v=0\"
width=327>
</picture>
</span> </a>
<li><a href=\"https://wwbrindes.com.br\"
data-maintenance-status=false> <span>
<picture>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-3/game-code-17.webp?v=0\"
type=image/webp>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-3/game-code-17.png?v=0\"
type=image/png><img alt=MicroGaming
height=189 loading=lazy
src=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-3/game-code-17.png?v=0\"
width=327>
</picture>
</span> </a>
<li><a href=\"https://wwbrindes.com.br\"
data-maintenance-status=false> <span>
<picture>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-3/game-code-114.webp?v=0\"
type=image/webp>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-3/game-code-114.png?v=0\"
type=image/png><img alt=\"5G Games\"
height=189 loading=lazy
src=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-3/game-code-114.png?v=0\"
width=327>
</picture>
</span> </a>
<li><a href=\"https://wwbrindes.com.br\"
data-maintenance-status=false> <span>
<picture>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-3/game-code-2.webp?v=0\"
type=image/webp>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-3/game-code-2.png?v=0\"
type=image/png><img alt=Playtech
height=189 loading=lazy
src=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-3/game-code-2.png?v=0\"
width=327>
</picture>
</span> </a>
<li><a href=\"https://wwbrindes.com.br\"
data-maintenance-status=false> <span>
<picture>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-3/game-code-29.webp?v=0\"
type=image/webp>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-3/game-code-29.png?v=0\"
type=image/png><img alt=\"Spade Gaming\"
height=189 loading=lazy
src=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-3/game-code-29.png?v=0\"
width=327>
</picture>
</span> </a>
<li><a href=\"https://wwbrindes.com.br\"
data-maintenance-status=false> <span>
<picture>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-3/game-code-116.webp?v=0\"
type=image/webp>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-3/game-code-116.png?v=0\"
type=image/png><img alt=\"King Midas\"
height=189 loading=lazy
src=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-3/game-code-116.png?v=0\"
width=327>
</picture>
</span> </a>
<li><a href=\"https://wwbrindes.com.br\"
data-maintenance-status=false> <span>
<picture>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-3/game-code-110.webp?v=0\"
type=image/webp>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-3/game-code-110.png?v=0\"
type=image/png><img alt=\"Fast Spin\"
height=189 loading=lazy
src=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-3/game-code-110.png?v=0\"
width=327>
</picture>
</span> </a>
<li><a href=\"https://wwbrindes.com.br\"
data-maintenance-status=false> <span>
<picture>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-3/game-code-115.webp?v=0\"
type=image/webp>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-3/game-code-115.png?v=0\"
type=image/png><img alt=VPLUS height=189
loading=lazy
src=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-3/game-code-115.png?v=0\"
width=327>
</picture>
</span> </a>
<li><a href=\"https://wwbrindes.com.br\"
data-maintenance-status=false> <span>
<picture>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-3/game-code-6.webp?v=0\"
type=image/webp>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-3/game-code-6.png?v=0\"
type=image/png><img alt=Joker height=189
loading=lazy
src=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-3/game-code-6.png?v=0\"
width=327>
</picture>
</span> </a>
<li><a href=\"https://wwbrindes.com.br\"
data-maintenance-status=false> <span>
<picture>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-3/game-code-72.webp?v=0\"
type=image/webp>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-3/game-code-72.png?v=0\"
type=image/png><img alt=Fachai
height=189 loading=lazy
src=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-3/game-code-72.png?v=0\"
width=327>
</picture>
</span> </a>
<li><a href=\"https://wwbrindes.com.br\"
data-maintenance-status=false> <span>
<picture>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-3/game-code-54.webp?v=0\"
type=image/webp>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-3/game-code-54.png?v=0\"
type=image/png><img alt=AdvantPlay
height=189 loading=lazy
src=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-3/game-code-54.png?v=0\"
width=327>
</picture>
</span> </a>
<li><a href=\"https://wwbrindes.com.br\"
data-maintenance-status=false> <span>
<picture>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-3/game-code-108.webp?v=0\"
type=image/webp>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-3/game-code-108.png?v=0\"
type=image/png><img alt=Smartsoft
height=189 loading=lazy
src=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-3/game-code-108.png?v=0\"
width=327>
</picture>
</span> </a>
<li><a href=\"https://wwbrindes.com.br\"
data-maintenance-status=false> <span>
<picture>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-3/game-code-87.webp?v=0\"
type=image/webp>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-3/game-code-87.png?v=0\"
type=image/png><img alt=\"Naga Games\"
height=189 loading=lazy
src=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-3/game-code-87.png?v=0\"
width=327>
</picture>
</span> </a>
<li><a href=\"https://wwbrindes.com.br\"
data-maintenance-status=false> <span>
<picture>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-3/game-code-51.webp?v=0\"
type=image/webp>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-3/game-code-51.png?v=0\"
type=image/png><img alt=JDB height=189
loading=lazy
src=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-3/game-code-51.png?v=0\"
width=327>
</picture>
</span> </a>
<li><a href=\"https://wwbrindes.com.br\"
data-maintenance-status=false> <span>
<picture>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-3/game-code-65.webp?v=0\"
type=image/webp>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-3/game-code-65.png?v=0\"
type=image/png><img alt=Playstar
height=189 loading=lazy
src=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-3/game-code-65.png?v=0\"
width=327>
</picture>
</span> </a>
<li><a href=\"https://wwbrindes.com.br\"
data-maintenance-status=false> <span>
<picture>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-3/game-code-50.webp?v=0\"
type=image/webp>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-3/game-code-50.png?v=0\"
type=image/png><img alt=\"ION Slot\"
height=189 loading=lazy
src=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-3/game-code-50.png?v=0\"
width=327>
</picture>
</span> </a>
<li><a href=\"https://wwbrindes.com.br\"
data-maintenance-status=false> <span>
<picture>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-3/game-code-118.webp?v=0\"
type=image/webp>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-3/game-code-118.png?v=0\"
type=image/png><img alt=BTGaming
height=189 loading=lazy
src=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-3/game-code-118.png?v=0\"
width=327>
</picture>
</span> </a>
<li><a href=\"https://wwbrindes.com.br\"
data-maintenance-status=false> <span>
<picture>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-3/game-code-61.webp?v=0\"
type=image/webp>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-3/game-code-61.png?v=0\"
type=image/png><img alt=\"AMB Slot\"
height=189 loading=lazy
src=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-3/game-code-61.png?v=0\"
width=327>
</picture>
</span> </a>
<li><a href=\"https://wwbrindes.com.br\"
data-maintenance-status=false> <span>
<picture>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-3/game-code-73.webp?v=0\"
type=image/webp>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-3/game-code-73.png?v=0\"
type=image/png><img alt=\"Crowd Play\"
height=189 loading=lazy
src=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-3/game-code-73.png?v=0\"
width=327>
</picture>
</span> </a>
<li><a href=\"https://wwbrindes.com.br\"
data-maintenance-status=false> <span>
<picture>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-3/game-code-75.webp?v=0\"
type=image/webp>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-3/game-code-75.png?v=0\"
type=image/png><img alt=Bigpot
height=189 loading=lazy
src=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-3/game-code-75.png?v=0\"
width=327>
</picture>
</span> </a>
<li><a href=\"https://wwbrindes.com.br\"
data-maintenance-status=false> <span>
<picture>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-3/game-code-77.webp?v=0\"
type=image/webp>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-3/game-code-77.png?v=0\"
type=image/png><img alt=VPower
height=189 loading=lazy
src=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-3/game-code-77.png?v=0\"
width=327>
</picture>
</span> </a>
<li><a href=\"https://wwbrindes.com.br\"
data-maintenance-status=false> <span>
<picture>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-3/game-code-109.webp?v=0\"
type=image/webp>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-3/game-code-109.png?v=0\"
type=image/png><img alt=Octoplay
height=189 loading=lazy
src=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-3/game-code-109.png?v=0\"
width=327>
</picture>
</span> </a>
<li><a href=\"https://wwbrindes.com.br\"
data-maintenance-status=false> <span>
<picture>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-3/game-code-80.webp?v=0\"
type=image/webp>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-3/game-code-80.png?v=0\"
type=image/png><img alt=\"Mario Club\"
height=189 loading=lazy
src=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-3/game-code-80.png?v=0\"
width=327>
</picture>
</span> </a>
<li><a href=\"https://wwbrindes.com.br\"
data-maintenance-status=false> <span>
<picture>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-3/game-code-81.webp?v=0\"
type=image/webp>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-3/game-code-81.png?v=0\"
type=image/png><img alt=Dragoonsoft
height=189 loading=lazy
src=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-3/game-code-81.png?v=0\"
width=327>
</picture>
</span> </a>
<li><a href=\"https://wwbrindes.com.br\"
data-maintenance-status=false> <span>
<picture>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-3/game-code-45.webp?v=0\"
type=image/webp>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-3/game-code-45.png?v=0\"
type=image/png><img alt=Live22
height=189 loading=lazy
src=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-3/game-code-45.png?v=0\"
width=327>
</picture>
</span> </a>
<li><a href=\"https://wwbrindes.com.br\"
data-maintenance-status=false> <span>
<picture>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-3/game-code-122.webp?v=0\"
type=image/webp>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-3/game-code-122.png?v=0\"
type=image/png><img alt=AIGaming
height=189 loading=lazy
src=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-3/game-code-122.png?v=0\"
width=327>
</picture>
</span> </a>
<li><a href=\"https://wwbrindes.com.br\"
data-maintenance-status=false> <span>
<picture>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-3/game-code-13.webp?v=0\"
type=image/webp>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-3/game-code-13.png?v=0\"
type=image/png><img alt=CQ9 height=189
loading=lazy
src=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-3/game-code-13.png?v=0\"
width=327>
</picture>
</span> </a>
<li><a href=\"https://wwbrindes.com.br\"
data-maintenance-status=false> <span>
<picture>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-3/game-code-42.webp?v=0\"
type=image/webp>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-3/game-code-42.png?v=0\"
type=image/png><img alt=Yggdrasil
height=189 loading=lazy
src=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-3/game-code-42.png?v=0\"
width=327>
</picture>
</span> </a>
</ul>
</div>
</div>
</div>
</div>
<li data-active=false><a href=\"https://wwbrindes.com.br\"> SLOT ZEUS <i
class=\"glyphicon glyphicon-chevron-down\"></i> </a>
<div class=game-list-container>
<div class=container>
<div class=row>
<div class=col-md-12>
<ul class=games-container
style=\"--maintenance-text:\'Pemeliharaan\'\">
<li><a href=\"https://wwbrindes.com.br\"
data-maintenance-status=false> <span>
<picture>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-2/game-code-1.webp?v=0\"
type=image/webp>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-2/game-code-1.png?v=0\"
type=image/png><img alt=\"ION Casino\"
height=189 loading=lazy
src=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-2/game-code-1.png?v=0\"
width=327>
</picture>
</span> </a>
<li><a href=\"https://wwbrindes.com.br\"
data-maintenance-status=false> <span>
<picture>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-2/game-code-41.webp?v=0\"
type=image/webp>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-2/game-code-41.png?v=0\"
type=image/png><img alt=\"PP Casino\"
height=189 loading=lazy
src=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-2/game-code-41.png?v=0\"
width=327>
</picture>
</span> </a>
<li><a href=\"https://wwbrindes.com.br\"
data-maintenance-status=false> <span>
<picture>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-2/game-code-66.webp?v=0\"
type=image/webp>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-2/game-code-66.png?v=0\"
type=image/png><img alt=\"MG Live\"
height=189 loading=lazy
src=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-2/game-code-66.png?v=0\"
width=327>
</picture>
</span> </a>
<li><a href=\"https://wwbrindes.com.br\"
data-maintenance-status=false> <span>
<picture>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-2/game-code-38.webp?v=0\"
type=image/webp>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-2/game-code-38.png?v=0\"
type=image/png><img alt=\"Evo Gaming\"
height=189 loading=lazy
src=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-2/game-code-38.png?v=0\"
width=327>
</picture>
</span> </a>
<li><a href=\"https://wwbrindes.com.br\"
data-maintenance-status=false> <span>
<picture>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-2/game-code-27.webp?v=0\"
type=image/webp>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-2/game-code-27.png?v=0\"
type=image/png><img alt=\"Sexy Casino\"
height=189 loading=lazy
src=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-2/game-code-27.png?v=0\"
width=327>
</picture>
</span> </a>
<li><a href=\"https://wwbrindes.com.br\"
data-maintenance-status=false> <span>
<picture>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-2/game-code-39.webp?v=0\"
type=image/webp>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-2/game-code-39.png?v=0\"
type=image/png><img alt=\"Pretty Gaming\"
height=189 loading=lazy
src=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-2/game-code-39.png?v=0\"
width=327>
</picture>
</span> </a>
<li><a href=\"https://wwbrindes.com.br\"
data-maintenance-status=false> <span>
<picture>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-2/game-code-100.webp?v=0\"
type=image/webp>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-2/game-code-100.png?v=0\"
type=image/png><img
alt=\"Oriental Gaming\" height=189
loading=lazy
src=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-2/game-code-100.png?v=0\"
width=327>
</picture>
</span> </a>
<li><a href=\"https://wwbrindes.com.br\"
data-maintenance-status=false> <span>
<picture>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-2/game-code-14.webp?v=0\"
type=image/webp>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-2/game-code-14.png?v=0\"
type=image/png><img alt=\"Asia Gaming\"
height=189 loading=lazy
src=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-2/game-code-14.png?v=0\"
width=327>
</picture>
</span> </a>
<li><a href=\"https://wwbrindes.com.br\"
data-maintenance-status=false> <span>
<picture>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-2/game-code-44.webp?v=0\"
type=image/webp>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-2/game-code-44.png?v=0\"
type=image/png><img alt=AllBet
height=189 loading=lazy
src=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-2/game-code-44.png?v=0\"
width=327>
</picture>
</span> </a>
<li><a href=\"https://wwbrindes.com.br\"
data-maintenance-status=false> <span>
<picture>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-2/game-code-84.webp?v=0\"
type=image/webp>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-2/game-code-84.png?v=0\"
type=image/png><img alt=\"SA Gaming\"
height=189 loading=lazy
src=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-2/game-code-84.png?v=0\"
width=327>
</picture>
</span> </a>
<li><a href=\"https://wwbrindes.com.br\"
data-maintenance-status=false> <span>
<picture>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-2/game-code-10.webp?v=0\"
type=image/webp>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-2/game-code-10.png?v=0\"
type=image/png><img alt=\"568Win Casino\"
height=189 loading=lazy
src=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-2/game-code-10.png?v=0\"
width=327>
</picture>
</span> </a>
</ul>
</div>
</div>
</div>
</div>
<li data-active=false><a href=\"https://wwbrindes.com.br\"> SLOT OLYMPUS <i
class=\"glyphicon glyphicon-chevron-down\"></i> </a>
<div class=game-list-container>
<div class=container>
<div class=row>
<div class=col-md-12>
<ul class=games-container
style=\"--maintenance-text:\'Pemeliharaan\'\">
<li><a href=\"https://wwbrindes.com.br\"
data-maintenance-status=false> <span>
<picture>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-10/game-code-117.webp?v=0\"
type=image/webp>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-10/game-code-117.png?v=0\"
type=image/png><img alt=MarbleX
height=189 loading=lazy
src=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-10/game-code-117.png?v=0\"
width=327>
</picture>
</span> </a>
</ul>
</div>
</div>
</div>
</div>
<li data-active=false><a href=\"https://wwbrindes.com.br\"> QRIS 10RB <i
class=\"glyphicon glyphicon-chevron-down\"></i> </a>
<div class=game-list-container>
<div class=container>
<div class=row>
<div class=col-md-12>
<ul class=games-container
style=\"--maintenance-text:\'Pemeliharaan\'\">
<li><a href=\"https://wwbrindes.com.br\"
data-maintenance-status=false> <span>
<picture>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-6/game-code-48.webp?v=0\"
type=image/webp>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-6/game-code-48.png?v=0\"
type=image/png><img alt=Nex4D height=189
loading=lazy
src=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-6/game-code-48.png?v=0\"
width=327>
</picture>
</span> </a>
</ul>
</div>
</div>
</div>
</div>
<li data-active=false><a href=\"https://wwbrindes.com.br\"> WD CEPAT <i
class=\"glyphicon glyphicon-chevron-down\"></i> </a>
<div class=game-list-container>
<div class=container>
<div class=row>
<div class=col-md-12>
<ul class=games-container
style=\"--maintenance-text:\'Pemeliharaan\'\">
<li><a href=\"https://wwbrindes.com.br\"
data-maintenance-status=false> <span>
<picture>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-1/game-code-5.webp?v=0\"
type=image/webp>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-1/game-code-5.png?v=0\"
type=image/png><img alt=\"SBO Sportsbook\"
height=189 loading=lazy
src=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-1/game-code-5.png?v=0\"
width=327>
</picture>
</span> </a>
<li><a href=\"https://wwbrindes.com.br\"
data-maintenance-status=false> <span>
<picture>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-1/game-code-23.webp?v=0\"
type=image/webp>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-1/game-code-23.png?v=0\"
type=image/png><img
alt=\"Saba Sportsbook\" height=189
loading=lazy
src=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-1/game-code-23.png?v=0\"
width=327>
</picture>
</span> </a>
<li><a href=\"https://wwbrindes.com.br\"
data-maintenance-status=false> <span>
<picture>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-1/game-code-69.webp?v=0\"
type=image/webp>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-1/game-code-69.png?v=0\"
type=image/png><img alt=WBet height=189
loading=lazy
src=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-1/game-code-69.png?v=0\"
width=327>
</picture>
</span> </a>
<li><a href=\"https://wwbrindes.com.br\"
data-maintenance-status=false> <span>
<picture>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-1/game-code-83.webp?v=0\"
type=image/webp>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-1/game-code-83.png?v=0\"
type=image/png><img alt=CMD height=189
loading=lazy
src=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-1/game-code-83.png?v=0\"
width=327>
</picture>
</span> </a>
<li><a href=\"https://wwbrindes.com.br\"
data-maintenance-status=true> <span>
<picture>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-1/game-code-71.webp?v=0\"
type=image/webp>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-1/game-code-71.png?v=0\"
type=image/png><img alt=Opus height=189
loading=lazy
src=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-1/game-code-71.png?v=0\"
width=327>
</picture>
</span> </a>
<li><a href=\"https://wwbrindes.com.br\"
data-maintenance-status=false> <span>
<picture>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-1/game-code-86.webp?v=0\"
type=image/webp>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-1/game-code-86.png?v=0\"
type=image/png><img alt=\"IM Sportsbook\"
height=189 loading=lazy
src=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-1/game-code-86.png?v=0\"
width=327>
</picture>
</span> </a>
<li><a href=\"https://wwbrindes.com.br\"
data-maintenance-status=false> <span>
<picture>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-1/game-code-102.webp?v=0\"
type=image/webp>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-1/game-code-102.png?v=0\"
type=image/png><img alt=UMbet height=189
loading=lazy
src=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-1/game-code-102.png?v=0\"
width=327>
</picture>
</span> </a>
<li><a href=\"https://wwbrindes.com.br\"
data-maintenance-status=false> <span>
<picture>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-1/game-code-11.webp?v=0\"
type=image/webp>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-1/game-code-11.png?v=0\"
type=image/png><img
alt=\"SBO Virtual Sports\" height=189
loading=lazy
src=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-1/game-code-11.png?v=0\"
width=327>
</picture>
</span> </a>
<li><a href=\"https://wwbrindes.com.br\"
data-maintenance-status=false> <span>
<picture>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-1/game-code-55.webp?v=0\"
type=image/webp>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-1/game-code-55.png?v=0\"
type=image/png><img
alt=\"PP Virtual Sports\" height=189
loading=lazy
src=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-1/game-code-55.png?v=0\"
width=327>
</picture>
</span> </a>
</ul>
</div>
</div>
</div>
</div>
<li data-active=false><a href=\"https://wwbrindes.com.br\"> ANTI RUNGKAD <i
class=\"glyphicon glyphicon-chevron-down\"></i> </a>
<div class=game-list-container>
<div class=container>
<div class=row>
<div class=col-md-12>
<ul class=games-container
style=\"--maintenance-text:\'Pemeliharaan\'\">
<li><a href=\"https://wwbrindes.com.br\"
data-maintenance-status=false> <span>
<picture>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-8/game-code-41.webp?v=0\"
type=image/webp>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-8/game-code-41.png?v=0\"
type=image/png><img alt=\"PP Casino\"
height=189 loading=lazy
src=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-8/game-code-41.png?v=0\"
width=327>
</picture>
</span> </a>
<li><a href=\"https://wwbrindes.com.br\"
data-maintenance-status=false> <span>
<picture>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-8/game-code-82.webp?v=0\"
type=image/webp>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-8/game-code-82.png?v=0\"
type=image/png><img alt=Aviator
height=189 loading=lazy
src=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-8/game-code-82.png?v=0\"
width=327>
</picture>
</span> </a>
<li><a href=\"https://wwbrindes.com.br\"
data-maintenance-status=false> <span>
<picture>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-8/game-code-108.webp?v=0\"
type=image/webp>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-8/game-code-108.png?v=0\"
type=image/png><img alt=Smartsoft
height=189 loading=lazy
src=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-8/game-code-108.png?v=0\"
width=327>
</picture>
</span> </a>
<li><a href=\"https://wwbrindes.com.br\"
data-maintenance-status=false> <span>
<picture>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-8/game-code-17.webp?v=0\"
type=image/webp>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-8/game-code-17.png?v=0\"
type=image/png><img alt=MicroGaming
height=189 loading=lazy
src=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-8/game-code-17.png?v=0\"
width=327>
</picture>
</span> </a>
<li><a href=\"https://wwbrindes.com.br\"
data-maintenance-status=false> <span>
<picture>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-8/game-code-107.webp?v=0\"
type=image/webp>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-8/game-code-107.png?v=0\"
type=image/png><img alt=Gemini
height=189 loading=lazy
src=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-8/game-code-107.png?v=0\"
width=327>
</picture>
</span> </a>
<li><a href=\"https://wwbrindes.com.br\"
data-maintenance-status=false> <span>
<picture>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-8/game-code-119.webp?v=0\"
type=image/webp>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-8/game-code-119.png?v=0\"
type=image/png><img alt=InOut height=189
loading=lazy
src=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-8/game-code-119.png?v=0\"
width=327>
</picture>
</span> </a>
<li><a href=\"https://wwbrindes.com.br\"
data-maintenance-status=false> <span>
<picture>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-8/game-code-29.webp?v=0\"
type=image/webp>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-8/game-code-29.png?v=0\"
type=image/png><img alt=\"Spade Gaming\"
height=189 loading=lazy
src=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-8/game-code-29.png?v=0\"
width=327>
</picture>
</span> </a>
<li><a href=\"https://wwbrindes.com.br\"
data-maintenance-status=false> <span>
<picture>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-8/game-code-6.webp?v=0\"
type=image/webp>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-8/game-code-6.png?v=0\"
type=image/png><img alt=Joker height=189
loading=lazy
src=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-8/game-code-6.png?v=0\"
width=327>
</picture>
</span> </a>
<li><a href=\"https://wwbrindes.com.br\"
data-maintenance-status=false> <span>
<picture>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-8/game-code-81.webp?v=0\"
type=image/webp>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-8/game-code-81.png?v=0\"
type=image/png><img alt=Dragoonsoft
height=189 loading=lazy
src=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-8/game-code-81.png?v=0\"
width=327>
</picture>
</span> </a>
</ul>
</div>
</div>
</div>
</div>
<li data-active=false><a href=\"https://wwbrindes.com.br\"> RTP LIVE <i
class=\"glyphicon glyphicon-chevron-down\"></i> </a>
<div class=game-list-container>
<div class=container>
<div class=row>
<div class=col-md-12>
<ul class=games-container
style=\"--maintenance-text:\'Pemeliharaan\'\">
<li><a href=\"https://wwbrindes.com.br\"
data-maintenance-status=false> <span>
<picture>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-4/game-code-7.webp?v=0\"
type=image/webp>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-4/game-code-7.png?v=0\"
type=image/png><img alt=\"Pragmatic Play\"
height=189 loading=lazy
src=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-4/game-code-7.png?v=0\"
width=327>
</picture>
</span> </a>
<li><a href=\"https://wwbrindes.com.br\"
data-maintenance-status=false> <span>
<picture>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-4/game-code-17.webp?v=0\"
type=image/webp>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-4/game-code-17.png?v=0\"
type=image/png><img alt=MicroGaming
height=189 loading=lazy
src=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-4/game-code-17.png?v=0\"
width=327>
</picture>
</span> </a>
<li><a href=\"https://wwbrindes.com.br\"
data-maintenance-status=false> <span>
<picture>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-4/game-code-98.webp?v=0\"
type=image/webp>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-4/game-code-98.png?v=0\"
type=image/png><img alt=Hacksaw
height=189 loading=lazy
src=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-4/game-code-98.png?v=0\"
width=327>
</picture>
</span> </a>
<li><a href=\"https://wwbrindes.com.br\"
data-maintenance-status=false> <span>
<picture>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-4/game-code-116.webp?v=0\"
type=image/webp>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-4/game-code-116.png?v=0\"
type=image/png><img alt=\"King Midas\"
height=189 loading=lazy
src=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-4/game-code-116.png?v=0\"
width=327>
</picture>
</span> </a>
<li><a href=\"https://wwbrindes.com.br\"
data-maintenance-status=false> <span>
<picture>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-4/game-code-70.webp?v=0\"
type=image/webp>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-4/game-code-70.png?v=0\"
type=image/png><img alt=Jili height=189
loading=lazy
src=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-4/game-code-70.png?v=0\"
width=327>
</picture>
</span> </a>
<li><a href=\"https://wwbrindes.com.br\"
data-maintenance-status=false> <span>
<picture>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-4/game-code-107.webp?v=0\"
type=image/webp>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-4/game-code-107.png?v=0\"
type=image/png><img alt=Gemini
height=189 loading=lazy
src=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-4/game-code-107.png?v=0\"
width=327>
</picture>
</span> </a>
<li><a href=\"https://wwbrindes.com.br\"
data-maintenance-status=false> <span>
<picture>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-4/game-code-119.webp?v=0\"
type=image/webp>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-4/game-code-119.png?v=0\"
type=image/png><img alt=InOut height=189
loading=lazy
src=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-4/game-code-119.png?v=0\"
width=327>
</picture>
</span> </a>
<li><a href=\"https://wwbrindes.com.br\"
data-maintenance-status=false> <span>
<picture>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-4/game-code-82.webp?v=0\"
type=image/webp>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-4/game-code-82.png?v=0\"
type=image/png><img alt=Aviator
height=189 loading=lazy
src=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-4/game-code-82.png?v=0\"
width=327>
</picture>
</span> </a>
<li><a href=\"https://wwbrindes.com.br\"
data-maintenance-status=false> <span>
<picture>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-4/game-code-72.webp?v=0\"
type=image/webp>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-4/game-code-72.png?v=0\"
type=image/png><img alt=Fachai
height=189 loading=lazy
src=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-4/game-code-72.png?v=0\"
width=327>
</picture>
</span> </a>
<li><a href=\"https://wwbrindes.com.br\"
data-maintenance-status=false> <span>
<picture>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-4/game-code-6.webp?v=0\"
type=image/webp>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-4/game-code-6.png?v=0\"
type=image/png><img alt=Joker height=189
loading=lazy
src=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-4/game-code-6.png?v=0\"
width=327>
</picture>
</span> </a>
<li><a href=\"https://wwbrindes.com.br\"
data-maintenance-status=false> <span>
<picture>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-4/game-code-118.webp?v=0\"
type=image/webp>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-4/game-code-118.png?v=0\"
type=image/png><img alt=BTGaming
height=189 loading=lazy
src=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-4/game-code-118.png?v=0\"
width=327>
</picture>
</span> </a>
<li><a href=\"https://wwbrindes.com.br\"
data-maintenance-status=false> <span>
<picture>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-4/game-code-61.webp?v=0\"
type=image/webp>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-4/game-code-61.png?v=0\"
type=image/png><img alt=\"AMB Slot\"
height=189 loading=lazy
src=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-4/game-code-61.png?v=0\"
width=327>
</picture>
</span> </a>
<li><a href=\"https://wwbrindes.com.br\"
data-maintenance-status=false> <span>
<picture>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-4/game-code-73.webp?v=0\"
type=image/webp>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-4/game-code-73.png?v=0\"
type=image/png><img alt=\"Crowd Play\"
height=189 loading=lazy
src=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-4/game-code-73.png?v=0\"
width=327>
</picture>
</span> </a>
<li><a href=\"https://wwbrindes.com.br\"
data-maintenance-status=false> <span>
<picture>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-4/game-code-77.webp?v=0\"
type=image/webp>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-4/game-code-77.png?v=0\"
type=image/png><img alt=VPower
height=189 loading=lazy
src=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-4/game-code-77.png?v=0\"
width=327>
</picture>
</span> </a>
<li><a href=\"https://wwbrindes.com.br\"
data-maintenance-status=false> <span>
<picture>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-4/game-code-80.webp?v=0\"
type=image/webp>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-4/game-code-80.png?v=0\"
type=image/png><img alt=\"Mario Club\"
height=189 loading=lazy
src=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-4/game-code-80.png?v=0\"
width=327>
</picture>
</span> </a>
<li><a href=\"https://wwbrindes.com.br\"
data-maintenance-status=false> <span>
<picture>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-4/game-code-81.webp?v=0\"
type=image/webp>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-4/game-code-81.png?v=0\"
type=image/png><img alt=Dragoonsoft
height=189 loading=lazy
src=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-4/game-code-81.png?v=0\"
width=327>
</picture>
</span> </a>
<li><a href=\"https://wwbrindes.com.br\"
data-maintenance-status=false> <span>
<picture>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-4/game-code-13.webp?v=0\"
type=image/webp>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-4/game-code-13.png?v=0\"
type=image/png><img alt=CQ9 height=189
loading=lazy
src=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-4/game-code-13.png?v=0\"
width=327>
</picture>
</span> </a>
<li><a href=\"https://wwbrindes.com.br\"
data-maintenance-status=false> <span>
<picture>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-4/game-code-96.webp?v=0\"
type=image/webp>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-4/game-code-96.png?v=0\"
type=image/png><img alt=\"MM Tangkas\"
height=189 loading=lazy
src=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-4/game-code-96.png?v=0\"
width=327>
</picture>
</span> </a>
<li><a href=\"https://wwbrindes.com.br\"
data-maintenance-status=false> <span>
<picture>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-4/game-code-51.webp?v=0\"
type=image/webp>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-4/game-code-51.png?v=0\"
type=image/png><img alt=JDB height=189
loading=lazy
src=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-4/game-code-51.png?v=0\"
width=327>
</picture>
</span> </a>
</ul>
</div>
</div>
</div>
</div>
<li data-active=false><a href=\"https://wwbrindes.com.br\"> BONUS 100% <i
class=\"glyphicon glyphicon-chevron-down\"></i> </a>
<div class=game-list-container>
<div class=container>
<div class=row>
<div class=col-md-12>
<ul class=games-container
style=\"--maintenance-text:\'Pemeliharaan\'\">
<li><a href=\"https://wwbrindes.com.br\"
data-maintenance-status=false> <span>
<picture>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-5/game-code-24.webp?v=0\"
type=image/webp>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-5/game-code-24.png?v=0\"
type=image/png><img alt=\"Balak Play\"
height=189 loading=lazy
src=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-5/game-code-24.png?v=0\"
width=327>
</picture>
</span> </a>
<li><a href=\"https://wwbrindes.com.br\"
data-maintenance-status=false> <span>
<picture>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-5/game-code-32.webp?v=0\"
type=image/webp>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-5/game-code-32.png?v=0\"
type=image/png><img alt=9Gaming
height=189 loading=lazy
src=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-5/game-code-32.png?v=0\"
width=327>
</picture>
</span> </a>
</ul>
</div>
</div>
</div>
</div>
<li data-active=false><a href=\"https://wwbrindes.com.br\"> LINK SLOT88 <i
class=\"glyphicon glyphicon-chevron-down\"></i> </a>
<div class=game-list-container>
<div class=container>
<div class=row>
<div class=col-md-12>
<ul class=games-container
style=\"--maintenance-text:\'Pemeliharaan\'\">
<li><a href=\"https://wwbrindes.com.br\"
data-maintenance-status=false> <span>
<picture>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-7/game-code-58.webp?v=0\"
type=image/webp>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-7/game-code-58.png?v=0\"
type=image/png><img alt=\"TF Gaming\"
height=189 loading=lazy
src=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-7/game-code-58.png?v=0\"
width=327>
</picture>
</span> </a>
</ul>
</div>
</div>
</div>
</div>
<li data-active=false><a href=\"https://wwbrindes.com.br\"> SLOT HARI INI <i
class=\"glyphicon glyphicon-chevron-down\"></i> </a>
<div class=game-list-container>
<div class=container>
<div class=row>
<div class=col-md-12>
<ul class=games-container
style=\"--maintenance-text:\'Pemeliharaan\'\">
<li><a href=\"https://wwbrindes.com.br\"
data-maintenance-status=false> <span>
<picture>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-9/game-code-111.webp?v=0\"
type=image/webp>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-9/game-code-111.png?v=0\"
type=image/png><img alt=GA28 height=189
loading=lazy
src=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/menu/desktop/home-menu-9/game-code-111.png?v=0\"
width=327>
</picture>
</span> </a>
</ul>
</div>
</div>
</div>
</div>
<li data-active=false><a href=\"https://wwbrindes.com.br\"> PROMO MEMBER </a>
</ul><i class=\"glyphicon glyphicon-chevron-right right_trigger\"></i>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class=banner style=position:relative>
<div class=\"nav-btn main-prev\"><img alt=\"chevron left\" class=\"arrow-right rotate-left\" loading=lazy
src=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/icons/chevron-right.svg?v=2\"></div>
<div id=banner_carousel class=banner-carousel>
<div class=vertical-wrapper>
<div>
<div class=slide-item><a href=\"https://wwbrindes.com.br\" target=_blank rel=1> <img class=banner-img
src=\"https://ik.imagekit.io/soxclk0ai/au328/ChatGPT%20Image%2024%20Jul%202026,%2019.31.31%20(7).png\"
alt=\"AU328: Link Slot777 Gacor dan Slot88 Resmi Terbaru\" title=\"AU328: Link Slot777 Gacor dan Slot88 Resmi Terbaru\" loading=eager
fetchpriority=high width=1920 height=600> </a></div>
</div>
</div>
<div class=vertical-wrapper>
<div>
<div class=slide-item><a href=\"https://wwbrindes.com.br\" target=_self rel=5> <img class=banner-img
src=\"https://ik.imagekit.io/soxclk0ai/au328/ChatGPT%20Image%2024%20Jul%202026,%2019.31.31%20(7).png\"
alt=\"AU328: Link Slot777 Gacor dan Slot88 Resmi Terbaru\"
title=\"AU328: Link Slot777 Gacor dan Slot88 Resmi Terbaru\" loading=lazy width=1920
height=600> </a></div>
</div>
</div>
<div class=vertical-wrapper>
<div>
<div class=slide-item><a href=\"https://wwbrindes.com.br\" target=_blank rel=2> <img class=banner-img
src=\"https://ik.imagekit.io/soxclk0ai/au328/ChatGPT%20Image%2024%20Jul%202026,%2019.31.31%20(7).png\"
alt=\"AU328: Link Slot777 Gacor dan Slot88 Resmi Terbaru\" title=\"AU328: Link Slot777 Gacor dan Slot88 Resmi Terbaru\" loading=lazy width=1920
height=600> </a></div>
</div>
</div>
<div class=vertical-wrapper>
<div>
<div class=slide-item><a href=\"https://wwbrindes.com.br\" target=_blank rel=0> <img class=banner-img
src=\"https://ik.imagekit.io/soxclk0ai/au328/ChatGPT%20Image%2024%20Jul%202026,%2019.31.31%20(7).png\"
alt=\"AU328: Link Slot777 Gacor dan Slot88 Resmi Terbaru\" title=\"AU328: Link Slot777 Gacor dan Slot88 Resmi Terbaru\" loading=lazy width=1920 height=600> </a></div>
</div>
</div>
<div class=vertical-wrapper>
<div>
<div class=slide-item><a href=\"https://wwbrindes.com.br\" target=_blank rel=\"\"> <img class=banner-img
src=\"https://ik.imagekit.io/soxclk0ai/au328/ChatGPT%20Image%2024%20Jul%202026,%2019.31.31%20(7).png\"
alt=\"AU328: Link Slot777 Gacor dan Slot88 Resmi Terbaru\" title=\"AU328: Link Slot777 Gacor dan Slot88 Resmi Terbaru\"
loading=lazy width=1920 height=600> </a></div>
</div>
</div>
<div class=vertical-wrapper>
<div>
<div class=slide-item><a
href=\"https://wwbrindes.com.br\"
target=_blank rel=4> <img class=banner-img
src=\"https://ik.imagekit.io/soxclk0ai/au328/ChatGPT%20Image%2024%20Jul%202026,%2019.31.31%20(7).png\"
alt=\"AU328: Link Slot777 Gacor dan Slot88 Resmi Terbaru\" title=\"AU328: Link Slot777 Gacor dan Slot88 Resmi Terbaru\" loading=lazy width=1920
height=600> </a></div>
</div>
</div>
<div class=vertical-wrapper>
<div>
<div class=slide-item><a href=\"https://wwbrindes.com.br\" target=_blank rel=\"\"> <img class=banner-img
src=\"https://ik.imagekit.io/soxclk0ai/au328/ChatGPT%20Image%2024%20Jul%202026,%2019.31.31%20(7).png\"
alt=\"AU328: Link Slot777 Gacor dan Slot88 Resmi Terbaru\" title=\"AU328: Link Slot777 Gacor dan Slot88 Resmi Terbaru\"
loading=lazy width=1920 height=600> </a></div>
</div>
</div>
<div class=vertical-wrapper>
<div>
<div class=slide-item><a href=\"https://wwbrindes.com.br\" target=_blank rel=\"\"> <img class=banner-img
src=\"https://ik.imagekit.io/soxclk0ai/au328/ChatGPT%20Image%2024%20Jul%202026,%2019.31.31%20(7).png\"
alt=\"AU328: Link Slot777 Gacor dan Slot88 Resmi Terbaru\" title=\"AU328: Link Slot777 Gacor dan Slot88 Resmi Terbaru\"
loading=lazy width=1920 height=600> </a></div>
</div>
</div>
<div class=vertical-wrapper>
<div>
<div class=slide-item><a href=\"https://wwbrindes.com.br\" target=_blank rel=\"\"> <img class=banner-img
src=\"https://ik.imagekit.io/soxclk0ai/au328/ChatGPT%20Image%2024%20Jul%202026,%2019.31.31%20(7).png\"
alt=\"AU328: Link Slot777 Gacor dan Slot88 Resmi Terbaru\"
title=\"AU328: Link Slot777 Gacor dan Slot88 Resmi Terbaru\" loading=lazy width=1920 height=600> </a>
</div>
</div>
</div>
<div class=vertical-wrapper>
<div>
<div class=slide-item><a href=\"https://wwbrindes.com.br\" target=_blank rel=\"\"> <img class=banner-img
src=\"https://ik.imagekit.io/soxclk0ai/au328/ChatGPT%20Image%2024%20Jul%202026,%2019.31.31%20(7).png\"
alt=\"AU328: Link Slot777 Gacor dan Slot88 Resmi Terbaru\"
title=\"AU328: Link Slot777 Gacor dan Slot88 Resmi Terbaru\" loading=lazy width=1920 height=600> </a>
</div>
</div>
</div>
<div class=vertical-wrapper>
<div>
<div class=slide-item><a href=\"https://wwbrindes.com.br\" target=_blank rel=\"\"> <img class=banner-img
src=\"https://ik.imagekit.io/soxclk0ai/au328/ChatGPT%20Image%2024%20Jul%202026,%2019.31.31%20(7).png\"
alt=\"AU328: Link Slot777 Gacor dan Slot88 Resmi Terbaru\" title=\"AU328: Link Slot777 Gacor dan Slot88 Resmi Terbaru\"
loading=lazy width=1920 height=600> </a></div>
</div>
</div>
<div class=vertical-wrapper>
<div>
<div class=slide-item><a href=\"https://wwbrindes.com.br\" target=_self> <img class=banner-img
src=\"https://ik.imagekit.io/soxclk0ai/au328/ChatGPT%20Image%2024%20Jul%202026,%2019.31.31%20(7).png\"
alt=\"AU328: Link Slot777 Gacor dan Slot88 Resmi Terbaru\"
title=\"AU328: Link Slot777 Gacor dan Slot88 Resmi Terbaru\" loading=lazy width=1920 height=600> </a>
</div>
</div>
</div>
<div class=vertical-wrapper>
<div class=banner-group-vertical>
<div class=slide-item><a href=\"https://wwbrindes.com.br\" target=_self> <img class=banner-img
src=\"https://ik.imagekit.io/soxclk0ai/au328/ChatGPT%20Image%2024%20Jul%202026,%2019.31.31%20(7).png\"
alt=\"AU328: Link Slot777 Gacor dan Slot88 Resmi Terbaru\"
title=\"AU328: Link Slot777 Gacor dan Slot88 Resmi Terbaru\" loading=lazy width=1920 height=600>
</a></div>
<div class=slide-item><a href=\"https://wwbrindes.com.br\"
target=_blank> <img class=banner-img
src=\"https://ik.imagekit.io/soxclk0ai/au328/ChatGPT%20Image%2024%20Jul%202026,%2019.31.31%20(7).png\"
alt=\"AU328: Link Slot777 Gacor dan Slot88 Resmi Terbaru\" title=\"AU328: Link Slot777 Gacor dan Slot88 Resmi Terbaru\" loading=lazy width=1920
height=600> </a></div>
<div class=slide-item><a href=\"https://wwbrindes.com.br\" target=_blank> <img
class=banner-img
src=\"https://ik.imagekit.io/soxclk0ai/au328/ChatGPT%20Image%2024%20Jul%202026,%2019.31.31%20(7).png\"
alt=\"AU328: Link Slot777 Gacor dan Slot88 Resmi Terbaru\"
title=\"AU328: Link Slot777 Gacor dan Slot88 Resmi Terbaru\" loading=lazy width=1920 height=600> </a>
</div>
<div class=slide-item><a href=\"https://wwbrindes.com.br\"
target=_blank> <img class=banner-img
src=\"https://ik.imagekit.io/soxclk0ai/au328/ChatGPT%20Image%2024%20Jul%202026,%2019.31.31%20(7).png\"
alt=\"AU328: Link Slot777 Gacor dan Slot88 Resmi Terbaru\"
title=\"AU328: Link Slot777 Gacor dan Slot88 Resmi Terbaru\" loading=lazy width=1920 height=600>
</a></div>
</div>
<div class=\"nav-btn sub-up\"><img alt=\"chevron up\" class=\"arrow-right rotate-up\" loading=lazy
src=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/icons/chevron-right.svg?v=2\"></div>
<div class=\"nav-btn sub-down\"><img alt=\"chevron down\" class=\"arrow-right rotate-down\" loading=lazy
src=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/icons/chevron-right.svg?v=2\"></div>
</div>
<div class=vertical-wrapper>
<div class=banner-group-vertical>
<div class=slide-item><a href=\"https://wwbrindes.com.br\" target=_self> <img class=banner-img
src=\"https://ik.imagekit.io/soxclk0ai/au328/ChatGPT%20Image%2024%20Jul%202026,%2019.31.31%20(7).png\"
alt=\"AU328: Link Slot777 Gacor dan Slot88 Resmi Terbaru\" title=\"AU328: Link Slot777 Gacor dan Slot88 Resmi Terbaru\"
loading=lazy width=1920 height=600> </a></div>
<div class=slide-item><a href=\"https://wwbrindes.com.br\" target=_self> <img class=banner-img
src=\"https://ik.imagekit.io/soxclk0ai/au328/ChatGPT%20Image%2024%20Jul%202026,%2019.31.31%20(7).png\"
alt=\"AU328: Link Slot777 Gacor dan Slot88 Resmi Terbaru\" title=\"AU328: Link Slot777 Gacor dan Slot88 Resmi Terbaru\" loading=lazy
width=1920 height=600> </a></div>
<div class=slide-item><a href=\"https://wwbrindes.com.br\"
target=_blank> <img class=banner-img
src=\"https://ik.imagekit.io/soxclk0ai/au328/ChatGPT%20Image%2024%20Jul%202026,%2019.31.31%20(7).png\"
alt=\"AU328: Link Slot777 Gacor dan Slot88 Resmi Terbaru\"
title=\"AU328: Link Slot777 Gacor dan Slot88 Resmi Terbaru\" loading=lazy width=1920 height=600>
</a></div>
<div class=slide-item><a href=\"https://wwbrindes.com.br\"
target=_blank> <img class=banner-img
src=\"https://ik.imagekit.io/soxclk0ai/au328/ChatGPT%20Image%2024%20Jul%202026,%2019.31.31%20(7).png\"
alt=\"AU328: Link Slot777 Gacor dan Slot88 Resmi Terbaru\"
title=\"AU328: Link Slot777 Gacor dan Slot88 Resmi Terbaru\" loading=lazy width=1920
height=600> </a></div>
</div>
<div class=\"nav-btn sub-up\"><img alt=\"chevron up\" class=\"arrow-right rotate-up\" loading=lazy
src=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/icons/chevron-right.svg?v=2\"></div>
<div class=\"nav-btn sub-down\"><img alt=\"chevron down\" class=\"arrow-right rotate-down\" loading=lazy
src=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/icons/chevron-right.svg?v=2\"></div>
</div>
<div class=vertical-wrapper>
<div class=banner-group-vertical>
<div class=slide-item><a href=\"https://wwbrindes.com.br\" target=_self> <img class=banner-img
src=\"https://ik.imagekit.io/soxclk0ai/au328/ChatGPT%20Image%2024%20Jul%202026,%2019.31.31%20(7).png\"
alt=\"AU328: Link Slot777 Gacor dan Slot88 Resmi Terbaru\"
title=\"AU328: Link Slot777 Gacor dan Slot88 Resmi Terbaru\" loading=lazy
width=1920 height=600> </a></div>
<div class=slide-item><a href=\"https://wwbrindes.com.br\" target=_self> <img class=banner-img
src=\"https://ik.imagekit.io/soxclk0ai/au328/ChatGPT%20Image%2024%20Jul%202026,%2019.31.31%20(7).png\"
alt=\"AU328: Link Slot777 Gacor dan Slot88 Resmi Terbaru\" title=\"AU328: Link Slot777 Gacor dan Slot88 Resmi Terbaru\"
loading=lazy width=1920 height=600> </a></div>
<div class=slide-item><a
href=\"https://wwbrindes.com.br\" target=_self>
<img class=banner-img
src=\"https://ik.imagekit.io/soxclk0ai/au328/ChatGPT%20Image%2024%20Jul%202026,%2019.31.31%20(7).png\"
alt=\"AU328: Link Slot777 Gacor dan Slot88 Resmi Terbaru\"
title=\"AU328: Link Slot777 Gacor dan Slot88 Resmi Terbaru\" loading=lazy width=1920 height=600> </a>
</div>
<div class=slide-item><a href=\"https://wwbrindes.com.br\" target=_self> <img class=banner-img
src=\"https://ik.imagekit.io/soxclk0ai/au328/ChatGPT%20Image%2024%20Jul%202026,%2019.31.31%20(7).png\"
alt=\"AU328: Link Slot777 Gacor dan Slot88 Resmi Terbaru\"
title=\"AU328: Link Slot777 Gacor dan Slot88 Resmi Terbaru\" loading=lazy width=1920 height=600>
</a></div>
</div>
<div class=\"nav-btn sub-up\"><img alt=\"chevron up\" class=\"arrow-right rotate-up\" loading=lazy
src=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/icons/chevron-right.svg?v=2\"></div>
<div class=\"nav-btn sub-down\"><img alt=\"chevron down\" class=\"arrow-right rotate-down\" loading=lazy
src=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/icons/chevron-right.svg?v=2\"></div>
</div>
<div class=vertical-wrapper>
<div class=banner-group-vertical>
<div class=slide-item><a href=\"https://wwbrindes.com.br\" target=_self> <img class=banner-img
src=\"https://ik.imagekit.io/soxclk0ai/au328/ChatGPT%20Image%2024%20Jul%202026,%2019.31.31%20(7).png\"
alt=\"AU328: Link Slot777 Gacor dan Slot88 Resmi Terbaru\"
title=\"AU328: Link Slot777 Gacor dan Slot88 Resmi Terbaru\" loading=lazy width=1920 height=600> </a>
</div>
<div class=slide-item><a href=\"https://wwbrindes.com.br\"
target=_blank> <img class=banner-img
src=\"https://ik.imagekit.io/soxclk0ai/au328/ChatGPT%20Image%2024%20Jul%202026,%2019.31.31%20(7).png\"
alt=\"AU328: Link Slot777 Gacor dan Slot88 Resmi Terbaru\" title=\"AU328: Link Slot777 Gacor dan Slot88 Resmi Terbaru\"
loading=lazy width=1920 height=600> </a></div>
<div class=slide-item><a href=\"https://wwbrindes.com.br\" target=_self> <img class=banner-img
src=\"https://ik.imagekit.io/soxclk0ai/au328/ChatGPT%20Image%2024%20Jul%202026,%2019.31.31%20(7).png\"
alt=\"AU328: Link Slot777 Gacor dan Slot88 Resmi Terbaru\" title=\"AU328: Link Slot777 Gacor dan Slot88 Resmi Terbaru\" loading=lazy
width=1920 height=600> </a></div>
</div>
<div class=\"nav-btn sub-up\"><img alt=\"chevron up\" class=\"arrow-right rotate-up\" loading=lazy
src=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/icons/chevron-right.svg?v=2\"></div>
<div class=\"nav-btn sub-down\"><img alt=\"chevron down\" class=\"arrow-right rotate-down\" loading=lazy
src=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/icons/chevron-right.svg?v=2\"></div>
</div>
<div class=vertical-wrapper>
<div class=banner-group-vertical>
<div class=slide-item><a
href=\"https://wwbrindes.com.br\" target=_self>
<img class=banner-img
src=\"https://ik.imagekit.io/soxclk0ai/au328/ChatGPT%20Image%2024%20Jul%202026,%2019.31.31%20(7).png\"
alt=\"AU328: Link Slot777 Gacor dan Slot88 Resmi Terbaru\"
title=\"AU328: Link Slot777 Gacor dan Slot88 Resmi Terbaru\" loading=lazy width=1920 height=600>
</a></div>
<div class=slide-item><a
href=\"https://wwbrindes.com.br\" target=_self>
<img class=banner-img
src=\"https://ik.imagekit.io/soxclk0ai/au328/ChatGPT%20Image%2024%20Jul%202026,%2019.31.31%20(7).png\"
alt=\"AU328: Link Slot777 Gacor dan Slot88 Resmi Terbaru\"
title=\"AU328: Link Slot777 Gacor dan Slot88 Resmi Terbaru\" loading=lazy width=1920 height=600>
</a></div>
<div class=slide-item><a href=\"https://wwbrindes.com.br\" target=_self> <img class=banner-img
src=\"https://ik.imagekit.io/soxclk0ai/au328/ChatGPT%20Image%2024%20Jul%202026,%2019.31.31%20(7).png\"
alt=\"AU328: Link Slot777 Gacor dan Slot88 Resmi Terbaru\"
title=\"AU328: Link Slot777 Gacor dan Slot88 Resmi Terbaru\" loading=lazy width=1920
height=600> </a></div>
</div>
<div class=\"nav-btn sub-up\"><img alt=\"chevron up\" class=\"arrow-right rotate-up\" loading=lazy
src=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/icons/chevron-right.svg?v=2\"></div>
<div class=\"nav-btn sub-down\"><img alt=\"chevron down\" class=\"arrow-right rotate-down\" loading=lazy
src=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/icons/chevron-right.svg?v=2\"></div>
</div>
</div>
<div class=\"nav-btn main-next\"><img alt=\"chevron right\" class=arrow-right loading=lazy
src=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/icons/chevron-right.svg?v=2\"></div>
</div>
<div class=announcement-outer-container>
<div class=container>
<div class=row>
<div class=col-md-12>
<div class=\"announcement-container\">
<div data-section=\"date\">Sab, 11-Jul-2026 08.09.47 <i data-icon=\"news\" style=\"--image-src:url(https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/dark-purple/desktop/home/news.png?v=0)\"></i>
</div>
<div data-section=\"announcements\">
<ul class=\"announcement-list\" id=\"announcement_list\">
<li>Pemeliharaan Terjadwal: Opus pada 11-Des-2025 dari 12.00.00 sampai 13-Des-2026
11.59.59. Selama waktu ini, Opus permainan tidak akan tersedia. Kami memohon maaf
atas ketidaknyamanan yang mungkin ditimbulkan.
</li></ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div class=\"home-outer-container\" style=\"position:relative;overflow:hidden\">
<div>
<div class=\"container home-outer-container\">
<div class=row>
<div class=col-md-12>
<div class=\"home-inner-container\"><a title=\"Lihat Pemenang\" href=\"https://wwbrindes.com.br\">
<div class=\"home-progressive-jackpot\" style=\"display:block;background:linear-gradient(180deg,#0a0015 0%,#110022 50%,#0a0015 100%);border-radius:20px;padding:15px;width:100%;text-decoration:none\">
<div class=\"outer-container\" style=\"background:linear-gradient(180deg,#1a0030,#0d0020);border-radius:16px;padding:2px\">
<div class=\"inner-container\" style=\"background:transparent;border-radius:14px;padding:1px\">
<div class=\"border-container\" style=\"background:rgba(5,0,15,0.9);border:2px solid #ff2200;border-radius:50px;display:flex;align-items:center;justify-content:space-between;padding:7px 14px;gap:14px;box-shadow:0 0 20px rgba(255,30,0,0.7),0 0 40px rgba(200,0,0,0.4),inset 0 0 20px rgba(180,0,0,0.15)\">
<div class=\"jackpot-play-section\" style=\"display:flex;flex-direction:column;align-items:flex-start;gap:2px;flex-shrink:0\">
<picture>
<source srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/jackpot/jackpot-play-logo-v2.webp?v=2\" type=\"image/webp\">
<source srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/jackpot/jackpot-play-logo-v2.png?v=2\" type=\"image/png\"><img alt=\"Pragmatic Play\" loading=\"lazy\" src=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/jackpot/jackpot-play-logo-v2.png?v=2\" style=\"width:90px;height:auto;display:block\">
</picture>
<div class=\"jackpot-play-text\" style=\"font-family:gilroybold,Arial,sans-serif;font-size:30px;font-weight:900;line-height:1;text-transform:uppercase;letter-spacing:1px\">
<span style=\"color:#ff8800\">JACKPOT </span><label style=\"color:#00ccff;cursor:pointer;display:inline\">PLAY</label>
</div>
</div>
<div class=\"jackpot-container\" style=\"flex:1;background:linear-gradient(180deg,#ff2200,#880000,#220000);border-radius:40px;padding:3px\">
<div class=\"jackpot-inner-container\" style=\"background:#050010;border-radius:38px;padding:14px 20px\">
<div class=\"jackpot-border-container\" style=\"border:1px dashed rgba(255,60,0,0.6);border-radius:36px;padding:10px 24px;display:flex;align-items:center;gap:14px;justify-content:center\">
<span class=\"jackpot-currency\" style=\"font-family:Open24DisplaySt,monospace;font-size:26px;color:#ff3300;letter-spacing:2px;text-shadow:0 0 8px rgba(255,50,0,0.8)\">IDR</span>
<span id=\"progressive_jackpot\" data-progressive-jackpot-url=\"https://jp-api.namesvr.dev\" style=\"font-family:Open24DisplaySt,monospace;font-size:50px;color:#ffffff;letter-spacing:3px;text-shadow:0 0 15px rgba(255,255,255,0.5),0 0 30px rgba(255,100,0,0.2)\">1.587.696.340</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</a></div>
<div class=popular-slots-outer-container>
<div class=\"popular-game-title-container\" style=\"display:flex;align-items:center;justify-content:space-between;padding:12px 0 8px\">
<div class=\"title\" style=\"display:flex;align-items:center;gap:8px;font-size:16px;font-weight:700;color:#fff\"><i data-icon=\"popular-games\" style=\"display:inline-block;width:22px;height:22px;background-image:url(https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/dark-purple/desktop/home/popular-games.png?v=0);background-size:contain;background-repeat:no-repeat;background-position:center;vertical-align:middle\"></i>
Game Populer</div><i></i> <a href=\"https://wwbrindes.com.br\" style=\"background:#333;color:#fff;padding:6px 14px;border-radius:6px;font-size:12px;font-weight:600;text-decoration:none;white-space:nowrap\">Lebih Banyak Game</a>
</div>
<div class=\"game-list-container home-game-list\"><div class=\"game-list\" style=\"display:flex;flex-wrap:nowrap;gap:8px;padding:8px;overflow-x:auto\"><div class=\"games-group\" style=\"display:flex;flex-direction:column;gap:8px;flex-shrink:0\"><div class=\"game-item\" style=\"width:150px;position:relative;flex-shrink:0;border-radius:12px;overflow:hidden;background:#111;margin:0;padding:0\" data-game=\"Fury of Anubis\"><div class=\"wrapper-container\" style=\"position:relative;width:150px;height:150px;padding-top:0;border-radius:12px;overflow:hidden;display:block\"><picture><source srcset=\"https://dkzd8du6wd13r.cloudfront.net/Images/providers/PP/vs20wraanu.webp?v=606021804\" type=\"image/webp\"><source srcset=\"https://dkzd8du6wd13r.cloudfront.net/Images/providers/PP/vs20wraanu.jpg?v=606021804\" type=\"image/jpeg\"><img style=\"position:static;width:150px;height:150px;object-fit:cover;display:block;border-radius:12px\" alt=\"Fury of Anubis\" height=\"150\" loading=\"lazy\" src=\"https://dkzd8du6wd13r.cloudfront.net/Images/providers/PP/vs20wraanu.jpg?v=606021804\" width=\"150\"></picture><div class=\"link-container\"><a href=\"javascript:registerPopup({content:\'Silahkan login terlebih dahulu.\'})\" class=\"play-now\" data-game=\"Fury of Anubis\"> MAIN </a></div></div><div class=\"game-name\">Fury of Anubis</div></div><div class=\"game-item\" style=\"width:150px;position:relative;flex-shrink:0;border-radius:12px;overflow:hidden;background:#111;margin:0;padding:0\" data-game=\"Mahjong Wins 3 – Black Scatter\"><div class=\"wrapper-container\" style=\"position:relative;width:150px;height:150px;padding-top:0;border-radius:12px;overflow:hidden;display:block\"><picture><source srcset=\"https://dkzd8du6wd13r.cloudfront.net/Images/providers/PP/vswaysmahwblck.webp?v=606021804\" type=\"image/webp\"><source srcset=\"https://dkzd8du6wd13r.cloudfront.net/Images/providers/PP/vswaysmahwblck.jpg?v=606021804\" type=\"image/jpeg\"><img style=\"position:static;width:150px;height:150px;object-fit:cover;display:block;border-radius:12px\" alt=\"Mahjong Wins 3 – Black Scatter\" height=\"150\" loading=\"lazy\" src=\"https://dkzd8du6wd13r.cloudfront.net/Images/providers/PP/vswaysmahwblck.jpg?v=606021804\" width=\"150\"></picture><div class=\"link-container\"><a href=\"javascript:registerPopup({content:\'Silahkan login terlebih dahulu.\'})\" class=\"play-now\" data-game=\"Mahjong Wins 3 – Black Scatter\"> MAIN </a></div></div><div class=\"game-name\">Mahjong Wins 3 – Black Scatter</div></div></div><div class=\"games-group\" style=\"display:flex;flex-direction:column;gap:8px;flex-shrink:0\"><div class=\"game-item\" style=\"width:150px;position:relative;flex-shrink:0;border-radius:12px;overflow:hidden;background:#111;margin:0;padding:0\" data-game=\"Storm of Seth 2\"><div class=\"wrapper-container\" style=\"position:relative;width:150px;height:150px;padding-top:0;border-radius:12px;overflow:hidden;display:block\"><picture><source srcset=\"https://dkzd8du6wd13r.cloudfront.net/Images/providers/JILI/JILI_705.webp?v=606021804\" type=\"image/webp\"><source srcset=\"https://dkzd8du6wd13r.cloudfront.net/Images/providers/JILI/JILI_705.jpg?v=606021804\" type=\"image/jpeg\"><img style=\"position:static;width:150px;height:150px;object-fit:cover;display:block;border-radius:12px\" alt=\"Storm of Seth 2\" height=\"150\" loading=\"lazy\" src=\"https://dkzd8du6wd13r.cloudfront.net/Images/providers/JILI/JILI_705.jpg?v=606021804\" width=\"150\"></picture><div class=\"link-container\"><a href=\"javascript:registerPopup({content:\'Silahkan login terlebih dahulu.\'})\" class=\"play-now\" data-game=\"Storm of Seth 2\"> MAIN </a></div></div><div class=\"game-name\">Storm of Seth 2</div></div><div class=\"game-item\" style=\"width:150px;position:relative;flex-shrink:0;border-radius:12px;overflow:hidden;background:#111;margin:0;padding:0\" data-game=\"Mahjong Ways\"><div class=\"wrapper-container\" style=\"position:relative;width:150px;height:150px;padding-top:0;border-radius:12px;overflow:hidden;display:block\"><picture><source srcset=\"https://dkzd8du6wd13r.cloudfront.net/Images/providers/PGSOFT/PGSOFT_65.webp?v=606021804\" type=\"image/webp\"><source srcset=\"https://dkzd8du6wd13r.cloudfront.net/Images/providers/PGSOFT/PGSOFT_65.jpg?v=606021804\" type=\"image/jpeg\"><img style=\"position:static;width:150px;height:150px;object-fit:cover;display:block;border-radius:12px\" alt=\"Mahjong Ways\" height=\"150\" loading=\"lazy\" src=\"https://dkzd8du6wd13r.cloudfront.net/Images/providers/PGSOFT/PGSOFT_65.jpg?v=606021804\" width=\"150\"></picture><div class=\"link-container\"><a href=\"javascript:registerPopup({content:\'Silahkan login terlebih dahulu.\'})\" class=\"play-now\" data-game=\"Mahjong Ways\"> MAIN </a></div></div><div class=\"game-name\">Mahjong Ways</div></div></div><div class=\"games-group\" style=\"display:flex;flex-direction:column;gap:8px;flex-shrink:0\"><div class=\"game-item\" style=\"width:150px;position:relative;flex-shrink:0;border-radius:12px;overflow:hidden;background:#111;margin:0;padding:0\" data-game=\"Kpop Hunter Zeus\"><div class=\"wrapper-container\" style=\"position:relative;width:150px;height:150px;padding-top:0;border-radius:12px;overflow:hidden;display:block\"><picture><source srcset=\"https://dkzd8du6wd13r.cloudfront.net/Images/providers/MICROGAMING/P5_kPOPHunterZeus.webp?v=606021804\" type=\"image/webp\"><source srcset=\"https://dkzd8du6wd13r.cloudfront.net/Images/providers/MICROGAMING/P5_kPOPHunterZeus.jpg?v=606021804\" type=\"image/jpeg\"><img style=\"position:static;width:150px;height:150px;object-fit:cover;display:block;border-radius:12px\" alt=\"Kpop Hunter Zeus\" height=\"150\" loading=\"lazy\" src=\"https://dkzd8du6wd13r.cloudfront.net/Images/providers/MICROGAMING/P5_kPOPHunterZeus.jpg?v=606021804\" width=\"150\"></picture><div class=\"link-container\"><a href=\"javascript:registerPopup({content:\'Silahkan login terlebih dahulu.\'})\" class=\"play-now\" data-game=\"Kpop Hunter Zeus\"> MAIN </a></div></div><div class=\"game-name\">Kpop Hunter Zeus</div></div><div class=\"game-item\" style=\"width:150px;position:relative;flex-shrink:0;border-radius:12px;overflow:hidden;background:#111;margin:0;padding:0\" data-game=\"Mahjong Ways 2\"><div class=\"wrapper-container\" style=\"position:relative;width:150px;height:150px;padding-top:0;border-radius:12px;overflow:hidden;display:block\"><picture><source srcset=\"https://dkzd8du6wd13r.cloudfront.net/Images/providers/PGSOFT/PGSOFT_74.webp?v=606021804\" type=\"image/webp\"><source srcset=\"https://dkzd8du6wd13r.cloudfront.net/Images/providers/PGSOFT/PGSOFT_74.jpg?v=606021804\" type=\"image/jpeg\"><img style=\"position:static;width:150px;height:150px;object-fit:cover;display:block;border-radius:12px\" alt=\"Mahjong Ways 2\" height=\"150\" loading=\"lazy\" src=\"https://dkzd8du6wd13r.cloudfront.net/Images/providers/PGSOFT/PGSOFT_74.jpg?v=606021804\" width=\"150\"></picture><div class=\"link-container\"><a href=\"javascript:registerPopup({content:\'Silahkan login terlebih dahulu.\'})\" class=\"play-now\" data-game=\"Mahjong Ways 2\"> MAIN </a></div></div><div class=\"game-name\">Mahjong Ways 2</div></div></div><div class=\"games-group\" style=\"display:flex;flex-direction:column;gap:8px;flex-shrink:0\"><div class=\"game-item\" style=\"width:150px;position:relative;flex-shrink:0;border-radius:12px;overflow:hidden;background:#111;margin:0;padding:0\" data-game=\"Wild Bounty Showdown\"><div class=\"wrapper-container\" style=\"position:relative;width:150px;height:150px;padding-top:0;border-radius:12px;overflow:hidden;display:block\"><picture><source srcset=\"https://dkzd8du6wd13r.cloudfront.net/Images/providers/PGSOFT/PGSOFT_135.webp?v=606021804\" type=\"image/webp\"><source srcset=\"https://dkzd8du6wd13r.cloudfront.net/Images/providers/PGSOFT/PGSOFT_135.jpg?v=606021804\" type=\"image/jpeg\"><img style=\"position:static;width:150px;height:150px;object-fit:cover;display:block;border-radius:12px\" alt=\"Wild Bounty Showdown\" height=\"150\" loading=\"lazy\" src=\"https://dkzd8du6wd13r.cloudfront.net/Images/providers/PGSOFT/PGSOFT_135.jpg?v=606021804\" width=\"150\"></picture><div class=\"link-container\"><a href=\"javascript:registerPopup({content:\'Silahkan login terlebih dahulu.\'})\" class=\"play-now\" data-game=\"Wild Bounty Showdown\"> MAIN </a></div></div><div class=\"game-name\">Wild Bounty Showdown</div></div><div class=\"game-item\" style=\"width:150px;position:relative;flex-shrink:0;border-radius:12px;overflow:hidden;background:#111;margin:0;padding:0\" data-game=\"Infinity Castle\"><div class=\"wrapper-container\" style=\"position:relative;width:150px;height:150px;padding-top:0;border-radius:12px;overflow:hidden;display:block\"><picture><source srcset=\"https://dkzd8du6wd13r.cloudfront.net/Images/providers/MARBLEX/MarbleX_3001.webp?v=606021804\" type=\"image/webp\"><source srcset=\"https://dkzd8du6wd13r.cloudfront.net/Images/providers/MARBLEX/MarbleX_3001.jpg?v=606021804\" type=\"image/jpeg\"><img style=\"position:static;width:150px;height:150px;object-fit:cover;display:block;border-radius:12px\" alt=\"Infinity Castle\" height=\"150\" loading=\"lazy\" src=\"https://dkzd8du6wd13r.cloudfront.net/Images/providers/MARBLEX/MarbleX_3001.jpg?v=606021804\" width=\"150\"></picture><div class=\"link-container\"><a href=\"javascript:registerPopup({content:\'Silahkan login terlebih dahulu.\'})\" class=\"play-now\" data-game=\"Infinity Castle\"> MAIN </a></div></div><div class=\"game-name\">Infinity Castle</div></div></div><div class=\"games-group\" style=\"display:flex;flex-direction:column;gap:8px;flex-shrink:0\"><div class=\"game-item\" style=\"width:150px;position:relative;flex-shrink:0;border-radius:12px;overflow:hidden;background:#111;margin:0;padding:0\" data-game=\"Super PK\"><div class=\"wrapper-container\" style=\"position:relative;width:150px;height:150px;padding-top:0;border-radius:12px;overflow:hidden;display:block\"><picture><source srcset=\"https://dkzd8du6wd13r.cloudfront.net/Images/providers/MARBLEX/MarbleX_5101.webp?v=606021804\" type=\"image/webp\"><source srcset=\"https://dkzd8du6wd13r.cloudfront.net/Images/providers/MARBLEX/MarbleX_5101.jpg?v=606021804\" type=\"image/jpeg\"><img style=\"position:static;width:150px;height:150px;object-fit:cover;display:block;border-radius:12px\" alt=\"Super PK\" height=\"150\" loading=\"lazy\" src=\"https://dkzd8du6wd13r.cloudfront.net/Images/providers/MARBLEX/MarbleX_5101.jpg?v=606021804\" width=\"150\"></picture><div class=\"link-container\"><a href=\"javascript:registerPopup({content:\'Silahkan login terlebih dahulu.\'})\" class=\"play-now\" data-game=\"Super PK\"> MAIN </a></div></div><div class=\"game-name\">Super PK</div></div><div class=\"game-item\" style=\"width:150px;position:relative;flex-shrink:0;border-radius:12px;overflow:hidden;background:#111;margin:0;padding:0\" data-game=\"Wild Bandito\"><div class=\"wrapper-container\" style=\"position:relative;width:150px;height:150px;padding-top:0;border-radius:12px;overflow:hidden;display:block\"><picture><source srcset=\"https://dkzd8du6wd13r.cloudfront.net/Images/providers/PGSOFT/PGSOFT_104.webp?v=606021804\" type=\"image/webp\"><source srcset=\"https://dkzd8du6wd13r.cloudfront.net/Images/providers/PGSOFT/PGSOFT_104.jpg?v=606021804\" type=\"image/jpeg\"><img style=\"position:static;width:150px;height:150px;object-fit:cover;display:block;border-radius:12px\" alt=\"Wild Bandito\" height=\"150\" loading=\"lazy\" src=\"https://dkzd8du6wd13r.cloudfront.net/Images/providers/PGSOFT/PGSOFT_104.jpg?v=606021804\" width=\"150\"></picture><div class=\"link-container\"><a href=\"javascript:registerPopup({content:\'Silahkan login terlebih dahulu.\'})\" class=\"play-now\" data-game=\"Wild Bandito\"> MAIN </a></div></div><div class=\"game-name\">Wild Bandito</div></div></div><div class=\"games-group\" style=\"display:flex;flex-direction:column;gap:8px;flex-shrink:0\"><div class=\"game-item\" style=\"width:150px;position:relative;flex-shrink:0;border-radius:12px;overflow:hidden;background:#111;margin:0;padding:0\" data-game=\"FORTUNE GARUDA 500\"><div class=\"wrapper-container\" style=\"position:relative;width:150px;height:150px;padding-top:0;border-radius:12px;overflow:hidden;display:block\"><picture><source srcset=\"https://dkzd8du6wd13r.cloudfront.net/Images/providers/JILI/JILI_696.webp?v=606021804\" type=\"image/webp\"><source srcset=\"https://dkzd8du6wd13r.cloudfront.net/Images/providers/JILI/JILI_696.jpg?v=606021804\" type=\"image/jpeg\"><img style=\"position:static;width:150px;height:150px;object-fit:cover;display:block;border-radius:12px\" alt=\"FORTUNE GARUDA 500\" height=\"150\" loading=\"lazy\" src=\"https://dkzd8du6wd13r.cloudfront.net/Images/providers/JILI/JILI_696.jpg?v=606021804\" width=\"150\"></picture><div class=\"link-container\"><a href=\"javascript:registerPopup({content:\'Silahkan login terlebih dahulu.\'})\" class=\"play-now\" data-game=\"FORTUNE GARUDA 500\"> MAIN </a></div></div><div class=\"game-name\">FORTUNE GARUDA 500</div></div><div class=\"game-item\" style=\"width:150px;position:relative;flex-shrink:0;border-radius:12px;overflow:hidden;background:#111;margin:0;padding:0\" data-game=\"Le Fisherman\"><div class=\"wrapper-container\" style=\"position:relative;width:150px;height:150px;padding-top:0;border-radius:12px;overflow:hidden;display:block\"><picture><source srcset=\"https://dkzd8du6wd13r.cloudfront.net/Images/providers/HACKSAW/HACKSAW_2057.webp?v=606021804\" type=\"image/webp\"><source srcset=\"https://dkzd8du6wd13r.cloudfront.net/Images/providers/HACKSAW/HACKSAW_2057.jpg?v=606021804\" type=\"image/jpeg\"><img style=\"position:static;width:150px;height:150px;object-fit:cover;display:block;border-radius:12px\" alt=\"Le Fisherman\" height=\"150\" loading=\"lazy\" src=\"https://dkzd8du6wd13r.cloudfront.net/Images/providers/HACKSAW/HACKSAW_2057.jpg?v=606021804\" width=\"150\"></picture><div class=\"link-container\"><a href=\"javascript:registerPopup({content:\'Silahkan login terlebih dahulu.\'})\" class=\"play-now\" data-game=\"Le Fisherman\"> MAIN </a></div></div><div class=\"game-name\">Le Fisherman</div></div></div><div class=\"games-group\" style=\"display:flex;flex-direction:column;gap:8px;flex-shrink:0\"><div class=\"game-item\" style=\"width:150px;position:relative;flex-shrink:0;border-radius:12px;overflow:hidden;background:#111;margin:0;padding:0\" data-game=\"Legacy of Kong Maxways\"><div class=\"wrapper-container\" style=\"position:relative;width:150px;height:150px;padding-top:0;border-radius:12px;overflow:hidden;display:block\"><picture><source srcset=\"https://dkzd8du6wd13r.cloudfront.net/Images/providers/SPADEGAMING/S-LK03.webp?v=606021804\" type=\"image/webp\"><source srcset=\"https://dkzd8du6wd13r.cloudfront.net/Images/providers/SPADEGAMING/S-LK03.jpg?v=606021804\" type=\"image/jpeg\"><img style=\"position:static;width:150px;height:150px;object-fit:cover;display:block;border-radius:12px\" alt=\"Legacy of Kong Maxways\" height=\"150\" loading=\"lazy\" src=\"https://dkzd8du6wd13r.cloudfront.net/Images/providers/SPADEGAMING/S-LK03.jpg?v=606021804\" width=\"150\"></picture><div class=\"link-container\"><a href=\"javascript:registerPopup({content:\'Silahkan login terlebih dahulu.\'})\" class=\"play-now\" data-game=\"Legacy of Kong Maxways\"> MAIN </a></div></div><div class=\"game-name\">Legacy of Kong Maxways</div></div><div class=\"game-item\" style=\"width:150px;position:relative;flex-shrink:0;border-radius:12px;overflow:hidden;background:#111;margin:0;padding:0\" data-game=\"Lucky Neko\"><div class=\"wrapper-container\" style=\"position:relative;width:150px;height:150px;padding-top:0;border-radius:12px;overflow:hidden;display:block\"><picture><source srcset=\"https://dkzd8du6wd13r.cloudfront.net/Images/providers/PGSOFT/PGSOFT_89.webp?v=606021804\" type=\"image/webp\"><source srcset=\"https://dkzd8du6wd13r.cloudfront.net/Images/providers/PGSOFT/PGSOFT_89.jpg?v=606021804\" type=\"image/jpeg\"><img style=\"position:static;width:150px;height:150px;object-fit:cover;display:block;border-radius:12px\" alt=\"Lucky Neko\" height=\"150\" loading=\"lazy\" src=\"https://dkzd8du6wd13r.cloudfront.net/Images/providers/PGSOFT/PGSOFT_89.jpg?v=606021804\" width=\"150\"></picture><div class=\"link-container\"><a href=\"javascript:registerPopup({content:\'Silahkan login terlebih dahulu.\'})\" class=\"play-now\" data-game=\"Lucky Neko\"> MAIN </a></div></div><div class=\"game-name\">Lucky Neko</div></div></div><div class=\"games-group\" style=\"display:flex;flex-direction:column;gap:8px;flex-shrink:0\"><div class=\"game-item\" style=\"width:150px;position:relative;flex-shrink:0;border-radius:12px;overflow:hidden;background:#111;margin:0;padding:0\" data-game=\"Gates of Dragon Jackpot Play\"><div class=\"wrapper-container\" style=\"position:relative;width:150px;height:150px;padding-top:0;border-radius:12px;overflow:hidden;display:block\"><picture><source srcset=\"https://dkzd8du6wd13r.cloudfront.net/Images/providers/PP/vsprg20gatedr.webp?v=606021804\" type=\"image/webp\"><source srcset=\"https://dkzd8du6wd13r.cloudfront.net/Images/providers/PP/vsprg20gatedr.jpg?v=606021804\" type=\"image/jpeg\"><img style=\"position:static;width:150px;height:150px;object-fit:cover;display:block;border-radius:12px\" alt=\"Gates of Dragon Jackpot Play\" height=\"150\" loading=\"lazy\" src=\"https://dkzd8du6wd13r.cloudfront.net/Images/providers/PP/vsprg20gatedr.jpg?v=606021804\" width=\"150\"></picture><div class=\"link-container\"><a href=\"javascript:registerPopup({content:\'Silahkan login terlebih dahulu.\'})\" class=\"play-now\" data-game=\"Gates of Dragon Jackpot Play\"> MAIN </a></div></div><div class=\"game-name\">Gates of Dragon Jackpot Play</div></div><div class=\"game-item\" style=\"width:150px;position:relative;flex-shrink:0;border-radius:12px;overflow:hidden;background:#111;margin:0;padding:0\" data-game=\"24D Spin\"><div class=\"wrapper-container\" style=\"position:relative;width:150px;height:150px;padding-top:0;border-radius:12px;overflow:hidden;display:block\"><picture><source srcset=\"https://dkzd8du6wd13r.cloudfront.net/Images/providers/PPLIVECASINO/PPLiveCasino_3426.webp?v=606021804\" type=\"image/webp\"><source srcset=\"https://dkzd8du6wd13r.cloudfront.net/Images/providers/PPLIVECASINO/PPLiveCasino_3426.jpg?v=606021804\" type=\"image/jpeg\"><img style=\"position:static;width:150px;height:150px;object-fit:cover;display:block;border-radius:12px\" alt=\"24D Spin\" height=\"150\" loading=\"lazy\" src=\"https://dkzd8du6wd13r.cloudfront.net/Images/providers/PPLIVECASINO/PPLiveCasino_3426.jpg?v=606021804\" width=\"150\"></picture><div class=\"link-container\"><a href=\"javascript:registerPopup({content:\'Silahkan login terlebih dahulu.\'})\" class=\"play-now\" data-game=\"24D Spin\"> MAIN </a></div></div><div class=\"game-name\">24D Spin</div></div></div><div class=\"games-group\" style=\"display:flex;flex-direction:column;gap:8px;flex-shrink:0\"><div class=\"game-item\" style=\"width:150px;position:relative;flex-shrink:0;border-radius:12px;overflow:hidden;background:#111;margin:0;padding:0\" data-game=\"Gold Trio 10000\"><div class=\"wrapper-container\" style=\"position:relative;width:150px;height:150px;padding-top:0;border-radius:12px;overflow:hidden;display:block\"><picture><source srcset=\"https://dkzd8du6wd13r.cloudfront.net/Images/providers/PLAYTECH/gpas_gtr10k_pop.webp?v=606021804\" type=\"image/webp\"><source srcset=\"https://dkzd8du6wd13r.cloudfront.net/Images/providers/PLAYTECH/gpas_gtr10k_pop.jpg?v=606021804\" type=\"image/jpeg\"><img style=\"position:static;width:150px;height:150px;object-fit:cover;display:block;border-radius:12px\" alt=\"Gold Trio 10000\" height=\"150\" loading=\"lazy\" src=\"https://dkzd8du6wd13r.cloudfront.net/Images/providers/PLAYTECH/gpas_gtr10k_pop.jpg?v=606021804\" width=\"150\"></picture><div class=\"link-container\"><a href=\"javascript:registerPopup({content:\'Silahkan login terlebih dahulu.\'})\" class=\"play-now\" data-game=\"Gold Trio 10000\"> MAIN </a></div></div><div class=\"game-name\">Gold Trio 10000</div></div><div class=\"game-item\" style=\"width:150px;position:relative;flex-shrink:0;border-radius:12px;overflow:hidden;background:#111;margin:0;padding:0\" data-game=\"Hot Hot Nexus\"><div class=\"wrapper-container\" style=\"position:relative;width:150px;height:150px;padding-top:0;border-radius:12px;overflow:hidden;display:block\"><picture><source srcset=\"https://dkzd8du6wd13r.cloudfront.net/Images/providers/HABANERO/SGHotHotNexus.webp?v=606021804\" type=\"image/webp\"><source srcset=\"https://dkzd8du6wd13r.cloudfront.net/Images/providers/HABANERO/SGHotHotNexus.jpg?v=606021804\" type=\"image/jpeg\"><img style=\"position:static;width:150px;height:150px;object-fit:cover;display:block;border-radius:12px\" alt=\"Hot Hot Nexus\" height=\"150\" loading=\"lazy\" src=\"https://dkzd8du6wd13r.cloudfront.net/Images/providers/HABANERO/SGHotHotNexus.jpg?v=606021804\" width=\"150\"></picture><div class=\"link-container\"><a href=\"javascript:registerPopup({content:\'Silahkan login terlebih dahulu.\'})\" class=\"play-now\" data-game=\"Hot Hot Nexus\"> MAIN </a></div></div><div class=\"game-name\">Hot Hot Nexus</div></div></div><div class=\"games-group\" style=\"display:flex;flex-direction:column;gap:8px;flex-shrink:0\"><div class=\"game-item\" style=\"width:150px;position:relative;flex-shrink:0;border-radius:12px;overflow:hidden;background:#111;margin:0;padding:0\" data-game=\"Roma Legacy\"><div class=\"wrapper-container\" style=\"position:relative;width:150px;height:150px;padding-top:0;border-radius:12px;overflow:hidden;display:block\"><picture><source srcset=\"https://dkzd8du6wd13r.cloudfront.net/Images/providers/JOKER/ape6dxf7sk35y.webp?v=606021804\" type=\"image/webp\"><source srcset=\"https://dkzd8du6wd13r.cloudfront.net/Images/providers/JOKER/ape6dxf7sk35y.jpg?v=606021804\" type=\"image/jpeg\"><img style=\"position:static;width:150px;height:150px;object-fit:cover;display:block;border-radius:12px\" alt=\"Roma Legacy\" height=\"150\" loading=\"lazy\" src=\"https://dkzd8du6wd13r.cloudfront.net/Images/providers/JOKER/ape6dxf7sk35y.jpg?v=606021804\" width=\"150\"></picture><div class=\"link-container\"><a href=\"javascript:registerPopup({content:\'Silahkan login terlebih dahulu.\'})\" class=\"play-now\" data-game=\"Roma Legacy\"> MAIN </a></div></div><div class=\"game-name\">Roma Legacy</div></div><div class=\"game-item\" style=\"width:150px;position:relative;flex-shrink:0;border-radius:12px;overflow:hidden;background:#111;margin:0;padding:0\" data-game=\"Lucky Twins Wilds Link&Merge\"><div class=\"wrapper-container\" style=\"position:relative;width:150px;height:150px;padding-top:0;border-radius:12px;overflow:hidden;display:block\"><picture><source srcset=\"https://dkzd8du6wd13r.cloudfront.net/Images/providers/MICROGAMING/SMG_luckyTwinsWildsLinkMerge.webp?v=606021804\" type=\"image/webp\"><source srcset=\"https://dkzd8du6wd13r.cloudfront.net/Images/providers/MICROGAMING/SMG_luckyTwinsWildsLinkMerge.jpg?v=606021804\" type=\"image/jpeg\"><img style=\"position:static;width:150px;height:150px;object-fit:cover;display:block;border-radius:12px\" alt=\"Lucky Twins Wilds Link&Merge\" height=\"150\" loading=\"lazy\" src=\"https://dkzd8du6wd13r.cloudfront.net/Images/providers/MICROGAMING/SMG_luckyTwinsWildsLinkMerge.jpg?v=606021804\" width=\"150\"></picture><div class=\"link-container\"><a href=\"javascript:registerPopup({content:\'Silahkan login terlebih dahulu.\'})\" class=\"play-now\" data-game=\"Lucky Twins Wilds Link&Merge\"> MAIN </a></div></div><div class=\"game-name\">Lucky Twins Wilds Link&Merge</div></div></div></div></div>
<div class=\"popular-game-title-container\" style=\"display:flex;align-items:center;justify-content:space-between;padding:12px 0 8px\">
<div class=\"title\" style=\"display:flex;align-items:center;gap:8px;font-size:16px;font-weight:700;color:#fff\"><i data-icon=\"new-games\" style=\"display:inline-block;width:22px;height:22px;background-image:url(https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/dark-purple/desktop/home/new-games.png?v=0);background-size:contain;background-repeat:no-repeat;background-position:center;vertical-align:middle\"></i>
New Games</div><a href=\"https://wwbrindes.com.br\" style=\"background:#333;color:#fff;padding:6px 14px;border-radius:6px;font-size:12px;font-weight:600;text-decoration:none;white-space:nowrap\">Lebih Banyak Game</a>
</div>
<div class=\"game-list-container home-game-list\">
<div class=game-list style=\"display:flex;flex-wrap:nowrap;gap:8px;padding:8px;overflow-x:auto\">
<div class=game-item data-game=\"Rhapsody of Muertos\" style=\"width:150px;position:relative;flex-shrink:0;border-radius:12px;overflow:hidden;background:#111;margin:0;padding:0\">
<div class=wrapper-container style=\"position:relative;width:150px;height:150px;padding-top:0;border-radius:12px;overflow:hidden;display:block\">
<picture>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/providers/ADVANTPLAY/Advantplay_10057.webp?v=2\"
type=image/webp>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/providers/ADVANTPLAY/Advantplay_10057.jpg?v=0\"
type=image/jpeg><img style=\"position:static;width:150px;height:150px;object-fit:cover;display:block;border-radius:12px\" alt=\"Rhapsody of Muertos\" height=150 loading=lazy
src=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/providers/ADVANTPLAY/Advantplay_10057.jpg?v=0\"
width=150>
</picture>
<div class=link-container><a
href=\"https://wwbrindes.com.br\"
class=play-now data-game=\"Rhapsody of Muertos\"> MAIN </a></div>
</div>
<div class=game-name>Rhapsody of Muertos</div>
<div class=provider-name>AdvantPlay</div>
</div>
<div class=game-item data-game=\"Wings of Iguazu\" style=\"width:150px;position:relative;flex-shrink:0;border-radius:12px;overflow:hidden;background:#111;margin:0;padding:0\">
<div class=wrapper-container style=\"position:relative;width:150px;height:150px;padding-top:0;border-radius:12px;overflow:hidden;display:block\">
<picture>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/providers/PGSOFT/PGSOFT_1747549.webp?v=2\"
type=image/webp>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/providers/PGSOFT/PGSOFT_1747549.jpg?v=0\"
type=image/jpeg><img style=\"position:static;width:150px;height:150px;object-fit:cover;display:block;border-radius:12px\" alt=\"Wings of Iguazu\" height=150 loading=lazy
src=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/providers/PGSOFT/PGSOFT_1747549.jpg?v=0\"
width=150>
</picture>
<div class=link-container><a
href=\"https://wwbrindes.com.br\"
class=play-now data-game=\"Wings of Iguazu\"> MAIN </a></div>
</div>
<div class=game-name>Wings of Iguazu</div>
<div class=provider-name>PG Soft</div>
</div>
<div class=game-item data-game=\"Mighty Panda\" style=\"width:150px;position:relative;flex-shrink:0;border-radius:12px;overflow:hidden;background:#111;margin:0;padding:0\">
<div class=wrapper-container style=\"position:relative;width:150px;height:150px;padding-top:0;border-radius:12px;overflow:hidden;display:block\">
<picture>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/providers/MICROGAMING/SMG_mightyPanda.webp?v=2\"
type=image/webp>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/providers/MICROGAMING/SMG_mightyPanda.jpg?v=0\"
type=image/jpeg><img style=\"position:static;width:150px;height:150px;object-fit:cover;display:block;border-radius:12px\" alt=\"Mighty Panda\" height=150 loading=lazy
src=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/providers/MICROGAMING/SMG_mightyPanda.jpg?v=0\"
width=150>
</picture>
<div class=link-container><a
href=\"https://wwbrindes.com.br\"
class=play-now data-game=\"Mighty Panda\"> MAIN </a></div>
</div>
<div class=game-name>Mighty Panda</div>
<div class=provider-name>MicroGaming</div>
</div>
<div class=game-item data-game=\"Glory Of Rome\" style=\"width:150px;position:relative;flex-shrink:0;border-radius:12px;overflow:hidden;background:#111;margin:0;padding:0\">
<div class=wrapper-container style=\"position:relative;width:150px;height:150px;padding-top:0;border-radius:12px;overflow:hidden;display:block\">
<picture>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/providers/HABANERO/SGGloryOfRome.webp?v=2\"
type=image/webp>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/providers/HABANERO/SGGloryOfRome.jpg?v=0\"
type=image/jpeg><img style=\"position:static;width:150px;height:150px;object-fit:cover;display:block;border-radius:12px\" alt=\"Glory Of Rome\" height=150 loading=lazy
src=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/providers/HABANERO/SGGloryOfRome.jpg?v=0\"
width=150>
</picture>
<div class=link-container><a
href=\"https://wwbrindes.com.br\"
class=play-now data-game=\"Glory Of Rome\"> MAIN </a></div>
</div>
<div class=game-name>Glory Of Rome</div>
<div class=provider-name>Habanero</div>
</div>
<div class=game-item data-game=\"Ze Zeus\" style=\"width:150px;position:relative;flex-shrink:0;border-radius:12px;overflow:hidden;background:#111;margin:0;padding:0\">
<div class=wrapper-container style=\"position:relative;width:150px;height:150px;padding-top:0;border-radius:12px;overflow:hidden;display:block\">
<picture>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/providers/HACKSAW/HACKSAW_1508.webp?v=2\"
type=image/webp>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/providers/HACKSAW/HACKSAW_1508.jpg?v=0\"
type=image/jpeg><img style=\"position:static;width:150px;height:150px;object-fit:cover;display:block;border-radius:12px\" alt=\"Ze Zeus\" height=150 loading=lazy
src=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/providers/HACKSAW/HACKSAW_1508.jpg?v=0\"
width=150>
</picture>
<div class=link-container><a
href=\"https://wwbrindes.com.br\"
class=play-now data-game=\"Ze Zeus\"> MAIN </a></div>
</div>
<div class=game-name>Ze Zeus</div>
<div class=provider-name>Hacksaw</div>
</div>
<div class=game-item data-game=\"Pandemic Rising\" style=\"width:150px;position:relative;flex-shrink:0;border-radius:12px;overflow:hidden;background:#111;margin:0;padding:0\">
<div class=wrapper-container style=\"position:relative;width:150px;height:150px;padding-top:0;border-radius:12px;overflow:hidden;display:block\">
<picture>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/providers/PP/vs40pdmrsg.webp?v=2\"
type=image/webp>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/providers/PP/vs40pdmrsg.jpg?v=0\"
type=image/jpeg><img style=\"position:static;width:150px;height:150px;object-fit:cover;display:block;border-radius:12px\" alt=\"Pandemic Rising\" height=150 loading=lazy
src=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/providers/PP/vs40pdmrsg.jpg?v=0\"
width=150>
</picture>
<div class=link-container><a
href=\"https://wwbrindes.com.br\"
class=play-now data-game=\"Pandemic Rising\"> MAIN </a></div>
</div>
<div class=game-name>Pandemic Rising</div>
<div class=provider-name>Pragmatic Play</div>
</div>
</div>
</div>
<div class=\"popular-game-title-container\" style=\"display:flex;align-items:center;justify-content:space-between;padding:12px 0 8px\">
<div class=\"title\" style=\"display:flex;align-items:center;gap:8px;font-size:16px;font-weight:700;color:#fff\"><i data-icon=\"jackpot-games\" style=\"display:inline-block;width:22px;height:22px;background-image:url(https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/dark-purple/desktop/home/jackpot-games.png?v=0);background-size:contain;background-repeat:no-repeat;background-position:center;vertical-align:middle\"></i>
Jackpot Games</div><a href=\"https://wwbrindes.com.br\" style=\"background:#333;color:#fff;padding:6px 14px;border-radius:6px;font-size:12px;font-weight:600;text-decoration:none;white-space:nowrap\">Lebih Banyak Game</a>
</div>
<div class=\"game-list-container home-game-list\">
<div class=game-list style=\"display:flex;flex-wrap:nowrap;gap:8px;padding:8px;overflow-x:auto\">
<div class=game-item data-game=\"Orphan Organ\" style=\"width:150px;position:relative;flex-shrink:0;border-radius:12px;overflow:hidden;background:#111;margin:0;padding:0\">
<div class=wrapper-container style=\"position:relative;width:150px;height:150px;padding-top:0;border-radius:12px;overflow:hidden;display:block\">
<picture>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/providers/MICROGAMING/P2_orphanorgan.webp?v=2\"
type=image/webp>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/providers/MICROGAMING/P2_orphanorgan.jpg?v=0\"
type=image/jpeg><img style=\"position:static;width:150px;height:150px;object-fit:cover;display:block;border-radius:12px\" alt=\"Orphan Organ\" height=150 loading=lazy
src=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/providers/MICROGAMING/P2_orphanorgan.jpg?v=0\"
width=150>
</picture>
<div class=link-container><a
href=\"https://wwbrindes.com.br\"
class=play-now data-game=\"Orphan Organ\"> MAIN </a></div>
</div>
<div class=game-name>Orphan Organ</div>
<div class=provider-name>MicroGaming</div>
</div>
<div class=game-item data-game=\"King Of Spears\" style=\"width:150px;position:relative;flex-shrink:0;border-radius:12px;overflow:hidden;background:#111;margin:0;padding:0\">
<div class=wrapper-container style=\"position:relative;width:150px;height:150px;padding-top:0;border-radius:12px;overflow:hidden;display:block\">
<picture>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/providers/PP/vs20speark.webp?v=2\"
type=image/webp>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/providers/PP/vs20speark.jpg?v=0\"
type=image/jpeg><img style=\"position:static;width:150px;height:150px;object-fit:cover;display:block;border-radius:12px\" alt=\"King Of Spears\" height=150 loading=lazy
src=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/providers/PP/vs20speark.jpg?v=0\"
width=150>
</picture>
<div class=link-container><a
href=\"https://wwbrindes.com.br\"
class=play-now data-game=\"King Of Spears\"> MAIN </a></div>
</div>
<div class=game-name>King Of Spears</div>
<div class=provider-name>Pragmatic Play</div>
</div>
<div class=game-item data-game=\"Anaconda Gold\" style=\"width:150px;position:relative;flex-shrink:0;border-radius:12px;overflow:hidden;background:#111;margin:0;padding:0\">
<div class=wrapper-container style=\"position:relative;width:150px;height:150px;padding-top:0;border-radius:12px;overflow:hidden;display:block\">
<picture>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/providers/PP/vswaysacnd.webp?v=2\"
type=image/webp>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/providers/PP/vswaysacnd.jpg?v=0\"
type=image/jpeg><img style=\"position:static;width:150px;height:150px;object-fit:cover;display:block;border-radius:12px\" alt=\"Anaconda Gold\" height=150 loading=lazy
src=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/providers/PP/vswaysacnd.jpg?v=0\"
width=150>
</picture>
<div class=link-container><a
href=\"https://wwbrindes.com.br\"
class=play-now data-game=\"Anaconda Gold\"> MAIN </a></div>
</div>
<div class=game-name>Anaconda Gold</div>
<div class=provider-name>Pragmatic Play</div>
</div>
<div class=game-item data-game=\"9 Masks of Fireâ„¢ HyperSpinsâ„¢\" style=\"width:150px;position:relative;flex-shrink:0;border-radius:12px;overflow:hidden;background:#111;margin:0;padding:0\">
<div class=wrapper-container style=\"position:relative;width:150px;height:150px;padding-top:0;border-radius:12px;overflow:hidden;display:block\">
<picture>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/providers/MICROGAMING/SMG_9masksOfFireHyperSpins.webp?v=2\"
type=image/webp>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/providers/MICROGAMING/SMG_9masksOfFireHyperSpins.jpg?v=0\"
type=image/jpeg><img style=\"position:static;width:150px;height:150px;object-fit:cover;display:block;border-radius:12px\" alt=\"9 Masks of Fireâ„¢ HyperSpinsâ„¢\" height=150
loading=lazy
src=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/providers/MICROGAMING/SMG_9masksOfFireHyperSpins.jpg?v=0\"
width=150>
</picture>
<div class=link-container><a
href=\"https://wwbrindes.com.br\"
class=play-now data-game=\"9 Masks of Fireâ„¢ HyperSpinsâ„¢\"> MAIN </a></div>
</div>
<div class=game-name>9 Masks of Fireâ„¢ HyperSpinsâ„¢</div>
<div class=provider-name>MicroGaming</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class=\"download-apk-container\" style=\"position:relative;overflow:hidden;padding:60px 0;min-height:480px\">
<div>
<div class=container>
<div class=row>
<div class=col-md-12>
<div class=download-apk style=\"display:flex;align-items:center;gap:40px;width:100%\">
<div style=\"flex-shrink:0\">
<picture>
<source srcset=\"https://ik.imagekit.io/soxclk0ai/au328/ChatGPT%20Image%2024%20Jul%202026,%2019.31.31%20(7).png\" type=\"image/png\">
<img alt=\"AU328: Link Slot777 Gacor dan Slot88 Resmi Terbaru\" class=img-responsive height=480 loading=lazy src=\"https://ik.imagekit.io/soxclk0ai/au328/ChatGPT%20Image%2024%20Jul%202026,%2019.31.31%20(7).png\" width=480 style=\"height:480px;width:auto;max-width:none\">
</picture>
</div>
<div style=\"flex:1;color:#fff\">
<div>
<div class=h3 style=\"font-size:22px;font-weight:400;text-transform:uppercase;margin-bottom:10px;color:#fff\">Akses <strong>AU328 SLOT88</strong></div>
<div class=h2 style=\"font-size:58px;font-weight:900;line-height:1;margin-bottom:12px;color:#fff\"><span style=\"color:#46f7d4;display:block\">Deposit QRIS 10Rb</span> WD Cepat Setiap Hari!</div>
<div class=h4 style=\"font-size:16px;color:rgba(255,255,255,0.85);font-weight:400;margin-bottom:20px;width:auto\">Nikmati slot Zeus dan Olympus anti rungkad, RTP live, serta bonus new member 100% melalui akses AU328.</div>
</div>
<div class=download-apk-info style=\"display:flex;align-items:center;gap:20px;margin:20px 0\">
<div class=download-apk-section style=\"display:flex;align-items:center;gap:16px\">
<div class=download-apk-qr-code><a href=\"https://wwbrindes.com.br\"><img alt=\"AU328: Link Slot777 Gacor dan Slot88 Resmi Terbaru\" height=94 loading=lazy src=\"https://i.ibb.co/xKkL7zWj/favicon-au.png\" width=94 style=\"width:100px;height:100px;border-radius:8px\"></a></div>
<div class=download-apk-detail style=\"display:flex;flex-direction:column;gap:10px\">
<div style=\"font-size:16px;color:#fff;font-weight:600\">AU328 SLOT88</div>
<a href=\"https://wwbrindes.com.br\"><img alt=\"Daftar SLOT88 Deposit QRIS\" class=img-responsive height=50 loading=lazy src=\"https://i.ibb.co.com/7tF3yWvV/LOGO-AU328-FIX-FIX.png\" width=200 style=\"width:200px;height:auto;max-height:60px;object-fit:contain\"></a>
</div>
</div>
</div>
<span style=\"font-size:13px;color:rgba(255,255,255,0.6);display:block;margin-top:8px\">*Gunakan link resmi untuk daftar, deposit QRIS 10Rb, dan akses WD cepat.</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id=apk_install_guide_modal class=\"modal download-popup-modal\" role=dialog data-title=\"Panduan Instalasi\"
aria-hidden=false>
<div class=modal-dialog>
<div class=modal-content>
<div class=modal-header><button type=button class=close data-dismiss=\"modal\" aria-label=Close> <span
aria-hidden=true>×</span> </button>
<div class=modal-title id=apk_install_guide_modal_title>Panduan Instalasi</div>
</div>
<div class=modal-body id=apk_install_guide_modal_body><span><img alt=Android height=20 loading=lazy
src=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/icons/android-logo.svg?v=2\" width=20>
Instalasi Android</span>
<ol>
<li>Pindai kode QR untuk Android
<li>Pilih buka situs web
<li>Pilih \"UNDUH\" untuk mengunduh AU328 App
<li>Pilih \"PENGATURAN\"
<li>Pilih \"Mengizinkan\" dari sumber kami
<li>Pilih \"Terima\"
<li>Pilih \"INSTAL\"
</ol>
<div class=download-32-bit-cntr>
<div>Instalasi gagal?</div>
<div>Coba versi 32-bit <a
href=\"https://wwbrindes.com.br\"
target=_blank>di sini</a> jika versi bawaan tidak bisa diinstal.</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<footer class=\"site-footer\">
<div class=\"container\">
<div class=\"row footer-description-section\">
<div class=\"col-md-12\">
<div class=\"site-description\"><p style=\"text-align:justify\"><span style=\"font-size:16px\"><span style=\"color:#fff\"><a href=\"#\">AU328</a> menghadirkan link Slot777 gacor dan Slot88 resmi terbaru dengan akses cepat, sistem stabil, serta navigasi yang nyaman untuk semua perangkat.</span></span></p><p style=\"text-align:justify\"><span style=\"font-size:16px\"><span style=\"color:#fff\"><a href=\"#\">Slot777</a> dan Slot88 populer dapat diakses melalui satu platform dengan pilihan permainan lengkap, proses deposit yang praktis, dan informasi yang mudah dipahami sepanjang hari.</span></span></p><p style=\"text-align:justify\"><span style=\"font-size:16px\"><span style=\"color:#fff\"><a href=\"#\">Slot Gacor</a> melalui AU328 juga didukung layanan yang siap membantu sehingga pengalaman bermain terasa lebih nyaman, aman, dan efisien bagi seluruh member.</span></span></p></div>
</div>
</div>
<hr class=footer-separator>
<hr class=footer-separator>
<div class=\"row footer-featured-product-section\">
<div class=\"col-md-3\">
<div class=\"site-info-description\">
<div class=\"site-info-img-header\">
<div>
<picture>
<source srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/dark-purple/desktop/layout/footer/cherry.webp?v=0\" type=\"image/webp\"/>
<source srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/dark-purple/desktop/layout/footer/cherry.png?v=0\" type=\"image/png\"/><img alt=\"SLOT88 GACOR ONLINE\" height=\"18\" loading=\"lazy\" src=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/dark-purple/desktop/layout/footer/cherry.png?v=0\" width=\"18\"/>
</picture>
</div>
<h4>SLOT88 GACOR ONLINE</h4>
</div>
<p>Akses AU328 SLOT88 dengan pilihan permainan populer dan navigasi responsif untuk semua perangkat.</p></div>
</div>
<div class=\"col-md-3\">
<div class=\"site-info-description\">
<div class=\"site-info-img-header\">
<div>
<picture>
<source srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/dark-purple/desktop/layout/footer/basket-ball.webp?v=0\" type=\"image/webp\"/>
<source srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/dark-purple/desktop/layout/footer/basket-ball.png?v=0\" type=\"image/png\"/><img alt=\"DEPOSIT QRIS 10RB\" height=\"18\" loading=\"lazy\" src=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/dark-purple/desktop/layout/footer/basket-ball.png?v=0\" width=\"18\"/>
</picture>
</div>
<h4>DEPOSIT QRIS 10RB</h4>
</div>
<p>Metode QRIS mulai 10 ribu membantu proses transaksi terasa lebih praktis, cepat, dan mudah digunakan.</p></div>
</div>
<div class=\"col-md-3\">
<div class=\"site-info-description\">
<div class=\"site-info-img-header\">
<div>
<picture>
<source srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/dark-purple/desktop/layout/footer/casino-chip.webp?v=0\" type=\"image/webp\"/>
<source srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/dark-purple/desktop/layout/footer/casino-chip.png?v=0\" type=\"image/png\"/><img alt=\"SLOT ZEUS OLYMPUS\" height=\"18\" loading=\"lazy\" src=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/dark-purple/desktop/layout/footer/casino-chip.png?v=0\" width=\"18\"/>
</picture>
</div>
<h4>SLOT ZEUS OLYMPUS</h4>
</div>
<p>Temukan pilihan slot Zeus dan Olympus dengan tema menarik, fitur bonus, serta informasi RTP live terbaru.</p></div>
</div>
<div class=\"col-md-3\">
<div class=\"site-info-description\">
<div class=\"site-info-img-header\">
<div>
<picture>
<source srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/dark-purple/desktop/layout/footer/ticket.webp?v=0\" type=\"image/webp\"/>
<source srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/dark-purple/desktop/layout/footer/ticket.png?v=0\" type=\"image/png\"/><img alt=\"WD CEPAT & BONUS 100%\" height=\"18\" loading=\"lazy\" src=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/dark-purple/desktop/layout/footer/ticket.png?v=0\" width=\"18\"/>
</picture>
</div>
<h4>WD CEPAT & BONUS 100%</h4>
</div>
<p>Nikmati layanan penarikan cepat dan bonus new member 100% sesuai syarat serta ketentuan yang berlaku.</p></div>
</div>
</div>
<hr class=\"footer-separator\"/>
<div class=\"row footer-copyright-section\">
<div class=col-md-12>
<div>
<p class=footer-section-title>Bersertifikasi Dari
<ul class=hover-list>
<li><a href=\"https://wwbrindes.com.br\" target=_blank rel=\"nofollow noopener\"
class=powered-by-link>
<picture>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/dark-purple/desktop/platform-engine/vin-gaming.webp?v=0\"
type=image/webp>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/dark-purple/desktop/platform-engine/vin-gaming.png?v=0\"
type=image/png><img alt=vin-gaming class=powered-by-logo height=40
loading=lazy
src=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/dark-purple/desktop/platform-engine/vin-gaming.png?v=0\">
</picture>
<picture>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/dark-purple/desktop/platform-engine/vin-gaming-active.webp?v=0\"
type=image/webp>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/dark-purple/desktop/platform-engine/vin-gaming-active.png?v=0\"
type=image/png><img alt=vin-gaming class=powered-by-logo height=40
loading=lazy
src=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/dark-purple/desktop/platform-engine/vin-gaming-active.png?v=0\">
</picture>
</a>
</ul>
</div>
<div>
<p class=footer-section-title>Tanggung Jawab Bermain
<ul class=hover-list>
<li>
<picture>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/dark-purple/desktop/layout/footer/gambling-support.webp?v=0\"
type=image/webp>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/dark-purple/desktop/layout/footer/gambling-support.png?v=0\"
type=image/png><img alt=\"Gambling Support\" height=40 loading=lazy
src=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/dark-purple/desktop/layout/footer/gambling-support.png?v=0\"
width=78>
</picture>
<picture>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/dark-purple/desktop/layout/footer/gambling-support-active.webp?v=0\"
type=image/webp>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/dark-purple/desktop/layout/footer/gambling-support-active.png?v=0\"
type=image/png><img alt=\"Gambling Support\" height=40 loading=lazy
src=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/dark-purple/desktop/layout/footer/gambling-support-active.png?v=0\"
width=78>
</picture>
<li>
<picture>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/dark-purple/desktop/layout/footer/18-plus.webp?v=0\"
type=image/webp>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/dark-purple/desktop/layout/footer/18-plus.png?v=0\"
type=image/png><img alt=\"18 Plus\" height=40 loading=lazy
src=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/dark-purple/desktop/layout/footer/18-plus.png?v=0\"
width=41>
</picture>
<picture>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/dark-purple/desktop/layout/footer/18-plus-active.webp?v=0\"
type=image/webp>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/dark-purple/desktop/layout/footer/18-plus-active.png?v=0\"
type=image/png><img alt=\"18 Plus\" height=40 loading=lazy
src=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/dark-purple/desktop/layout/footer/18-plus-active.png?v=0\"
width=41>
</picture>
</ul>
</div>
<div class=supported-browser-container>
<div>
<p class=footer-section-title>Browser Yang Didukung
<ul class=hover-list>
<li>
<picture>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/dark-purple/desktop/layout/footer/chrome.webp?v=0\"
type=image/webp>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/dark-purple/desktop/layout/footer/chrome.png?v=0\"
type=image/png><img alt=Chrome height=40 loading=lazy
src=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/dark-purple/desktop/layout/footer/chrome.png?v=0\"
width=41>
</picture>
<picture>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/dark-purple/desktop/layout/footer/chrome-active.webp?v=0\"
type=image/webp>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/dark-purple/desktop/layout/footer/chrome-active.png?v=0\"
type=image/png><img alt=Chrome height=40 loading=lazy
src=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/dark-purple/desktop/layout/footer/chrome-active.png?v=0\"
width=41>
</picture>
<li>
<picture>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/dark-purple/desktop/layout/footer/edge.webp?v=0\"
type=image/webp>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/dark-purple/desktop/layout/footer/edge.png?v=0\"
type=image/png><img alt=Edge height=40 loading=lazy
src=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/dark-purple/desktop/layout/footer/edge.png?v=0\"
width=41>
</picture>
<picture>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/dark-purple/desktop/layout/footer/edge-active.webp?v=0\"
type=image/webp>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/dark-purple/desktop/layout/footer/edge-active.png?v=0\"
type=image/png><img alt=Edge height=40 loading=lazy
src=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/dark-purple/desktop/layout/footer/edge-active.png?v=0\"
width=41>
</picture>
<li>
<picture>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/dark-purple/desktop/layout/footer/firefox.webp?v=0\"
type=image/webp>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/dark-purple/desktop/layout/footer/firefox.png?v=0\"
type=image/png><img alt=Firefox height=40 loading=lazy
src=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/dark-purple/desktop/layout/footer/firefox.png?v=0\"
width=41>
</picture>
<picture>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/dark-purple/desktop/layout/footer/firefox-active.webp?v=0\"
type=image/webp>
<source
srcset=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/dark-purple/desktop/layout/footer/firefox-active.png?v=0\"
type=image/png><img alt=Firefox height=40 loading=lazy
src=\"https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/dark-purple/desktop/layout/footer/firefox-active.png?v=0\"
width=41>
</picture>
</ul>
</div>
</div>
<div class=copyright>©2026 AU328 | SLOT88 QRIS 10RB</div>
</div>
</div>
</div>
</footer>
<div id=forgot_password_modal class=\"modal forgot-password-modal\" role=dialog>
<div class=modal-dialog>
<div class=modal-content>
<div class=modal-header><button type=button class=close data-dismiss=modal aria-label=Close> <span
aria-hidden=true>×</span> </button>
<h4 class=modal-title>Lupa Kata Sandi?</h4>
<hr>
</div>
<div class=modal-body>
<form action=/Account/ForgotPasswordSubmit data-ajax=true
data-ajax-begin=onForgotPasswordAjaxRequestBegin data-ajax-complete=onAjaxRequestComplete
data-ajax-method=POST data-ajax-success=onForgotPasswordAjaxRequestSuccess
id=forgot_password_form method=post><input name=__RequestVerificationToken type=hidden
value=t6WU8-vhw2-FCT_CC5gMpFfR3Ha-AL-_9eiQMdCf1aLJdsbgwEpsUBbWvxDAVzr74dZN9aL1i9oI4fyKJCkLX47eC381>
<div class=form-group hidden>
<div class=alert-danger id=forgot_password_alert></div>
</div><input type=hidden name=ChannelType id=selected_channel_type value=Whatsapp>
<div id=forgot_password_form_container></div>
<div class=standard-inline-form-group><label></label>
<div data-section=input>Jika Anda tidak lagi memiliki akses ke email atau nomor telepon yang
terhubung ke akun Anda, hubungi <a href=\"https://wwbrindes.com.br\"><strong>Customer
Support</strong></a>.</div>
</div>
<hr>
<div class=standard-button-group><input type=submit class=\"btn btn-primary\"
value=\"Reset Sekarang\"></div>
</form>
</div>
</div>
</div>
</div>
<div id=register_modal class=\"modal register-modal\" role=dialog>
<div class=modal-dialog>
<div class=modal-content>
<div class=modal-header><button type=button class=close data-dismiss=modal aria-label=Close> <span
aria-hidden=true>×</span> </button>
<h4 class=modal-title>DAFTAR</h4>
<hr>
</div>
<div class=modal-body>
<div class=form-group>
<div class=alert-danger id=register_alert hidden></div>
<div class=alert-success id=register_success_alert hidden></div>
</div>
<div id=ajax_register_popup_container>
<div class=\"popup-loader-container display\">
<div class=loader-spinner><span></span></div>
</div>
</div>
<div class=register-page-reminder>Dengan klik tombol DAFTAR, saya menyatakan bahwa saya berumur
diatas 18 tahun. Saya telah membaca dan menyetujui Syarat dan Ketentuan dari AU328 SLOT88.</div>
<div class=register-page-link><a href=\"javascript:window.openPopup(\'/terms-of-use\',\'T&C-Page\')\">
SYARAT & KETENTUAN </a></div>
</div>
</div>
</div>
</div>
<div class=bonus-selection-popup-container id=bonus_selection_popup_container data-page=register></div>
<script>window.addEventListener(\'DOMContentLoaded\', () => {
const registerModal = document.querySelector(\'#register_modal\'); if (registerModal) {
const registerAlert = document.querySelector(\'#register_alert\'); const registerSuccessAlert = document.querySelector(\'#register_success_alert\'); registerAlert.hidden = true; registerSuccessAlert.hidden = true; window.onRegisterAjaxRequestSuccess = (response) => {
registerAlert.hidden = true; registerSuccessAlert.hidden = true; registerPopup({ contentTitle: response.statusText, content: response.message }); if (response.status !== true) { registerAlert.innerText = response.message; registerAlert.hidden = false; return; }
registerSuccessAlert.innerText = response.message; registerSuccessAlert.hidden = false; window.location.href = \'https://wwbrindes.com.br\'; setTimeout(() => { const submitButtons = document.querySelectorAll(\'.btn-primary\'); $(submitButtons).prop(\'disabled\', true); })
}; $(registerModal).on(\'shown.bs.modal\', () => {
const registerPopupContainer = document.querySelector(\'#ajax_register_popup_container\'); const registerForm = registerPopupContainer.querySelector(\"#register_form\"); if (registerPopupContainer && !registerForm) {
$.ajax({
type: \'GET\', url: \'/Register/AjaxRegisterPopup?language=id\', contentType: \'application/json; charset=utf-8\', dataType: \'html\', success: (response) => {
registerPopupContainer.innerHTML = response; const registerScriptTemplate = document.body.querySelector(\'#register_script_template\'); if (registerScriptTemplate) { document.body.appendChild(registerScriptTemplate.content.cloneNode(true)); }
if (registerPopupContainer.querySelector(\'#register_form\')) { $.validator.unobtrusive.parse(\'#register_form\') }
initializeBonusSelection(); initializeRegisterInfo(); initializeThumbmark(); initializeCountryCodeDropdown({ parentForm: \'#register_form\', translations: { contactNumberLengthErrorMessage: \'Nomor kontak hanya boleh terdiri dari 9-12 digit.\' } }); const copyButtons = document.querySelectorAll(\'#register_form [data-copy-button]\'); Array.from(copyButtons).forEach(button => { window.addCopyAction(button); }); const captchaContainer = document.querySelector(\'#register_form .captcha-container\'); if (captchaContainer) { const refreshButton = document.querySelector(\'#register_form .captcha-container #refresh_register_captcha_button\'); window.initializeCaptcha({ button: refreshButton, image: captchaContainer.querySelector(\'#register_captcha_image\') }); refreshButton.click(); }
},
});
}
})
}
if (window.location.search.startsWith(\'?register\')) { $(\'#register_modal\').modal(); $(\'#popup_modal\').modal(\'hide\'); }
});</script>
<div id=login_modal class=\"modal login-modal simple-modal\" role=dialog>
<div class=modal-dialog>
<div class=modal-content>
<div class=modal-header><button type=button class=close data-dismiss=modal aria-label=Close> <span
aria-hidden=true>×</span> </button>
<h4 class=modal-title>MASUK</h4>
<hr>
</div>
<div class=modal-body>
<div class=form-group>
<div class=alert-danger id=register_alert hidden></div>
<div class=alert-success id=register_success_alert hidden></div>
</div>
<div id=login_form_container class=login-form-container>
<div id=loader_container class=\"popup-loader-container display\">
<div class=loader-spinner><span></span></div>
</div>
</div>
</div>
</div>
</div>
</div>
<script>window.addEventListener(\'DOMContentLoaded\', () => {
const loginModal = document.querySelector(\'#login_modal\'); $(loginModal).on(\'shown.bs.modal\', () => {
const loginFormContainer = document.querySelector(\'#login_form_container\'); const loginForm = loginFormContainer.querySelector(\"form\"); if (loginFormContainer && !loginForm) {
$.ajax({
type: \'POST\', url: \'/Account/GetLoginForm?language=id\', data: { hostname: window.location.hostname }, dataType: \'html\', success: (response) => {
loginFormContainer.innerHTML = response; initializePasswordInputTrigger(); initializeThumbmark(); const responseLoginForm = document.querySelector(\'#login_form_container form\'); $(responseLoginForm).validate({ rules: { Username: { required: true }, Password: { required: true } }, messages: { Username: { required: \"Nama pengguna harus diisi.\", }, Password: { required: \"Kata sandi harus diisi.\", } } }); responseLoginForm.onsubmit = (e) => {
if (!$(responseLoginForm).valid()) { return false; }
const submitButtons = responseLoginForm.querySelectorAll(\'.btn-primary\'); $(submitButtons).prop(\'disabled\', true); return true;
}; const captchaContainer = document.querySelector(\'#login_form_container .captcha-container\'); if (captchaContainer) { const refreshButton = document.querySelector(\'#login_form_container .captcha-container #refresh_login_captcha_button\'); window.initializeCaptcha({ button: refreshButton, image: captchaContainer.querySelector(\'#login_captcha_image\') }); refreshButton.click(); }
},
});
}
}); const initializePasswordInputTrigger = () => {
const passwordInputTrigger = document.querySelector(\'#password_input_trigger\'); const passwordInput = document.querySelector(\'#password_input\'); passwordInputTrigger.onclick = () => {
if (passwordInput.type === \'password\') { passwordInput.type = \'text\'; return; }
passwordInput.type = \'password\';
};
}
if (window.location.search.startsWith(\'?login\')) { $(loginModal).modal(); $(\'#popup_modal\').modal(\'hide\'); }
});</script>
<div id=popup_modal class=\"modal popup-modal\" role=dialog data-title=\"\" aria-label=\"Popup Modal\">
<div class=modal-dialog>
<div class=modal-content id=popup_modal_content
style=\"--desktop-popup-alert-src:url(https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/dark-purple/desktop/layout/popup/alert.png?v=0);;--desktop-popup-notification-src:url(https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/dark-purple/desktop/layout/popup/notification.png?v=0);;--mobile-popup-alert-src:url(https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/dark-purple/mobile/layout/popup/alert.png?v=0);;--mobile-popup-notification-src:url(https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/dark-purple/mobile/layout/popup/notification.png?v=0);;--event-giveaway-popper-src:url(https://d2rzzcn1jnr24x.cloudfront.net/Images/giveaway/popper.png?v=2);;--popup-warning-icon-src:url(https://d2rzzcn1jnr24x.cloudfront.net/Images/icons/popup/warning.svg?v=2);;--popup-success-icon-src:url(https://d2rzzcn1jnr24x.cloudfront.net/Images/icons/popup/success.svg?v=2);;--popup-failed-icon-src:url(https://d2rzzcn1jnr24x.cloudfront.net/Images/icons/popup/failed.svg?v=2);;--popup-pending-icon-src:url(https://d2rzzcn1jnr24x.cloudfront.net/Images/icons/popup/pending.svg?v=2)\">
<div class=modal-header><button type=button class=close data-dismiss=modal aria-label=Close> <span
aria-hidden=true>×</span> </button>
<h4 class=modal-title id=popup_modal_title></h4>
</div>
<div class=modal-body id=popup_modal_body></div>
<div class=modal-footer><button type=button class=\"btn btn-primary\" data-dismiss=modal
id=popup_modal_dismiss_button> OK </button> <button type=button class=\"btn btn-secondary\"
data-dismiss=modal id=popup_modal_cancel_button style=display:none> Tidak </button> <button
type=button class=\"btn btn-primary\" id=popup_modal_confirm_button style=display:none> Ya
</button></div>
</div>
</div>
</div>
<!-- WAJIB load jQuery dulu -->
<script src=\"https://code.jquery.com/jquery-3.6.0.min.js\"></script>
<!-- Slick CSS -->
<link rel=\"stylesheet\" href=\"https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css\"/>
<link rel=\"stylesheet\" href=\"https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick-theme.css\"/>
<!-- Slick JS -->
<script src=\"https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js\"></script>
<style>
.banner {
position: relative;
width: 100%;
overflow: hidden;
}
/* ukuran banner */
.banner,
.banner .slick-slide img.banner-img {
aspect-ratio: 1920 / 613;
}
/* gambar */
.banner .slick-slide img.banner-img {
display: block;
width: 100%;
height: auto;
object-fit: cover;
border-radius: 8px;
}
/* slick aktif */
.banner-carousel.slick-initialized {
display: block;
height: auto;
}
/* panah kiri kanan */
.main-prev,
.main-next {
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 999;
cursor: pointer;
width: 45px;
height: 45px;
border-radius: 50%;
background: rgba(0,0,0,.35);
display: flex;
align-items: center;
justify-content: center;
}
.main-prev {
left: 15px;
}
.main-next {
right: 15px;
}
.arrow-right {
width: 22px;
height: auto;
}
.rotate-left {
transform: rotate(180deg);
}
/* hilangkan dot default */
.banner .slick-dots li button:before {
display: none;
}
</style>
<script>
$(document).ready(function () {
$(\'#banner_carousel\').slick({
slidesToShow: 1,
slidesToScroll: 1,
autoplay: true, // auto slide
autoplaySpeed: 3000, // 3 detik
infinite: true, // loop terus
speed: 800, // smooth
arrows: true,
prevArrow: $(\'.main-prev\'),
nextArrow: $(\'.main-next\'),
dots: false, // kalau mau titik bawah jadi true
pauseOnHover: false,
pauseOnFocus: false,
adaptiveHeight: false
});
});
</script>
<style>
/* base hidden */
.download-popup-modal {
display: none !important;
position: fixed !important;
z-index: 9999 !important;
left: 0 !important;
top: 0 !important;
width: 100% !important;
height: 100% !important;
background: rgba(0,0,0,0.5) !important;
}
.download-popup-modal.fade .modal-dialog {
transform: translateY(-50px) !important;
opacity: 0 !important;
transition: all 0.3s ease !important;
}
.download-popup-modal.fade.in .modal-dialog {
transform: translateY(0) !important;
opacity: 1 !important;
}
</style>
<script>window.currencyOptions = { conversionRate: 1000, thousandSeparator: \".\", locale: \"id\" };</script>
<script>window.addEventListener(\'DOMContentLoaded\', () => { $(() => { initializeCopyAccountNumber({ translations: { copied: \"Disalin\" } }); }); });</script>
<template id=live_chat_template>
<script>window.__lc = window.__lc || {}; window.__lc.license = 12305664; window.__lc.integration_name = \"manual_channels\"; window.__lc.product_name = \"livechat\";; (function (n, t, c) { function i(n) { return e._h ? e._h.apply(null, n) : e._q.push(n) } var e = { _q: [], _h: null, _v: \"2.0\", on: function () { i([\"on\", c.call(arguments)]) }, once: function () { i([\"once\", c.call(arguments)]) }, off: function () { i([\"off\", c.call(arguments)]) }, get: function () { if (!e._h) throw new Error(\"[LiveChatWidget] You can\'t use getters before load.\"); return i([\"get\", c.call(arguments)]) }, call: function () { i([\"call\", c.call(arguments)]) }, init: function () { var n = t.createElement(\"script\"); n.async = !0, n.type = \"text/javascript\", n.src = \"https://cdn.livechatinc.com/tracking.js\", t.head.appendChild(n) } }; !n.__lc.asyncInit && e.init(), n.LiveChatWidget = n.LiveChatWidget || e }(window, document, [].slice))</script>
<noscript><a href=\"https://wwbrindes.com.br\" rel=nofollow>Chat with us</a>, powered by <a
href=\"https://wwbrindes.com.br\" rel=\"noopener nofollow\" target=_blank>LiveChat</a></noscript>
</template>
<script>
(function () {
const el = document.getElementById(\"progressive_jackpot\");
if (!el) return;
let currentValue = 0;
async function updateJackpot() {
try {
const res = await fetch(el.dataset.progressiveJackpotUrl);
const data = await res.json();
let target = parseInt(data.jackpot || data) || 0;
animate(currentValue, target, 2000);
currentValue = target;
} catch (e) {
console.error(e);
}
}
function animate(start, end, duration) {
let startTime = null;
function frame(time) {
if (!startTime) startTime = time;
let progress = Math.min((time - startTime) / duration, 1);
let value = Math.floor(start + (end - start) * progress);
el.textContent = format(value);
if (progress < 1) {
requestAnimationFrame(frame);
}
}
requestAnimationFrame(frame);
}
function format(num) {
return num.toLocaleString(\"id-ID\");
}
// jalan pertama
updateJackpot();
// update tiap 10 detik (tanpa ubah HTML)
setInterval(updateJackpot, 10000);
// efek naik kecil biar keliatan live
setInterval(() => {
let val = parseInt(el.textContent.replace(/\\./g, \"\")) || 1587654254;
val += Math.floor(Math.random() * 500);
el.textContent = format(val);
}, 2000);
})();
</script>
<script>
(function () {
const btn = document.querySelector(\'[data-target=\"#apk_install_guide_modal\"]\');
const modal = document.getElementById(\'apk_install_guide_modal\');
if (!btn || !modal) return;
// klik tombol → tampilkan modal manual
btn.addEventListener(\'click\', function (e) {
e.preventDefault();
modal.style.display = \'block\';
modal.classList.add(\'active\');
setTimeout(() => {
modal.classList.add(\'show\');
}, 10);
});
// tombol close
const closeBtn = modal.querySelector(\'.close\');
if (closeBtn) {
closeBtn.addEventListener(\'click\', function () {
modal.classList.remove(\'show\');
setTimeout(() => {
modal.style.display = \'none\';
}, 300);
});
}
// klik luar modal = close
window.addEventListener(\'click\', function (e) {
if (e.target === modal) {
modal.classList.remove(\'show\');
setTimeout(() => {
modal.style.display = \'none\';
}, 300);
}
});
})();
</script>
<script>window.addEventListener(\'DOMContentLoaded\', () => { const template = document.querySelector(\'#live_chat_template\'); document.body.append(template.content.cloneNode(true)); });</script>
<script>navigator.serviceWorker.getRegistrations().then(registrations => { for (const registration of registrations) { registration.unregister(); } });</script>
<script>window.forgotPasswordOptions = { platform: \"Desktop\", translations: { contactSupportToReset: \"Jika Anda perlu mereset kata sandi Anda, silakan hubungi tim Dukungan Pelanggan kami untuk mendapatkan bantuan.\" } };</script>
<div class=search-popup-container id=search_popup_container></div>
<script defer
src=\"https://static.cloudflareinsights.com/beacon.min.js/v8c78df7c7c0f484497ecbca7046644da1771523124516\"
integrity=\"sha512-8DS7rgIrAmghBFwoOTujcf6D9rXvH8xm8JQ1Ja01h9QX8EzXldiszufYa4IFfKdLUKTTrnSFXLDkUEOTrZQ8Qg==\"
data-cf-beacon=\'{\"version\":\"2024.11.0\",\"token\":\"3753fc66a11e4f2988dc204f91c5f594\",\"r\":1,\"server_timing\":{\"name\":{\"cfCacheStatus\":true,\"cfEdge\":true,\"cfExtPri\":true,\"cfL4\":true,\"cfOrigin\":true,\"cfSpeedBrain\":true},\"location_startswith\":null}}\'
crossorigin=\"anonymous\"></script><script defer src=\"https://static.cloudflareinsights.com/beacon.min.js/v4513226cdae34746b4dedf0b4dfa099e1781791509496\" integrity=\"sha512-ZE9pZaUXND66v380QUtch/5sE9tPFh2zg45pR2PB0CVkCtOREv2AJKkSidISWkysEuQ0EH8faUU5du78bx87UQ==\" data-cf-beacon=\'{\"version\":\"2024.11.0\",\"token\":\"fc55ff30167d40ea841daa0b42c80aa4\",\"r\":1,\"server_timing\":{\"name\":{\"cfCacheStatus\":true,\"cfEdge\":true,\"cfExtPri\":true,\"cfL4\":true,\"cfOrigin\":true,\"cfSpeedBrain\":true},\"location_startswith\":null}}\' crossorigin=\"anonymous\"></script>
<script src=\"https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js\"></script>
<script>
document.addEventListener(\'DOMContentLoaded\', function() {
// Fix topbar icons - re-apply background-image
document.querySelectorAll(\'.topbar-left-section [data-icon]\').forEach(function(el) {
var s = el.getAttribute(\'style\') || \'\';
var m = s.match(/background-image:\\s*url\\(([^)]+)\\)/);
if (m) {
el.style.setProperty(\'background-image\', \'url(\' + m[1] + \')\', \'important\');
el.style.setProperty(\'display\', \'inline-block\', \'important\');
el.style.setProperty(\'width\', \'16px\', \'important\');
el.style.setProperty(\'height\', \'16px\', \'important\');
el.style.setProperty(\'background-size\', \'contain\', \'important\');
el.style.setProperty(\'background-repeat\', \'no-repeat\', \'important\');
el.style.setProperty(\'background-position\', \'center\', \'important\');
}
});
});
</script>
<script>
<script>
document.addEventListener(\'DOMContentLoaded\', function(){
// Live date
function updateDate(){
var days=[\'Min\',\'Sen\',\'Sel\',\'Rab\',\'Kam\',\'Jum\',\'Sab\'];
var months=[\'Jan\',\'Feb\',\'Mar\',\'Apr\',\'Mei\',\'Jun\',\'Jul\',\'Agt\',\'Sep\',\'Okt\',\'Nov\',\'Des\'];
var now = new Date();
var txt = days[now.getDay()]+\', \'+
String(now.getDate()).padStart(2,\'0\')+\'-\'+months[now.getMonth()]+\'-\'+now.getFullYear()+\' \'+
String(now.getHours()).padStart(2,\'0\')+\'.\'+
String(now.getMinutes()).padStart(2,\'0\')+\'.\'+
String(now.getSeconds()).padStart(2,\'0\');
var dateEl = document.querySelector(\'[data-section=\"date\"]\');
if(dateEl && dateEl.childNodes[0]) dateEl.childNodes[0].nodeValue = txt + \' \';
}
updateDate();
setInterval(updateDate, 1000);
// Jackpot counter
var jpEl = document.getElementById(\'progressive_jackpot\');
if(jpEl){
var val = 1587654382;
jpEl.textContent = val.toLocaleString(\'id-ID\');
setInterval(function(){
val += Math.floor(Math.random()*3000 + 500);
jpEl.textContent = val.toLocaleString(\'id-ID\');
}, 2000);
}
});
</script>
</html/* ===== ANNOUNCEMENT ===== */
.announcement-outer-container {
background-color: #0c0c1a;
border-bottom: 1px solid rgba(255,255,255,0.08);
}
.announcement-container {
display: flex;
align-items: center;
min-height: 40px;
padding: 6px 0;
gap: 16px;
color: #fff;
font-size: 13px;
}
.announcement-container [data-section=\"date\"] {
display: flex;
align-items: center;
gap: 10px;
white-space: nowrap;
flex-shrink: 0;
color: rgba(255,255,255,0.75);
font-size: 13px;
}
.announcement-container [data-icon=\"news\"] {
display: inline-block;
width: 22px;
height: 22px;
background-image: var(--image-src);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
vertical-align: middle;
flex-shrink: 0;
}
.announcement-container [data-section=\"announcements\"] {
flex: 1;
overflow: hidden;
}
.announcement-container .announcement-list {
list-style: none;
margin: 0;
padding: 0;
}
.announcement-container .announcement-list li {
color: #ffffff;
font-size: 13px;
line-height: 1.5;
}
>