/* Base Styling */
.site-description {
font-family: sans-serif;
color: #ffffff;
line-height: 1.6;
}

.site-description h1 {
font-size: 1.8rem;
margin-bottom: 15px;
color: #ffffff;
}

.site-description p {
margin-bottom: 20px;
}

/* FAQ Container */
.faq-container {
margin: 30px 0;
background-color: transparent;
padding: 10px 0;
}

.faq-container h2 {
color: #ffffff;
margin-top: 0;
margin-bottom: 20px;
font-size: 1.5rem;
}

/* Individual FAQ Items */
.faq-item {
margin-bottom: 10px;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
padding: 12px 0;
}

.faq-item:last-child {
border-bottom: none;
margin-bottom: 0;
}

.faq-item summary {
font-weight: bold;
cursor: pointer;
font-size: 1.05rem;
color: #ffffff;
outline: none;
transition: color 0.2s ease-in-out;
}

.faq-item summary:hover {
color: #00ff00;
/* Warna hijau terang saat kursor diarahkan */
}

.faq-item p {
margin-top: 12px;
margin-bottom: 5px;
font-size: 0.95rem;
color: #e0e0e0;
/* Putih sedikit redup untuk paragraf agar kontras dengan judul */
line-height: 1.5;
}

@font-face {
font-family: 'FontsFreeNetAvenirLTStdBook';
src: url('https://d33egg70nrp50s.cloudfront.net/Fonts/FontsFreeNetAvenirLTStdBook.woff2') format('woff2'),
url('https://d33egg70nrp50s.cloudfront.net/Fonts/FontsFreeNetAvenirLTStdBook.woff') format('woff');
font-display: swap;
}

@font-face {
font-family: 'FontsFreeNetAvenirLTStdBook';
src: url('https://d33egg70nrp50s.cloudfront.net/Fonts/FontsFreeNetAvenirLTStdBlack.woff2') format('woff2'),
url('https://d33egg70nrp50s.cloudfront.net/Fonts/FontsFreeNetAvenirLTStdBlack.woff') format('woff');
font-display: swap;
}

@font-face {
font-family: 'Open24DisplaySt';
font-display: swap;
src: url('https://d33egg70nrp50s.cloudfront.net/Fonts/Open24DisplaySt.woff2') format('woff2');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'gilroybold';
font-display: swap;
src: url('https://d33egg70nrp50s.cloudfront.net/Fonts/Gilroy-Bold.woff2') format('woff2'),
url('https://d33egg70nrp50s.cloudfront.net/Fonts/Gilroy-Bold.woff') format('woff');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'AvenirLTStdRoman';
font-display: swap;
src: url('https://d33egg70nrp50s.cloudfront.net/Fonts/AvenirLTStdRoman.woff2') format('woff2'),
url('https://d33egg70nrp50s.cloudfront.net/Fonts/AvenirLTStdRoman.woff') format('woff');
}

@font-face {
font-family: 'Glyphicons Halflings';
font-display: swap;
src: url('https://d33egg70nrp50s.cloudfront.net/Fonts/glyphicons-halflings-regular.woff') format('woff');
}

body {
font-family: 'FontsFreeNetAvenirLTStdBook';
font-size: 16px;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
font-family: inherit;
}

.site-menu>li {
font-family: 'FontsFreeNetAvenirLTStdBlack';
}

.site-menu .games-container>li>a,
.site-menu .games-container>li>a[data-maintenance-status="true"]:after,
.large-game-list>li[data-maintenance-status="true"]:after {
font-family: 'AvenirLTStdRoman';
}

.home-progressive-jackpot .jackpot-play-section .jackpot-play-text {
font-family: 'gilroybold';
}

.home-progressive-jackpot .jackpot-container {
font-family: 'Open24DisplaySt';
}

.menu-preview-container .game-list-container ul>li[data-maintenance-status="true"]:after {
font-family: 'FontsFreeNetAvenirLTStdBook';
}

.glyphicon {
font-family: 'Glyphicons Halflings';
}

/* v1s8f4sd66s */
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
}
}

/*! vws89aw94f */
.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
}

/*! dsfgad15asf */

.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
}

.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
}

.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
}

/*# sdf2d6fa1sds */

body.overlay {
overflow: hidden
}

#backdrop_overlay {
width: 100vw;
height: 100vh;
position: fixed;
background-color: rgba(0, 0, 0, .3);
z-index: 100;
display: none;
opacity: 0;
top: 0;
left: 0
}

#backdrop_overlay.displayed {
display: block;
opacity: 1
}

.drawer-container {
position: fixed;
left: 0;
right: 0;
bottom: 0;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
background-color: #252525;
width: 100%;
overflow-y: auto;
overflow-x: hidden;
max-width: var(--body-width-desktop);
max-height: 65vh;
padding: 5px 16px;
visibility: hidden;
opacity: 0;
transform: translate3d(0, 100%, 0);
transition: transform .5s ease .1s, visibility .5s ease .1s, opacity .25s ease .1s;
margin-left: auto;
margin-right: auto;
text-align: center;
z-index: 101;
transform: translate3d(0, 100%, 0);
display: flex;
flex-direction: column;
gap: 16px;
font-size: 16px;
color: #fff
}

.drawer-handle {
padding: 10px 20px;
position: relative;
cursor: pointer;
flex-grow: 2
}

.drawer-handle:after {
content: ' ';
max-width: 90vw;
width: 100px;
height: 3px;
background-color: #ddd;
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%);
border-radius: 10px
}

.drawer-container.displayed {
opacity: 1;
visibility: visible;
transform: translate3d(0, 0, 0)
}

.drawer-container .drawer-header {
text-align: initial;
margin-bottom: 5px;
flex-grow: 2
}

.drawer-container .drawer-content {
text-align: initial;
max-height: calc(90vh - 150px);
overflow-y: auto;
flex-grow: 1;
margin-bottom: 10px
}

.drawer-container .drawer-footer {
flex-grow: 2;
margin-bottom: 10px
}

.drawer-container.displayed .drawer-content div {
background: inherit;
flex-direction: column
}

.drawer-container.displayed .drawer-content div label {
display: flex;
background: inherit;
justify-content: space-between;
width: calc(100% - 4px);
font-weight: 500;
font-size: 14px
}

.drawer-container.displayed .drawer-content div label input[type='radio'] {
margin: 0;
position: relative
}

.drawer-container.displayed .drawer-content div label input[type='radio']:before {
content: " ";
display: inline-block;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
margin: 0;
width: 17px;
height: 17px;
border-radius: 50px;
border: 1px solid #6f6f6f;
background-color: #363636
}

.drawer-container.displayed .drawer-content div label input[type='radio']:checked:before {
background-color: #363636;
border-color: #f8e689
}

.drawer-container.displayed .drawer-content div label input[type=radio]:checked:after {
content: " ";
position: absolute;
border-radius: 50px;
width: 11px;
height: 11px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: #f8e689
}

.animated {
animation-duration: 1s;
animation-fill-mode: both
}

@keyframes zoom {
from {
transform: scale(1, 1)
}

to {
transform: scale(1.2, 1.2)
}
}

@keyframes fadeInLeftBig {
0% {
opacity: 0;
transform: translate3d(-2000px, 0, 0)
}

to {
opacity: 1;
transform: none
}
}

.fadeInLeftBig {
animation-name: fadeInLeftBig
}

@keyframes fadeInRightBig {
0% {
opacity: 0;
transform: translate3d(2000px, 0, 0)
}

to {
opacity: 1;
transform: none
}
}

.fadeInRightBig {
animation-name: fadeInRightBig
}

@font-face {
font-family: 'FontsFreeNetAvenirLTStdBook';
src: url('/fonts/FontsFreeNetAvenirLTStdBook.woff2') format('woff2'), url('/fonts/FontsFreeNetAvenirLTStdBook.woff')
format('woff')
}

@font-face {
font-family: 'FontsFreeNetAvenirLTStdBlack';
font-display: swap;
src: url('/fonts/FontsFreeNetAvenirLTStdBlack.woff2') format('woff2'), url('/fonts/FontsFreeNetAvenirLTStdBlack.woff')
format('woff')
}

@font-face {
font-family: 'AvenirLTStdRoman';
src: url('/fonts/AvenirLTStdRoman.woff2') format('woff2'), url('/fonts/AvenirLTStdRoman.woff') format('woff')
}

@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: 'FontsFreeNetAvenirLTStdBook';
font-size: 16px
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
font-family: inherit
}

body {
background-color: #080808
}

body a,
body a[data-active="true"],
body a:hover,
body a:focus {
text-decoration: none
}

body.no-scroll {
overflow: hidden
}

.modal-content {
width: 100%
}

img {
max-width: 100%;
height: auto;
outline: 0
}

ul,
ol {
list-style: none;
margin: 0;
padding: 0
}

body.modal-open,
.modal-open .navbar-fixed-top,
.modal-open .navbar-fixed-bottom {
margin-right: 0
}

.navbar {
background-color: #151515;
margin: 0
}

.navbar-fixed-top,
.navbar-fixed-bottom {
position: fixed;
right: 0;
left: 0;
border-width: 0 0 0
}

.site-topbar {
padding: 25px 0 10px 0;
display: flex;
justify-content: space-between;
align-items: center
}

.site-topbar .logo {
max-width: 40%
}

.site-topbar .logo img,
.site-topbar .logo picture {
height: 70px;
display: block
}

.site-topbar .logo picture img {
width: auto;
height: 100%
}

.site-topbar main {
margin-left: auto;
display: flex;
justify-content: flex-end;
align-items: center
}

.site-topbar main [data-icon] {
display: inline-block;
height: 14px;
width: 14px;
background: center no-repeat;
background-size: contain
}

.site-topbar main>a {
display: inline-block;
border: 1px solid #fff;
border-radius: 30px;
padding: 10px 20px;
color: #fff;
min-width: 150px;
text-align: center;
font-family: 'FontsFreeNetAvenirLTStdBlack';
text-transform: uppercase
}

.site-topbar main>a+a,
.site-topbar main>.site-side-menu-trigger {
margin-left: 15px
}

.site-topbar main>a.register-button {
background-color: #f7a103;
background-image: linear-gradient(to right, #f7a103 0%, #ff6c00 100%);
border: 0
}

.site-topbar main>a.register-button:hover {
background-color: #ff6c00;
background: linear-gradient(to right, #ff6c00 0%, #f7a103 100%);
color: #000;
border: 0
}

.site-topbar main>a.telegram-btn,
.site-topbar main>a.telegram-btn:hover {
color: #fff;
background-image: linear-gradient(to bottom, #0bb4ff, #036ca0);
padding: 5px 10px;
border-radius: 4px;
font-size: 12px;
border: transparent;
min-width: 160px;
display: flex;
justify-content: center;
gap: 3px
}

.site-topbar main>a.login-button:hover {
background-color: #fff;
color: #000
}

.site-topbar main>.site-side-menu-trigger {
width: 22px;
height: 14px;
display: flex;
flex-direction: column;
justify-content: space-between
}

.site-topbar main>.site-side-menu-trigger .icon-bar {
display: block;
height: 2px;
width: 100%;
background-color: #fff
}

.site-topbar .search-popup-button {
margin-left: 15px;
cursor: pointer
}

.site-topbar .search-popup-button img {
width: 18px;
height: 18px;
max-width: max-content
}

.site-header-navbar {
background: #2d2c2c
}

.menu-slide>i {
display: none
}

.site-menu {
display: flex
}

.site-menu>li {
flex-grow: 1;
display: flex;
align-items: center;
padding: 6px 10px 10px 10px;
font-size: 12px;
font-family: 'FontsFreeNetAvenirLTStdBlack'
}

.site-menu>li>a {
display: flex;
align-items: center;
justify-content: center;
color: #fff;
white-space: nowrap;
text-transform: uppercase;
width: 100%;
line-height: 0
}

.site-menu>li>a img {
height: 13px;
width: 13px;
margin-right: 5px
}

.site-menu>li>a[data-active="true"] img {
content: var(--image-src)
}

.site-menu>li[data-active="true"],
.site-menu>li[data-active="true"] a {
color: #f58e00
}

.site-menu [data-icon="dropdown"] {
display: contents
}

.site-menu [data-icon="dropdown"]:after {
content: '';
display: inline-block;
width: 0;
height: 0;
border: 5px solid transparent;
border-top: 5px solid;
border-bottom: 0;
margin-left: 5px
}

.site-menu .game-list-container {
position: absolute;
top: 100%;
left: 0;
width: 100%;
background-color: rgba(0, 0, 0, .92);
border-bottom: 10px solid #2d2c2c;
display: none;
max-height: calc(100vh - 100%);
overflow: auto
}

.site-menu .games-container {
display: flex;
flex-wrap: wrap;
justify-content: center
}

.site-menu .games-container>li {
margin: 10px
}

.site-menu .games-container>li>a {
display: block;
padding: 10px;
text-align: center;
text-transform: uppercase;
font-family: 'AvenirLTStdRoman';
color: #fff;
position: relative
}

.site-menu .games-container>li>a img {
width: 100%;
max-height: 85px;
object-fit: contain;
display: block;
margin: 0 auto 5px
}

.site-menu .games-container>li:hover>a {
background-color: rgba(255, 255, 255, .1)
}

.site-menu .games-container>li>a[data-maintenance-status="true"],
.large-game-list>li[data-maintenance-status="true"] {
filter: grayscale(1);
pointer-events: none
}

.site-menu .games-container>li>a[data-maintenance-status="true"] span,
.large-game-list>li[data-maintenance-status="true"] .img-responsive,
.large-game-list>li[data-maintenance-status="true"] .game-info-link,
.large-game-list>li[data-maintenance-status="true"] .link-container {
filter: grayscale(1) brightness(.5)
}

.site-menu .games-container>li>a[data-maintenance-status="true"]:after,
.large-game-list>li[data-maintenance-status="true"]:after {
content: var(--maintenance-text, '') " ";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
font-size: 13px;
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;
font-family: 'AvenirLTStdRoman'
}

.large-game-list>li[data-maintenance-status="true"]:after {
font-family: 'AvenirLTStdRoman';
font-size: 19px
}

.large-game-list li .floating-icon {
position: absolute;
top: 10px;
right: 44px;
width: auto;
max-width: calc(100% - 8px);
height: 24px;
background: transparent;
z-index: 1
}

.language-selector-container {
position: relative;
color: #fff;
cursor: pointer;
width: 100%
}

.language-selector-container.desktop {
margin-left: 15px;
border: 1px solid #5b5b5b;
background-color: #121212
}

.language-selector-container:after {
content: '';
display: block;
background: #656565;
width: 1px;
height: 110%;
margin: 0 5px
}

.language-selector-container [data-icon="dropdown"] {
display: contents
}

.language-selector-container [data-icon="dropdown"]:after {
content: '';
display: inline-block;
width: 0;
height: 0;
border: 5px solid transparent;
border-top: 5px solid;
border-bottom: 0;
margin-left: 5px
}

.language-selector-container .language-selector-trigger {
display: flex;
align-items: center;
padding: 5px
}

.language-selector-container .language-selector {
background-color: rgba(0, 0, 0, .92);
padding: 0;
min-width: max-content;
width: 100%;
margin: 0
}

.language-selector-container .language-selector li {
padding: 5px 10px;
white-space: nowrap;
margin: 3px 0;
display: flex;
align-items: center;
gap: 15px
}

.language-selector-container .language-selector li:hover {
background-color: #ff7900
}

.language-selector-container .language-selector .language-name>div:last-child {
font-size: 10px
}

.language-selector-container i[data-language] {
display: inline-block;
margin-right: 5px;
height: 11px;
width: 16px;
background-repeat: no-repeat;
background-image: var(--image-src)
}

.language-selector-container i[data-language='en'] {
background-position: -176px -44px
}

.language-selector-container i[data-language='id'] {
background-position: -64px -66px
}

.language-selector-container i[data-language='kr'] {
background-position: -144px -77px
}

.language-selector-container i[data-language='cn'] {
background-position: -208px -22px
}

.language-selector-container i[data-language='jp'] {
background-position: -16px -77px
}

.language-selector-container i[data-language='th'] {
background-position: -160px -143px
}

.language-selector-container i[data-language='my'] {
background-position: -16px -99px
}

.language-selector-container i[data-language='kh'] {
background-position: -64px -77px
}

.language-selector-container i[data-language='hi'] {
background-position: -128px -66px
}

.language-selector-container i[data-language='ta'] {
background-position: -128px -66px
}

.language-selector-container i[data-language='te'] {
background-position: -128px -66px
}

.language-selector-container i[data-language='vi'] {
background-position: -16px -165px
}

.language-selector-container i[data-language='bn'] {
background-position: -32px -11px
}

.language-selector-container i[data-language='pt'] {
background-position: -112px -121px
}

.chevron-left,
.chevron-right {
width: 17px;
filter: invert(1)
}

.site-footer {
background: #151515;
padding: 25px 0
}

.site-footer hr {
border-top: 1px solid #505050;
margin: 25px 0
}

.site-footer-navbar {
padding: 15px 0;
color: #fff;
border-top: 6px solid #ff7900;
background-color: #242424;
z-index: 99
}

.site-footer-navbar ul {
display: flex;
justify-content: center;
align-items: center
}

.site-footer-navbar ul li {
flex: 1
}

.site-footer-navbar ul li a {
display: block;
text-align: center;
font-size: 14px;
color: inherit
}

.site-footer-navbar ul li a img {
display: block;
margin: 0 auto 10px;
height: 30px;
width: 45px
}

.site-footer-navbar ul li:hover a,
.site-footer-navbar li[data-active="true"] a {
color: #ff7900
}

.site-footer-navbar ul li:hover a img,
.site-footer-navbar li[data-active="true"] a img {
content: var(--image-src)
}

.back-to-top,
.live-chat-link {
width: 40px;
height: 40px;
position: fixed;
bottom: 0;
z-index: 100;
background-color: #f99702
}

.back-to-top:not([hidden]) {
color: #fff;
right: 0;
display: flex;
justify-content: center;
align-items: center
}

.back-to-top:hover {
background-color: #f58e00;
color: #fff
}

.back-to-top i {
top: initial
}

.live-chat-link {
left: 0;
display: flex;
justify-content: center;
align-items: center
}

.live-chat-link img {
width: 100%
}

.live-chat-link:hover {
background-color: #fff
}

.live-chat-link:hover img {
content: var(--image-src)
}

.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
}

.language-selector li a {
gap: 10px
}

.language-selector .language-name>div:last-child {
font-size: 10px
}

.download-apk-notification {
position: relative;
align-items: center;
gap: 10px;
padding: 10px;
background-color: #505050;
height: 70px
}

.download-apk-notification img {
width: 36px;
height: 36px
}

.download-apk-notification p {
flex-basis: 55%;
margin: 0;
font-size: 14px;
color: #fff
}

.download-apk-notification p span {
opacity: .7;
font-size: 12px
}

.download-apk-notification .download-btn {
flex-basis: 20%;
padding: 4px 8px;
border: 0;
border-radius: 30px;
text-transform: uppercase;
font-weight: bold;
font-size: 10px;
text-align: center;
background-color: #f7a103;
background-image: linear-gradient(to right, #f7a103 0%, #ff6c00 100%);
color: #fff
}

.download-apk-notification .close {
position: absolute;
top: 5px;
right: 10px;
color: #fff;
opacity: 1
}

.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: 220px
}
}

.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: #484848;
color: #fff
}

.introjs-arrow.introjs-arrow.top {
border-bottom-color: #484848
}

.introjs-arrow.introjs-arrow.right {
border-left-color: #484848
}

.introjs-tooltip-title {
font-size: 14px;
color: #fd7601;
word-break: break-word
}

.introjs-tooltiptext {
padding: 0 20px;
font-size: 12px
}

.introjs-tooltiptext .subtitle {
font-weight: 200;
font-size: 14px;
color: #fd7601;
word-break: break-word
}

.introjs-tooltipbuttons {
border-top-color: #484848
}

.introjs-prevbutton {
display: none
}

.introjs-nextbutton {
border-radius: 50px;
background: linear-gradient(to bottom, #f99702 0%, #fe7100 100%);
text-shadow: none;
padding: .5rem 1.5rem;
border: 0
}

.introjs-nextbutton:hover {
color: #fff;
background: linear-gradient(to bottom, #fe7100 0%, #f99702 100%)
}

.introjs-bullets ul li a {
background-color: #545454
}

.introjs-bullets ul li a.active,
.introjs-bullets ul li a:hover {
width: 6px;
height: 6px;
background-color: #f99702
}

.introjs-skipbutton {
color: #f99702
}

.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: #fff
}

.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: #31ff00;
font-weight: 700
}

.daily-reward-container .reward-point .xp-label {
font-size: 18px
}

.daily-reward-container p {
font-size: 12px;
color: #fff
}

.daily-reward-container .standard-secondary-button {
padding: 5px 20px;
border: 0;
border-radius: 50px;
background-color: #f7a103;
background-image: linear-gradient(to right, #f7a103 0%, #ff6c00 100%);
color: #fff
}

.daily-reward-container .standard-secondary-button:hover {
background-image: linear-gradient(to right, #ff6c00 0%, #f7a103 100%)
}

.daily-reward-container .standard-secondary-button[disabled],
.daily-reward-container .standard-secondary-button[disabled]:hover {
background: #818181;
color: #bbb;
cursor: not-allowed;
border: 0
}

.daily-reward-container .reward-point.cloned {
position: absolute;
bottom: 150px;
right: 35px;
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;
margin-top: 0
}

.daily-reward-container .expiration-countdown [data-section] {
position: relative;
background-color: transparent;
border: 0;
padding: 0;
min-width: unset;
overflow: 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: 3px;
left: -8px;
font-size: 10px;
color: #ff2626
}

.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: 0;
padding: 0;
font-size: 14px;
background-color: transparent;
color: #ff2626
}

.daily-reward-container .daily-reward-description {
font-size: 14px;
color: #fff
}

.daily-reward-container .daily-reward-detail-description {
background: #2f2e35;
margin: auto;
padding: 10px;
border-radius: 5px;
width: 67%;
color: #bbb
}

@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: #3f2a00;
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: #fff
}

.double-xp-countdown [data-value] {
display: flex;
justify-content: space-between
}

.double-xp-countdown [data-value] span {
font-family: 'Digital Numbers';
background-color: #000;
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: #c6f401
}

.daily-reward-countdown [data-value] {
font-size: 14px;
color: #ff2626
}

.user-balance {
display: inline-flex;
align-items: center;
background-color: #090b1a;
color: #fff;
padding: 7px 14px;
border-radius: 5px;
font-size: 12px
}

.user-balance>button {
margin-right: 10px;
border: 0;
background: none;
padding: 0;
line-height: 1
}

.user-balance>button [data-icon] {
display: inline-block;
height: 18px;
width: 18px;
background: center no-repeat;
background-size: contain;
background-image: var(--image-src)
}

.user-balance .balance>a {
color: #fff
}

.user-balance .balance>a>span {
color: #ff8a00
}

.user-balance .balance>.locked-balance {
color: #fcea0e
}

.user-balance .balance>.locked-balance i {
font-size: 10px;
margin-left: 3px
}

.user-balance .balance.open>.dropdown-menu {
left: 50%;
top: 53%;
margin-top: 7px;
transform: translate(-50%, -30%)
}

.user-balance>.balance::after {
content: '';
display: block;
margin: auto;
margin-top: 1px;
width: 0;
height: 0;
border-top: solid 4px #fff;
border-left: solid 4px transparent;
border-right: solid 4px transparent
}

.user-balance>.balance.open::after {
border-top: 0;
border-bottom: solid 4px #fff
}

.user-balance .vendor-balances-container {
border: 3px solid #b31bc8;
width: 90vw;
max-width: 350px;
background-color: rgba(0, 0, 0, .85);
padding: 15px 30px;
padding-right: 40px;
border-radius: 15px
}

.user-balance .vendor-balances-container .vendor-balances-header {
border-bottom: 2px solid #b31bc8;
margin-bottom: 25px
}

.user-balance .vendor-balances-container .vendor-balances-header {
font-size: 19px
}

.user-balance .vendor-balances-container .balance-detail-game-type {
font-size: 12px
}

.user-balance .vendor-balances-container .vendor-balances-header,
.user-balance .vendor-balances-container strong {
color: #b31bc8;
font-weight: 900
}

.user-balance .vendor-balances-container .vendor-balances-content>div {
padding-bottom: 5px
}

.user-balance .vendor-balances-container .vendor-balance-item>div,
.user-balance .vendor-balances-container .vendor-balances-header {
display: grid;
grid-template-columns: 60% 40%;
padding-bottom: 5px
}

.user-balance .vendor-balances-container .vendor-balance-item>div div:last-child,
.user-balance .vendor-balances-container .vendor-balances-header div:last-child {
text-align: right
}

.user-balance .vendor-balances-container .vendor-balances-content {
max-height: calc(80vh - 100px);
overflow-y: auto;
width: calc(100% + 32px);
padding-right: 25px
}

.user-balance .vendor-balances-container .vendor-balance-item {
padding: 5px 10px;
padding-right: 0
}

.user-balance .vendor-balances-container strong {
text-transform: uppercase;
margin-top: 5px
}

.user-balance .vendor-balances-container ::-webkit-scrollbar {
width: 7px
}

.user-balance .vendor-balances-container ::-webkit-scrollbar-track {
background: transparent
}

.user-balance .vendor-balances-container ::-webkit-scrollbar-thumb {
background: #58585a;
border-radius: 5px
}

.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
}

.popover {
background-color: #ff7900;
border-color: #ff7900;
color: #fff
}

.popover.top .arrow {
border-top-color: #ff7900
}

.popover.top .arrow:after {
border-top-color: #ff7900
}

.daily-reward-button {
width: inherit;
height: inherit;
padding: 0
}

.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 #ff8a00;
color: #fff;
background-color: #b5620033;
border-radius: 4px;
font-size: 12px
}

.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 #ff8a00
}

.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 #6c491e;
display: flex;
justify-content: space-between;
align-items: center;
padding-top: 12px;
gap: 8px
}

.modal-body .pending-transaction-summary-container .pending-transaction-summary-footer a {
color: #fff;
padding: 8px 16px;
border-radius: 100px;
background: linear-gradient(180deg, #f99702 0%, #fe7100 100%);
text-transform: capitalize
}

.modal-body .pending-transaction-details-container {
margin-top: 16px;
max-height: 45vh;
border-radius: 8px;
overflow-y: auto;
background-color: #171717;
border: 1px solid #171717
}

.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: #4d4f59;
border-radius: 5px
}

.modal-body .pending-transaction-details-container .pending-transaction-details-item {
padding: 16px 12px;
border-bottom: 1px solid #494848;
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 {
min-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: invert(0)
}

.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;
text-align: right
}

.modal-body .pending-transaction-details-container .pending-transaction-details-item
.pending-transaction-details-item-value {
font-size: 12px;
color: #bdbdbd
}

.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;
gap: 4px
}

.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 .pending-transaction-details-item-bonus-amount {
flex-grow: 1;
text-align: right;
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: #ffffff0f;
color: #fff;
border: 1px dashed #fff9
}

.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 12px;
border-radius: 100px;
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
}

.wallet-guidance-tooltip .introjs-bullets {
display: none
}

.claim-info-modal .alert-container .combine-promo-detail-list {
padding-inline-start: 20px
}

.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: #111;
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: #fff
}

.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%, #fff))
}

.register-modal label,
.forgot-password-modal label,
.simple-modal label,
.login-modal .forgot-password-link {
color: #fff;
font-weight: normal
}

.register-modal .btn,
.forgot-password-modal .btn,
.simple-modal .btn {
width: 80%;
padding: 12px;
border-radius: 30px
}

.register-modal .btn-secondary,
.forgot-password-modal .btn-secondary,
.simple-modal .btn-secondary {
border: 1px solid #f7a103;
color: #f7a103
}

.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: #0c0c0c;
border-color: #2a2a2a;
color: #fff
}

.login-modal .login-form-container .popup-loader-container,
.register-modal .popup-loader-container {
display: flex;
justify-content: center;
align-items: center
}

.login-modal .form-group .captcha-container {
position: relative;
display: inline-block
}

.login-modal .form-group .captcha-container img {
width: auto;
height: auto;
margin: 0
}

.login-modal .form-group .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
}

[data-require-login] {
cursor: pointer
}

@media only screen and (min-width:1199px) {
body {
padding-top: 178px
}

body.logged-in {
padding-top: 209px
}

.site-topbar main>.user-info-container {
display: flex;
flex-direction: column;
align-items: flex-end;
gap: 20px
}

.site-topbar main>.site-side-menu-trigger {
display: none
}

.menu-slide {
display: flex;
align-items: center;
overflow: hidden
}

.menu-slide>i {
display: flex;
cursor: pointer;
color: #fff;
top: -2px
}

.menu-slide>i.glyphicon-chevron-left {
margin-right: 10px
}

.menu-slide>i.glyphicon-chevron-right {
margin-left: 10px
}

.site-menu {
flex-grow: 1;
overflow: hidden;
scroll-behavior: smooth
}

.site-header-navbar>.container>.row>.col-lg-12,
.site-menu>li {
position: initial
}

.site-menu>li {
position: initial;
width: 100%;
flex-basis: calc(100%/9);
flex-shrink: 0;
padding: 19px 0
}

.site-menu>li:hover .game-list-container {
display: initial
}

.site-menu>li:after {
content: '';
display: block;
background: #656565;
width: 1px;
height: 110%;
margin: 0 5px
}

.site-menu>li:last-child:after {
margin: 0
}

.site-menu>li>a:hover img {
content: var(--image-src)
}

.site-menu>li>a:hover {
color: #f58e00
}

.site-menu>li>a {
position: relative
}

.site-menu>li>a .floating-icon {
position: absolute;
margin: 0;
top: -16px;
right: 4px;
width: auto;
max-width: calc(100% - 8px);
height: 16px;
background: transparent
}

.site-menu .games-container>li {
min-width: 165px
}

.site-menu .games-container>li>a .floating-icon {
position: absolute;
top: 10px;
right: 10px;
width: auto;
max-width: calc(100% - 8px);
height: 20px;
margin: 0;
background: transparent;
z-index: 1
}

.site-footer-navbar {
display: none
}

.download-apk-notification {
display: none
}

.loyalty-info-container {
display: none
}

.modal-body .pending-transaction-summary-container {
font-size: 14px
}

.modal-body .pending-transaction-details-container {
max-height: 45vh;
font-size: 16px
}

.modal-body .pending-transaction-details-container .pending-transaction-details-item {
font-size: 12px
}

.modal-body .pending-transaction-details-container .pending-transaction-details-item>div:first-child {
font-size: 14px
}

.modal-body .pending-transaction-details-container .pending-transaction-details-item>div>div
.pending-transaction-details-item-value {
font-size: 14px
}
}

@media only screen and (max-width:1199px) {
body {
padding-top: 214px;
padding-bottom: 96px
}

.site-topbar {
padding: 15px 0
}

.site-topbar .logo img,
.site-topbar .logo picture {
height: 60px
}

.site-topbar main>a {
min-width: 105px
}

.site-header-navbar {
background-color: #000
}

.site-menu {
overflow: auto
}

.site-menu>li:last-child,
.site-menu>li [data-icon="dropdown"] {
display: none
}

.site-menu>li {
flex-basis: 25%;
flex-shrink: 0
}

.site-menu>li>a {
flex-direction: column;
line-height: 1;
padding: 0;
font-size: 8px;
color: #afafaf;
overflow: hidden;
text-overflow: ellipsis;
position: relative
}

.site-menu>li>a img {
height: 28px;
width: 28px;
margin: 0 0 8px
}

.site-menu>li>a .floating-icon {
position: absolute;
margin: 0;
top: 0;
right: 0;
width: auto;
max-width: calc(100% - 8px);
height: 14px;
background: transparent
}

.site-menu .games-container>li>a .floating-icon {
position: absolute;
top: 10px;
right: 10px;
width: auto;
max-width: calc(100% - 8px);
height: 16px;
margin: 0;
background: transparent;
z-index: 1
}

.live-chat-link {
display: none
}

.download-apk-notification {
display: none
}

.loyalty-info-container {
display: none
}

.site-topbar .search-popup-button {
display: none
}

.language-selector-container.desktop {
display: none
}
}

@media only screen and (max-width:767px) {
body {
padding-top: 97px;
padding-bottom: 82px
}

body.has-apk-download-notification {
padding-top: 166px
}

body.logged-in {
padding-top: 218px
}

body.has-apk-download-notification.logged-in {
padding-top: 288px
}

.container {
padding-left: 16px;
padding-right: 16px
}

.loyalty-info-container .loyalty-experience {
margin-left: 0
}

.row {
margin-left: -8px;
margin-right: -8px
}

.navbar>.container {
padding-left: 8px;
padding-right: 8px
}

.site-topbar {
padding: 5px 18px;
margin-left: -10px;
margin-right: -10px
}

.site-topbar .logo img,
.site-topbar .logo picture {
height: 25px
}

.site-topbar main>a {
padding: 5px 10px;
font-size: 10px;
min-width: 80px
}

.site-topbar main>a+a,
.site-topbar main>.site-side-menu-trigger {
margin-left: 10px
}

.site-topbar .search-popup-button {
display: none
}

.language-selector-container.desktop {
display: none
}

.chevron-left,
.chevron-right {
width: 13px;
filter: invert(1)
}

.site-footer {
margin-top: 15px
}

.site-menu {
margin-left: -15px;
margin-right: -15px
}

.site-footer-navbar ul li a {
font-size: 12px
}

.site-footer-navbar ul li a img {
height: auto;
width: 35px
}

.site-footer-navbar .container {
padding: 0
}

.col-lg-12 {
padding-left: 16px;
padding-right: 16px;
margin-left: -8px;
margin-right: -8px
}

.back-to-top {
bottom: 83px
}

.download-apk-notification {
display: flex
}

.loyalty-info-container {
display: flex
}

.loyalty-info-container .user-balance .balance-container a {
font-size: 12px
}

.loyalty-info-container .user-balance .balance-container .username span {
font-size: 12px
}

.loyalty-info-container .loyalty-info .loyalty-point-section .loyalty-point-detail .username {
font-size: 12px
}

.loyalty-info-container .loyalty-info .loyalty-point-section .loyalty-point-detail .loyalty-point-info a {
font-size: 12px
}

.loyalty-info-container .loyalty-info .loyalty-point-section .loyalty-point-detail .loyalty-point-info .lp-label {
font-size: 10px;
padding: 2px 4px
}

.loyalty-info-container .loyalty-experience .xp-label,
.loyalty-experience .loyalty-point-section .lp-label {
font-size: 10px
}

.loyalty-info-container .loyalty-experience .loyalty-experience-progress span {
font-size: 10px
}

.user-balance .balance.open>.dropdown-menu {
left: 0;
right: 0;
top: 45px;
margin: auto;
transform: translate(0, 0)
}

.double-xp-countdown [data-value] span {
font-size: 24px
}

.double-xp-countdown [data-section]+[data-section]::before {
top: 4px
}

.login-modal .modal-dialog,
.telegram-login-modal .modal-dialog {
width: 100%;
padding-left: 16px;
padding-right: 16px
}

.register-modal .btn,
.forgot-password-modal .btn,
.simple-modal .btn {
width: 100%
}

.modal-body .pending-transaction-summary-container .pending-transaction-summary-footer {
flex-direction: column;
align-items: flex-start
}

.modal-body .pending-transaction-summary-container .pending-transaction-summary-footer .standard-button-group,
.modal-body .pending-transaction-summary-container .pending-transaction-summary-footer a {
width: 100%
}
}

.back-button.mobile-only {
width: 24px;
height: 24px;
color: transparent;
background: center no-repeat;
background-image: var(--image-src);
filter: invert(1)
}

.modal-body .resolved-transaction-popup .resolved-transactions-carousel {
position: relative;
padding: 8px;
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: #3d3d3d;
border: solid 1px #8d8d8d;
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: -32px
}

.modal-body .resolved-transaction-popup .resolved-transactions-carousel .slick-next {
right: -32px
}

.modal-body .resolved-transaction-popup .resolved-transactions-carousel .slick-prev:before,
.modal-body .resolved-transaction-popup .resolved-transactions-carousel .slick-next:before {
content: " ";
filter: invert(1);
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 {
margin-right: 8px
}

.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: 120px;
left: 20px;
display: flex;
flex-direction: column-reverse;
align-items: center;
gap: 12px
}

.floating-action-button .floating-action-button-item {
width: 40px;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
border-radius: 4px;
background: linear-gradient(90deg, #f7a103 0%, #ff6c00 100%);
border: 1px solid #deaf7b
}

.floating-action-button .floating-action-button-item img {
width: 20px;
height: 20px
}

.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: 32px;
height: 32px
}

.form-footer-note-section .form-footer-note,
.register-modal .register-page-reminder {
font-size: 14px;
margin: 25px 0;
color: #fff;
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: #f99702
}

.register-modal .password-validations {
font-size: 12px
}

.register-modal .password-validations>div {
display: flex;
margin-top: 3px
}

.register-modal .password-validations>div i {
margin-right: 5px
}

.register-modal .referral-glyphicon-container .referral-code-header {
cursor: pointer;
font-size: 14px
}

.register-modal .referral-glyphicon-container .referral-code-header label {
padding-right: 5px
}

.register-modal .referral-glyphicon-container .referral-code-content {
display: none
}

.register-modal .referral-glyphicon-container .referral-code-content.expand {
display: block
}

.register-modal .payment-method-container {
display: flex;
align-items: center;
padding: 10px;
background-color: #1c1c1c;
color: #b2b0b9
}

.register-modal .payment-method-container label {
flex-basis: 50%;
flex-grow: 0;
flex-shrink: 0
}

.pending-transaction-expiration-countdown {
display: flex;
align-items: center;
gap: 5px;
position: relative;
justify-content: center
}

.pending-transaction-expiration-countdown .expiration-countdown {
gap: 8px;
margin-top: 0
}

.pending-transaction-expiration-countdown .expiration-countdown [data-section] {
position: relative;
background-color: transparent;
border: 0;
padding: 0;
min-width: unset;
overflow: unset
}

.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: 3px;
left: -8px;
font-size: 10px;
color: #35a713
}

.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: #35a713
}

@media(max-width:768px) {
.back-button.mobile-only {
display: block
}

.site-topbar .back-button+.logo {
display: none
}

.daily-reward-container .daily-reward-detail-description {
width: 100%
}

.site-topbar main>a.telegram-btn {
display: none
}

.referral-code-input {
margin-top: 5px
}

.standard-sub-section+.row {
margin-top: 10px
}

.standard-form .row+.row {
margin-top: 15px
}
}

@media(min-width:769px) {
.site-topbar .back-button {
display: none
}

.site-topbar .logo {
display: block
}

.floating-action-button {
bottom: 60px;
left: 30px
}

.floating-action-button .floating-action-button-item {
width: 50px;
height: 50px
}

.floating-action-button .floating-action-button-item img {
width: 24px;
height: 24px
}

.floating-action-button .floating-action-button-list .floating-action-button-item {
width: 40px;
height: 40px
}

.modal-body .resolved-transaction-popup .resolved-transactions-carousel .slick-prev {
left: -16px
}

.modal-body .resolved-transaction-popup .resolved-transactions-carousel .slick-next {
right: -16px
}
}

.footer-description-section h4 {
font-size: 24px
}

.footer-description-section .site-description {
font-size: 12px
}

.footer-sitemap-section {
display: flex;
justify-content: space-between;
padding-right: 40px
}

.footer-sitemap-section li a {
margin-right: 0;
font-size: 14px;
font-weight: 350
}

.footer-sitemap-section h4 {
font-size: 16px
}

.footer-sitemap-section .footer-links {
flex-direction: column;
padding-top: 0
}

.footer-sitemap-section .footer-links>li {
display: block;
padding-top: 10px
}

.footer-sitemap-section .footer-links>li>a {
padding-right: 0
}

.footer-sitemap-section .footer-links>li+li>a {
padding-left: 0;
border-left: 0
}

.footer-sitemap-section .contact-list,
.footer-sitemap-section .social-media-list {
padding: 0;
flex-direction: column;
align-items: start
}

.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;
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
}

.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
}

.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 {
width: 25px;
height: 25px
}

.footer-sitemap-section .contact-list>li .popover-content {
min-width: 100px;
min-height: 100px;
display: flex;
justify-content: center;
align-items: center
}

.footer-sitemap-section .contact-list>li .popover-content img {
width: 100px;
height: auto
}

.footer-banking-section {
margin-bottom: 32px
}

.footer-banking-section .bank-list-container {
padding: 24px;
border-radius: 6px
}

.footer-banking-section .bank-list-container p {
font-size: 12px
}

.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 .col-md-12 {
display: flex;
justify-content: start;
align-items: center;
color: #fff
}

.footer-copyright-section .col-md-12>div {
display: flex;
gap: 24px
}

.footer-copyright-section .copyright {
margin-left: auto
}

@media(max-width:769px) {
.footer-description-section h4 {
font-size: 18px
}

.footer-description-section .site-description {
text-align: start
}

.row.footer-sitemap-section:before,
.row.footer-sitemap-section:after {
display: none;
content: none
}

.footer-sitemap-section {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 26px
}

.footer-sitemap-section h4 {
font-size: 14px
}

.footer-sitemap-section li a {
font-size: 12px
}

.footer-copyright-section {
margin-bottom: 90px
}

.footer-copyright-section .col-md-12 {
flex-direction: column;
gap: 16px
}

.footer-copyright-section .col-md-12>div:first-child {
display: flex;
justify-content: center
}

.footer-copyright-section .col-md-12>div>a {
width: 42%
}

.footer-copyright-section .col-md-12>div>img:nth-of-type(1) {
width: 42%
}

.footer-copyright-section .col-md-12>div>img:nth-of-type(2) {
width: 14%
}

.footer-copyright-section .copyright {
margin-left: 0
}
}

::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
}

input[type=submit] {
width: 100%
}

.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;
max-width: 100%
}

.modal-header {
text-align: center;
border-top-left-radius: inherit;
border-top-right-radius: inherit;
background: #f99702;
background: linear-gradient(to bottom, #f99702 0%, #fe7100 100%);
border-bottom: 0;
min-height: 50px;
text-transform: uppercase;
color: #fff;
font-family: 'FontsFreeNetAvenirLTStdBlack';
font-size: 20px
}

.modal-header .close {
opacity: 1;
color: #fff;
margin: 0
}

.modal-body {
background-color: #111;
color: #fff
}

.modal-body img {
max-width: 100%
}

.modal-body:last-child,
.modal-footer {
border-bottom-left-radius: inherit;
border-bottom-right-radius: inherit
}

.modal-footer {
text-align: center;
margin-top: 0;
border-top: 0;
background-color: #111;
display: flex;
justify-content: space-around
}

.modal-footer button {
min-width: 100px
}

.modal-footer .btn-primary {
border: 0;
background: #f99702;
background: linear-gradient(to bottom, #f99702 0%, #fe7100 100%)
}

.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(--popup-notification-src)
}

.popup-modal[data-title=""] .modal-title:before {
background-image: var(--popup-alert-src)
}

.popup-modal[data-title=""] .modal-body {
text-align: center;
padding-top: 40px
}

.concise-transaction-popup .modal-dialog {
padding-left: 16px;
padding-right: 16px
}

.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
}

.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 {
background-color: rgba(0, 0, 0, .5);
text-align: center
}

.loyalty-daily-reward-modal .modal-content,
.loyalty-available-rank-up-modal .modal-content {
background-color: rgba(0, 0, 0, .5)
}

.loyalty-daily-reward-modal .modal-body,
.loyalty-available-rank-up-modal .modal-body {
background-color: rgba(0, 0, 0, .5)
}

.loyalty-daily-reward-modal .modal-content .close-popup-modal {
position: absolute;
top: 10px;
right: 10px;
display: inline-flex;
justify-content: center;
align-items: center;
width: 30px;
height: 30px;
font-size: 20px;
font-weight: 900;
border-radius: 50%;
border: 2px solid #808080;
color: #808080;
z-index: 2
}

.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
}

.standard-form-container {
background: #101010;
color: #fff;
padding: 15px;
border-radius: 17px;
margin: 30px 0
}

.standard-form-container .no-record {
padding: 15px
}

.standard-form .highlight-field {
color: #ff9400
}

.standard-form label {
color: #fff;
font-weight: normal;
font-size: 14px;
margin-top: 8px
}

.standard-form label.checkbox-inline {
margin-top: 8px
}

.standard-form label[data-asterisk] {
display: flex;
justify-content: space-between
}

.standard-form label[data-asterisk]:after {
content: '*';
color: #f99702
}

.standard-form .row+.row {
margin-top: 25px
}

.standard-form .form-group {
margin-bottom: 0
}

.standard-form .standard-button-group {
margin-top: 25px
}

.standard-form input,
.standard-form select,
.standard-form textarea,
.standard-form input[disabled],
.standard-form input[readonly] {
background-color: #0c0c0c;
border: 1px solid #2a2a2a;
color: #fff
}

.standard-form [data-section="radios"] label+label {
margin-left: 25px
}

.form-control:focus {
border-color: #ff9400;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(255, 148, 0, .6)
}

.standard-form-title {
font-size: 18px;
line-height: 1;
margin-bottom: 25px;
padding: 15px 0;
border-bottom: 1px solid #3d3d3d;
color: #fff
}

.standard-form-title:not(:first-child) {
margin-top: 40px
}

.standard-form-title.with-back-icon {
display: flex;
flex-direction: row;
justify-content: flex-start;
gap: 12px
}

.standard-form-title.with-back-icon a {
display: none;
width: 24px;
height: 24px
}

.standard-form-title.with-back-icon a img {
width: 100%;
height: auto;
filter: invert(1)
}

.standard-form-sub-title {
font-size: 18px;
padding-left: 15px;
border-left: 4px solid #f99702;
margin-bottom: 10px;
line-height: 1;
color: #fff
}

.standard-form-note {
line-height: 25px;
padding: 15px;
font-size: 14px;
margin: 15px 0;
color: #fff;
background-color: #363636;
box-shadow: 0 0 10px rgba(0, 0, 0, .5);
border-radius: 10px
}

.standard-form-note span {
color: #fd7601;
font-weight: bold
}

.standard-form-note a {
color: #fd7601
}

.standard-form-note ol {
list-style: decimal;
padding-left: 24px
}

.standard-form-note.with-icon {
padding: 0;
box-shadow: none;
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: 10px;
border-bottom-left-radius: 10px;
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: 10px;
font-size: 12px;
background-color: #cbcbcb;
color: #363565
}

.standard-form-note.with-icon>div:last-child>span {
text-transform: uppercase;
font-weight: 800;
color: #363565
}

.standard-reporting-form-title {
display: flex;
align-items: center
}

.standard-reporting-form-title select {
margin-left: 10px;
width: auto
}

.standard-reporting-control-group {
background-color: #3a3a3a;
display: flex;
padding: 15px;
margin-bottom: 25px;
font-size: 14px
}

.standard-reporting-control-group label {
text-transform: capitalize;
margin: 0
}

.standard-reporting-control-group input {
max-width: 240px
}

.standard-reporting-control-group select {
max-width: 145px
}

.standard-reporting-control-group input,
.standard-reporting-control-group select {
background-color: #000;
border: 1px solid #1f1632;
color: #a7a7a7;
margin: 0 8px;
width: auto
}

.standard-reporting-control-group [data-section="input"] {
width: 100%;
margin: 0 15px 0 0
}

.standard-reporting-control-group [data-section="input"] .standard-required-message {
margin: 5px 0 0 20px
}

.standard-reporting-control-group .btn-primary {
background: #f99702;
background: linear-gradient(to bottom, #f99702 0%, #fe7100 100%);
color: #fff;
border: 0;
border-radius: 5px;
text-transform: uppercase;
height: 34px
}

.standard-reporting-control-group .btn-primary:hover {
background: linear-gradient(to bottom, #fe7100 0%, #f99702 100%)
}

.standard-reporting-control-group input[data-picker="date-range"] {
width: 240px
}

.standard-reporting-control-group.inline-control-group {
display: flex;
flex-wrap: nowrap;
align-items: center;
gap: 10px;
margin-bottom: 16px;
background-color: transparent;
padding: 0
}

.standard-reporting-control-group.inline-control-group .inline-control-group-inner {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
gap: 10px;
justify-content: flex-start;
align-items: center;
overflow-x: auto
}

.standard-reporting-control-group.inline-control-group .inline-control-group-inner>div {
position: relative;
overflow: hidden;
flex-grow: 1;
flex-shrink: 0;
flex-basis: auto;
min-width: 100px;
margin-bottom: 0
}

.standard-reporting-control-group.inline-control-group input,
.standard-reporting-control-group.inline-control-group select {
width: 100%;
margin: 0;
border-color: #2b2b31
}

.standard-reporting-scroll-container {
overflow: auto
}

.standard-form-container .table thead,
.standard-reporting-scroll-container .table thead {
background-color: #2a2a2a;
border: 1px solid #2a2a2a;
font-size: 14px
}

.standard-form-container .table thead tr th,
.standard-reporting-scroll-container .table thead tr th {
border: 1px solid #2a2a2a;
color: #fff
}

.standard-form-container .table tbody,
.standard-reporting-scroll-container .table tbody {
color: #878787
}

.standard-form-container .table tbody a,
.standard-reporting-scroll-container .table tbody a {
color: #fff
}

.standard-form-container .table tbody a:hover,
.standard-reporting-scroll-container .table tbody a:hover {
color: #ff7900
}

.standard-form-container .table tbody td,
.standard-reporting-scroll-container .table tbody td {
border: 1px solid #2a2a2a;
color: #757084
}

.standard-reporting-scroll-container .table tbody td {
background-color: #161616
}

.standard-reporting-scroll-container .table .grid-totals {
background-color: #2a2a2a;
border: 1px solid #2a2a2a;
font-weight: bold;
text-transform: uppercase
}

.standard-reporting-scroll-container .table .grid-totals tr td {
border-top: 0;
color: #fff
}

.standard-reporting-scroll-container::-webkit-scrollbar {
width: 40%;
height: 5px
}

.standard-reporting-scroll-container::-webkit-scrollbar-track {
background: #2d2c2c
}

.standard-reporting-scroll-container::-webkit-scrollbar-thumb {
background-color: #fe7100;
border-radius: 5px
}

.standard-reporting-scroll-container tfoot td {
color: #757084
}

.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 .table {
color: #333
}

.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;
font-size: 12px
}

.standard-required-message {
display: none
}

.standard-required-message ul {
padding-left: 20px;
margin: 0;
list-style: inherit
}

.standard-required-message br {
display: none
}

.input-validation-error+.standard-required-message {
display: block;
margin-top: 5px
}

.input-validation-error+.standard-required-message p {
margin: 0
}

.alert-success,
.alert-danger {
padding: 10px
}

.form-group .captcha-input {
position: relative
}

.form-group .captcha-input input {
width: calc(100% - 165px)
}

.form-group .captcha-container {
position: absolute;
top: 0;
right: 0;
display: flex;
align-items: center
}

.form-group .captcha-container img {
width: 100%;
height: 34px;
margin-left: 10px
}

.form-group .refresh-captcha-button {
font-size: 20px;
top: 0;
cursor: pointer
}

.form-group .form-control[disabled],
.form-group .form-control[readonly] {
background-color: #393939;
color: #929292
}

.standard-button-group {
text-align: center;
margin-bottom: 15px
}

.standard-button-group .btn-primary {
font-family: 'FontsFreeNetAvenirLTStdBlack';
background: #f99702;
background: linear-gradient(to bottom, #f99702 0%, #fe7100 100%);
color: #fff;
padding: 10px 20px;
border: 0;
border-radius: 30px;
text-transform: uppercase
}

.standard-button-group .btn-primary[disabled] {
background-color: #5c5c5c;
background-image: none;
color: #fff6;
pointer-events: none;
cursor: not-allowed
}

.standard-button-group+.standard-form-note {
margin-top: 50px
}

.standard-form .bank-info {
background-color: #1c1c1c;
border-radius: 5px;
padding: 10px 15px
}

.standard-form .bank-info table {
font-size: 14px;
width: 100%
}

.standard-form .copy-bank-account-button {
background: none;
border: 0;
padding: 0;
font-size: 15px;
color: #fd7801;
margin-left: auto
}

.standard-form .reveal-bank-account-button {
font-size: 10px;
padding: 3px 5px;
text-transform: uppercase
}

.standard-form .bank-info img {
width: 150px;
margin-bottom: 10px
}

.standard-form .copy-bank-account-button:hover {
color: #fba501
}

.standard-form .copy-input-button {
position: absolute;
top: 6px;
right: 16px;
background: none;
border: 0;
color: #fd7801
}

form+.table {
margin-top: 40px
}

.expiration-countdown {
display: flex;
flex-wrap: nowrap;
font-size: 12px;
align-items: center;
justify-content: center;
margin-top: 20px
}

.expiration-countdown>div {
margin-right: 5px
}

.expiration-countdown>div:first-child {
margin-right: 10px
}

.expiration-countdown [data-section] {
color: #fff;
border: 1px solid #a9a9a9;
min-width: 40px;
border-radius: 5px;
font-size: 10px;
display: flex;
align-items: center;
flex-direction: column
}

.expiration-countdown [data-value] {
font-size: 16px
}

.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: #f99702;
border-radius: 5px
}

.copy-input-button-field .copy-input-button:hover {
color: #fff;
background: linear-gradient(to right, #d86548 0%, #ee1da9 100%)
}

.standard-nav-bar {
padding: 10px 0;
margin-bottom: 30px;
white-space: nowrap;
font-size: 12px;
display: flex;
overflow: auto;
position: relative
}

.standard-nav-bar:before {
content: '';
position: absolute;
top: calc(100% - 3px);
left: 0;
right: 0;
height: 3px;
background-color: #1d1d1d
}

.standard-nav-bar:not(:first-child) {
margin-top: 60px
}

.standard-nav-bar a {
display: inline-block;
padding: 7px 15px;
text-transform: uppercase;
color: #696969;
position: relative
}

.standard-nav-bar a+a {
margin-left: 5px
}

.standard-nav-bar a:after {
content: '';
position: absolute;
top: 100%;
left: 0;
right: 0;
height: 3px;
margin-top: 7px
}

.standard-nav-bar a:hover,
.standard-nav-bar a[data-active="true"] {
color: #fff
}

.standard-nav-bar a:hover:after,
.standard-nav-bar a[data-active="true"]:after {
background-color: #ff7900
}

.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-sticky-side-menu-container {
display: flex;
align-items: flex-start;
justify-content: space-between
}

.standard-sticky-side-menu-container .standard-side-menu {
width: calc(25% - 10px);
margin-right: 20px;
position: -webkit-sticky;
position: sticky;
top: 190px;
flex-shrink: 0;
flex-grow: 0
}

.standard-sticky-side-menu-container>*:last-child {
flex-grow: 1;
max-width: 100%
}

.standard-side-menu {
background-color: #101010;
color: #fff;
border-radius: 17px;
padding: 15px 0;
margin: 30px 0;
display: none;
font-size: 14px
}

.standard-side-menu>h4 {
font-size: 18px;
font-family: 'FontsFreeNetAvenirLTStdBlack';
text-align: center;
border-bottom: 1px solid #1d1d1d;
padding: 15px 20px 30px;
margin: 0 0 10px
}

.standard-side-menu a {
display: flex;
background-color: #101010;
color: #878787;
padding: 15px
}

.standard-side-menu a img {
width: 25px;
margin-right: 15px
}

.standard-side-menu a>span {
margin-left: auto
}

.standard-side-menu a[data-active="true"] {
background-color: #683815;
background-image: linear-gradient(to right, #683815 0%, #1c1511 100%)
}

.standard-side-menu a[data-active="true"],
.standard-side-menu a:hover {
color: #fff
}

.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: #f99702;
cursor: pointer
}

.standard-password-field input[type=text]~i:before {
content: "î„…"
}

.standard-inner-container {
background: #161616;
padding: 15px;
border-radius: 17px
}

.standard-inner-container+.standard-inner-container {
margin-top: 15px
}

.standard-inner-container ::-webkit-scrollbar {
height: 7px;
width: 7px
}

.standard-inner-container ::-webkit-scrollbar-track {
background: transparent
}

.standard-inner-container ::-webkit-scrollbar-thumb {
background: #242424;
border-radius: 5px;
cursor: pointer
}

.standard-banner-container {
background: center no-repeat;
background-size: cover
}

.top-tab-container {
display: flex;
justify-content: flex-start;
margin: 10px 0
}

.top-tab-container a {
padding: 10px 10px;
background-color: #0f0f0f;
color: #fff;
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: linear-gradient(to right, #f7a103 0%, #ff6c00 100%);
color: #fff
}

.standard-form-title {
display: flex;
justify-content: space-between;
align-content: center
}

.standard-form-title .btn-primary {
border-radius: 96px;
border: 1px solid;
padding: 6px 12px;
justify-content: center;
align-items: center;
font-size: 12px;
font-weight: 800;
background: none
}

.modal-standard-header {
text-align: center;
padding-bottom: 16px;
position: relative;
font-size: 14px;
font-weight: 500;
line-height: 1;
margin-top: -20px;
color: #fff
}

.modal-standard-header:after {
position: absolute;
display: block;
bottom: 0;
left: 0;
right: 0;
content: ' ';
height: 1px;
background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .9) 46.29%, rgba(255, 255, 255,
0) 100%)
}

.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: #fff
}

.pagination-section {
text-align: right;
font-size: 14px;
margin-top: 16px
}

.pagination-section a {
margin: 0 4px
}

.back-link-container {
margin: 0 0 32px
}

.back-link-container a {
display: flex;
align-items: center;
gap: 16px;
font-size: 20px;
font-weight: 500;
line-height: 100%;
color: #fff
}

.back-link-container a:hover {
color: #fff
}

.back-link-container a>img {
width: 24px;
height: 13px;
filter: invert(1)
}

@media only screen and (min-width:1199px) {
.standard-side-menu {
display: block
}

.standard-button-group .btn-primary {
max-width: 380px
}
}

@media only screen and (min-width:992px) {
.expiration-countdown [data-section]+[data-section] {
margin-left: 10px
}

.concise-transaction-popup .modal-dialog {
padding-left: 10px;
padding-right: 10px
}

.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 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
}

.pending-transactions-container .pending-transactions-item .va-account-name {
width: 50%;
margin: 0 auto
}

.pending-transactions-container .pending-transactions-item .pending-deposit-info>div span:first-child {
font-size: 14px
}

.pending-transactions-container .pending-transactions-item .pending-deposit-info>div span:last-child {
font-size: 16px
}

.pending-transactions-container .pending-transactions-item .destination-account-number-container span {
font-size: 16px
}

.pending-transactions-container .pending-transactions-item .destination-account-holder-info span {
font-size: 14px
}

.pending-transactions-container .pending-transactions-item [data-payment-gateway] .destination-account-holder-info>span,
.pending-transactions-container .pending-transactions-item [data-payment-gateway]
.destination-account-bank-info>div>span {
font-size: 14px
}

.modal-standard-header {
font-size: 16px
}
}

@media only screen and (max-width:767px) {
.container .row {
font-size: 13px
}

.standard-form-container {
padding: 5px;
margin: 10px -7px;
border-radius: 12px
}

.standard-form-title:not(:first-child) {
margin-top: 20px
}

.standard-form {
padding-left: 5px;
padding-right: 5px
}

.standard-form-title {
margin-bottom: 10px;
font-size: 16px
}

.standard-inner-container {
padding: 5px
}

.standard-inner-container+.standard-inner-container {
margin-top: 10px
}

.standard-reporting-form-title {
font-size: 14px
}

.standard-reporting-form-title select {
flex-grow: 1;
margin-left: 15px
}

.standard-reporting-control-group {
flex-wrap: wrap;
justify-content: flex-start;
padding-top: 10px
}

.standard-reporting-control-group label {
font-size: 12px;
width: 20%;
padding: 0 10px;
text-align: center
}

.standard-reporting-control-group label:first-child,
.standard-reporting-control-group label:nth-child(5) {
padding-left: 0;
text-align: left
}

.standard-reporting-control-group input,
.standard-reporting-control-group select {
width: 30%
}

.standard-reporting-control-group.inline-control-group {
flex-direction: column
}

.standard-reporting-control-group.inline-control-group .inline-control-group-inner {
width: 100%
}

.standard-reporting-control-group.inline-control-group .inline-control-group-inner>div {
margin-bottom: 4px
}

.standard-reporting-control-group.inline-control-group .input-date-container {
width: 60%
}

.standard-reporting-control-group.inline-control-group input,
.standard-reporting-control-group.inline-control-group select {
width: 100%
}

.standard-reporting-control-group.inline-control-group .btn-primary {
margin: 0
}

.standard-reporting-control-group input,
.standard-reporting-control-group select {
margin: 5px 0
}

.standard-reporting-control-group>span {
width: 30%
}

.standard-reporting-control-group>span select {
width: 100%;
margin: 0
}

.standard-reporting-control-group [data-section="input"] {
margin: 0
}

.standard-reporting-control-group [data-section="input"] .standard-required-message {
margin: 0
}

.standard-reporting-control-group .btn-primary {
flex-basis: 100%;
margin-top: 10px
}

.standard-reporting-scroll-container .table,
.standard-reporting-scroll-container .table thead {
font-size: 12px
}

.standard-form-note.with-icon .icon-container {
flex-basis: 75px
}

.standard-form-note.with-icon>div:last-child {
flex-basis: calc(100% - 75px)
}

.standard-form-title .btn-primary {
width: fit-content
}

.standard-form-title {
display: flex;
flex-direction: column;
justify-content: space-between;
align-content: center;
gap: 12px
}

.standard-form-title.standard-reporting-form-title {
flex-direction: row
}

.pending-transactions-container .pending-transactions-item .pending-deposit-info.pending-deposit-info {
gap: 10px
}

.pending-transactions-container .pending-transactions-item [data-payment-gateway="pulsa"]
.destination-account-holder-info {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%
}

.pending-transactions-container .pending-transactions-item [data-payment-gateway="pulsa"] .destination-account-bank-info
{
flex-direction: column;
align-items: flex-end
}

.pending-transactions-container .pending-transactions-item .pending-deposit-info>div span:first-child {
font-size: 10px
}

.pending-transactions-container .pending-transactions-item .pending-deposit-info>div span:last-child {
font-size: 12px
}

.pending-transactions-container .pending-transactions-item .destination-account-number-container span {
font-size: 14px
}

.pending-transactions-container .pending-transactions-item .destination-account-holder-info span {
font-size: 12px
}

.pending-transactions-container .pending-transactions-item [data-payment-gateway] .destination-account-holder-info>span,
.pending-transactions-container .pending-transactions-item [data-payment-gateway]
.destination-account-bank-info>div>span {
font-size: 12px
}

.otp-popup .otp-popup-content {
width: 90%
}

.pagination-section {
margin-top: 16px;
text-align: center
}
}

[data-copied] {
position: relative;
display: inline-flex;
justify-content: center;
align-items: center
}

[data-copied]:after {
content: attr(data-copied);
pointer-events: none;
position: absolute;
top: 100%;
display: flex;
align-items: center;
text-transform: capitalize
}

.otp-hr {
border-color: #ff8a00;
border-width: 2px
}

.request-otp-button,
.request-otp-button:hover {
border: 2px solid #ff8a00;
color: #ff8a00;
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: #ff8a00;
box-shadow: none
}

.otp-dropdown-section {
display: flex;
flex-wrap: wrap;
align-items: center
}

.otp-dropdown-section select,
.otp-dropdown-section .request-otp-button,
.otp-dropdown-section .contact-verification-link {
flex-basis: 100%
}

.otp-dropdown-section .request-otp-button,
.otp-dropdown-section .contact-verification-link {
margin-top: 10px;
white-space: initial;
text-align: center
}

.standard-form .row+.request-otp-section {
margin-top: 0
}

.standard-sub-section:first-of-type .standard-form-title {
margin-top: 0
}

.standard-sub-section .standard-form-title {
margin-top: 20px
}

.standard-sub-section+.row {
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;
font-size: 12px;
margin-bottom: 15px
}

.pending-deposit-info>div {
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%, #fff))
}

[data-payment-gateway] {
background-color: #262626;
color: #b2b0b9;
margin-top: 15px;
padding: 10px;
border-radius: 10px
}

[data-payment-gateway] .payment-method-title {
font-size: 16px;
margin: 5px 0
}

[data-payment-gateway="va"] .va-account-number {
font-size: 20px;
font-weight: 700;
background-color: #111;
color: #fff;
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: 14px
}

.how-to-pay-container ol {
padding-left: 20px;
margin-top: 5px
}

.how-to-pay-container ol li {
text-align: left;
font-size: 12px
}

.how-to-pay-container p {
font-size: 12px;
text-align: left
}

[data-payment-gateway="qris"] .qris-qr-code-container {
display: flex;
flex-direction: column;
align-items: center;
gap: 8px
}

[data-payment-gateway="qris"] .qris-admin-fee {
color: #f00
}

[data-payment-gateway="qris"] .qris-qr-code-container>img {
background-color: #fff
}

[data-payment-gateway="qris"] .qris-qr-code-container p {
margin: 0 auto;
max-width: 75%;
font-size: 12px
}

[data-payment-gateway] .download-qr-button {
display: flex;
justify-content: center;
align-items: center;
gap: 5px;
background: #f7a103;
background: linear-gradient(to right, #f7a103 0%, #ff6c00 100%);
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] .destination-account-info-container {
width: 100%;
display: flex;
flex-direction: column;
gap: 10px
}

[data-payment-gateway] .destination-account-info-container>div {
display: flex;
justify-content: space-between;
align-items: center;
gap: 10px;
overflow: hidden
}

[data-payment-gateway] .destination-account-info-container .destination-account-bank-info img {
width: auto;
height: 20px
}

[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: #fff
}

[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: #ddd
}

[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;
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;
font-size: 12px
}

[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
}

.xp-label,
.lp-label {
display: flex;
justify-content: center;
align-items: center;
font-size: 12px;
padding: 4px;
border-radius: 30px;
width: fit-content;
text-align: center;
line-height: 1;
border: 1px solid #b86800
}

.xp-label {
background-color: #6e6e6e;
color: #fff
}

.lp-label {
background-color: #ffa200;
color: #fff
}

.user-info-container .user-info-loyalty-section .user-info-loyalty-point .lp-label {
width: 27px;
height: 18px;
font-size: 12px;
font-weight: 750
}

.standard-checkbox-container {
display: flex;
align-items: center
}

.standard-checkbox-container.standard-checkbox-container label {
margin: 0;
color: #fff
}

.standard-checkbox-container input[type="checkbox"] {
margin-top: 0;
margin-right: 10px;
width: 15px;
height: 15px
}

.simple-form-note {
margin-top: 5px;
color: #f99702
}

.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: 40px 20px;
border-radius: 10px
}

.pending-transactions-container .pending-transactions-item .pending-transaction-remarks-container {
text-align: center
}

.pending-transactions-container .pending-transactions-item+.pending-transactions-item {
margin: 15px 0
}

.pending-transactions-container .pending-transactions-item .pending-deposit-title {
font-size: 16px;
font-weight: normal;
text-align: center
}

.pending-transactions-container .pending-transactions-item .pending-deposit-info>div span {
font-weight: normal
}

.pending-transactions-container .pending-transactions-item p {
text-align: center;
color: inherit;
font-style: italic;
font-size: 12px;
margin-bottom: 0
}

.pending-transactions-container .pending-transactions-item [data-payment-gateway] {
margin-top: 16px;
padding: 12px 12px 16px 12px;
border-radius: 10px;
box-shadow: 0 4px 4px 0 #00000040
}

.pending-transactions-container .pending-transactions-item [data-payment-gateway] hr {
margin: 10px 0;
border-top: 1px solid #353535;
border-bottom: 1px solid #353535
}

.pending-transactions-container .pending-transactions-item [data-payment-gateway="bank"] .download-qr-button {
margin: 0 auto
}

.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 [data-payment-gateway] .destination-account-holder-info>span,
.pending-transactions-container .pending-transactions-item [data-payment-gateway]
.destination-account-bank-info>div>span {
color: #bdbdbd
}

.pending-transactions-container.pending-transactions-container .pending-transactions-item [data-payment-gateway]
.destination-account-number-container>span {
font-size: 14px;
color: #fff
}

.pending-transactions-container .pending-transactions-item .pending-deposit-info {
display: flex;
justify-content: space-between;
align-items: center;
gap: 30px;
font-size: 12px;
text-align: left;
margin-bottom: 15px
}

.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:last-child {
text-align: right
}

.pending-transactions-container .pending-transactions-item .pending-deposit-info>div>span:first-child {
text-transform: uppercase;
font-weight: bold
}

.pending-transactions-container .pending-transactions-item .pending-deposit-info>div>span:last-child {
white-space: nowrap
}

.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%, #fff))
}

.pending-transactions-container .pending-transactions-item [data-payment-gateway] .payment-method-title {
font-size: 14px;
margin-top: 4px;
margin-bottom: 12px
}

.pending-transactions-container .pending-transactions-item [data-payment-gateway="va"] .va-account-number {
font-size: 14px;
font-weight: 700;
background-color: #111;
color: #fff;
width: max-content;
margin: 0 auto;
padding: 8px 12px;
display: flex;
justify-content: center;
gap: 15px;
border-radius: 5px;
max-width: 100%;
align-items: center
}

.pending-transactions-container .pending-transactions-item [data-payment-gateway="va"] .va-account-number
.account_number {
overflow-wrap: break-word;
width: calc(100% - 30px);
flex-grow: 1
}

.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 [data-payment-gateway="va"] .va-account-name strong {
font-size: 12px
}

.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: 12px
}

.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;
font-size: 10px
}

.pending-transactions-container .pending-transactions-item .how-to-pay-container p {
font-size: 10px;
text-align: left
}

.pending-transactions-container .pending-transactions-item [data-payment-gateway="qris"] .qris-qr-code-container {
display: flex;
flex-direction: column;
align-items: center;
gap: 8px
}

.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>img {
background-color: #fff
}

.pending-transactions-container .pending-transactions-item [data-payment-gateway="qris"] .qris-qr-code-container p {
margin: 0 auto;
max-width: 75%;
font-size: 12px
}

.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;
justify-content: space-between;
gap: 10px;
overflow: hidden
}

.pending-transactions-container .pending-transactions-item [data-payment-gateway] .destination-account-info-container
.destination-account-bank-info img {
width: auto;
height: 20px
}

.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: #fff
}

.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
}

.pending-transactions-container .pending-transactions-item [data-payment-gateway] .destination-account-info-container
.destination-account-holder-info>span {
color: #ddd
}

.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;
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;
font-size: 12px
}

.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: 12px
}

.pending-transactions-container .payment-link-container a {
margin-top: 16px;
width: 220px;
border-radius: 50px;
font-size: 14px
}

.no-data-container {
min-height: 300px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 20px
}

.no-data-container img {
width: 150px;
height: 150px;
filter: invert(1)
}

.empty-payment-account-note {
margin: 24px 0 12px 0;
padding: 8px 12px;
border: 1px dashed #a2a4a5;
border-radius: 4px;
text-align: center;
font-size: 12px;
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: 90%;
padding: 40px 16px;
border-radius: 8px;
background-color: #1a1a1a;
color: #fff
}

.otp-popup .otp-popup-content h4 {
margin: 0 0 12px 0;
font-size: 14px;
font-weight: 700;
text-align: center
}

.otp-popup .otp-popup-content p {
margin: 0;
font-size: 12px;
line-height: 16px;
text-align: center
}

.otp-popup .otp-popup-content span {
font-size: 12px;
font-weight: 700
}

.otp-popup .otp-popup-content .resend-button {
color: #f99702
}

.otp-popup .otp-popup-content .resend-button.disabled {
pointer-events: none;
color: #808080
}

.otp-popup .otp-popup-content .standard-button-group {
width: 100%;
margin-bottom: 0
}

.otp-popup .otp-popup-content .standard-button-group .standard-secondary-button {
width: 100%;
text-transform: capitalize;
font-size: 14px;
font-weight: 700
}

.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 #202020;
border-radius: 4px;
line-height: 50px;
font-size: 20px;
background-color: #080808;
color: #fff;
box-shadow: 0 0 3.1px 1px #392406
}

.otp-fake-inputs div.filled {
border-color: #c70
}

.otp-fake-inputs div.focused {
border-color: #c70;
box-shadow: 0 0 3.1px 1px #392406
}

.contact-verification-container .popup-loader-container {
display: flex;
align-items: center;
justify-content: center;
min-height: 250px
}

.contact-verification-container .phone-input-group [data-section="input"] .dialing-code-prefix {
top: 8px
}

.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 {
width: 100%
}

.contact-verification-popup .phone-input-group-wrapper .phone-input-group .country-code-dropdown {
height: 34px;
background-color: #141414;
border-color: #2c2c2c
}

.contact-verification-popup .phone-input-group-wrapper .phone-input-group [data-section="input"] .dialing-code-prefix {
font-size: 14px;
color: #dbdbdb
}

.contact-verification-popup .country-code-selection-dropdown {
background-color: #141414;
border-color: #2c2c2c
}

.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
}

.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 {
font-size: 12px
}

.contact-verification-section span {
color: #dbdbdb;
font-weight: 300
}

.contact-verification-section span.error {
color: #f00
}

.contact-verification-section .request-otp-button {
display: none
}

.contact-verification-section .standard-button-group .btn-primary {
width: 100%
}

.form-group.form-group label.error {
font-size: 12px;
font-weight: 400;
text-transform: unset;
color: #f00
}

.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: #461704;
border: 1px solid #ff6c00;
color: #fff
}

.bonus-selection-container .bonus-title-container {
display: flex;
flex-direction: column;
gap: 4px;
max-width: 75%
}

.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
}

.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 #fff;
color: #fff
}

.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: #111;
color: #fff
}

.bonus-selection-popup .bonus-selection-popup-content h2 {
margin: 0;
padding: 12px;
font-size: 14px;
font-weight: 700;
text-align: center
}

.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-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: #1d1c21;
border: 1px solid #42404c
}

.bonus-selection-list .bonus-selection-card.selected {
background: #461704;
border-color: #ff6c00
}

.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: #35333b;
border: 1px solid #5a5762;
border-radius: 2px;
font-size: 14px;
cursor: pointer
}

.bonus-selection-list .bonus-selection-card.selected .bonus-selection-card-content .title .bonus-button {
background-color: #3c1e1e;
border-color: #582c2c;
color: #ff7272
}

.bonus-selection-list .bonus-selection-card .bonus-selection-card-content h3 {
max-width: 90%;
margin: 0;
font-size: 14px;
font-weight: 900;
color: inherit
}

.bonus-selection-list .bonus-selection-card .bonus-selection-card-content h4 {
margin: 0;
font-size: 12px;
font-weight: 700;
color: inherit
}

.bonus-selection-list .bonus-selection-card .bonus-selection-card-content ul {
padding-left: 28px;
font-size: 10px;
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: #1d1c21;
z-index: 1
}

.bonus-selection-list .bonus-selection-card.selected .bonus-selection-card-footer {
background: #461704
}

.bonus-selection-list .bonus-selection-card[data-eligible="false"] .bonus-selection-card-footer {
background: #333
}

.bonus-selection-list .bonus-selection-card .bonus-selection-card-footer .end-date {
font-size: 12px;
font-weight: 700;
color: #f44032
}

.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: #fff
}

.bonus-selection-list .bonus-selection-card .bonus-selection-card-footer .terms-and-conditions-button img {
transform: rotate(90deg)
}

.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;
background: #3a3842;
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: 10px;
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: #333;
border: 1px solid #42404c
}

.bonus-selection-list .bonus-selection-card[data-eligible="false"] .bonus-selection-card-content {
color: #adadad;
pointer-events: none
}

.bonus-selection-list .bonus-selection-card .remarks-container {
font-size: 12px;
margin: 0 12px 12px 12px;
border-color: #e60105;
background: #4f0001
}

.bonus-selection-card-highlighted-section {
padding: 8px 12px;
border-radius: 4px;
font-size: 12px;
background: #ffffff26;
color: #d0d0d0
}

.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: 1032;
overflow-y: auto
}

.search-popup-container.open {
display: block
}

.search-container {
display: flex;
flex-direction: column;
gap: 8px;
min-height: 100vh;
padding-bottom: 20px;
background: #0a0a0a
}

.search-header {
position: relative
}

.search-header .search-title {
display: flex;
justify-content: center;
align-items: center;
gap: 10px;
padding: 10px 0;
font-size: 16px;
font-weight: 500;
color: #fff
}

.search-header .search-title img {
width: 16px;
height: 16px
}

.search-header .close-button {
position: absolute;
top: 50%;
right: 20px;
transform: translateY(-50%);
cursor: pointer
}

.search-header .close-button img {
width: 11px;
height: 11px
}

.search-input-container {
position: relative;
padding: 15px
}

.search-input-container input {
width: 100%;
height: 40px;
padding: 0 25px 0 10px;
font-size: 14px;
font-weight: 500;
border-radius: 4px;
background-color: #141414;
border: 1px solid #2b2b2b;
color: #fff
}

.search-input-container input:focus::placeholder {
color: transparent
}

.search-input-container input::placeholder {
color: #6c6c6c
}

.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: 12px;
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: 12px;
border-radius: 100px;
cursor: pointer;
background: #141414;
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: 12px;
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: 14px;
font-weight: 500;
background: #1d1d1d;
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: calc(100%/3);
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;
border-left: 1px solid #424242
}

.search-result-provider-list .provider-item img {
width: 68px;
height: 68px;
border-radius: 5px;
object-fit: contain
}

.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: 14px;
font-weight: 500;
color: #fff
}

.search-result-provider-list .provider-item .provider-item-info .provider-category {
display: none;
font-size: 12px;
font-weight: 500;
color: #6c6c6c
}

.search-result-provider-list[data-has-game-result="false"] {
display: flex;
flex-direction: column;
align-items: flex-start
}

.search-result-provider-list[data-has-game-result="false"] .provider-item {
width: 100%;
align-items: flex-start
}

.search-result-provider-list[data-has-game-result="false"] .provider-item+.provider-item {
padding: 8px 0;
border-top: 1px solid #424242;
border-left: 0
}

.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-direction: column;
padding: 0 15px
}

.search-result-game-list .game-item {
display: flex;
align-items: center;
gap: 11px;
padding: 8px 0;
border-bottom: 1px solid #424242
}

.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: 14px;
font-weight: 500;
line-height: 1;
color: #fff
}

.search-result-game-list .game-item .game-item-info .provider-name {
font-size: 12px;
font-weight: 500;
line-height: 1;
color: #6c6c6c
}

.no-search-result {
text-align: center;
color: #fff;
font-size: 14px
}

.loader-container {
display: none;
margin: 0 auto
}

.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 16px;
font-size: 12px;
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: #ffffff1a
}

.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: 37px;
height: 37px;
border-radius: 8px;
background-color: #4a9ee5
}

.standard-remark-notification .remark-notification-header .icon-container img {
width: 23px;
height: 23px
}

.standard-remark-notification .remark-notification-header .remark-notification-title {
flex-basis: calc(100% - 53px);
font-size: 14px;
font-weight: 700;
line-height: 16px;
color: #fff
}

.standard-remark-notification .remark-notification-content {
font-size: 12px;
font-weight: 500;
line-height: 16px;
color: #bebebe
}

.standard-remark-notification .remark-notification-content span {
font-weight: 700
}

.standard-outline-button {
display: block;
width: 100%;
padding: 8px 12px;
border-radius: 50px;
text-align: center;
font-size: 14px;
font-weight: 500;
border: 1px solid #f99702;
color: #fff
}

.standard-outline-button:hover {
color: #fff
}

.standard-outline-button.standard-outline-button {
margin: 0;
background-color: transparent
}

.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 {
flex-shrink: 0;
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: 12px;
font-weight: 500;
line-height: 100%
}

.standard-remarks-container .standard-remarks-content-container p {
text-align: left;
font-size: 10px;
font-weight: 500;
line-height: 14px;
color: #d8d8d8
}

.standard-remarks-container .standard-remarks-content-container p span {
font-size: 10px;
font-weight: 700;
color: #f99702
}

.standard-inline-button-group {
display: flex;
justify-content: center;
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;
font-size: 14px
}

.contact-verification-popup .standard-button-group.standard-button-group {
flex-direction: column
}

.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: #141414;
color: #dbdbdb;
border-color: #2c2c2c
}

.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
}

.contact-verification-popup .standard-button-group .standard-secondary-button.standard-secondary-button {
border: 0
}

.phone-input-group-wrapper {
display: flex;
flex-direction: column;
align-items: stretch
}

.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: 7px;
left: 8px;
pointer-events: none;
font-size: 14px;
color: var(--reg-forgot-simple-modal-input-text-pass-color)
}

.phone-input-group [data-section="input"] .contact-input {
padding-left: 36px
}

.phone-input-group .country-code-dropdown {
width: 74px;
height: 35px;
display: flex;
align-items: center;
justify-content: center;
gap: 6px;
border: 0;
border-radius: 5px;
cursor: pointer;
padding: 0 10px;
user-select: none;
background: #0c0c0c;
border: 1px solid #2a2a2a;
color: #fff
}

.phone-input-group .country-code-dropdown.readonly {
background-color: #393939;
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 #fff;
opacity: .9;
transform: translateY(1px)
}

.phone-input-group [data-section="input"]:has(.form-control[readonly]) .dialing-code-prefix {
color: #929292
}

.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: #0c0c0c;
border: 1px solid #2a2a2a;
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(--text)
}

.country-option:hover {
background: rgba(255, 255, 255, .05)
}

.country-option .name {
flex: 1
}

@media only screen and (max-width:1199px) {
.bonus-selection-popup .bonus-selection-popup-content {
width: 75%
}
}

@media only screen and (min-width:768px) {
.pending-transactions-container .pending-transactions-item p {
font-size: 12px
}

.pending-transactions-container .pending-transactions-item [data-payment-gateway] {
margin-top: 15px;
padding: 20px
}

.pending-transactions-container .pending-transactions-item [data-payment-gateway] .payment-method-title {
font-size: 16px;
margin-top: 5px;
margin-bottom: 5px
}

.pending-transactions-container .pending-transactions-item [data-payment-gateway="va"] .va-account-number {
font-size: 20px;
padding: 10px 40px;
max-width: 100%;
align-items: center
}

.pending-transactions-container .pending-transactions-item [data-payment-gateway="va"] .va-account-name strong {
font-size: 14px
}

.pending-transactions-container .pending-transactions-item .how-to-pay-container span {
font-size: 14px
}

.pending-transactions-container .pending-transactions-item .how-to-pay-container ol li {
font-size: 10px
}

.pending-transactions-container .pending-transactions-item .how-to-pay-container p {
font-size: 12px
}

.standard-form-title.with-back-icon a {
display: block
}

.pending-transactions-container .payment-link-container p {
font-size: 14px
}

.search-popup-container.open {
display: flex;
justify-content: center
}

.search-container {
width: 800px;
height: 80vh;
min-height: unset;
margin-top: 50px;
overflow-y: auto;
border-radius: 5px
}

.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
}

.recent-searches-container .recent-searches-title {
font-size: 14px
}

.recent-searches-container .search-history-container .search-history-item {
font-size: 14px
}

.search-result-provider-list .provider-item {
flex-basis: 25%
}

.search-result-game-list .game-item .game-item-info .game-name,
.search-result-provider-list .provider-item .provider-item-info .provider-name {
font-size: 16px
}

.search-result-game-list .game-item .game-item-info .provider-name,
.search-result-provider-list .provider-item .provider-item-info .provider-category {
font-size: 14px
}

.standard-remark-notification .remark-notification-header .icon-container {
width: 45px;
height: 45px
}

.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;
line-height: 20px
}

.standard-remark-notification .remark-notification-content {
font-size: 16px;
line-height: 24px
}

.otp-popup .otp-popup-content {
width: 500px
}

.standard-remarks-container .standard-remarks-content-container .standard-remarks-content-title {
font-size: 14px
}

.standard-remarks-container .standard-remarks-content-container p,
.standard-remarks-container .standard-remarks-content-container p span {
font-size: 12px
}

.contact-verification-container .phone-input-group [data-section="input"] .dialing-code-prefix {
top: 7px
}
}

.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
}

.standard-reporting-scroll-container .reporting-table tbody a.btn-primary {
color: #fff
}

.reporting-table tbody>tr>td {
vertical-align: middle;
white-space: nowrap
}

.reporting-table .standard-button-group {
margin: 0
}

.reporting-table p {
margin: 0;
color: inherit;
white-space: nowrap
}

@media only screen and (max-width:430px) {
.bonus-selection-popup .bonus-selection-popup-content {
width: 90%
}

.bonus-selection-container[data-selected="true"] .bonus-title-container .bonus-title {
font-size: 12px
}

.warning-prompt {
font-size: 12px
}
}

.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;
font-size: 14px
}

.payment-account-form-remarks {
padding: 16px;
border: 2px dashed #f24040;
color: #000;
background-color: #fabfbf;
border-radius: 8px;
margin-top: 20px
}

.standard-nav-tabs {
display: flex;
align-items: center;
gap: 8px;
margin: 16px 0
}

.standard-nav-tabs a {
display: flex;
align-items: center;
gap: 8px;
padding: 10px 16px;
font-size: 14px;
font-weight: 350;
line-height: 100%;
border-radius: 4px;
background-color: #2e2e2e;
color: #fff
}

.standard-nav-tabs a[data-active="true"] {
background: linear-gradient(90deg, #f7a103 0%, #ff6c00 100%)
}

.guaranteed-site-section {
display: grid;
justify-items: center
}

.guaranteed-site-section div {
margin-bottom: 15px
}

.reporting-detail-overlay {
position: fixed;
left: 0;
right: 0;
top: 204px;
bottom: 0;
z-index: 98;
display: none;
width: 100%;
height: calc(100vh - 290px);
overflow-y: auto;
padding: 16px
}

.reporting-detail-overlay.open {
display: flex;
flex-direction: column;
gap: 24px
}

.reporting-detail-overlay .reporting-detail-header .close-reporting-detail-button {
display: flex;
align-items: center;
gap: 9px;
width: max-content;
font-size: 20px
}

.reporting-detail-overlay .reporting-detail-header .close-reporting-detail-button img {
width: 18px;
height: 20px
}

body.has-apk-download-notification .reporting-detail-overlay {
top: 274px;
height: calc(100vh - 360px)
}

.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
}

.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
}

.back-button-container {
width: max-content;
font-size: 20px
}

.back-button-container a {
display: flex;
align-items: center;
gap: 9px;
color: #fff
}

.back-button-container img {
width: 18px;
height: 20px
}

.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 .amount {
color: var(--modal-body-resolved-trans-details-amount-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: var(--modal-body-resolved-trans-details-cntr-border);
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)
}

.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
}

.page-carousel img {
display: block;
margin: auto
}

.carousel-indicators li,
.carousel-indicators li.active {
border: 1px solid #fff;
background-color: transparent;
width: 10px;
height: 10px;
border-radius: 10px
}

.carousel-indicators li.active,
.carousel-indicators li.slick-active {
background-color: #ff8a00;
border-color: #ff8a00
}

@media only screen and (max-width:767px) {

.carousel-indicators li,
.carousel-indicators li.active,
.carousel-indicators li.slick-active {
width: 10px;
height: 10px;
border-radius: 10px
}
}

.site-side-menu-trigger-input {
visibility: hidden;
position: fixed;
left: -99em
}

.site-side-menu {
position: fixed;
top: 0;
left: 100%;
height: 100%;
width: 100%;
z-index: 1031;
transition: left .1s;
display: none
}

.site-side-menu ul {
margin: 0
}

.site-side-menu ul a {
color: inherit
}

.site-side-menu summary {
outline: 0;
list-style-type: none
}

.site-side-menu summary::-webkit-details-marker {
display: none
}

.site-side-menu summary>section {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%
}

.site-side-menu summary>section>span {
display: flex
}

.site-side-menu summary>section>img:last-child {
transition: transform .3s;
transform-origin: center;
width: 10px;
filter: invert(1)
}

.site-side-menu details[open]>summary>section {
color: #f58e00
}

.site-side-menu details[open]>summary>section>img:last-child {
transform: rotate(90deg)
}

.site-side-menu>label {
position: absolute;
height: 100%;
width: 100%;
background-color: rgba(0, 0, 0, .8)
}

.site-side-menu>ul {
position: absolute;
top: 0;
width: 60%;
right: 0;
bottom: 0;
background-color: #0a0a0a;
color: #fff;
font-size: 13px;
overflow: auto
}

.site-side-menu li>a,
.site-side-menu summary {
display: flex;
align-items: center;
background-color: #000;
color: #fff;
padding: 10px 15px
}

.site-side-menu li>a[data-active="true"] {
background-image: linear-gradient(to right, #572f14 0%, #101010 100%)
}

.site-side-menu li>a:hover,
.site-side-menu summary:hover {
color: #fff
}

.site-side-menu li+li,
.site-side-menu details article {
border-top: 2px solid #101010
}

.site-side-menu>ul>.telegram-bot,
.site-side-menu>ul>.telegram-bot-login {
margin: 0;
padding: 0
}

.site-side-menu>ul>li.telegram-bot+li,
.site-side-menu>ul>li.telegram-bot-login+li {
border-top: 0
}

.site-side-menu>ul>li .telegram-bot-link {
display: flex;
padding: 12px 8px 0;
border-left: 0;
background-color: #1a1a1a
}

.site-side-menu>ul>li .telegram-bot-link img {
width: 100%;
height: auto;
padding-bottom: 12px;
border-bottom: 1px solid #ffffff1a
}

.site-side-menu details details summary,
.site-side-menu details li>a {
padding-left: 45px
}

.site-side-menu details details li>a {
padding-left: 75px
}

.site-side-menu details details li[data-sub-link] a {
padding-left: 105px
}

.site-side-menu [data-icon] {
display: inline-block;
height: 18px;
width: 18px;
margin-right: 10px
}

.site-side-menu [data-icon] img {
width: 100%;
height: 100%
}

.site-side-menu details[open]>summary>section [data-icon] img,
.site-side-menu li>a[data-active="true"] [data-icon] img {
content: var(--image-src)
}

.site-side-menu details li>a .floating-icon {
max-height: 14px;
width: auto;
margin-left: 8px
}

.side-menu-user-info,
.side-menu-login-panel {
background-color: #101010;
padding: 12px 8px;
font-size: 12px;
gap: 8px;
background: #1a1a1a
}

.side-menu-user-info .profile-menu-user-info {
display: flex;
text-align: center;
align-items: center;
justify-content: space-between;
flex: 1;
margin-bottom: 4px;
line-height: 1
}

.side-menu-user-info .profile-menu-user-info .username {
font-size: 16px;
font-weight: 700;
font-family: 'FontsFreeNetAvenirLTStdBlack';
color: #ff7900
}

.side-menu-user-info .profile-menu-user-info .user-loyalty-menu {
display: flex;
align-items: center;
gap: 4px
}

.side-menu-user-info .profile-menu-user-info .user-loyalty-menu img {
width: 20px;
height: 20px
}

.side-menu-user-info .profile-menu-user-info .user-loyalty-menu .loyalty-level {
font-size: 14px;
font-weight: 750;
font-family: 'FontsFreeNetAvenirLTStdBlack';
background: -webkit-linear-gradient(#fff, #fff);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent
}

.side-menu-user-info .profile-menu-user-info .user-loyalty-menu .loyalty-level.bronze {
background: -webkit-linear-gradient(#d18a6d, #744a3b);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent
}

.side-menu-user-info .profile-menu-user-info .user-loyalty-menu .loyalty-level.silver {
background: -webkit-linear-gradient(#cecece, #727272);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent
}

.side-menu-user-info .profile-menu-user-info .user-loyalty-menu .loyalty-level.gold {
background: -webkit-linear-gradient(#ffe158, #775213);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent
}

.side-menu-user-info .profile-menu-user-info .user-loyalty-menu .loyalty-level.platinum {
background: -webkit-linear-gradient(#8cf2f2, #4d828a);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent
}

.side-menu-user-info .profile-menu-user-info .user-loyalty-menu .loyalty-level.diamond {
background: -webkit-linear-gradient(#4ebfe8, #134da3);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent
}

.side-menu-user-info>img,
.side-menu-user-info>picture>img {
height: 70px;
width: 70px;
margin-right: 10px
}

.side-menu-login-panel {
padding: 15px;
display: flex;
gap: 10px;
flex-direction: column
}

.side-menu-login-panel a.login-button,
.side-menu-login-panel a.register-button {
display: inline-block;
padding: 10px 15px;
background-color: #000;
color: #fff;
border: 1px solid #fff;
border-radius: 20px;
text-transform: uppercase;
margin: 0 2px;
font-family: 'FontsFreeNetAvenirLTStdBlack';
width: initial;
min-width: 100px;
text-align: center
}

.side-menu-login-panel a.register-button {
background-color: #f7a103;
background-image: linear-gradient(to right, #f7a103 0%, #ff6c00 100%);
border: 0
}

.side-menu-user-info .side-menu-balance-field {
display: flex;
align-items: center;
gap: 8px;
width: 100%;
padding: 8px;
font-size: 16px;
border-radius: 8px;
background-color: #000;
border: 1px solid #202020;
line-height: 1
}

.side-menu-user-info .side-menu-balance-field .balance {
color: #fff;
flex: 1;
border: 1px solid transparent
}

.side-menu-user-info .side-menu-balance-field .balance .locked-balance {
background: #222;
border-radius: 4px;
padding: 4px;
margin-top: 4px;
display: flex;
align-items: center;
line-height: 1
}

.side-menu-user-info .side-menu-balance-field .balance .locked-balance[hidden] {
display: none
}

.side-menu-user-info .side-menu-balance-field .balance .locked-balance .lock-balance-assets {
margin-right: 2px;
display: inline-flex;
align-items: center;
vertical-align: middle
}

.side-menu-user-info .side-menu-balance-field .balance .real-balance {
display: flex;
gap: 20px;
padding: 1px 0
}

.side-menu-user-info .side-menu-balance-field .balance .real-balance span {
color: #00fc12
}

.side-menu-user-info .side-menu-balance-field .balance .locked-balance span {
color: #00fc12;
margin-left: 10px
}

.side-menu-user-info .side-menu-balance-field .lp-label {
background: #ff9100;
padding: 2px 8px;
border-radius: 30px;
font-size: 12px;
font-weight: 700;
border: 2px solid #b86800
}

.side-menu-user-info .side-menu-balance-field .loyalty-point {
font-weight: 350;
color: #ffb800;
margin-left: 8px
}

.side-menu-user-info .side-menu-balance-field .xp-label {
padding: 2px 8px;
border-radius: 30px;
border: 2px solid #949494;
background: #444
}

.side-menu-user-info .side-menu-balance-field .experience-point {
font-weight: 350;
color: #fff
}

.side-menu-user-info {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center
}

.side-menu-user-info .avatar {
height: 80px;
width: 80px;
margin-right: 10px;
background-color: #000;
border: 6px solid #181818;
border-radius: 50%;
display: inline-flex;
align-items: center;
justify-content: center
}

.side-menu-user-info .avatar i {
font-size: 25px;
top: -5px;
color: #2e2e2e
}

.side-menu-user-info .balance-field {
font-size: 14px;
margin-top: 5px
}

.side-menu-user-info .balance>strong {
font-family: 'FontsFreeNetAvenirLTStdBlack';
color: #fff;
margin-right: 2px
}

.side-menu-user-info .buttons-container {
flex-basis: 100%;
text-align: center
}

.side-menu-user-info .buttons-container .logout-button {
background-color: #333;
color: #fff;
display: inline-block;
padding: 5px 25px;
border-radius: 20px;
text-transform: uppercase
}

@media only screen and (max-width:1199px) {
.site-side-menu {
display: block
}

.site-side-menu-trigger-input:checked+.site-side-menu {
left: 0
}
}

@media only screen and (max-width:767px) {
.site-side-menu>ul {
width: 80%
}
}

@media only screen and (max-width:500px) {
.side-menu-user-info {
justify-content: flex-start
}
}

.user-info {
display: flex;
flex-wrap: nowrap;
justify-content: flex-end;
color: #fff;
font-size: 12px
}

.user-info>a {
position: relative;
color: inherit;
padding: 10px 15px;
background-color: #1f1f1f
}

.user-info>a:hover {
color: #fff
}

.user-info>a .user-info-item {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
font-size: 12px;
color: inherit
}

.user-info>a .user-info-item[data-new-announcement="true"]:before {
content: attr(data-announcement-count);
position: absolute;
top: -5px;
right: 20px;
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>a .user-info-item[data-new-announcement="true"][data-announcement-count="0"]:before {
background: #808080
}

.user-info>a .user-info-item i {
font-size: 18px;
margin-bottom: 7px
}

.user-info>a[data-link='profile'] {
border-top-left-radius: 10px;
border-bottom-left-radius: 10px
}

.user-info>a[data-link='deposit'],
.user-info>a[data-link='download'],
.user-info>a[data-link='inbox'],
.user-info>a[data-link='redemption-store'],
.user-info>a[data-link='announcement'] {
border-left: 1px solid #2e2e2e
}

.user-info>a[data-link='logout'] {
background: none
}

.user-info>a[data-link='profile'],
.user-info>a[data-link='logout'] {
margin-left: 15px
}

.user-info>a[data-link='profile'],
.user-info>a[data-link='deposit'],
.user-info>a[data-link='inbox'],
.user-info>a[data-link='announcement'],
.user-info>a[data-link='logout'] {
min-width: 85px
}

.user-info button {
padding: 0;
border: 0;
background: none;
outline: 0;
color: #878787;
font-size: 18px;
margin-right: 10px
}

.user-info button:hover {
color: #fff
}

.user-info button[data-loading='true'] {
pointer-events: none;
animation: spin 2s linear infinite
}

@keyframes spin {
0% {
transform: rotate(0deg)
}

100% {
transform: rotate(360deg)
}
}

.user-info .wallet-container {
display: flex;
flex-wrap: nowrap;
flex-direction: row;
justify-content: center;
align-items: center;
font-size: 16px;
line-height: 1
}

.user-info .wallet-container .balance {
position: relative;
display: flex;
align-items: center
}

.user-info .wallet-container .balance>a {
color: #00fc12;
position: relative;
padding: 6px 0
}

.user-info .wallet-container .balance>a strong {
font-family: 'FontsFreeNetAvenirLTStdBlack';
color: #fff
}

.user-info .wallet-container .balance img {
width: 14px;
height: 14px
}

.user-info .wallet-container .balance>a:after {
content: '';
position: absolute;
top: 100%;
left: calc(50% - 2px);
width: 0;
height: 0;
border-top: solid 4px #fff;
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 #fff
}

.user-info .wallet-container .balance.open>.vendor-balances-container {
top: calc(100% + 4px);
left: 50%;
transform: translateX(-50%);
margin-top: 0
}

.user-info .wallet-container .balance .locked-balance {
background: #ffffff1a;
padding: 4px 8px;
border-radius: 30px;
margin-left: 5px;
display: flex;
align-items: center;
gap: 4px;
line-height: 1
}

.user-info .wallet-container .balance .locked-balance[hidden] {
display: none
}

.user-info .wallet-container .balance .locked-balance span {
color: #00fc12
}

.user-info .vendor-balances-container {
border: 3px solid #ff8a00;
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 #ff8a00;
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: #ff8a00;
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
}

.user-info .vendor-balances-container .vendor-balance-item {
padding: 5px 10px;
padding-right: 0;
font-weight: 750
}

.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
}

.user-info .unread-announcements-button {
position: relative;
margin: 0 15px
}

.user-info .unread-announcements-button:before {
content: attr(data-announcement-count);
position: absolute;
top: 0;
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%;
z-index: 2
}

.user-info .unread-announcements-button[data-announcement-count="0"]:before {
background: #808080
}

.user-info .unread-announcements-button i {
font-size: 25px;
color: #fff
}

.user-info-loyalty-section {
align-items: center;
padding-right: 105px
}

.user-info-loyalty-section .user-info-item:not(:last-child) {
margin-right: 12px
}

.user-info-loyalty-section .user-info-item:not(:first-child) {
border-left: 2px dotted #fff3;
height: 23px;
padding-left: 10px;
display: flex;
align-items: center;
font-size: 12px;
font-weight: 750
}

.user-info-loyalty-section .user-info-item:last-child {
border-left: 0
}

.user-info-loyalty-section .user-info-item .balance {
font-weight: 750
}

.user-info-loyalty-section .user-info-item a.telegram-btn,
.user-info-loyalty-section .user-info-item a.telegram-btn:hover {
color: #fff;
background-image: linear-gradient(to bottom, #0bb4ff, #036ca0);
padding: 5px 10px;
border-radius: 4px;
display: flex;
justify-content: center;
gap: 3px
}

.user-info .user-info-item.user-info-search-button {
margin-right: 4px
}

.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;
align-items: center
}

.user-info-loyalty-xp img {
width: 35px;
height: 35px
}

.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: #fff;
font-size: 12px;
font-weight: 750
}

.user-info-loyalty-xp .username-container .loyalty-xp-progress {
width: 100%;
height: 5px;
overflow: hidden;
border-radius: 5px;
cursor: pointer;
background-color: #000
}

.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::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-daily-reward {
height: 30px;
width: 30px;
background: center no-repeat;
background-size: contain
}

.user-info-daily-reward[data-daily-reward-available="true"] {
content: var(--chest-available-background);
cursor: pointer
}

.user-info-daily-reward[data-daily-reward-available="false"] {
content: var(--chest-claimed-background);
cursor: pointer
}

.user-info-loyalty-point {
display: flex;
align-items: center;
gap: 4px;
margin: 0 5px;
line-height: 1
}

.user-info-loyalty-point span {
position: relative;
color: #ffbe4c;
font-weight: 400
}

.user-info .language-selector-container {
margin-left: 0
}

@media only screen and (max-width:991px) {
.user-info>a {
display: none
}

.user-info.user-info .wallet-container {
display: none
}

.user-info .wallet-container .balance>a:after {
top: 100%
}

.user-info-loyalty-section {
display: none
}
}

@media only screen and (min-width:991px) {
.unread-announcements-button {
display: none
}
}

@media only screen and (max-width:1199px) {
.user-info-loyalty-section {
margin-top: 10px
}
}

@keyframes spin {
0% {
transform: rotate(0deg)
}

100% {
transform: rotate(360deg)
}
}

@media only screen and (max-width:768px) {
.user-info .vendor-balances-container {
width: 90vw;
max-width: 350px;
background-color: rgba(0, 0, 0, .85);
padding: 15px 30px;
padding-right: 40px;
padding-top: 30px;
border-radius: 15px;
text-align: left;
position: fixed
}

.user-info .vendor-balances-container .vendor-balances-header {
border-bottom: 2px solid #ff8a00;
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 {
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: calc(80vh - 100px);
overflow-y: auto;
width: calc(100% + 32px);
padding-right: 25px
}

.user-info .vendor-balances-container .vendor-balance-item {
padding: 5px 10px;
padding-right: 0
}

.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
}

.loyalty-info-container .user-info .balance-container {
position: relative;
display: flex;
flex-wrap: nowrap;
flex-direction: column;
width: 100%
}

.loyalty-info-container .user-info .balance-container .balance {
color: #fff;
line-height: 1;
font-size: 14px
}

.loyalty-info-container .user-info .balance-container .balance>a {
display: flex;
align-items: center;
gap: 5px;
color: #fff;
font-size: 14px;
font-weight: 700;
padding: 6px 20px 6px 8px
}

.loyalty-info-container .user-info .balance-container .balance>a>span {
color: #00ff12
}

.loyalty-info-container .user-info .balance.open>.dropdown-menu {
left: 0;
right: 0;
top: 45px;
margin: auto
}

.loyalty-info-container .user-info .balance {
position: relative;
background-color: #060606;
border-radius: 5px
}

.loyalty-info-container .user-info .balance a[data-toggle=dropdown]::after {
position: absolute;
right: 10px;
content: '';
display: block;
margin: auto;
margin-top: 1px;
width: 0;
height: 0;
border-top: solid 4px #fff;
border-left: solid 4px transparent;
border-right: solid 4px transparent
}

.loyalty-info-container .refresh-container button {
border: 0;
background: none;
outline: 0;
padding: 0
}

.loyalty-info-container .refresh-container button[data-loading='true'] {
pointer-events: none;
animation: spin 2s linear infinite
}

.loyalty-info-container .refresh-container img {
height: 18px;
width: 18px
}

.loyalty-info-container .loyalty-info .locked-balance-wrapper:not([data-locked-balance="true"]) .locked-balance {
display: none
}

.loyalty-info .locked-balance-wrapper .locked-balance {
color: #fff;
display: flex;
justify-content: space-between;
align-items: center;
font-size: 12px
}

.loyalty-info .locked-balance [data-icon="locked-balance"] {
display: inline-block;
height: 12px;
width: 12px;
margin-right: 3px
}

.loyalty-info .locked-balance .locked-balance-value span {
color: #00ff12
}

.loyalty-info-container {
display: flex;
flex-direction: column;
background-color: #242424
}

.loyalty-info-container .loyalty-pointer-right {
border-top: solid 4px transparent;
border-left: solid 4px #fff;
border-bottom: solid 4px transparent
}

.loyalty-info-container .loyalty-info {
background: linear-gradient(269.97deg, #1d1d1d -13.85%, #383737 112.2%);
padding: 8px 16px
}

.loyalty-info-container .loyalty-info .loyalty-info-wrapper {
display: flex;
justify-content: space-between;
align-items: center;
gap: 10px
}

.loyalty-info-container .loyalty-info .loyalty-info-wrapper .loyalty-username-section {
flex-basis: calc(40% - 10px)
}

.loyalty-info-container .loyalty-info .loyalty-info-wrapper .loyalty-username-section .username {
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
color: #fff
}

.loyalty-info-container .loyalty-info .user-info {
display: flex;
align-items: center;
min-width: 165px;
width: calc(50% - 8px)
}

.loyalty-info-container .loyalty-info .locked-balance-wrapper {
display: flex;
justify-content: space-between;
gap: 8px
}

.loyalty-info-container .loyalty-info .locked-balance-wrapper:before {
width: calc(40% - 10px);
content: " "
}

.loyalty-info-container .loyalty-info .locked-balance-wrapper:after {
width: 18px;
content: " "
}

.loyalty-info-container .loyalty-info .locked-balance-wrapper .locked-balance {
min-width: 160px;
width: calc(50% - 12px);
margin: 5px 6px 0 6px
}

.loyalty-info-container .loyalty-info .locked-balance-wrapper .locked-balance .locked-balance-label {
font-size: 10px
}

.loyalty-info-container .loyalty-info .locked-balance-wrapper .locked-balance-value {
display: flex;
align-items: center;
gap: 2px
}

.loyalty-info-container .loyalty-info .locked-balance-wrapper .locked-balance-value img {
display: block;
height: 12px;
width: 12px
}

.loyalty-info-container .loyalty-experience {
display: flex;
justify-content: space-between;
padding: 8px 16px;
background: #161616;
box-shadow: 0 2px 4px 0 #00000021 inset;
text-transform: uppercase
}

.loyalty-info-container .loyalty-experience .experience-point-section {
width: 100%
}

.loyalty-info-container .loyalty-experience .loyalty-point-section {
width: 100%;
border-left: 1px solid #3e3e3e;
border-right: 1px solid #3e3e3e;
margin: 0 15px;
padding: 0 15px
}

.loyalty-info-container .loyalty-experience .chest-section {
align-content: center
}

.loyalty-info-container .loyalty-experience .loyalty-experience-link {
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%
}

.loyalty-experience .experience-point-section .loyalty-point-badge {
display: flex;
align-items: center;
gap: 5px;
margin-bottom: 3px
}

.loyalty-experience .experience-point-section .loyalty-point-badge img {
width: 20px;
height: 20px
}

.loyalty-experience .experience-point-section .loyalty-point-badge .loyalty-level {
font-weight: 700;
font-size: 12px;
color: #fff
}

.loyalty-experience .experience-point-section .loyalty-experience-wrapper {
position: relative;
display: flex;
align-items: center;
gap: 8px
}

.loyalty-experience .experience-point-section .xp-label {
background-color: #444;
border: 2px solid #949494;
border-radius: 30px;
padding: 4px 6px 3px 6px;
font-family: 'FontsFreeNetAvenirLTStdBlack'
}

.loyalty-experience .experience-point-section .loyalty-experience-progress {
position: relative;
width: 100%;
height: 21px;
overflow: hidden;
background-color: #2d2d2d;
border-radius: 50px
}

.loyalty-experience .experience-point-section .loyalty-experience-progress span {
position: absolute;
top: 50%;
left: 45%;
transform: translate(-50%, -50%);
z-index: 2;
width: 100%;
white-space: nowrap;
text-align: right;
font-size: 12px;
color: #fff;
line-height: 1
}

.loyalty-experience .experience-point-section .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: 21px
}

.loyalty-experience .loyalty-point-section .loyalty-point-title {
display: flex;
align-items: center;
gap: 5px;
margin-bottom: 3px
}

.loyalty-experience .loyalty-point-section .loyalty-point-title img {
width: 14px;
height: 14px
}

.loyalty-experience .loyalty-point-section .loyalty-point-title span {
font-weight: 700;
font-size: 12px;
color: #fff
}

.loyalty-experience .loyalty-point-section .loyalty-point-info {
position: relative;
display: flex;
align-items: center;
gap: 8px
}

.loyalty-experience .loyalty-point-section .loyalty-point-info-lp {
width: 100%;
background-color: #2d2d2d;
display: flex;
align-items: center;
gap: 5px;
font-size: 12px;
color: #ffbe4c;
border-radius: 30px;
line-height: 1
}

.loyalty-experience .loyalty-point-section .lp-label {
border: 2px solid #b86800;
border-radius: 16px;
padding: 4px 6px 3px 6px;
font-family: 'FontsFreeNetAvenirLTStdBlack'
}

.loyalty-experience .chest-section .daily-reward {
width: 34px;
height: 34px;
flex-shrink: 0;
background: center no-repeat;
background-size: contain
}

.loyalty-experience .chest-section .daily-reward[data-daily-reward-available="true"] {
content: var(--chest-available-background)
}

.loyalty-experience .chest-section .daily-reward[data-daily-reward-available="false"] {
content: var(--chest-claimed-background)
}
}

.loyalty-top-bar-container {
background: linear-gradient(82.95deg, #161616 -41.64%, #3a3a3a 138.36%);
display: flex;
align-items: center;
border-radius: 16px;
padding: 16px;
color: #fff
}

.loyalty-top-bar-container .vr {
display: inline-block;
align-self: stretch;
width: 1px;
min-height: 1em;
background-color: #fff3;
margin: 0 20px
}

.loyalty-top-bar-container .chevron-right {
width: 16px;
height: 16px;
margin: 0 5px 0 20px;
filter: invert(1)
}

.loyalty-top-bar-container .xp-label,
.loyalty-top-bar-container .lp-label {
border: 1px solid;
padding: 3px 6px 1px 6px
}

.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 {
max-width: 56px;
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-family: 'FontsFreeNetAvenirLTStdBlack';
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: #92ff2d
}

.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 {
background-color: #444;
border-color: #949494;
border-radius: 30px;
font-size: 14px;
font-weight: 700
}

.loyalty-top-bar-container .loyalty-experience-section .loyalty-experience-item .loyalty-experience-bar
.loyalty-experience-progress {
position: relative;
width: 100%;
height: 20px;
overflow: hidden;
background-color: #0a0a0a;
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: 20px
}

.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: #f8e689;
margin-top: 6px;
line-height: 1.2
}

.loyalty-top-bar-container .loyalty-experience-section .loyalty-experience-message:before {
min-width: calc(56px + 12px);
content: " "
}

.loyalty-top-bar-container .loyalty-point-section {
flex-basis: 50%
}

.loyalty-top-bar-container .loyalty-point-section>div {
background-color: #0e0e0e;
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: 24px;
height: auto
}

.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 {
font-family: 'FontsFreeNetAvenirLTStdBlack';
text-transform: uppercase;
font-size: 16px
}

.loyalty-top-bar-container .loyalty-point-section .lp-label {
border-color: #b86800;
border-radius: 16px;
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: #0e0e0e;
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: 10px;
margin-bottom: 12px
}

.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: #a8a8a8;
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: 20px;
height: 20px
}

.loyalty-top-bar-container .modal .loyalty-benefit-modal-body .popup-title {
text-transform: none
}

.loyalty-top-bar-container .modal .loyalty-benefit-modal-body .lp-label {
width: auto;
height: auto;
font-size: 28px;
font-weight: 700;
border-color: #b86800;
padding: 6px 12px 3px 12px;
margin-bottom: 10px
}

@media only screen and (max-width:768px) {
.loyalty-top-bar-container {
flex-direction: column
}

.loyalty-top-bar-container .vr {
min-height: 1px;
width: 100%;
margin: 16px 0
}

.loyalty-top-bar-container .benefit-page-vr {
min-height: 0;
background-color: transparent;
margin: 10px 0
}

.loyalty-top-bar-container .xp-label,
.loyalty-top-bar-container .lp-label {
padding: 3px 6px 2px 6px
}

.loyalty-top-bar-container .loyalty-experience-section,
.loyalty-top-bar-container .loyalty-point-section,
.loyalty-top-bar-container .loyalty-benefit-section {
flex-basis: 100%;
width: 100%
}

.loyalty-top-bar-container .loyalty-experience-section .loyalty-badge img {
max-width: 46px;
width: 46px
}

.loyalty-top-bar-container .loyalty-experience-section .loyalty-experience-message:before {
min-width: calc(46px + 12px)
}

.loyalty-top-bar-container .loyalty-point-section .lp-label,
.loyalty-top-bar-container .loyalty-experience-section .loyalty-experience-item .loyalty-experience-bar .xp-label {
font-size: 12px
}

.loyalty-top-bar-container .loyalty-experience-section .loyalty-experience-item .loyalty-experience-bar
.loyalty-experience-progress,
.loyalty-top-bar-container .loyalty-experience-section .loyalty-experience-item .loyalty-experience-bar
.loyalty-experience-progress .progress {
height: 19px
}

.loyalty-top-bar-container .loyalty-experience-section .loyalty-experience-item .loyalty-experience-level .loyalty-level
{
font-size: 14px
}

.loyalty-top-bar-container .loyalty-experience-section .loyalty-experience-item .loyalty-experience-level
.loyalty-experience-amount,
.loyalty-top-bar-container .loyalty-point-section .loyalty-point-title span,
.loyalty-top-bar-container .loyalty-point-section .loyalty-point,
.loyalty-top-bar-container .loyalty-benefit-section>div {
font-size: 12px
}

.loyalty-top-bar-container .loyalty-point-section .refresh-container img {
width: 18px
}

.loyalty-top-bar-container .info-container .info-icon {
width: 14px;
height: 14px
}

.loyalty-top-bar-container .chevron-right {
margin: 0 0 0 4px
}
}

.layout-modal {
max-width: 450px
}

.layout-modal .modal-body {
padding: 40px
}

.layout-modal .form-group {
position: relative
}

.layout-modal .form-group+.form-group {
margin-top: 20px
}

.layout-modal .form-group>img,
.layout-modal .form-group>picture img {
height: 23px;
width: 27px;
position: absolute;
top: 5px;
left: 10px;
z-index: 1
}

.layout-modal .form-group [type=text],
.layout-modal .form-group [type=password] {
text-indent: 30px
}

.layout-modal .forgot-password-container .form-group [type=text],
.layout-modal .forgot-password-container .form-group [type=password] {
text-indent: 0
}

.layout-modal .standard-button-group {
margin-top: 25px
}

.layout-modal .forgot-password-link-container {
text-align: center;
margin: 20px 0
}

.layout-modal .forgot-password-link-container a {
color: #fff;
cursor: pointer
}

.layout-modal .forgot-password-link-container a:hover {
color: #f99702
}

.layout-modal .registration-note {
margin-top: 35px;
text-align: center
}

.layout-modal .registration-note a {
color: #f99702
}

.layout-modal .forgot-password-note {
line-height: 20px;
margin-top: 30px;
font-size: 14px;
color: #676767
}

@media(max-width:768px) {
.login-modal .modal-dialog {
background-color: #00000080
}
}

.play-now,
.free-play {
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
white-space: nowrap;
font-size: 14px;
border-radius: 18px;
padding: 5px 0;
margin: 5px 0;
min-width: 50%;
overflow: hidden;
text-decoration: none;
font-family: 'FontsFreeNetAvenirLTStdBlack';
color: #fff;
border: 1px solid transparent
}

.play-now:hover,
.free-play:hover {
text-decoration: none;
color: #fff
}

.free-play {
background-color: initial;
border-color: #fff
}

.free-play:hover {
background-color: #5f5f5f;
border-color: #5f5f5f
}

.play-now {
background: #f7a103;
background: linear-gradient(to right, #f7a103 0%, #ff6c00 100%)
}

.play-now:hover {
background-color: #ff6c00;
background-image: linear-gradient(to right, #ff6c00 0%, #f7a103 100%)
}

.game-container {
background-color: #222;
display: inline-block;
padding: 10px;
border-radius: 10px;
width: 200px
}

.game-container .game-wrapper {
position: relative;
overflow: hidden
}

.game-container .game-wrapper img {
width: 100%
}

.game-container .game-wrapper .link-container {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, .8);
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
display: none
}

.game-container .game-wrapper:hover .link-container,
.game-container .game-wrapper:active .link-container {
display: flex
}

.game-container .game-name {
padding: 10px;
font-size: 14px;
color: #fff;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis
}

.game-list .game-player {
display: flex;
gap: 8px;
justify-content: center;
align-items: baseline
}

.game-list .game-player .active-player {
width: 14px;
height: 14px;
background: var(--player-active) center no-repeat;
background-size: 14px
}

.game-list .game-player h5 {
color: #fff;
font-size: 12px;
font-weight: 700
}

.large-game-list-heading {
font-family: 'FontsFreeNetAvenirLTStdBlack';
border-left: 4px solid #ff8a00;
color: #fff;
font-size: 22px;
padding-left: 20px;
margin: 30px 0 20px
}

.large-game-list {
display: flex;
flex-wrap: wrap
}

.large-game-list>li {
flex-basis: calc((100% - 20px*2)/3);
margin: 10px 0;
position: relative
}

.large-game-list>li:nth-child(3n-1) {
margin-left: 20px;
margin-right: 20px
}

.large-game-list .game-info-link {
position: absolute;
top: 10px;
right: 15px;
color: #fff;
font-size: 20px
}

.large-game-list .link-container {
position: absolute;
top: 0;
left: 15px;
bottom: 0;
width: 36%;
padding-top: 16.5%
}

.large-game-list .link-container>h5 {
font-family: 'FontsFreeNetAvenirLTStdBlack';
text-transform: uppercase;
color: #fff;
font-size: 19px;
margin: 0;
line-height: 1.3
}

.large-game-list .link-container>a {
margin: 0;
padding: 8px 0;
margin-top: 10px
}

@media only screen and (max-width:1199px) {
.large-game-list>li {
flex-basis: calc((100% - 20px)/2)
}

.large-game-list>li:nth-child(3n-1) {
margin-left: 0;
margin-right: 0
}

.large-game-list>li:nth-child(2n) {
margin-left: 20px
}

.large-game-list .link-container {
padding-top: 75px
}
}

@media only screen and (max-width:992px) {

.play-now,
.free-play {
min-width: 75%
}

.large-game-list .link-container {
padding-top: 60px
}
}

@media only screen and (max-width:767px) {
.large-game-list-heading {
margin-left: -7px;
margin-right: -7px
}

.large-game-list {
justify-content: center;
margin-left: -7px;
margin-right: -7px
}

.large-game-list>li {
flex-basis: auto
}

.large-game-list>li:nth-child(3n-1) {
margin-left: 0;
margin-right: 0
}

.large-game-list>li:nth-child(2n) {
margin-left: 0
}

.large-game-list .link-container {
padding-top: 75px
}
}

@media only screen and (max-width:425px) {
.large-game-list .link-container {
padding-top: 65px
}

.large-game-list .link-container>h5 {
font-size: 16px
}

.large-game-list .link-container>a {
font-size: 12px
}
}

.wallet-bar {
display: flex;
justify-content: space-between;
align-items: center;
font-size: 18px;
padding-bottom: 15px;
margin-bottom: 15px;
border-bottom: 1px solid #1d1d1d
}

.wallet-bar .balance-field main {
display: flex;
align-items: center;
font-family: 'FontsFreeNetAvenirLTStdBlack';
color: #ff8a00
}

.wallet-bar .balance-field main .locked-balance i {
color: #fff;
margin-left: 10px;
font-size: 14px
}

.wallet-bar>button {
padding: 0;
border: 0;
background: none;
outline: 0;
color: #878787
}

.wallet-bar>button:hover {
color: #fff
}

.wallet-bar>button[data-loading='true'] {
pointer-events: none;
animation: spin 2s linear infinite
}

.shortcut-bar {
display: flex
}

.shortcut-bar a {
display: flex;
flex-direction: column;
align-content: center;
align-items: center;
padding: 10px 0;
border-radius: 8px;
color: #676767;
background-color: #2e2e2e;
background-image: linear-gradient(to bottom, #2e2e2e 0%, #141415 100%);
border: 1px solid #242424;
font-size: 14px;
width: calc((100% - 20px*2)/3)
}

.shortcut-bar a+a {
margin-left: 20px
}

.shortcut-bar a img {
width: 30px;
margin-bottom: 10px
}

.shortcut-bar a:hover img,
.shortcut-bar a[data-active='true'] img {
content: var(--image-src)
}

.shortcut-bar a:hover {
color: #fff
}

@media only screen and (max-width:767px) {
.wallet-bar {
font-size: 16px;
padding: 10px;
margin-bottom: 5px
}

.shortcut-bar a {
padding: 10px;
font-size: 12px;
width: calc((100% - 5px*2)/3)
}

.shortcut-bar a+a {
margin-left: 5px
}

.shortcut-bar a img {
width: 25px;
margin-bottom: 5px
}
}

.page-description {
padding: 45px 0;
background-color: #0f0f0f;
text-align: center;
color: #fff
}

.page-description h1 {
font-size: 40px;
margin: 0 0 30px;
line-height: 1.2;
font-weight: normal;
text-transform: uppercase
}

.page-description p {
font-size: 14px;
line-height: 1.6;
margin-bottom: 20px
}

.page-description a {
display: inline-block;
padding: 10px 80px;
border-radius: 65px;
font-size: 20px;
font-family: 'FontsFreeNetAvenirLTStdBlack';
text-transform: uppercase;
color: #fff;
background-color: #f99802;
background-image: linear-gradient(to bottom, #f99802 0%, #fe7000 100%)
}

.page-description a:hover {
background-color: #fe7000;
background-image: linear-gradient(to bottom, #fe7000 0%, #f99802 100%);
color: inherit
}

@media only screen and (max-width:768px) {
.page-description h1 {
font-size: 24px;
margin: 0 0 10px
}

.page-description p {
font-size: 12px;
line-height: 1.4
}
}

.pending-transaction-section {
color: #fff;
margin-bottom: 12px
}

.pending-transaction-section .head {
display: flex;
justify-content: space-between
}

.pending-transaction-carousel {
display: flex;
flex-direction: row;
width: 100%;
max-width: 100%;
overflow-x: scroll;
gap: 8px;
scroll-snap-type: x mandatory;
scroll-behavior: smooth;
padding: 16px 0
}

.transaction-item {
width: calc(100% - 16px);
min-height: 72px;
max-height: 120px;
scroll-snap-align: start;
flex-shrink: 0;
padding: 16px 12px;
border-radius: 8px;
display: flex;
flex-direction: column;
justify-content: center;
gap: 8px;
cursor: pointer
}

.transaction-item .info-section {
display: flex;
align-items: center;
gap: 8px
}

.transaction-item img {
height: 38px;
width: 38px
}

.transaction-item .info-section .details {
flex-grow: 1;
display: flex;
flex-direction: row;
justify-content: space-between;
font-size: 14px
}

.transaction-item .info-section .details .highlight {
padding-left: 4px;
color: #f99702
}

.transaction-item .info-section .details small {
font-size: 12px
}

.transaction-item .info-section .details small.ticket-number {
display: flex;
gap: 4px;
align-items: center
}

.transaction-item .info-section .details small .copy-btn {
height: 12px;
width: auto;
filter: invert(50%);
cursor: pointer
}

.transaction-item .info-section .details>div:last-child {
text-align: right
}

.transaction-item .download-qr-btn {
align-self: flex-end;
border: 0;
border-radius: 100px
}

.transaction-item.transfer-status-7 .info-section .details .highlight {
color: #ff695e
}

.transaction-item.transfer-type-3:not(.transfer-status-7) .info-section .details .primary.amount,
.transaction-item.transfer-type-5:not(.transfer-status-7) .info-section .details .primary.amount.positive {
color: #66f480
}

.transaction-item.transfer-type-3:not(.transfer-status-7) .info-section .details .primary.amount:before,
.transaction-item.transfer-type-5:not(.transfer-status-7) .info-section .details .primary.amount.positive:before {
content: "+"
}

.transaction-item.transfer-type-4:not(.transfer-status-7) .info-section .details .primary.amount:before {
content: "-"
}

table:has(+.empty-table-container) {
margin-bottom: 0;
padding-bottom: 0
}

table tr td {
cursor: pointer
}

.empty-table-container {
width: 100%;
height: 370px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 16px
}

.transaction-report-list {
display: flex;
flex-direction: column;
gap: 24px
}

.transaction-report-group-container {
display: flex;
flex-direction: column;
gap: 12px
}

.transaction-report-group-container .transaction-report-group-title {
font-weight: 500;
font-size: 14px;
line-height: 16px;
color: var(--pending-trans-car-item-info-section-details-primary-color)
}

.transaction-report-group-container .transaction-report-group-details {
border-radius: 8px;
overflow: hidden
}

.transaction-report-group-container .transaction-report-group-details .transaction-item {
width: 100%;
border-radius: 0
}

.transaction-report-group-container .transaction-report-group-details .transaction-item:not(:first-child) {
border-top: 1px solid #242424
}

.pending-transaction-detail-container {
display: flex;
flex-direction: column;
gap: 24px
}

.pending-transaction-detail-container .pending {
color: #f99702
}

.pending-transaction-detail-container .pending-transaction-detail-header {
display: flex;
flex-direction: column;
align-items: center;
gap: 16px
}

.pending-transaction-detail-container .pending-transaction-detail-header img {
width: 74px;
height: 74px
}

.pending-transaction-detail-container .pending-transaction-detail-header .payment-method-info-container {
display: flex;
flex-direction: column;
align-items: center;
gap: 8px
}

.pending-transaction-detail-container .pending-transaction-detail-header .payment-method-info-container .status-title {
line-height: 16px;
font-size: 16px;
font-weight: 500
}

.pending-transaction-detail-container .pending-transaction-detail-header .payment-method-info-container .payment-method
{
line-height: 16px;
font-size: 12px;
font-weight: 500
}

.pending-transaction-detail-body {
display: flex;
flex-direction: column;
gap: 16px
}

.pending-transaction-payment-link-container {
display: flex;
flex-direction: column;
align-items: center;
gap: 12px
}

.pending-transaction-payment-link-container a {
color: #f99702
}

.pending-transaction-detail-card {
display: flex;
flex-direction: column;
border-radius: 8px
}

.pending-transaction-detail-card>div {
display: flex;
justify-content: space-between;
align-items: center;
gap: 8px;
padding: 12px;
font-size: 14px
}

.pending-transaction-detail-card>div .bank-icon {
max-width: 120px;
max-height: 20px
}

.pending-transaction-detail-card>div>div {
width: calc((100% - 8px)/2);
flex-grow: 0;
flex-shrink: 0
}

.pending-transaction-detail-card>div>div:first-child,
.pending-transaction-detail-card>div>span:first-child {
text-align: left
}

.pending-transaction-detail-card .destination-account-name {
text-align: left
}

.pending-transaction-detail-card .destination-account-number-section .destination-account-number {
width: 80%;
display: flex;
flex-direction: column;
gap: 4px;
font-size: 20px;
font-weight: 500;
line-height: 24px
}

.pending-transaction-detail-card .destination-account-number-section .destination-account-number span {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
text-align: left
}

.pending-transaction-detail-card .destination-account-number-section .destination-account-number
.payment-account-name-label {
font-size: 12px
}

.pending-transaction-detail-card[data-payment-type="CRYPTO"] .destination-account-number-section,
.pending-transaction-detail-card[data-payment-type="QR"] .destination-account-number-section {
align-items: end
}

.pending-transaction-detail-card[data-payment-type="QR"] .destination-account-number-section .destination-account-number
{
font-size: 16px
}

.pending-transaction-detail-card[data-payment-type="QR"] .destination-account-number-section .destination-account-number
.payment-account-name-label {
font-size: 14px
}

.pending-transaction-detail-card .destination-account-number-section .standard-button-group {
width: max-content;
text-align: right
}

.pending-transaction-detail-card .standard-button-group,
.pending-transaction-detail-card .standard-button-group .btn {
width: 100%;
margin: 0;
text-transform: capitalize;
color: #fff
}

.pending-transaction-detail-card .copy-account-number-button {
padding: 4px 8px;
margin: 0
}

.pending-transaction-detail-card .pending-transaction-detail-qr-code-container {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
gap: 16px
}

.pending-transaction-detail-card .pending-transaction-detail-qr-code-container img {
width: 156px;
height: 156px;
border-radius: 8px;
background-color: #fff
}

.pending-transaction-detail-card .pending-transaction-detail-qr-code-container br {
display: none
}

.pending-transaction-detail-card .pending-transaction-detail-qr-code-container p {
margin: 0;
font-size: 14px;
text-align: center
}

.pending-transaction-detail-card .pending-transaction-detail-qr-code-container .standard-button-group {
align-self: stretch
}

.pending-transaction-remarks {
display: flex;
justify-content: center;
align-items: center;
padding: 12px;
border-radius: 4px;
text-align: center;
background-color: #ff575726;
border: 1px dashed #ff5757
}

.pending-transaction-info-section {
display: flex;
flex-direction: column;
gap: 8px
}

.pending-transaction-info-section .icon {
width: 16px;
height: 16px;
margin-top: -2px
}

.pending-transaction-info-section .icon.chevron-icon {
width: 16px;
height: 16px;
transform: rotate(270deg)
}

.pending-transaction-info-section.open .icon.chevron-icon {
transform: rotate(90deg)
}

.pending-transaction-info-section .info-section-header {
padding: 16px
}

.pending-transaction-info-section .info-section-body {
display: none;
padding: 0 16px 16px
}

.pending-transaction-info-section.open .info-section-body {
display: flex;
flex-direction: column;
gap: 10px;
border-top: 0
}

.pending-transaction-info-section .info-section-body>div {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%
}

.pending-transaction-info-section .info-section-body>div>div {
width: calc((100% - 8px)/2);
flex-grow: 0;
flex-shrink: 0;
display: flex;
align-items: center;
gap: 4px
}

.pending-transaction-info-section .info-section-body>div>div:nth-child(2) {
justify-content: flex-end;
text-align: right
}

.pending-transaction-info-section .info-section-body .link-container {
display: flex;
justify-content: center;
gap: 4px
}

.how-to-pay-list {
list-style: decimal;
padding-left: 24px
}

.how-to-pay-list li {
margin-bottom: 8px;
padding-left: 8px;
text-align: left
}

.bet-report-item .info-section .details {
flex-wrap: wrap;
gap: 8px
}

.bet-report-item .info-section .details>div {
font-weight: 500;
line-height: 16px
}

.bet-report-item .info-section .details .bet-date {
width: 100%;
font-size: 14px
}

.bet-report-item .info-section .details .detail-label {
flex-basis: 50%;
font-size: 12px
}

.bet-report-item .info-section .details .detail-value {
flex-basis: calc(50% - 8px);
font-size: 16px
}

.bet-report-detail-container .info-section-header {
margin: 16px 16px 8px 16px;
padding: 0 0 16px 0
}

.bet-report-detail-container .section-title {
margin: 0;
font-size: 16px;
font-weight: 700
}

.bet-report-detail-inner-card {
border-radius: 8px
}

.bet-report-detail-inner-card.pending-transaction-info-section .info-section-body {
width: 100%;
padding: 16px
}

.bet-report-detail-inner-card.pending-transaction-info-section .info-section-body:not(:first-child) {
border-top: 1px solid #424242
}

.transactions-table.table {
font-weight: 600;
font-size: 14px;
border-radius: 8px;
border: 1px solid #2f2f2f;
background: #101010
}

.transactions-table.table thead {
background: #101010;
color: #bdbdbd;
border: 1px solid #2f2f2f
}

.transactions-table.table thead tr th {
color: #bdbdbd
}

.transactions-table.table tbody {
background: #101010;
color: #fff
}

.transactions-table.table thead>tr>th,
.transactions-table.table tbody>tr>th,
.transactions-table.table thead>tr>td,
.transactions-table.table tbody>tr>td {
border: 0;
padding: 16px 6px
}

.transactions-table.table thead tr th:first-child,
.transactions-table.table tbody tr td:first-child {
padding-left: 16px
}

.transactions-table.table tbody tr td {
color: #fff
}

.transactions-table.table thead tr th:last-child,
.transactions-table.table tbody tr td:last-child {
padding-right: 16px
}

.transactions-table.table tbody span.transfer-status-4,
.transactions-table.table tbody span.transfer-status-4 {
color: #66f480
}

.transactions-table.table tbody span.transfer-status-7,
.transactions-table.table tbody span.transfer-status-8 {
color: #ff695e
}

.transactions-table.table tbody span.transfer-status-1,
.transactions-table.table tbody span.transfer-status-2 {
color: #f99702
}

.transactions-table.table .transfer-type-3.transfer-status-4::before,
.transactions-table.table .positive.transfer-type-5.transfer-status-4::before {
content: '+ '
}

.transactions-table.table .transfer-type-4.transfer-status-4::before {
content: '- '
}

.transactions-table.table tbody span.amount:not(.transfer-status-4),
.transactions-table.table tbody span.amount:not(.transfer-type-3) {
color: #fff
}

.transactions-table.table tbody span.amount.positive.transfer-status-4:not(.transfer-type-4) {
color: #66f480
}

.transactions-table.table tbody tr:nth-child(odd) td {
background-color: #101010
}

.transactions-table.table tbody tr:nth-child(even) td {
background-color: #212121
}

.transactions-table.table tfoot>tr>td {
border: 0
}

.transactions-table+.empty-table-container {
background-color: #101010;
color: #888;
border: 1px solid #2f2f2f
}

.transactions-table tfoot>tr>td,
.transactions-table .pagination-section {
text-align: right;
font-size: 14px;
margin-top: 16px
}

.transactions-table tfoot>tr>td>a,
.transactions-table .pagination-section a {
margin: 0 4px
}

.transactions-table .reporting-button-group {
margin: 0
}

.transactions-table .reporting-button-group .btn {
width: 100px;
padding: 4px 8px
}

.free-spin-report-list {
display: flex;
flex-direction: column;
gap: 12px
}

.free-spin-report-container {
display: flex;
flex-direction: column;
gap: 12px;
background-color: #191919;
padding: 16px 12px;
border-radius: 8px;
font-weight: 600
}

.free-spin-report-container .free-spin-report-title {
font-size: 14px;
line-height: 16px;
color: #fff
}

.free-spin-report-container .free-spin-report-item-details {
display: flex;
flex-direction: column;
gap: 8px;
color: #bdbdbd
}

.free-spin-report-container .free-spin-report-item-details .free-spin-report-item-row {
display: flex;
justify-content: space-between
}

.free-spin-report-container .free-spin-report-item-details .free-spin-report-item-row>div {
display: flex;
gap: 4px
}

.free-spin-report-container .free-spin-report-item-details
.free-spin-report-item-row>div:has(.status-label.free-spin-status-2)>img {
filter: brightness(0) invert(1) brightness(.741)
}

.free-spin-report-container .free-spin-report-item-details .free-spin-report-item-row .status-label.free-spin-status-1 {
color: #feb944
}

.free-spin-report-container .free-spin-report-item-details .free-spin-report-item-row .status-label.free-spin-status-2 {
color: #bdbdbd
}

.free-spin-report-container .free-spin-report-item-details .free-spin-report-item-row .status-label.free-spin-status-3 {
color: #6ff082
}

.free-spin-report-container .free-spin-report-item-details .free-spin-report-item-row .status-label.free-spin-status-4,
.free-spin-report-container .free-spin-report-item-details .free-spin-report-item-row .status-label.free-spin-status-5 {
color: #ff8181
}

.free-spin-report-container .standard-secondary-button {
margin: 0;
text-align: center;
text-transform: capitalize;
border-radius: 100px;
padding: 8px;
font-weight: 400;
background: linear-gradient(to bottom, #fbeb8c 0%, #9d7e39 100%);
color: #fff
}

.free-spin-report-container .standard-secondary-button.disabled {
background: #4e4e4e;
color: #a0a0a0;
border-color: #4e4e4e;
pointer-events: none
}

.standard-inner-container:has(.free-spin-report-list) {
background: transparent
}

@media only screen and (min-width:768px) {
.pending-transaction-carousel .transaction-item {
width: calc(100%/2.25)
}
}

.tickercontainer {
margin: 0;
padding: 0;
overflow: hidden;
text-align: center
}

.tickercontainer .mask {
position: relative;
width: 100%;
overflow: hidden;
overflow: hidden
}

ul.newsticker {
position: relative;
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
display: flex
}

ul.newsticker li {
margin: 0;
font-size: 12px;
padding: 0 25px 0 0;
white-space: nowrap
}

ul.er-controls {
list-style: none;
display: inline-block;
padding: 0
}

ul.er-controls>li {
display: inline-block;
padding: 0 10px;
background: #f0f0f0;
margin: 5px;
border-radius: 5px;
height: 40px;
line-height: 40px
}

ul.er-controls>li:hover {
background: #f5f5f5;
cursor: pointer
}

body.overlay {
overflow: hidden
}

#backdrop_overlay {
width: 100vw;
height: 100vh;
position: fixed;
background-color: rgba(0, 0, 0, .3);
z-index: 100;
display: none;
opacity: 0;
top: 0;
left: 0
}

#backdrop_overlay.displayed {
display: block;
opacity: 1
}

.drawer-container {
position: fixed;
left: 0;
right: 0;
bottom: 0;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
background-color: #252525;
width: 100%;
overflow-y: auto;
overflow-x: hidden;
max-width: var(--body-width-desktop);
max-height: 65vh;
padding: 5px 16px;
visibility: hidden;
opacity: 0;
transform: translate3d(0, 100%, 0);
transition: transform .5s ease .1s, visibility .5s ease .1s, opacity .25s ease .1s;
margin-left: auto;
margin-right: auto;
text-align: center;
z-index: 101;
transform: translate3d(0, 100%, 0);
display: flex;
flex-direction: column;
gap: 16px;
font-size: 16px;
color: #fff
}

.drawer-handle {
padding: 10px 20px;
position: relative;
cursor: pointer;
flex-grow: 2
}

.drawer-handle:after {
content: ' ';
max-width: 90vw;
width: 100px;
height: 3px;
background-color: #ddd;
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%);
border-radius: 10px
}

.drawer-container.displayed {
opacity: 1;
visibility: visible;
transform: translate3d(0, 0, 0)
}

.drawer-container .drawer-header {
text-align: initial;
margin-bottom: 5px;
flex-grow: 2
}

.drawer-container .drawer-content {
text-align: initial;
max-height: calc(90vh - 150px);
overflow-y: auto;
flex-grow: 1;
margin-bottom: 10px
}

.drawer-container .drawer-footer {
flex-grow: 2;
margin-bottom: 10px
}

.drawer-container.displayed .drawer-content div {
background: inherit;
flex-direction: column
}

.drawer-container.displayed .drawer-content div label {
display: flex;
background: inherit;
justify-content: space-between;
width: calc(100% - 4px);
font-weight: 500;
font-size: 14px
}

.drawer-container.displayed .drawer-content div label input[type='radio'] {
margin: 0;
position: relative
}

.drawer-container.displayed .drawer-content div label input[type='radio']:before {
content: " ";
display: inline-block;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
margin: 0;
width: 17px;
height: 17px;
border-radius: 50px;
border: 1px solid #6f6f6f;
background-color: #363636
}

.drawer-container.displayed .drawer-content div label input[type='radio']:checked:before {
background-color: #363636;
border-color: #f8e689
}

.drawer-container.displayed .drawer-content div label input[type=radio]:checked:after {
content: " ";
position: absolute;
border-radius: 50px;
width: 11px;
height: 11px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: #f8e689
}

.announcement-outer-container {
max-height: 38px;
overflow-y: hidden;
background-color: #2d2c2c;
padding: 10px 0;
color: #fff
}

.announcement-container {
display: flex;
align-items: center;
font-size: 13px
}

.announcement-container>[data-section="date"] {
display: flex;
justify-content: space-between;
align-items: center;
padding-right: 10px;
white-space: nowrap
}

.announcement-container>[data-section="date"] [data-icon="news"] {
display: inline-block;
height: 16px;
width: 17px;
margin-left: 15px;
background: center no-repeat;
background-size: contain;
background-image: var(--image-src)
}

.announcement-container>[data-section="announcements"] {
flex-grow: 1;
overflow: hidden;
color: #ff8a00
}

@media only screen and (max-width:991px) {
.announcement-outer-container {
max-height: 33px
}

.announcement-container>[data-section="date"] {
font-size: 0
}

.announcement-container>[data-section="date"] [data-icon="news"] {
margin-left: 0
}
}

.banner,
.banner .slick-slide img {
aspect-ratio: 1920/613
}

.banner-carousel.slick-initialized {
height: auto;
display: block
}

.banner .carousel .carousel-inner>.item>a {
display: block
}

.banner .carousel .carousel-inner>.item.active>a img {
animation: zoom 20s
}

.banner .carousel-indicators li button {
display: none
}

.banner-group-vertical .carousel-indicators {
bottom: 50%;
transform: translateY(50%);
right: 25px;
left: unset;
width: 20px
}

.banner-group-vertical .carousel-indicators li {
display: block;
margin-bottom: 2px
}

.banner-carousel>div:first-child img {
display: block;
aspect-ratio: 1920/613;
height: auto;
width: 100%;
line-height: 1
}

.banner-carousel>div:not(:first-child),
.banner-carousel>div:first-child>a:not(:first-child) {
display: none
}

.progressive-jackpot-outer-container {
padding: 30px 0
}

.home-progressive-jackpot {
background-image: none;
border-radius: 30px;
color: #fff;
padding: 0;
display: flex
}

.home-progressive-jackpot .outer-container {
display: flex;
flex-grow: 1;
padding: 0;
background-color: transparent;
border-radius: 100px
}

.home-progressive-jackpot .inner-container {
display: flex;
flex-grow: 1;
padding: 0;
border-radius: 100px;
background-image: none
}

.home-progressive-jackpot .border-container {
display: flex;
flex-direction: column;
align-items: center;
gap: 0;
flex-grow: 1;
padding: 0;
border-radius: 100px;
background-color: transparent;
border: 0
}

.home-progressive-jackpot .jackpot-container {
display: flex;
justify-content: center;
align-items: center;
flex-grow: 2;
font-family: 'Open24DisplaySt';
font-size: 28px;
letter-spacing: 5px;
background-image: linear-gradient(#fe7100, #000);
border-radius: 70px;
padding: 10px;
width: 100%
}

.home-progressive-jackpot .jackpot-inner-container {
background-color: #000;
display: flex;
flex-grow: 2;
justify-content: center;
border-radius: 50px;
padding: 10px
}

.home-progressive-jackpot .jackpot-border-container {
display: flex;
flex-grow: 2;
justify-content: center;
border-radius: 50px;
border: 3px dotted #552d00;
line-height: 30px;
padding-bottom: 5px
}

.home-progressive-jackpot .jackpot-currency {
color: #fb8601;
margin-right: 10px
}

.home-progressive-jackpot .jackpot-play-section {
display: flex;
flex-direction: column;
align-items: flex-end;
margin-left: 0
}

.home-progressive-jackpot .jackpot-play-section .jackpot-play-text {
font-family: 'gilroybold';
color: #fd6f16;
font-size: 24px;
text-transform: uppercase;
line-height: 1
}

.home-progressive-jackpot .jackpot-play-section .jackpot-play-text label {
color: #009fc5
}

.home-progressive-jackpot .jackpot-play-section img {
height: auto;
width: 64px
}

.home-progressive-jackpot .jackpot-play-section img.mobile {
display: block
}

.home-progressive-jackpot .jackpot-play-section img.desktop {
display: none
}

.home-component-group {
display: flex;
justify-content: space-between;
margin: 20px 0
}

.home-component-group+.home-component-item {
padding-left: 7px;
padding-right: 7px
}

.home-component-group+.home-component-item .new-slots-games-header {
padding-left: 5px
}

.home-component-group>.home-component-item {
width: calc(70% - 10px)
}

.home-component-group>.home-component-sub-group {
width: calc(30% - 10px);
display: flex;
flex-direction: column;
justify-content: space-between
}

.home-component-group .home-component-item {
margin: 0
}

.home-component-group .home-component-item.lottery-result-container {
margin-top: 20px
}

.home-component-item {
background: #151515;
padding: 30px 12px 12px 12px;
border-radius: 15px;
margin: 25px 0;
overflow: hidden;
display: flex;
flex-direction: column;
align-items: stretch
}

.home-component-item .h2 {
color: #fff;
font-family: 'FontsFreeNetAvenirLTStdBlack';
font-size: 20px;
border-left: 5px solid #ff8a00;
padding-left: 15px;
margin: 0 0 20px;
text-transform: uppercase
}

.lottery-result-container {
flex-grow: 1;
color: #fff;
padding: 20px 0 0;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center
}

.lottery-result-container>.h3 {
text-transform: uppercase;
font-size: 14px;
display: inline-block;
border: 2px solid #fb8601;
border-radius: 35px;
margin: 0;
padding: 5px 25px
}

.lottery-result-container>main {
font-family: 'FontsFreeNetAvenirLTStdBlack';
margin: 5px 0;
font-size: 49px
}

.lottery-result-container>.h4 {
width: 100%;
text-align: center;
background-color: #fb8601;
font-size: 14px;
padding: 5px 0;
margin: 0
}

.slots-winner-list-container {
height: 130px;
overflow: hidden
}

.slots-winner-list {
width: 100%
}

.slots-winner {
background-color: #1f1f1f;
padding: 15px;
border-radius: 10px;
display: flex
}

.slots-winner img {
width: 100px
}

.slots-winner .winner-info {
color: #a5a5a5;
font-size: 14px;
margin-left: 10px;
display: flex;
flex-direction: column;
justify-content: center
}

.slots-winner .winner-info .h5 {
font-family: 'FontsFreeNetAvenirLTStdBlack';
color: #fff;
margin: 0;
line-height: 1.5;
font-size: 14px
}

.slots-winner .winner-info .winner-amount {
color: #ff8900
}

.slots-providers {
background: center no-repeat;
background-size: cover
}

.slots-providers>a {
position: absolute;
top: 30%;
bottom: 30%;
width: 60px;
height: 100px;
display: flex;
align-items: center;
justify-content: center;
background-color: #1d1d1d;
color: #fff
}

.slots-providers>a.left {
left: 0
}

.slots-providers>a.right {
right: 0
}

.slots-providers>a .chevron-left,
.slots-providers>a .chevron-right {
width: 30px
}

.slots-providers .provider-item {
display: flex;
flex-direction: row;
align-items: center
}

.slots-providers .provider-item>picture {
display: contents
}

.slots-providers .provider-item>img,
.slots-providers .provider-item>picture img,
.slots-providers .provider-item>section {
flex-basis: 50%
}

.slots-providers .provider-item>section {
text-align: right;
color: #fff;
padding: 30px 0
}

.slots-providers .provider-item>section>.h2 {
font-family: FontsFreeNetAvenirLTStdBlack;
font-size: 64px;
line-height: 1;
text-transform: uppercase
}

.slots-providers .provider-item>section>p {
font-size: 16px;
line-height: 1.5
}

.slots-providers .provider-item>section>a {
display: inline-block;
font-size: 15px;
min-width: 130px;
text-align: center;
font-family: FontsFreeNetAvenirLTStdBlack;
padding: 15px 45px;
background-image: linear-gradient(to right, #f7a103 0%, #ff6c00 100%);
color: #fff;
border-radius: 30px
}

.partners-container {
padding: 30px 0;
color: #fff
}

.partners-container .h3 {
font-family: 'FontsFreeNetAvenirLTStdBlack';
font-size: 35px;
text-align: center
}

.partners-container .partner-list {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center
}

.partners-container .partner-list a {
margin: 10px
}

.partners-container .partner-list a img {
max-width: 100px
}

.menu-preview-container .game-list-container {
display: none
}

.menu-preview-container .game-list-container .game-list {
display: block;
width: 100%
}

.menu-preview-container .game-list-container.active {
display: inline-flex;
width: 100%
}

.menu-preview-container .game-list-container ul {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 10px;
justify-content: center;
align-items: center;
width: 100%;
padding-bottom: 10px
}

.menu-preview-container .game-list-container ul>li {
display: flex;
flex-basis: calc((100%/2) - 10px);
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
font-size: 12px;
color: #fff;
position: relative
}

.menu-preview-container .game-list-container ul>li[hidden] {
display: none
}

.menu-preview-container .game-list-container ul li a img {
height: auto;
width: auto
}

.menu-preview-container .game-list-container ul>li.footer {
flex-basis: 100%;
display: flex;
align-items: center;
padding: 10px 10px 0 0
}

.menu-preview-container .game-list-container ul>li.footer a {
padding: 5px 20px;
width: 33%;
border: 0;
border-radius: 50px;
background-color: #f7a103;
color: #fff
}

.menu-preview-container .game-list-container ul>li[data-maintenance-status="true"] {
filter: grayscale(1);
pointer-events: none
}

.menu-preview-container .game-list-container ul>li[data-maintenance-status="true"] img,
.menu-preview-container .game-list-container ul>li[data-maintenance-status="true"] span {
filter: grayscale(1) brightness(.5)
}

.menu-preview-container .game-list-container ul>li[data-maintenance-status="true"]:after {
content: var(--maintenance-text, '') " ";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
font-size: 12px;
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;
font-family: 'FontsFreeNetAvenirLTStdBook'
}

.menu-preview-container .game-list-container ul>li .floating-icon {
position: absolute;
margin: 0;
top: 4px;
right: 4px;
width: auto;
max-width: calc(100% - 8px);
height: 16px;
background: transparent
}

.telegram-banner-container {
padding: 20px 0
}

.telegram-banner-container img {
width: 100%
}

.telegram-banner-container .telegram-banner-desktop {
display: none
}

@media only screen and (min-width:992px) {
.home-inner-container {
background-color: #1c1000e5;
padding: 20px;
border-radius: 50px
}

.home-progressive-jackpot {
background-image: linear-gradient(#1b0c00, #302925, #1b0c00);
padding: 10px
}

.home-progressive-jackpot .outer-container {
padding: 10px;
background-color: #080808
}

.home-progressive-jackpot .inner-container {
padding: 10px;
background-image: linear-gradient(#4c2800, #200a1800)
}

.home-progressive-jackpot .border-container {
display: flex;
flex-direction: row;
align-items: center;
gap: 50px;
padding: 10px;
background-color: #0009;
border: 3px solid #fb8601
}

.home-progressive-jackpot .jackpot-container {
font-size: 40px;
padding: 10px;
width: unset
}

.home-progressive-jackpot .jackpot-play-section .jackpot-play-text {
font-size: 38px
}

.home-progressive-jackpot .jackpot-play-section {
margin-left: 20px
}

.home-progressive-jackpot .jackpot-border-container {
line-height: 40px;
padding-bottom: 10px
}

.home-progressive-jackpot .jackpot-play-section img.mobile {
display: none
}

.home-progressive-jackpot .jackpot-play-section img.desktop {
display: block
}
}

@media only screen and (min-width:1024px) {
.progressive-jackpot-inner-container .img-responsive {
max-height: 60px;
width: 100%
}

.banner,
.banner .slick-slide img {
aspect-ratio: 1920/613
}

.menu-preview-container .game-list-container.active {
display: none
}

.home-progressive-jackpot .jackpot-container {
font-size: 40px
}

.telegram-banner-container .telegram-banner-mobile {
display: none
}

.telegram-banner-container .telegram-banner-desktop {
display: block
}
}

@media only screen and (min-width:1200px) {
.home-progressive-jackpot .jackpot-container {
font-size: 50px
}

.home-progressive-jackpot .jackpot-play-section .jackpot-play-text {
font-size: 38px
}

.home-progressive-jackpot .jackpot-play-section img {
height: auto;
width: 87px
}
}

@media only screen and (max-width:991px) {
.home-component-group {
flex-direction: column
}

.home-component-group,
.home-component-group+.home-component-item {
margin-left: -7px;
margin-right: -7px
}

.home-component-group+.home-component-item {
padding-left: 2px;
padding-right: 2px
}

.home-component-group+.home-component-item .new-slots-games-header {
padding-left: 7px
}

.home-component-group>.home-component-item,
.home-component-group>.home-component-sub-group {
width: 100%
}

.home-component-group>.home-component-sub-group {
margin-top: 20px;
flex-direction: row
}

.home-component-group>.home-component-sub-group .home-component-item {
width: calc((100% - 20px)/2);
flex-grow: 0
}

.home-component-group .home-component-item.lottery-result-container {
margin-top: 0
}

.home-component-item .h2 {
font-size: 18px
}

.slots-providers .provider-item {
flex-direction: column
}

.slots-providers .provider-item>section {
text-align: center;
padding-top: 0;
padding-left: 10px;
padding-right: 10px
}

.slots-providers .provider-item>section>.h2 {
font-size: 36px;
margin-top: 0
}

.partners-container .h3 {
font-size: 20px
}

.progressive-jackpot-outer-container {
padding: 10px 0 0 0
}

.progressive-jackpot-inner-container {
flex-direction: column;
gap: 10px
}

.progressive-jackpot-inner-container .img-responsive {
max-width: 70%
}
}

@media only screen and (max-width:768px) {
.home-component-group>.home-component-sub-group {
flex-direction: column
}

.home-component-group>.home-component-sub-group .home-component-item {
width: 100%
}

.home-component-group .home-component-item.lottery-result-container {
margin-top: 20px;
padding: 20px 0 0
}

.home-component-item {
padding: 20px 12px 15px 12px;
margin-left: -8px;
margin-right: -8px
}

.home-component-item .h2 {
font-size: 15px
}

.progressive-jackpot-outer-container .jackpot {
padding-left: 8px;
padding-right: 8px
}

.progressive-jackpot-inner-container {
flex-direction: column;
gap: 10px
}

.progressive-jackpot-inner-container .img-responsive {
max-width: 70%
}

.slots-providers>a {
width: 40px;
height: 60px;
background-color: #1d1d1d
}

.slots-providers .provider-item>section>.h2 {
font-size: 40px
}

.slots-providers .provider-item>section>p {
font-size: 12px
}

.partners-container .h3 {
font-size: 18px
}

.partners-container .partner-list a img {
max-width: 60px
}

.banner,
.banner .slick-slide img {
aspect-ratio: 640/299
}

.banner-group-vertical .carousel-indicators {
right: 0;
left: unset
}

.banner-carousel.slick-initialized {
height: auto
}

.banner-carousel>div:first-child img {
aspect-ratio: 640/299
}

.row .col-md-12 .home-component-group .home-component-item {
margin-left: 0;
margin-right: 0
}

.row .col-md-12 .row .col-md-12 .home-component-item {
margin-left: -16px;
margin-right: -16px
}

.menu-preview-container .game-list-container ul {
padding: 0 16px 10px
}
}

@font-face {
font-family: 'FontsFreeNetAvenirLTStdBook';
src: url('/fonts/FontsFreeNetAvenirLTStdBook.woff2') format('woff2'), url('/fonts/FontsFreeNetAvenirLTStdBook.woff')
format('woff')
}

html,
body,
.download-apk-container.responsive {
width: 100%;
height: 100%
}

body {
background-color: #080808;
font-family: 'FontsFreeNetAvenirLTStdBook'
}

.download-apk-container.responsive {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 20px;
overflow: auto
}

.download-apk-content {
display: flex;
gap: 30px;
padding: 43px 70px;
background-color: #101010;
border-radius: 20px
}

.download-apk-content .android-icon img {
margin-top: -135px
}

.download-apk-details {
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
width: 400px
}

.download-apk-details .title {
color: #fff;
font-size: 22px;
font-weight: 700;
line-height: 26.27px;
margin-bottom: 8px
}

.download-apk-details .description {
color: #dbdbdb;
font-size: 16px;
font-weight: 400;
line-height: 20px;
margin-bottom: 32px;
text-align: center
}

.download-apk-details .btn {
color: #fff;
font-size: 14px;
font-weight: 500;
line-height: 16.51px;
padding: 9px 17px;
border-radius: 100px;
border: 0;
width: 240px;
height: 40px;
align-content: center;
background-image: linear-gradient(180deg, #f8e689 0%, #bf8e20 100%)
}

.download-apk-details .btn.back {
color: #a5a5a5;
background: #1c1c1c;
margin-top: 12px;
box-shadow: 0 1px 4px 0 #00000040
}

@media(max-width:991.98px) {
.download-apk-container.responsive {
padding: 0 15px
}

.download-apk-content {
flex-direction: column;
align-items: center;
padding: 30px 24px
}

.download-apk-content .android-icon img {
width: 88px;
height: 88px;
margin: 0
}

.download-apk-details {
width: auto
}

.download-apk-details .title {
font-size: 20px;
line-height: 23.88px
}

.download-apk-details .description {
font-size: 14px;
line-height: 16.8px
}
}

body[data-theme="dark-green"] {
background-color: #1a1c1f
}

body[data-theme="dark-purple"] {
background-color: #0c021f
}

body[data-theme="green"] {
background-color: #022124
}

body[data-theme="light-blue"],
body[data-theme="light-orange"] {
background-color: #fff
}

body[data-theme="dark-purple"] .download-apk-content {
background-color: #180738
}

body[data-theme="green"] .download-apk-content {
background-color: #033337
}

body[data-theme="light-blue"] .download-apk-content {
background-color: #e9f1f4;
box-shadow: 0 2px 4px 0 #00000026
}

body[data-theme="light-orange"] .download-apk-content {
background-color: #dfe9f3;
box-shadow: 0 2px 4px 0 #00000026
}

body[data-theme="light-blue"] .download-apk-details .title,
body[data-theme="light-orange"] .download-apk-details .title {
color: #292929
}

body[data-theme="light-blue"] .download-apk-details .description,
body[data-theme="light-orange"] .download-apk-details .description {
color: #292929
}

body[data-theme="dark-gold"] .download-apk-details .btn {
background-image: linear-gradient(180deg, #fbeb8c 0%, #9d7e39 100%)
}

body[data-theme="dark-green"] .download-apk-details .btn {
background-image: linear-gradient(to bottom, #00df71 0%, #009a4f 100%)
}

body[data-theme="dark-orange"] .download-apk-details .btn {
background-image: linear-gradient(to bottom, #f99702 0%, #fe7100 100%)
}

body[data-theme="dark-purple"] .download-apk-details .btn {
background-image: linear-gradient(to bottom, #f8a003 0%, #ff6c00 100%)
}

body[data-theme="dark-turquoise"] .download-apk-details .btn {
background-image: linear-gradient(to bottom, #1cead3 0%, #20c3cc 100%)
}

body[data-theme="green"] .download-apk-details .btn {
background-image: linear-gradient(to bottom, #f8a003 0%, #ff6c00 100%)
}

body[data-theme="light-blue"] .download-apk-details .btn {
background-image: linear-gradient(180deg, #2dbdfa 0%, #2dbdfa 100%)
}

body[data-theme="light-orange"] .download-apk-details .btn {
background-image: linear-gradient(180deg, #fc7e03 0%, #fc7e03 100%)
}

body[data-theme="dark-gold"] .download-apk-details .btn.back,
body[data-theme="dark-green"] .download-apk-details .btn.back,
body[data-theme="dark-orange"] .download-apk-details .btn.back,
body[data-theme="dark-purple"] .download-apk-details .btn.back,
body[data-theme="dark-turquoise"] .download-apk-details .btn.back,
body[data-theme="green"] .download-apk-details .btn.back {
color: #fff;
background: #444;
box-shadow: none
}

body[data-theme="light-blue"] .download-apk-details .btn.back,
body[data-theme="light-orange"] .download-apk-details .btn.back {
color: #4b556b;
background: #cbcbcb;
box-shadow: none
}

.download-apk-container {
background: var(--image-src);
background-size: cover;
overflow: hidden
}

.download-apk-container .popup-modal[data-title] .modal-title:before {
content: none
}

.download-apk-container .popup-modal .modal-header h4 {
font-size: 24px
}

.download-apk-container .popup-modal .modal-body img {
height: 20px;
width: 20px;
margin-right: 5px
}

.download-apk-container .popup-modal .modal-body h5 {
font-size: 18px;
text-transform: uppercase;
color: inherit
}

.download-apk-container .popup-modal .modal-body ol {
list-style: decimal;
padding-left: 5px
}

.download-apk {
display: flex;
align-items: center;
font-family: Arial;
color: #fff
}

.download-apk>div {
flex-basis: 50%;
opacity: 0;
transition: all 1s ease
}

.download-apk>div:nth-child(1) {
transform: translateX(-100%)
}

.download-apk>div:nth-child(2) {
transform: translateX(100%);
align-self: flex-end
}

.download-apk .h2 {
font-family: Arial;
text-transform: uppercase;
font-weight: 700;
font-size: 38px;
margin: 0
}

.download-apk .h2>strong {
display: block;
font-weight: 700;
text-align: justify;
font-size: 38px;
color: #f99702
}

.download-apk .h3 {
font-weight: 100;
font-size: 16px;
margin: 2px
}

.download-apk-info {
display: flex;
justify-content: space-between;
margin: 10px 0
}

.download-apk-info .download-apk-section {
flex-basis: 50%
}

.download-apk-section {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
font-weight: 600;
text-align: center;
font-size: 16px
}

.download-apk-section>* {
flex-basis: 50%;
margin: 0 0 10px 0
}

.download-apk-section i {
color: #f99702;
font-style: normal
}

.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
}

.download-apk .btn {
color: #000;
font-weight: 600;
display: block;
padding: 3px;
border-radius: 20px;
text-align: center;
background: #f7a403;
background: linear-gradient(to right, #f7a403 0%, #fb8501 100%);
border: 0
}

.download-apk .btn {
color: #000;
font-weight: 600;
display: block;
padding: 3px;
border-radius: 20px;
text-align: center;
background: #f7a403;
background: linear-gradient(to right, #f7a403 0%, #fb8501 100%);
border: 0
}

.download-apk-btn {
display: none
}

.download-popup-modal .modal-body img {
height: 20px;
width: 20px;
margin-right: 5px
}

@media only screen and (min-width:1024px) {

.standard-sticky-side-menu-container .standard-inner-container .download-apk .h2,
.standard-sticky-side-menu-container .standard-inner-container .download-apk .h2>strong {
font-size: 25px
}

.standard-sticky-side-menu-container .standard-inner-container .download-apk .h3 {
font-size: 15px
}

.standard-sticky-side-menu-container .standard-inner-container .download-apk .download-apk-detail {
font-size: 12px;
padding-left: 4px
}

.standard-sticky-side-menu-container .standard-inner-container .download-apk .download-apk-section {
font-size: 12px
}
}

@media only screen and (max-width:1024px) {
.download-apk .h2 {
font-family: Arial;
text-transform: uppercase;
font-weight: 700;
font-size: 30px;
margin: 0
}

.download-apk .h2>strong {
display: block;
font-weight: 700;
text-align: justify;
font-size: 30px;
color: #f99702
}

.download-apk .h3 {
font-weight: 100;
font-size: 12px;
margin: 2px
}

.download-apk-detail {
font-size: 12px
}

.download-apk-section {
font-size: 12px
}

.download-apk-btn {
display: none
}

.download-apk .btn {
font-size: 12px
}

.download-apk-qr-code img {
max-width: 75px
}
}

@media only screen and (max-width:768px) {
.download-apk .h2 {
font-family: Arial;
text-transform: uppercase;
font-weight: 700;
font-size: 22px;
margin: 0
}

.download-apk .h2>strong {
display: block;
font-weight: 700;
text-align: left;
font-size: 22px;
color: #f99702
}

.download-apk .h3 {
font-weight: 100;
font-size: 11px;
margin: 2px
}

.download-apk-detail {
font-size: 12px
}

.download-apk-section {
font-size: 11px
}

.download-apk-qr-code img {
max-width: 74px
}

.download-apk .btn {
font-size: 11px;
color: #fff;
font-weight: 600;
display: block;
padding: 3px;
border-radius: 20px;
text-align: center;
border: 0;
text-decoration: underline;
background: none
}

.download-apk-detail-platform,
.download-apk-detail-size,
.download-apk-qr-code,
.download-apk-qr-code img,
.download-apk-scan-qr {
display: none
}

.download-apk-btn-android {
color: #fff;
font-weight: 600;
display: block;
padding: 3px;
border-radius: 20px;
text-align: center;
background: #f7a403;
background: linear-gradient(to right, #f7a403 0%, #fb8501 100%);
border: 0;
width: 110px
}

.download-apk-btn-android img {
height: 20px;
width: 20px
}

.download-apk-btn {
display: block
}
}

@media only screen and (max-width:425px) {
.download-apk {
align-items: flex-end;
padding-top: 15px
}

.download-apk .h2 {
font-family: Arial;
text-transform: uppercase;
font-weight: 700;
font-size: 13px;
margin: 0
}

.download-apk .h2>strong {
display: block;
font-weight: 700;
text-align: justify;
font-size: 13px;
color: #f99702
}

.download-apk .h3 {
font-weight: 100;
font-size: 10px;
margin: 2px
}

.download-apk-detail {
font-size: 12px
}

.download-apk-section {
font-size: 11px
}

.download-apk-qr-code img {
max-width: 74px
}

.download-apk .btn {
font-size: 11px;
color: #fff;
font-weight: 600;
display: block;
padding: 3px;
border-radius: 20px;
text-align: center;
border: 0;
text-decoration: underline;
background: none
}

.download-apk-detail-platform,
.download-apk-detail-size,
.download-apk-qr-code,
.download-apk-qr-code img,
.download-apk-scan-qr {
display: none
}

.download-apk-btn-android {
color: #fff;
font-weight: 600;
display: block;
padding: 3px;
border-radius: 20px;
text-align: center;
background: #f7a403;
background: linear-gradient(to right, #f7a403 0%, #fb8501 100%);
border: 0
}

.download-apk-btn-android img {
height: 20px;
width: 20px
}

.download-apk-btn {
display: block
}
}

@media only screen and (max-width:375px) {
.download-apk .h2 {
font-size: 11px
}

.download-apk .h2>strong {
font-size: 11px
}

.download-apk-btn-android img {
height: 14px;
width: 14px
}

.download-apk-btn-android {
padding: 2px;
font-size: 9px;
width: 90px
}
}

@media only screen and (max-width:320px) {
.download-apk .h2 {
font-size: 9px
}

.download-apk .h2>strong {
font-size: 9px
}

.download-apk .h3 {
font-size: 8px;
margin: 0
}

.download-apk-btn-android img {
height: 14px;
width: 14px
}

.download-apk-btn-android {
padding: 2px;
font-size: 9px;
width: 90px
}

.download-apk .btn {
font-size: 9px
}
}

.new-slots-games-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 20px
}

.new-slots-games-header .h2 {
margin: 0
}

.new-slots-games-header button {
color: #fff;
background: none;
border: 0;
font-size: 16px;
padding: 0 5px;
margin: 0 5px
}

.new-slots-games {
display: flex;
overflow: scroll
}

.new-slots-games .game-item {
flex-basis: calc((100%/4) - 20px);
margin: 10px;
padding: 15px;
border-radius: 10px;
background-color: #222;
color: #fff;
text-align: center;
position: relative
}

.new-slots-games::-webkit-scrollbar {
display: none
}

.new-slots-games .game-item input[type=checkbox].favourite-game-btn {
display: none
}

.new-slots-games .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
}

.new-slots-games .game-item input[type=checkbox].favourite-game-btn:checked+label {
background-image: var(--star-on-icon)
}

.new-slots-games>a {
flex-basis: calc(100%/3);
flex-shrink: 0;
flex-grow: 0;
padding: .5em
}

.new-slots-games>a .game-player-container {
display: flex;
padding: 8px 12px;
gap: 10px;
position: relative;
width: 88px;
height: 30px;
background: #000000b2;
border-radius: 100px;
bottom: 35px;
left: 5px;
align-items: center;
justify-content: flex-start
}

.new-slots-games>a .game-player {
display: flex;
gap: 8px;
align-items: center;
justify-self: flex-start
}

.new-slots-games>a .game-player h5 {
color: #fff;
font-weight: 700;
font-size: 12px
}

.new-slots-games>a .game-player img {
position: initial;
width: 14px;
height: 14px
}

.new-slots-games>a img {
display: block;
margin: auto;
border-radius: 10px
}

@media only screen and (max-width:576px) {
.new-slots-games .game-item {
flex-basis: calc((100%/2) - 20px)
}
}

@media only screen and (max-width:767px) {
.new-slots-games>a {
flex-basis: calc(50%/1)
}

.new-slots-games>a .game-player-container {
width: 80px;
height: 24px;
padding: 8px;
gap: 4px
}
}

.popular-slots-header,
.popular-games-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 20px;
flex-grow: 0
}

.popular-slots-header .h2,
.popular-games-header .h2 {
margin: 0
}

.popular-slots-header a,
.popular-games-header a {
color: #fff;
display: inline-block;
font-size: 16px;
padding: 0 5px;
margin: 0 5px
}

.popular-slots-header button,
.popular-games-header button {
color: #fff;
background: none;
border: 0;
font-size: 16px;
padding: 0 5px;
margin: 0 5px
}

.popular-slots-games,
.popular-games {
display: flex;
overflow: scroll
}

.popular-games {
gap: 10px;
align-items: center;
height: 100%;
flex-grow: 1
}

.popular-games .games-group {
width: calc((100% - 10px)/2.5);
flex-shrink: 0;
display: flex;
flex-direction: column;
gap: 10px
}

.popular-games .games-group .game-container {
width: 100%;
margin: 0
}

.popular-games .games-group .game-container .game-name {
padding: 4px
}

.popular-games .games-group .game-container .game-player {
display: flex;
padding-left: 8px;
gap: 8px;
align-items: center;
justify-content: flex-start
}

.popular-games .games-group .game-container .game-player h5 {
color: #fff;
font-weight: 700;
font-size: 12px
}

.popular-games .games-group .game-container .game-player img {
position: initial;
width: 14px;
height: 14px
}

.popular-slots-games::-webkit-scrollbar,
.popular-games::-webkit-scrollbar {
display: none
}

.popular-slots-games .item {
width: 100%;
flex-shrink: 0;
flex-grow: 0
}

.popular-games .game-container {
width: min(calc(100%/2));
display: block;
flex-shrink: 0;
flex-grow: 0
}

.popular-games .game-container .game-wrapper img {
width: 100%;
max-width: none;
display: block
}

@media only screen and (min-width:768px) {
.game-list {
display: grid;
grid-template-columns: minmax(0, 2.5fr) minmax(0, 1fr) minmax(0, 1fr);
grid-template-rows: repeat(2, minmax(0, 1fr))
}

.game-list .game-container {
width: 100%;
border-radius: 0
}

.game-list .game-container img {
border-radius: 10px
}

.game-list .game-container .game-name {
padding: 0;
margin-top: 10px
}

.game-list .game-container .play-now,
.game-list .game-container .free-play {
font-size: 10px;
min-width: 70%
}

.game-list .game-container:first-child {
grid-column-start: 1;
grid-column-end: 2;
grid-row-start: 1;
grid-row-end: 3
}

.game-list .game-container:first-child .play-now,
.game-list .game-container:first-child .free-play {
font-size: 18px;
min-width: 50%
}

.game-list .game-container:first-child .game-name {
font-size: 20px;
margin-top: 5px
}

.popular-games .game-container {
width: min(calc(100%/3))
}

.popular-games .games-group {
width: calc((100% - 10px*2)/3.5)
}
}

@media only screen and (max-width:767px) {
.game-list {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr))
}

.game-list .game-container {
width: 100%;
padding: 5px 5px 6px 5px;
display: flex;
flex-wrap: wrap
}

.game-list .game-container img {
border-radius: 10px
}

.game-list .game-container .game-name {
padding: 0;
margin-top: 8px;
font-size: 12px
}

.game-container .game-name {
padding: 10px 0 0;
text-align: center
}

.popular-games .games-group .game-container .game-player {
justify-content: center
}
}

.progressive-jackpot>span[id] {
display: none
}

.progressive-jackpot .jackpot-container {
color: #fff;
font-size: 45px;
display: flex;
justify-content: center;
align-items: center
}

.progressive-jackpot .jackpot-currency {
margin-right: 10px
}

.progressive-jackpot .counter-container {
display: flex
}

.progressive-jackpot .counter-container span+span {
margin-left: 10px
}

@keyframes progressive-jackpot-counter-animation {
0% {
transform: translateY(-10%)
}

50% {
transform: translateY(10%)
}

70% {
transform: translateY(5%)
}

100% {
transform: translateY(0)
}
}

@media only screen and (max-width:768px) {
.progressive-jackpot .jackpot-container {
font-size: 15px;
width: calc(100vw - 15px)
}

.progressive-jackpot .counter-container {
flex-grow: 2
}
}

@media only screen and (max-width:425px) {
.progressive-jackpot .jackpot-container {
font-size: 15px;
width: calc(100vw - 15px)
}

.progressive-jackpot .counter-container {
flex-grow: 2
}

.progressive-jackpot .counter-container span+span {
margin-left: 5px
}
}

.game-list-container .filter-section {
background-color: #1c1c1c
}

.game-list-container .filter-section:after {
border-left: 1px solid #7e7e7e
}

.game-list-container .filter-section .category-filter .category-filter-link {
color: #fff
}

.game-list-container .filter-section .category-filter .category-filter-link:hover,
.game-list-container .filter-section .category-filter .category-filter-link.active {
background-color: #111
}

.game-list-container .filter-section .category-filter .category-filter-link.active {
color: #ff8a00
}

.game-list-container .filter-section>input {
background-color: #111;
color: #fff
}

.game-list-container .filter-section>select {
background-color: #0c0c0c;
color: #676767;
border: 1px solid #2a2a2a
}

.game-list-title {
border-left: 5px solid #ff8a00;
color: #fff
}

.game-list .game-item {
background-color: #222;
color: #fff
}

.game-list .game-item .wrapper-container .link-container {
background-color: rgba(0, 0, 0, .8)
}

.game-list-container .filter-section {
background-color: #1c1c1c
}

.game-list-container .filter-section:after {
border-left: 1px solid #7e7e7e
}

.game-list-container .filter-section .category-filter .category-filter-link {
color: #fff
}

.game-list-container .filter-section .category-filter .category-filter-link:hover,
.game-list-container .filter-section .category-filter .category-filter-link.active {
background-color: #111
}

.game-list-container .filter-section .category-filter .category-filter-link.active {
color: #ff8a00
}

.game-list-container .filter-section>input {
background-color: #111;
color: #fff
}

.game-list-container .filter-section>select {
background-color: #0c0c0c;
color: #676767;
border: 1px solid #2a2a2a
}

.game-list-title {
border-left: 5px solid #ff8a00;
color: #fff
}

.game-list .game-item {
background-color: #222;
color: #fff
}

.game-list .game-item .wrapper-container .link-container {
background-color: rgba(0, 0, 0, .8)
}

.bonus-slider-modal .modal-body {
background-color: #171717
}

.bonus-slider-modal .modal-footer {
background-color: #171717
}

.bonus-slider-modal .activation-button {
background-color: #d4c06a;
color: #fff
}

.bonus-slider-modal .activation-button:hover {
background-color: #c6b156;
color: #fff
}

.bonus-slider-modal .close-button {
background-color: #454545
}

.bonus-slider-modal .close-button:hover {
background-color: #3e3e3e
}

.bonus-slider-modal .bonus-form {
background-color: #202020;
color: #dad9d9;
border-top: 2px solid #8c8c8c;
box-shadow: 0 0 15px rgba(0, 0, 0, .2)
}

.bonus-controls-field .bonus-control-button {
background-color: #e4e4e4;
color: #525252
}

.bonus-controls-field .bonus-amount {
background-color: #0e0e0e;
color: #e5d177
}

.bonus-range .bubble {
color: #fff;
border: 2px solid #e5d177;
background: #0e0e0e
}

.bonus-range .bubble::before {
border-color: rgba(233, 154, 1, 0);
border-top-color: #e5d177
}

.bonus-range .bubble::after {
border-color: rgba(14, 14, 14, 0);
border-top-color: #0e0e0e
}

.claim-item {
color: #fff;
background-color: #111;
box-shadow: 0 0 10px rgba(0, 0, 0, .5);
border: 1px solid #1f1f1f
}

.claim-item .claim-title .expiration-note {
color: #f00
}

.bonus-progress .progress-bar-success {
background: linear-gradient(to right, #f7a103 0%, #ff6c00 100%)
}

.claim-info-modal h4 {
color: #fff
}

.claim-item .claim-button,
.claim-item .activation-button,
.claim-item .cancellation-button,
.claim-item .expiration-button {
background: linear-gradient(to right, #fbeb8c 0%, #9d7e39 100%);
color: #fff
}

.claim-item .claim-button:hover,
.claim-item .activation-button:hover,
.claim-item .cancellation-button:hover,
.claim-item .expiration-button:hover {
background: #fff;
color: #e5d177
}

.claim-item .activation-button:hover a {
color: #e5d177
}

.claim-item .expiration-countdown {
background-color: #121212;
border: 1px solid #1d1d1d
}

.claim-item .expiration-countdown [data-section] {
color: #c6c6c6;
background-color: #2d2c2c
}

.contact-us-list li {
color: #888
}

.contact-us-list li h6 {
color: #fff
}

.contact-us-list li a {
color: #f99702
}

.announcement-outer-container {
background-color: #2d2c2c;
color: #fff
}

.announcement-container>[data-section="announcements"] {
color: #fff190
}

.home-progressive-jackpot .jackpot-container {
background-image: linear-gradient(#fbeb8c, #000)
}

.home-progressive-jackpot .jackpot-border-container {
border-color: #4d4305
}

.jackpot-container .jackpot-currency {
color: #fbeb8c
}

@media only screen and (min-width:992px) {
.home-inner-container {
background-color: #201b00e5
}

.home-progressive-jackpot {
background-image: linear-gradient(#080700, #3c3300, #080700)
}

.home-progressive-jackpot .outer-container {
background-color: #000
}

.home-progressive-jackpot .inner-container {
background-image: linear-gradient(#3c3300, #200a1800)
}

.home-progressive-jackpot .border-container {
background-color: #0009;
border: 3px solid #fbeb8c
}
}

.home-component-item {
background: #151515
}

.home-component-item .h2 {
color: #fff;
border-left: 5px solid #fff190
}

.lottery-result-container {
color: #fff
}

.lottery-result-container>main {
color: #d7c068
}

.lottery-result-container>.h3 {
border: 2px solid #fbeb8c
}

.lottery-result-container>.h4 {
background-color: #fbeb8c;
background: linear-gradient(to bottom, #fbeb8c 0%, #9d7e39 100%);
color: #000
}

.slots-winner {
background-color: #1f1f1f
}

.slots-winner .winner-info {
color: #a5a5a5
}

.slots-winner .winner-info h5 {
color: #fff
}

.slots-winner .winner-info .winner-amount {
color: #ff8900
}

.slots-providers>a {
background-color: #1d1d1d;
color: #fff
}

.slots-providers .provider-item>section {
color: #fff
}

.slots-providers .provider-item>section>a {
background: #fbeb8c;
background: linear-gradient(to bottom, #fbeb8c 0%, #9d7e39 100%);
color: #000
}

.partners-container {
color: #d9cb77
}

@media only screen and (max-width:767px) {
.slots-providers>a {
background-color: #1d1d1d
}
}

.download-apk {
color: #fff
}

.download-apk .h2>strong {
color: #d0be6c
}

.download-apk-section i {
color: #d0be6c
}

.download-apk .btn {
color: #000;
background: #fbeb8c;
background: linear-gradient(to bottom, #fbeb8c 0%, #9d7e39 100%)
}

@media only screen and (max-width:768px) {
.download-apk .btn {
color: #fff;
background: none
}

.download-apk-btn-android {
color: #000;
background: #fbeb8c;
background: linear-gradient(to bottom, #fbeb8c 0%, #9d7e39 100%)
}

.download-apk-btn-android img {
filter: invert(100%)
}
}

.new-slots-games-header button {
color: #fff
}

.popular-slots-header a {
color: #fff
}

.popular-slots-header button {
color: #fff
}

.info-center-container {
color: #aaa
}

.info-center-container h2,
.info-center-container h3,
.info-center-container h4,
.info-center-container h5 {
color: #fff
}

.info-center-container h2 {
color: #fff
}

.info-center-container h3 {
border-left: 4px solid #fff190
}

.info-center-container a {
color: #e5d177
}

.info-center-container .panel-group .panel-heading {
background-color: #d0bd6a
}

.info-center-container .panel-group .panel-heading a {
color: #fff
}

.info-center-container .panel-group .panel-title a {
color: #fff
}

.info-center-container .panel-default>.panel-heading+.panel-collapse .panel-body {
background-color: #2d2c2c
}

.standard-form-container.info-center-container>h2:first-child {
border-bottom: 7px solid #e5d177;
background-image: linear-gradient(to bottom, #2d2c2c 0%, #353434 100%)
}

.about-us-container h5[data-title] {
color: #fff190
}

.about-us-container .inner-box-container .inner-box {
background-color: #252525;
border: 1px solid #21182e
}

.about-us-container .game-panel li>p {
color: #fff
}

.message-container .message-header a,
.message-container .message-header input {
color: #828182
}

.message-container .message-header a:hover {
color: #fff
}

.replied-message {
color: #858585
}

.replied-message[data-creator="true"] .replied-message-content {
background-color: #2d2c2c
}

.mobile-app-container .mobile-info-button {
background-color: #1d1d1d
}

.mobile-app-container .title-container {
color: #fff
}

.mobile-app-container .nav-tabs {
border-bottom: 1px solid #ff9600
}

.mobile-app-container .nav-tabs>li>a {
color: #fff
}

.mobile-app-container .nav-tabs>li.active>a,
.mobile-app-container .nav-tabs>li.active>a:hover,
.mobile-app-container .nav-tabs>li.active>a:focus {
color: #fff;
border: 1px solid #ff9600;
border-bottom-color: transparent;
background-color: #0a0813
}

.mobile-app-container .nav>li>a:hover,
.mobile-app-container .nav>li>a:focus {
background-color: #ff9600;
color: #fff
}

.mobile-app-container .tab-pane .note {
color: #f00
}

.mobile-app-container .tab-pane .important {
color: #ff9600
}

.profile-container .transaction-section>div {
background: linear-gradient(to bottom, #2e2e2e 0%, #141415 100%);
border: 1px solid #242424
}

.profile-container .transaction-section .wallet {
background-color: #000;
border: 6px solid #181818
}

.profile-container .transaction-section div+div>small {
background-color: #676767
}

.promotion-categories a {
color: #fff;
background-color: #222
}

.promotion-categories a:hover,
.promotion-categories a[data-active="true"] {
background-color: #fbeb8c;
background: linear-gradient(to right, #fbeb8c 0%, #9d7e39 100%)
}

.promotion-list .promotion-container {
background-color: #252525
}

.promotion-list .promotion-header {
color: #fff
}

.promotion-list .promotion-header>h5 {
background-color: #e5d177;
color: #333
}

.promotion-list .promotion-header>h5:after {
color: #e5d177;
border: 17px solid;
border-right-color: transparent
}

.promotion-list .promotion-wrapper .link-container {
background-color: rgba(0, 0, 0, .8)
}

.promotion-list .promotion-wrapper .link-container a,
.promotion-info .click-for-get-promo-button {
background-color: #d2a82e;
background-image: linear-gradient(to bottom, #d2a82e 0%, #6e5d2b 100%)
}

.promotion-list .promotion-wrapper .link-container a:hover,
.promotion-info .click-for-get-promo-button:hover {
background-color: #ff6c00;
background-image: linear-gradient(to bottom right, #6e5d2b, #d2a82e)
}

.promotion-list .promotion-wrapper .link-container button {
background-color: #fbeb8c;
background-image: linear-gradient(to bottom, #fbeb8c 0%, #9d7e39 100%);
color: #fff
}

.promotion-list .promotion-wrapper .link-container button:hover {
background-color: #fbeb8c;
background-image: linear-gradient(to top, #fbeb8c 0%, #9d7e39 100%)
}

.promotion-share-container .promotion-share-btn {
border-color: #e5d177;
color: #e5d177
}

.promotion-share-container .promotion-share-btn img {
filter: brightness(0%) invert(89%) sepia(26%) saturate(713%) hue-rotate(355deg) brightness(95%) contrast(89%)
}

.referral-section .referral-code-container {
border-color: #e5d177
}

.referral-section .referral-show-qr-container .referral-show-qr-btn {
background-color: #161616;
color: #e5d177
}

.referral-section .referral-code-copy-btn,
.referral-section .referral-show-qr-container,
.referral-box-container .referral-box .referral-box-icon,
.whitelisted-domains-link {
background: linear-gradient(to bottom, #fbeb8c 0%, #9d7e39 100%)
}

.referral-section .referral-social-media-container .referral-social-media button,
.referral-section .referral-show-qr-container .referral-show-qr-btn img {
filter: invert(100%) invert(90%) sepia(27%) saturate(733%) hue-rotate(350deg) brightness(96%) contrast(86%)
}

.referral-box-container .referral-box {
background-color: #49442e;
border-color: #e5d177
}

.referral-box-container .referral-box span {
color: #e5d177
}

.update-verification-note {
background-color: #27251e
}

.update-verification-note p {
color: #e5d177
}

.form-footer-note-section .form-footer-note,
.register-modal .register-page-reminder {
color: #fff
}

.form-footer-note-section .form-footer-note-link a,
.register-modal .register-page-link a {
color: #e5d177
}

.register-done-container {
color: #d5d5d5
}

.register-done-container>h2 {
color: #fff
}

.register-done-container>h2 span {
color: #fbeb8c
}

.register-done-container .btn-deposit {
background: #fbeb8c;
background-image: linear-gradient(to bottom, #fbeb8c 0%, #9d7e39 100%)
}

.register-done-container .btn-deposit:hover {
background: #fbeb8c;
background-image: linear-gradient(to top, #fbeb8c 0%, #9d7e39 100%)
}

.register-done-container .standard-button-group .btn:hover {
background: #9d7e39
}

.register-done-container .register-verification-done {
border-color: #fbeb8c;
background: #9d7e394f
}

.register-done-container .register-verification-done .info {
border-color: #fbeb8c;
color: #fbeb8c
}

.register-done-container .register-verification-done a {
color: #fbeb8c
}

.game-provider-slider {
background-color: #0f0f0f
}

.game-provider-slider>button {
color: #fff
}

.game-provider-slider>button:hover,
.game-provider-slider .game-providers a:hover {
background-image: linear-gradient(to bottom, #151515 0%, #201f1f 50%, #151515 100%)
}

.game-provider-slider .game-providers a h5 {
color: #fff
}

.vendor-game-info {
color: #fff
}

.vendor-game-info a,
.vendor-game-details-info a {
color: #fff;
background-color: #fbeb8c;
background-image: linear-gradient(to right, #fbeb8c 0%, #9d7e39 100%)
}

.vendor-game-info a:hover {
background-color: #9d7e39;
background-image: linear-gradient(to right, #9d7e39 0%, #fbeb8c 100%)
}

.vendor-mobile-app {
background-color: #0e0e0e
}

.vendor-game-details {
background-color: #0e0e0e
}

.vendor-game-details .carousel>a {
background-color: rgba(0, 0, 0, .5);
color: #fff
}

.vendor-mobile-app-info,
.vendor-game-details-info {
color: #fff
}

.game-list-container .filter-section {
background-color: #1c1c1c
}

.game-list-container .filter-section:after {
border-left: 1px solid #7e7e7e
}

.game-list-container .filter-section .category-filter .category-filter-link {
color: #fff
}

.game-list-container .filter-section .category-filter .category-filter-link:hover,
.game-list-container .filter-section .category-filter .category-filter-link.active {
background-color: #111
}

.game-list-container .filter-section .category-filter .category-filter-link.active {
color: #ff8a00
}

.game-list-container .filter-section>input {
background-color: #111;
color: #fff
}

.game-list-container .filter-section>select {
background-color: #0c0c0c;
color: #676767;
border: 1px solid #2a2a2a
}

.game-list-title {
border-left: 5px solid #ff8a00;
color: #fff
}

.game-list .game-item {
background-color: #222;
color: #fff
}

.game-list .game-item .wrapper-container .link-container {
background-color: rgba(0, 0, 0, .8)
}

.popular-games .games-group .game-container .game-player h5 {
color: #fff
}

.game-list .game-player h5 {
color: #fff
}

.progressive-jackpot .jackpot-container {
color: #fff
}

.deposit-container .standard-form-note a {
color: #e5d177
}

.deposit-container .balance {
color: #fff
}

.deposit-container .formatted-balance {
color: #e5d177
}

.deposit-container .real-deposit-amount {
color: #e5d177
}

.withdrawal-container .total-balance {
color: #e5d177
}

.withdrawal-container .total-balance span[data-section="balance"] {
color: #fff
}

.carousel-indicators li.active,
.carousel-indicators li.slick-active {
background-color: #fff190;
border-color: #fff190
}

.play-now,
.free-play {
color: #fff;
border: 1px solid transparent
}

.play-now:hover,
.free-play:hover {
color: #fff
}

.free-play {
border-color: #fff
}

.free-play:hover {
background-color: #5f5f5f;
border-color: #5f5f5f
}

.play-now {
background: #fbeb8c;
background: linear-gradient(to bottom, #fbeb8c 0%, #9d7e39 100%)
}

.play-now:hover {
background-color: #fbeb8c;
background-image: linear-gradient(to bottom, #fbeb8c 0%, #9d7e39 100%)
}

.game-container {
background-color: #222
}

.game-container .game-wrapper .link-container {
background-color: rgba(0, 0, 0, .8)
}

.game-container .game-name {
color: #fff
}

.large-game-list-heading {
border-left: 4px solid #fff190;
color: #fff
}

.large-game-list .game-info-link {
color: #fff
}

.large-game-list .link-container>h5 {
color: #fff
}

.layout-modal .forgot-password-link-container a {
color: #fff
}

.layout-modal .forgot-password-link-container a:hover {
color: #e5d177
}

.layout-modal .registration-note a {
color: #e5d177
}

.layout-modal .forgot-password-note {
color: #676767
}

body {
background-color: #080808
}

.navbar {
background-color: #151515
}

.site-topbar main>a {
color: #fff
}

.site-topbar main>a.register-button {
background-color: transparent;
background: transparent;
border: 1px solid #e5d177;
color: #e5d177
}

.site-topbar main>a.register-button:hover {
background-color: #ff6c00;
background: transparent;
border: 1px solid #e5d177;
color: #e5d177
}

.site-topbar main>a.login-button {
background-color: #2b2b2b;
color: #fff;
border: transparent
}

.site-topbar main>.site-side-menu-trigger .icon-bar {
background-color: #fff
}

.site-header-navbar {
background: #2d2c2c
}

.site-menu>li>a {
color: #fff
}

.site-menu>li[data-active="true"],
.site-menu>li[data-active="true"] a,
.site-menu>li>a:hover {
color: #e5d177
}

.site-menu .game-list-container {
background-color: rgba(0, 0, 0, .92);
border-bottom: 10px solid #e5d177
}

.site-menu .games-container>li>a {
color: #fff
}

.site-menu .games-container>li:hover>a {
background-color: rgba(255, 255, 255, .1)
}

.language-selector-container {
color: #fff
}

.language-selector-container .language-selector {
background-color: rgba(0, 0, 0, .92)
}

.language-selector-container .language-selector li:hover {
background-color: #ff7900
}

.site-footer {
background: #151515
}

.site-footer hr {
border-top: 1px solid #e5d177
}

.site-footer-navbar {
color: #fff;
border-top: 6px solid #d0be6c;
background-color: #242424
}

.site-footer-navbar ul li:hover a,
.site-footer-navbar li[data-active="true"] a {
color: #e5d177
}

.back-to-top,
.live-chat-link {
background-color: #e5d177
}

.back-to-top:not([hidden]) {
color: #fff
}

.back-to-top:hover {
background-color: #e5d177;
color: #fff
}

.live-chat-link:hover {
background-color: #fff
}

@media only screen and (min-width:1199px) {
.site-menu>li:not(:nth-last-of-type(-n+2)):not(:first-child):after {
background: #656565
}
}

@media only screen and (max-width:1199px) {
.site-header-navbar {
background-color: #000
}

.site-menu>li>a {
color: #afafaf
}
}

.page-description {
background-color: #0f0f0f;
color: #fff
}

.page-description a {
color: #fff;
background-color: #fbeb8c;
background-image: linear-gradient(to bottom, #fbeb8c 0%, #9d7e39 100%)
}

.page-description a:hover {
background-color: #fbeb8c;
background-image: linear-gradient(to bottom, #fbeb8c 0%, #9d7e39 100%)
}

.site-side-menu details[open]>summary>section {
color: #fbeb8c
}

.site-side-menu>label {
background-color: rgba(0, 0, 0, .8)
}

.site-side-menu>ul {
background-color: #0a0a0a;
color: #fff
}

.site-side-menu li>a,
.site-side-menu summary {
background-color: #000;
color: #fff
}

.site-side-menu li>a[data-active="true"] {
background-image: linear-gradient(to right, #857b44 0%, #101010 100%)
}

.site-side-menu li>a:hover,
.site-side-menu summary:hover {
color: #fff
}

.site-side-menu li+li,
.site-side-menu details article {
border-top: 2px solid #101010
}

.side-menu-user-info,
.side-menu-login-panel {
background-color: #101010
}

.side-menu-login-panel input[type="text"],
.side-menu-login-panel input[type="password"] {
background-color: #0c0c0c;
border: 1px solid #2a2a2a;
color: #fff
}

.side-menu-login-panel a.login-button,
.side-menu-login-panel a.register-button {
background-color: #000;
color: #fff;
border: 1px solid #fff
}

.side-menu-login-panel a.register-button {
background-color: #fbeb8c;
background-image: linear-gradient(to bottom, #fbeb8c 0%, #9d7e39 100%)
}

.side-menu-user-info .avatar {
background-color: #000;
border: 6px solid #181818
}

.side-menu-user-info .avatar i {
color: #2e2e2e
}

.side-menu-user-info .balance>strong {
color: #fff
}

.side-menu-user-info .profile-menu-user-info .username {
color: #e5d177
}

.side-menu-user-info .buttons-container .logout-button {
background-color: #333;
color: #fff
}

.modal-header {
background: #fbeb8c;
background: linear-gradient(to bottom, #fbeb8c 0%, #9d7e39 100%);
color: #fff
}

.modal-header .close {
color: #fff
}

.modal-body {
background-color: #111;
color: #fff
}

.modal-footer {
background-color: #111
}

.modal-footer .btn-primary {
background: #fbeb8c;
background: linear-gradient(to bottom, #fbeb8c 0%, #9d7e39 100%)
}

.standard-form-container {
background: #101010;
color: #fff
}

.standard-form .highlight-field {
color: #e5d177
}

.standard-form label {
color: #fff
}

.standard-form label[data-asterisk]:after {
color: #e5d177
}

.standard-form input,
.standard-form select,
.standard-form textarea,
.standard-form input[disabled],
.standard-form input[readonly] {
background-color: #0c0c0c;
border: 1px solid #2a2a2a;
color: #fff
}

.form-control:focus {
border-color: #e5d177;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(255, 148, 0, .6)
}

.standard-form-sub-title {
border-left: 4px solid #f99702;
color: #fff
}

.standard-form-note {
background-color: #363636;
box-shadow: 0 0 10px rgba(0, 0, 0, .5)
}

.standard-form-note span {
color: #e5d177
}

.standard-form-note a {
color: #e5d177
}

.standard-reporting-control-group {
background-color: #3a3a3a
}

.standard-reporting-control-group input,
.standard-reporting-control-group select {
background-color: #000;
border: 1px solid #1f1632;
color: #a7a7a7
}

.standard-reporting-control-group .btn-primary {
background: #fbeb8c;
background: linear-gradient(to bottom, #fbeb8c 0%, #9d7e39 100%);
color: #fff
}

.standard-reporting-control-group .btn-primary:hover {
background: linear-gradient(to top, #fbeb8c 0%, #9d7e39 100%)
}

.standard-form-container .table thead,
.standard-reporting-scroll-container .table thead {
background-color: #2a2a2a;
border: 1px solid #2a2a2a
}

.standard-form-container .table thead tr th,
.standard-reporting-scroll-container .table thead tr th {
border: 1px solid #2a2a2a;
color: #fff
}

.standard-form-container .table tbody,
.standard-reporting-scroll-container .table tbody {
color: #878787
}

.standard-form-container .table tbody a:hover,
.standard-reporting-scroll-container .table tbody a:hover {
color: #ff7900
}

.standard-form-container .table tbody td,
.standard-reporting-scroll-container .table tbody td {
border: 1px solid #2a2a2a;
color: #757084
}

.standard-reporting-scroll-container::-webkit-scrollbar-track {
background: #2d2c2c
}

.standard-reporting-scroll-container::-webkit-scrollbar-thumb {
background-color: #e5d177
}

.table .table {
color: #333
}

.standard-required-message,
.field-validation-error {
color: #f00
}

.form-group .form-control[disabled],
.form-group .form-control[readonly] {
background-color: #393939;
color: #929292
}

.standard-button-group .btn-primary {
background: #fbeb8c;
background: linear-gradient(to bottom, #fbeb8c 0%, #9d7e39 100%);
color: #fff
}

.standard-form .bank-info {
background-color: #1c1c1c
}

.standard-form .copy-bank-account-button {
color: #e5d177
}

.standard-form .copy-bank-account-button:hover {
color: #e5d177
}

.standard-form .copy-input-button {
color: #e5d177
}

.expiration-countdown [data-section] {
color: #fff;
border: 1px solid #a9a9a9
}

.copy-input-button-field .copy-input-button {
color: #fff;
background: #e5d177
}

.copy-input-button-field .copy-input-button:hover {
color: #fff;
background: linear-gradient(to right, #d86548 0%, #ee1da9 100%)
}

.standard-nav-bar:before {
background-color: #1d1d1d
}

.standard-nav-bar a {
color: #696969
}

.standard-nav-bar a:hover,
.standard-nav-bar a[data-active="true"] {
color: #fff
}

.standard-nav-bar a:hover:after,
.standard-nav-bar a[data-active="true"]:after {
background-color: #e5d177
}

.standard-side-menu {
background-color: #101010;
color: #fff
}

.standard-side-menu>h4 {
border-bottom: 1px solid #fbeb8c
}

.standard-side-menu a {
background-color: #101010;
color: #878787
}

.standard-side-menu a[data-active="true"] {
background-color: #857b44;
background-image: linear-gradient(to right, #857b44 0%, #1c1511 100%)
}

.standard-side-menu a[data-active="true"],
.standard-side-menu a:hover {
color: #fff
}

.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>i {
color: #e5d177
}

.standard-inner-container {
background: #161616
}

.user-info {
color: #fff
}

.user-info>a {
background-color: #1f1f1f
}

.user-info>a:hover {
color: #fff
}

.user-info>a[data-link='deposit'],
.user-info>a[data-link='download'],
.user-info>a[data-link='inbox'] {
border-left: 1px solid #2e2e2e
}

.user-info button {
color: #a1a1a1
}

.user-info button:hover {
color: #fff
}

.user-info .wallet-container .balance>a {
color: #00fc12
}

.user-info .wallet-container .balance>a strong {
color: #fff
}

.user-info .wallet-container .balance>a .locked-balance i {
color: #fff
}

.user-info .wallet-container .balance>a:after {
border-top: solid 4px #fff;
border-left: solid 4px transparent;
border-right: solid 4px transparent
}

.user-info .wallet-container .balance.open>a:after {
border-bottom: solid 4px #fff
}

.user-info .vendor-balances-container {
border: 3px solid #e5d177;
background-color: rgba(0, 0, 0, .85)
}

.user-info .vendor-balances-container .vendor-balances-header {
border-bottom: 2px solid #e5d177
}

.user-info .vendor-balances-container .vendor-balances-header,
.user-info .vendor-balances-container strong {
color: #e5d177
}

.user-info .vendor-balances-container ::-webkit-scrollbar-thumb {
background: #58585a
}

.wallet-bar {
border-bottom: 1px solid #1d1d1d
}

.wallet-bar .balance-field main {
color: #e5d177
}

.wallet-bar .balance-field main .locked-balance i {
color: #fff
}

.wallet-bar>button {
color: #e5d177
}

.wallet-bar>button:hover {
color: #fff
}

.shortcut-bar a {
color: #676767;
background-color: #2e2e2e;
background-image: linear-gradient(to bottom, #2e2e2e 0%, #141415 100%);
border: 1px solid #242424
}

.shortcut-bar a:hover {
color: #fff
}

.game-list-container .filter-section .category-filter .category-filter-link.active {
color: #e5d177
}

.game-list-title {
border-left: 5px solid #e5d177;
color: #fff
}

.standard-form-note strong {
color: #e5d177
}

.standard-content-info .standard-content-block {
background: linear-gradient(to bottom, #2e2e2e 0%, #141415 100%);
border-color: #242424;
color: #c6c6c6
}

.profile-summary-table.table,
.profile-summary-table.table>tbody>tr>th,
.profile-summary-table.table>tbody>tr>td {
color: #fff
}

.standard-content-info .standard-inline-form-group [data-section="display"] .warning {
background-color: #f00;
color: #fff
}

.bank-info-container .carousel-indicators li {
background-color: #fff
}

.bank-info-container .carousel-indicators .active {
background-color: #e5d177
}

.bank-info-block {
background-color: #464646;
color: #fff
}

.bank-info-block hr {
border-top-color: #1e1e1e;
border-bottom-color: #6e6e6e
}

.bank-info h2,
.bank-info h4 {
color: #fff
}

.deposit-amount-container .real-deposit-amount,
.deposit-amount .currency-suffix,
.deposit-amount input.form-control {
color: #e5d177
}

.deposit-amount-container .real-deposit-amount:before {
color: #fff
}

.otp-hr {
border-color: #fbeb8c
}

.request-otp-button,
.request-otp-button:hover,
.contact-verification-link,
.contact-verification-link:hover {
border-color: #fbeb8c;
color: #fbeb8c
}

.otp-input {
border-color: #fbeb8c
}

@media only screen and (max-width:1200px) {
.date-picker-wrapper.single-date .drp_top-bar {
background: linear-gradient(to bottom, #fbeb8c 0%, #9d7e39 100%)
}

.date-picker-wrapper .drp_top-bar.normal {
background: #fbeb8c;
background-image: linear-gradient(to bottom, #fbeb8c 0%, #9d7e39 100%)
}

.date-picker-wrapper .first-date-selected,
.date-picker-wrapper .last-date-selected {
background-color: #9d7e39 !important
}

.date-picker-wrapper .month-wrapper table .day.real-today.checked,
.date-picker-wrapper .month-wrapper table .day.real-today.hovering {
background-color: #7a6027
}

.date-picker-wrapper .month-wrapper table .day.checked {
background-color: #f8f5d8
}
}

.payment-method-selection input[type="radio"]:checked+label {
background: #fbeb8c;
background-image: linear-gradient(to bottom, #fbeb8c 0%, #9d7e39 100%)
}

.withdrawal-container .real-withdrawal-amount,
.withdrawal-amount .currency-suffix,
.withdrawal-amount input.form-control {
color: #e5d177
}

[data-payment-gateway="qris"] .qris-qr-code-container a {
background: linear-gradient(to bottom, #fbeb8c 0%, #9d7e39 100%)
}

.notification-tabs .notification-tab-item[data-active="true"] {
background: #fbeb8c;
background-image: linear-gradient(to right, #fbeb8c 0%, #9d7e39 100%)
}

.top-tab-container a {
background-color: #222
}

.top-tab-container a[data-active="true"],
.top-tab-container a:hover {
background: linear-gradient(to right, #fbeb8c 0%, #9d7e39 100%)
}

.download-apk-notification .download-btn {
background: #fbeb8c;
background: linear-gradient(to bottom, #fbeb8c 0%, #9d7e39 100%);
color: #fff
}

.how-it-works-container .how-it-works-section .how-it-works-section-title {
color: #e1d782
}

.referral-features .referral-features-item .feature-icon>div {
background: linear-gradient(to bottom, #fbeb8c 0%, #9d7e39 100%)
}

.referral-features .referral-features-item .feature-info p {
color: #e5d177
}

.simple-form-note,
.referral-verification-container .standard-form-note,
.standard-form-note.with-icon>div:last-child p {
color: #e5d177
}

.pending-verification-container .icon-container {
background-color: #e5d177
}

.pending-verification-container p {
color: #e5d177
}

.referral-verification-container [data-is-contact-verified="false"] .profile-link {
background: linear-gradient(to bottom, #fbeb8c 0%, #9d7e39 100%)
}

.referral-verification-container [data-is-contact-verified="false"] .profile-link:hover {
background: linear-gradient(to bottom, #9d7e39 0%, #fbeb8c 100%)
}

.mission-container .mission-item {
background-color: #1c1914
}

.mission-container .mission-item .mission-action-container {
background-color: #413a21
}

.mission-container .mission-item[data-status="claimable"] .mission-action-container .action-button {
background: linear-gradient(to bottom, #fbeb8c 0%, #9d7e39 100%)
}

.mission-container .mission-item[data-status="claimable"] .mission-action-container .action-button:hover {
background: linear-gradient(to bottom, #9d7e39 0%, #fbeb8c 100%)
}

.mission-container .mission-item[data-status="completed"] .mission-info .mission-progress-container .progress {
background-color: #2cbc00
}

.loyalty-daily-reward-modal .modal-body {
background: #181515
}

.daily-reward-container .standard-secondary-button {
background: linear-gradient(to bottom, #fbeb8c 0%, #9d7e39 100%)
}

.daily-reward-container .standard-secondary-button:hover {
background: linear-gradient(to right, #9d7e39 0%, #fbeb8c 100%)
}

.daily-reward-container .double-xp-countdown-container {
background-color: #413a21
}

.standard-section-title,
.benefit-container h2,
.how-it-works-container .how-it-works-section .how-it-works-section-title {
color: #fff
}

.benefit-container .benefit-list .benefit-card {
background-color: #1b180e
}

.introjs-tooltip-title.introjs-tooltip-title {
color: #fff
}

.introjs-tooltiptext .subtitle {
color: #d1bb67
}

.introjs-nextbutton.introjs-nextbutton {
background: linear-gradient(to bottom, #fbeb8c 0%, #9d7e39 100%)
}

.introjs-nextbutton.introjs-nextbutton:hover {
color: #fff;
background: linear-gradient(to bottom, #9d7e39 0%, #fbeb8c 100%)
}

.introjs-bullets.introjs-bullets ul li a.active,
.introjs-bullets.introjs-bullets ul li a:hover {
background-color: #d1bb67
}

.introjs-skipbutton.introjs-skipbutton {
color: #d1bb67
}

.loyalty-container .loyalty-history-filter select {
border-color: #bda270;
background: #282725
}

.user-balance .balance>a>span {
color: #00ffc0
}

.standard-form-title .btn-primary {
border: 1px solid #fbeb8c;
color: #fbeb8c
}

.popular-slots-game-list .game-item {
background: linear-gradient(to bottom, #fbeb8c 0%, #9d7e39 100%)
}

.payment-maintenance-container,
.remarks-container {
background: #cbcbcb;
color: #000
}

.payment-maintenance-container i,
.remarks-container i {
background-color: #f00;
color: #fff;
border-color: #fff
}

.remarks-container {
border-color: #857b44;
background: #1c1511;
color: #fff
}

.remarks-container i {
background-color: transparent;
border-color: #857b44;
color: #857b44
}

.deposit-summary-container .deposit-summary-header .summary-transfer-amount,
.withdrawal-summary-container .withdrawal-summary-header .summary-transfer-amount {
color: #e5d177
}

.deposit-container .admin-fee-container {
color: #fbeb8c
}

.bank-info [data-bank-info="actions"] .download-qr-code-button {
background: linear-gradient(to bottom, #fbeb8c 0%, #9d7e39 100%)
}

.bank-info [data-bank-info="actions"] .download-qr-code-button:hover {
background: linear-gradient(to bottom, #9d7e39 0%, #fbeb8c 100%)
}

.popover {
background-color: #e5d177;
border-color: #e5d177;
color: #fff
}

.popover.top .arrow {
border-top-color: #e5d177
}

.popover.top .arrow:after {
border-top-color: #e5d177
}

[data-payment-gateway] .download-qr-button {
background-color: #fbeb8c;
background-image: linear-gradient(to bottom, #fbeb8c 0%, #9d7e39 100%);
color: #fff
}

.bank-info .bank-account-number-container img,
.bank-info .download-qr-code-button img {
filter: invert(1)
}

[data-payment-gateway] .destination-account-number-container img,
[data-payment-gateway] .va-account-number img,
[data-payment-gateway] .download-qr-button img {
filter: invert(1)
}

.pending-transactions-container .pending-transactions-item {
color: #fff;
background-color: #202020
}

.pending-transactions-container .pending-transactions-item [data-payment-gateway] {
background-color: #262626;
color: #fff
}

.pending-transactions-container .pending-transactions-item [data-payment-gateway] span {
color: #fff
}

.pending-transactions-container.pending-transactions-container [data-payment-gateway]
.destination-account-number-container img {
filter: invert(1)
}

.pending-transactions-container .pending-transactions-item [data-payment-gateway] .destination-account-bank-info>div>img
{
filter: initial
}

.pending-transactions-container .pending-transactions-item .pending-transaction-remarks-container {
border-color: #fff3;
color: #fff;
background-color: #ffffff0f
}

.no-data-container img {
filter: invert(15%) sepia(0%) saturate(1670%) hue-rotate(141deg) brightness(102%) contrast(78%)
}

.no-data-container p {
color: #757575
}

.modal-body .pending-transaction-summary-container,
.claim-info-modal .alert-container,
.payment-account-creation-remarks {
border-color: #fbeb8c;
color: #fff;
background-color: #fbeb8c33
}

.modal-body .pending-transaction-summary-container .pending-transaction-summary-footer {
border-top-color: #fbeb8c
}

.modal-body .pending-transaction-summary-container .pending-transaction-summary-footer a {
color: #fff;
background: linear-gradient(to bottom, #fbeb8c 0%, #9d7e39 100%)
}

.modal-body .pending-transaction-details-container {
color: #fff;
background-color: #171717;
border-color: #171717
}

.modal-body .pending-transaction-details-container .pending-transaction-details-item {
border-color: #494848
}

.modal-body .pending-transaction-details-container .pending-transaction-details-item hr {
border-color: #484848
}

.otp-fake-inputs div.filled,
.otp-fake-inputs div.focused {
border-color: #fbeb8c
}

.otp-popup .otp-popup-content .resend-button {
color: #fbeb8c
}

.deposit-container .standard-button-group .btn-primary,
.bonus-selection-list .bonus-selection-card .bonus-selection-card-detail button {
background: linear-gradient(180deg, #fbeb8c 0%, #9d7e39 100%)
}

.bonus-selection-list .bonus-selection-card+.remarks-container {
background: #3d3927;
border-color: #ead77d
}

.notification-list .notification-item[data-seen="false"] {
background: #252407;
border-color: #937e00
}

.notification-list .notification-item .notification-header .notification-label {
background: #9d7e39
}

.loyalty-reward-container .tab-filter input:checked+.tab {
background-color: #d9c671;
border-color: #d9c671
}

.loyalty-reward-container .category-title::before {
background-color: #d9c671
}

.loyalty-reward-container .loyalty-reward-button {
background-image: linear-gradient(to bottom, #d9c671, #a78d1a)
}

.search-header .search-title img {
filter: invert(95%) sepia(61%) saturate(858%) hue-rotate(330deg) brightness(91%) contrast(77%)
}

.standard-remark-notification .remark-notification-content span {
color: #d9c671
}

.standard-nav-tabs a[data-active="true"] {
background: linear-gradient(to bottom, #d9c671, #a78d1a)
}

.add-new-payment-account-container a {
color: #e5d177
}

.add-new-payment-account-container a>img {
filter: invert(99%) sepia(63%) saturate(1345%) hue-rotate(329deg) brightness(92%) contrast(96%)
}

.set-as-default-button {
background: none;
color: #e5d177;
border-color: #e5d177
}

.notification-list .notification-item .notification-play-button {
background: #9d7e39
}

.claim-item .claim-title .free-spin-note {
color: #e5d177
}

.floating-action-button .floating-action-button-item {
background: linear-gradient(90deg, #cdbe61 0%, #9d7e39 100%);
border-color: #56471b
}

.bonus-selection-container,
.bonus-selection-list .bonus-selection-card.selected {
background: #494123;
border-color: #e7d47b
}

.bonus-selection-list .bonus-selection-card.selected .bonus-selection-card-footer {
background: #494123
}

.bonus-selection-list .bonus-selection-card.selected .bonus-selection-card-content .bonus-selected {
background: #e7d47b
}

.site-side-menu>ul>li .telegram-bot-link {
background-color: #101010
}

.simple-modal .btn-secondary {
border: 1px solid #fbeb8c;
color: #fbeb8c
}

.login-modal .register-button {
color: #e5d177
}

.standard-outline-button.standard-outline-button {
border-color: #fbeb8c
}

.standard-remarks-container .standard-remarks-content-container p span {
color: #fbeb8c
}

.back-button-container a {
color: #fff
}

.back-button-container a:hover {
color: #fff
}

.back-button-container a>img {
filter: invert(1)
}

.transaction-item .download-qr-btn:hover {
background: linear-gradient(180deg, #a37413 0%, #dec970 100%);
color: #fff
}

.pending-transaction-section .head a {
color: #ff9806
}

.pending-transaction-section .head a:hover {
color: #0d3d9e
}

.transaction-item .info-section .details .secondary {
color: #bdbdbd
}

.transaction-report-group-container .transaction-report-group-title {
color: #ececec
}

.transaction-item .download-qr-btn {
background: #fbeb8c;
background: linear-gradient(to bottom, #fbeb8c 0%, #9d7e39 100%);
color: #fff
}

.transaction-item .info-section .details .primary {
color: #ececec
}

.pending-transaction-section .head span {
color: #fff
}

.transaction-item {
background-color: #212121
}

.reporting-detail-popup .reporting-detail-popup-content {
background-color: #252525
}

.pending-transaction-detail-container .primary {
color: #fff
}

.pending-transaction-detail-container .secondary {
color: #bdbdbd
}

.pending-transaction-detail-card {
background-color: #262626;
border: 1px solid #404040
}

.pending-transaction-detail-card .secondary-section {
background-color: #2c2c2c
}

.pending-transaction-detail-card .pending-transaction-detail-qr-code-container {
background-color: #2c2c2c
}

.pending-transaction-remarks {
color: #fff
}

.pending-transaction-info-section .icon.chevron-icon {
filter: invert(1)
}

.pending-transaction-info-section .icon.copy-icon {
filter: invert(1)
}

.reporting-detail-overlay {
background-color: #0b0b0b;
color: #fff
}

.reporting-detail-overlay .reporting-detail-header .close-reporting-detail-button img {
filter: invert(1)
}

.drawer-container.displayed .drawer-content div label input[type='radio']:checked:before {
border-color: #e5d177
}

.drawer-container.displayed .drawer-content div label input[type=radio]:checked:after {
background-color: #e5d177
}

.standard-reporting-control-group .form-control {
background: #080808;
color: #fff;
border-color: #e5d177
}

.resolved-transaction-popup .primary {
color: #fff
}

.resolved-transaction-popup .secondary {
color: #bdbdbd
}

.resolved-transaction-popup .amount {
color: #fff
}

.resolved-transaction-popup .rejected-reason-container {
background-color: #362121;
border: 1px solid #4e2e2e
}

.resolved-transaction-popup .rejected-reason-container .rejected-content {
color: #ff8181
}

.resolved-transaction-popup .reporting-detail-content-area {
background-color: #212121;
border: 0
}

.resolved-transaction-popup .dashed {
border-top: 1px dashed rgba(255, 255, 255, .25);
border-bottom: 1px dashed rgba(255, 255, 255, .25)
}

.resolved-transaction-popup .header-icon:not(.status-rej):not(.status-fail) {
filter: invert(0)
}

.resolved-transaction-popup .copy-btn {
filter: invert(0)
}

.resolved-transaction-popup .reporting-detail-content-space-betweeen .status-app {
filter: brightness(0) saturate(100%) invert(85%) sepia(9%) saturate(2459%) hue-rotate(68deg) brightness(102%)
contrast(88%)
}

.resolved-transaction-popup .reporting-detail-content-space-betweeen .status-rej {
filter: brightness(0) saturate(100%) invert(76%) sepia(54%) saturate(2439%) hue-rotate(305deg) brightness(95%)
contrast(144%)
}

.resolved-transaction-popup .reporting-detail-content-space-betweeen .status-fail {
filter: brightness(0) saturate(100%) invert(76%) sepia(54%) saturate(2439%) hue-rotate(305deg) brightness(95%)
contrast(144%)
}

.resolved-transaction-popup .wrapped-resolved-transaction {
border: 1px solid #404040
}

.modal-content:has(.resolved-transaction-popup) {
background: #252525;
border-color: #252525
}

.pending-transaction-detail-container .link,
.pending-transaction-detail-container .link a {
color: #e5d177
}

.bet-report-detail-container .info-section-header {
border-bottom: 1px solid #585858
}

.bet-report-detail-container .pending-transaction-detail-card {
background: #191919
}

.bet-report-detail-inner-card {
background: #282828
}

.transactions-table.table {
border: 1px solid #2f2f2f;
background: #101010
}

.transactions-table.table thead {
background: #101010;
color: #bdbdbd;
border: 1px solid #2f2f2f
}

.transactions-table.table thead tr th {
color: #bdbdbd
}

.transactions-table.table tbody {
background: #101010;
color: #fff
}

.transactions-table.table thead>tr>th {
border: 0
}

.transactions-table.table tbody tr td {
color: #fff
}

.empty-table-container {
color: #888
}

.free-spin-report-container {
background-color: #191919
}

.free-spin-report-container .free-spin-report-title {
color: #fff
}

.free-spin-report-container .free-spin-report-item-details {
color: #bdbdbd
}

.free-spin-report-container .standard-secondary-button {
background: linear-gradient(to bottom, #fbeb8c 0%, #9d7e39 100%);
color: #fff
}

.complaint-container,
.standard-form-container {
background: #101010
}

.complaint-container.standard-form-container label {
text-transform: none
}

.complaint-container .standard-form-content {
background: #101010;
color: #dbdbdb
}

.complaint-container .complaint-section-container-separator {
background: #161616
}

.complaint-container .form-control {
background-color: #0c0c0c;
border: 1px solid #2a2a2a;
color: #fff
}

.complaint-container .standard-form-title {
color: #dbdbdb;
background: #101010
}

.complaint-container .standard-form-link-header {
box-shadow: inset 0 -2px 0 0 #1d1d1d
}

.complaint-container .standard-form-link-header a {
color: #696969
}

.complaint-container .standard-form-link-header a[data-active="true"] {
border-bottom: 2px solid #e5d177;
color: #afafaf
}

.complaint-container .standard-form-note {
background: linear-gradient(83.87deg, #161616 -41.67%, #3a3a3a 116.05%)
}

.complaint-container .standard-form-note strong {
color: #fff
}

.complaint-container .complaint-section-header {
border-bottom: 1px solid #3d3d3d
}

.complaint-container .steps-container .procedure-steps div {
background: #292929
}

.complaint-container .upload-box {
border: 1px dashed #e5d177
}

.complaint-container .upload-box .plus {
color: #e5d177
}

.complaint-container .preview-item img {
border: 1px solid #2b2b2b
}

.complaint-container .complaint-status-box {
background: #161616;
color: #bdbdbd
}

.complaint-container .complaint-status-box .status-header {
background: #2f2f2f;
color: #dbdbdb
}

.complaint-container .case-number {
color: #e5d177
}

.complaint-container .case-number .label {
color: #fff
}

.complaint-container .copy-case-number-button img {
filter: invert(0)
}

.complaint-container .timeline-item {
border-left: 2px solid #ffffff4d
}

.complaint-container .timeline-item .details .reason-container {
background-color: #1f1f1f;
color: #838383
}

.complaint-container .btn-appeal {
border: 1px solid #e5d177;
color: #e5d177
}

.complaint-container .auto-close-note {
border-top: 1px solid #838383
}

.complaint-container .appeal-form-title {
color: #fff
}

.complaint-container .appeal-form-desc {
color: #a1a1a1
}

.complaint-container .upload-section .drop-zone {
background: #1f1f1f;
border: 1px dashed #5e5e5e
}

.complaint-container .upload-section .drop-zone strong {
color: #c4c4c4
}

.complaint-container .upload-section .drop-zone p {
color: #959595
}

.complaint-container .upload-section .button-zone .upload-video-button {
background: #5d5d5d;
color: #fff
}

.complaint-container .upload-section img {
filter: invert(1)
}

.complaint-container .uploaded-video-file-display {
background: #1d1d1d;
border: 1px solid #424242
}

.complaint-container .uploaded-video-file-display .icon-container {
background: #fff
}

.complaint-container .uploaded-video-file-display .icon-container img {
filter: invert(0)
}

.complaint-container .uploaded-video-file-display .file-info {
color: #fff
}

.complaint-container .uploaded-video-file-display .file-info .file-size {
color: #a5a5a5
}

.complaint-container .uploaded-video-file-display .remove-file-button img {
filter: invert(0)
}

@media only screen and (min-width:992px) {
.complaint-container .complaint-link-container-separator {
box-shadow: inset 0 -2px 0 0 #1d1d1d
}

.complaint-container .upload-section .button-zone {
background: #1f1f1f
}
}

.footer-description-section h4 {
color: #fff
}

.footer-description-section .site-description {
color: #696969
}

.footer-sitemap-section h4 {
color: #fff
}

.footer-sitemap-section .footer-links>li>a {
color: #696969
}

.footer-sitemap-section .footer-links>li>a:hover {
color: #e5d177
}

.footer-sitemap-section .contact-list {
background: transparent
}

.footer-sitemap-section .contact-list>li a {
color: #696969
}

.footer-sitemap-section .contact-list>li a:hover {
color: #e5d177
}

.footer-sitemap-section .contact-list>li a i {
background: #303030
}

.footer-sitemap-section .contact-list>li a i img {
filter: invert(.5)
}

.footer-sitemap-section .contact-list>li .contact-qr-button img {
filter: invert(0)
}

.footer-sitemap-section .social-media-list>li>a {
color: #696969
}

.footer-sitemap-section .social-media-list>li>a:hover {
color: #e5d177
}

.footer-sitemap-section .social-media-list>li a i {
background: #303030
}

.footer-banking-section .bank-list-container {
background: #1d1d1d;
border: #272727
}

.footer-banking-section .bank-list-container p {
color: #9f9ea6
}

.footer-copyright-section .copyright {
color: #fff
}

.footer-copyright-section div>img:nth-of-type(1) {
filter: invert(0)
}

/* ======================================================================
CHIZURU // CYBER RED EDITION
Non-destructive override layer: original CSS structure remains intact.
Signature: Chizuru
====================================================================== */

:root {
--chizuru-red: #ff1744;
--chizuru-red-hot: #ff003c;
--chizuru-red-soft: #ff4d6d;
--chizuru-crimson: #970020;
--chizuru-blood: #4a0012;
--chizuru-black: #050307;
--chizuru-panel: #12080e;
--chizuru-panel-glass: rgba(20, 5, 13, .88);
--chizuru-line: rgba(255, 23, 68, .52);
--chizuru-glow: 0 0 6px rgba(255, 23, 68, .78), 0 0 20px rgba(255, 0, 60, .28);
--chizuru-glow-strong: 0 0 8px rgba(255, 77, 109, .96), 0 0 26px rgba(255, 0, 60, .58), 0 0 48px rgba(151, 0, 32, .32);
--chizuru-shadow: 0 16px 38px rgba(0, 0, 0, .52), inset 0 1px 0 rgba(255, 255, 255, .035);
--chizuru-cyber-grid: linear-gradient(rgba(255, 23, 68, .035) 1px, transparent 1px), linear-gradient(90deg, rgba(255,
23, 68, .035) 1px, transparent 1px);
--chizuru-gold: #d6b35a;
--chizuru-gold-soft: #f3dc9a;
--chizuru-gold-deep: #8f6a24;
--chizuru-gold-line: rgba(214, 179, 90, .42);
--chizuru-gold-glow: 0 0 8px rgba(214, 179, 90, .28);
--chizuru-signature: "Chizuru";
}

html {
scroll-behavior: smooth;
scrollbar-color: var(--chizuru-red) var(--chizuru-black);
}

body {
background-color: var(--chizuru-black) !important;
background-image:
radial-gradient(circle at 50% -15%, rgba(255, 23, 68, .22), transparent 34%),
radial-gradient(circle at 88% 28%, rgba(151, 0, 32, .12), transparent 26%),
radial-gradient(circle at 12% 18%, rgba(214, 179, 90, .055), transparent 22%),
var(--chizuru-cyber-grid) !important;
background-size: auto, auto, auto, 42px 42px, 42px 42px !important;
color: #f5edf0;
}

::selection {
color: #fff;
background: var(--chizuru-red-hot);
text-shadow: 0 0 8px #fff;
}

::-webkit-scrollbar {
width: 10px;
height: 10px;
}

::-webkit-scrollbar-track {
background: #080408;
box-shadow: inset 0 0 8px #000;
}

::-webkit-scrollbar-thumb {
background: linear-gradient(180deg, var(--chizuru-red-soft), var(--chizuru-crimson));
border: 2px solid #080408;
border-radius: 10px;
box-shadow: var(--chizuru-glow);
}

body::before {
content: "";
position: fixed;
inset: 0;
z-index: 2147483000;
pointer-events: none;
opacity: .13;
background: repeating-linear-gradient(180deg,
transparent 0,
transparent 3px,
rgba(255, 23, 68, .12) 4px,
transparent 5px);
background-size: 100% 80px;
mix-blend-mode: screen;
animation: chizuruScanline 12s linear infinite;
}

body::after {
content: var(--chizuru-signature);
position: fixed;
right: 13px;
bottom: 10px;
z-index: 2147483001;
padding: 5px 10px 4px;
pointer-events: none;
color: var(--chizuru-gold-soft);
background: rgba(5, 3, 7, .78);
border: 1px solid var(--chizuru-gold-line);
border-left: 3px solid var(--chizuru-gold);
box-shadow: var(--chizuru-gold-glow), inset 0 0 14px rgba(214, 179, 90, .06);
font-family: "Courier New", monospace;
font-size: 10px;
font-weight: 700;
line-height: 1;
letter-spacing: 3px;
text-transform: uppercase;
text-shadow: 0 0 8px rgba(214, 179, 90, .55);
transform: skewX(-8deg);
opacity: .84;
}

a,
button,
.btn,
input,
select,
textarea,
.game-item,
.game-container,
.standard-content-block,
.bank-info-block {
transition: color .22s ease, background-color .22s ease, border-color .22s ease, box-shadow .22s ease, filter .22s ease,
transform .22s ease;
}

a:hover,
a:focus,
.site-menu>li[data-active="true"],
.site-menu>li[data-active="true"] a,
.site-menu>li>a:hover,
.footer-sitemap-section .footer-links>li>a:hover,
.footer-sitemap-section .contact-list>li a:hover,
.footer-sitemap-section .social-media-list>li>a:hover,
.layout-modal .forgot-password-link-container a:hover,
.layout-modal .registration-note a,
.login-modal .register-button,
.add-new-payment-account-container a,
.pending-transaction-section .head a {
color: var(--chizuru-gold-soft) !important;
text-shadow: 0 0 8px rgba(214, 179, 90, .34);
}

.navbar,
.site-header-navbar,
.site-footer,
.site-footer-navbar,
.site-side-menu>ul,
.modal-body,
.modal-footer,
.standard-form-container {
background-color: var(--chizuru-panel) !important;
background-image: linear-gradient(135deg, rgba(255, 23, 68, .055), transparent 44%), linear-gradient(180deg, #160910 0%,
#080508 100%) !important;
}

.site-header-navbar {
border-top: 1px solid var(--chizuru-gold-line);
border-bottom: 1px solid var(--chizuru-line);
box-shadow: 0 8px 28px rgba(0, 0, 0, .58), 0 2px 18px rgba(255, 0, 60, .16), inset 0 -1px 0 rgba(255, 77, 109, .18);
}

.site-menu .game-list-container,
.language-selector-container .language-selector,
.dropdown-menu {
background-color: rgba(8, 3, 7, .96) !important;
border-color: var(--chizuru-line) !important;
box-shadow: var(--chizuru-shadow), var(--chizuru-glow) !important;
}

.site-menu .game-list-container {
border-bottom: 5px solid var(--chizuru-red-hot) !important;
}

.site-menu .games-container>li:hover>a,
.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus,
.dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus,
.language-selector-container .language-selector li:hover {
color: #fff !important;
background: linear-gradient(90deg, rgba(255, 0, 60, .92), rgba(74, 0, 18, .88)) !important;
box-shadow: inset 3px 0 0 var(--chizuru-red-soft), inset 0 0 20px rgba(255, 23, 68, .22);
}

.site-topbar main>a.register-button,
.side-menu-login-panel a.register-button,
.btn-primary,
.standard-button-group .btn-primary,
.standard-secondary-button,
.modal-footer .btn-primary,
.request-otp-button,
.contact-verification-link,
.deposit-container .standard-button-group .btn-primary,
.bonus-selection-list .bonus-selection-card .bonus-selection-card-detail button,
.daily-reward-container .standard-secondary-button,
.introjs-nextbutton.introjs-nextbutton,
.bank-info [data-bank-info="actions"] .download-qr-code-button,
[data-payment-gateway] .download-qr-button,
.floating-action-button .floating-action-button-item {
color: #fff !important;
background-color: var(--chizuru-red-hot) !important;
background-image: linear-gradient(135deg, var(--chizuru-red-soft) 0%, var(--chizuru-red-hot) 42%, var(--chizuru-crimson)
100%) !important;
border-color: rgba(243, 220, 154, .72) !important;
box-shadow: var(--chizuru-glow), inset 0 1px 0 rgba(243, 220, 154, .34), inset 0 -8px 16px rgba(74, 0, 18, .24)
!important;
text-shadow: 0 1px 2px rgba(0, 0, 0, .65), 0 0 8px rgba(255, 255, 255, .22);
}

.site-topbar main>a.register-button:hover,
.side-menu-login-panel a.register-button:hover,
.btn-primary:hover,
.btn-primary:focus,
.standard-button-group .btn-primary:hover,
.standard-secondary-button:hover,
.modal-footer .btn-primary:hover,
.request-otp-button:hover,
.contact-verification-link:hover,
.deposit-container .standard-button-group .btn-primary:hover,
.bonus-selection-list .bonus-selection-card .bonus-selection-card-detail button:hover,
.daily-reward-container .standard-secondary-button:hover,
.introjs-nextbutton.introjs-nextbutton:hover,
.bank-info [data-bank-info="actions"] .download-qr-code-button:hover,
[data-payment-gateway] .download-qr-button:hover,
.floating-action-button .floating-action-button-item:hover {
color: #fff !important;
background-image: linear-gradient(135deg, #ff7890 0%, var(--chizuru-red-hot) 48%, #640017 100%) !important;
border-color: #ff98aa !important;
box-shadow: var(--chizuru-glow-strong), inset 0 1px 0 rgba(255, 255, 255, .34) !important;
filter: saturate(1.14) brightness(1.06);
transform: translateY(-1px);
}

.site-topbar main>a.login-button,
.side-menu-login-panel a.login-button,
.standard-outline-button.standard-outline-button,
.simple-modal .btn-secondary,
.standard-form-title .btn-primary,
.set-as-default-button {
color: #fff !important;
background: linear-gradient(180deg, rgba(42, 8, 18, .96), rgba(12, 5, 9, .96)) !important;
border: 1px solid var(--chizuru-line) !important;
box-shadow: inset 0 0 16px rgba(255, 23, 68, .07), 0 0 10px rgba(255, 23, 68, .1) !important;
}

.site-topbar main>a.login-button:hover,
.side-menu-login-panel a.login-button:hover,
.standard-outline-button.standard-outline-button:hover,
.simple-modal .btn-secondary:hover,
.standard-form-title .btn-primary:hover,
.set-as-default-button:hover {
color: var(--chizuru-red-soft) !important;
border-color: var(--chizuru-red-soft) !important;
box-shadow: var(--chizuru-glow) !important;
transform: translateY(-1px);
}

.banner,
.banner-carousel,
.banner .slick-slide,
.banner-carousel .slick-slide {
position: relative;
}

.banner img,
.banner-carousel img,
.banner-group-vertical img {
border: 1px solid rgba(255, 23, 68, .3);
box-shadow: 0 18px 42px rgba(0, 0, 0, .52), 0 0 24px rgba(255, 0, 60, .16);
}

.banner .slick-slide:hover img,
.banner-carousel .slick-slide:hover img {
border-color: rgba(255, 77, 109, .72);
box-shadow: 0 20px 48px rgba(0, 0, 0, .58), var(--chizuru-glow);
filter: contrast(1.035) saturate(1.06);
}

.game-list-title,
.standard-section-title,
.page-header {
border-left-color: var(--chizuru-red-hot) !important;
text-shadow: 0 0 12px rgba(255, 23, 68, .26);
}

.game-list-title::after,
.standard-section-title::after {
content: "";
display: inline-block;
width: 28px;
height: 1px;
margin-left: 10px;
vertical-align: middle;
background: var(--chizuru-red-hot);
box-shadow: var(--chizuru-glow);
}

.game-list .game-item .wrapper-container .link-container,
.game-list .game-container,
.large-game-list>li,
.standard-content-info .standard-content-block,
.bank-info-block,
.popular-slots-game-list .game-item,
.bonus-selection-list .bonus-selection-card,
.pending-transactions-container .pending-transactions-item,
.complaint-container .uploaded-video-file-display,
.footer-banking-section .bank-list-container {
background-color: var(--chizuru-panel-glass) !important;
background-image: linear-gradient(145deg, rgba(255, 23, 68, .075), transparent 42%), linear-gradient(180deg, rgba(31,
10, 19, .98), rgba(9, 5, 8, .98)) !important;
border: 1px solid rgba(255, 23, 68, .18) !important;
box-shadow: var(--chizuru-shadow) !important;
}

.game-list .game-item:hover .wrapper-container .link-container,
.game-list .game-container:hover,
.large-game-list>li:hover,
.standard-content-info .standard-content-block:hover,
.bank-info-block:hover,
.popular-slots-game-list .game-item:hover,
.bonus-selection-list .bonus-selection-card:hover {
border-color: rgba(255, 77, 109, .72) !important;
box-shadow: var(--chizuru-shadow), var(--chizuru-glow) !important;
transform: translateY(-2px);
}

.game-list .game-item:hover img,
.game-list .game-container:hover img,
.large-game-list>li:hover img {
filter: saturate(1.08) contrast(1.04) brightness(1.02);
}

.form-control,
.standard-form input,
.standard-form select,
.standard-form textarea,
.side-menu-login-panel input[type="text"],
.side-menu-login-panel input[type="password"],
.game-list-container .filter-section>input,
.game-list-container .filter-section>select {
color: #fff !important;
background-color: rgba(8, 4, 8, .92) !important;
border-color: rgba(255, 23, 68, .24) !important;
box-shadow: inset 0 0 14px rgba(0, 0, 0, .58) !important;
}

.form-control:focus,
.standard-form input:focus,
.standard-form select:focus,
.standard-form textarea:focus,
.side-menu-login-panel input[type="text"]:focus,
.side-menu-login-panel input[type="password"]:focus,
.game-list-container .filter-section>input:focus,
.game-list-container .filter-section>select:focus {
border-color: var(--chizuru-red-soft) !important;
outline: 0 !important;
box-shadow: inset 0 0 14px rgba(0, 0, 0, .56), var(--chizuru-glow) !important;
}

.modal-header,
.popover,
.notification-list .notification-item .notification-header .notification-label,
.notification-list .notification-item .notification-play-button {
color: #fff !important;
background-color: var(--chizuru-red-hot) !important;
background-image: linear-gradient(135deg, var(--chizuru-red-soft), var(--chizuru-red-hot) 48%, var(--chizuru-crimson))
!important;
border-color: var(--chizuru-red-soft) !important;
box-shadow: var(--chizuru-glow) !important;
}

.modal-header {
text-shadow: 0 0 12px rgba(255, 255, 255, .26);
}

.modal-body .pending-transaction-summary-container,
.claim-info-modal .alert-container,
.payment-account-creation-remarks,
.remarks-container,
.bonus-selection-list .bonus-selection-card+.remarks-container,
.notification-list .notification-item[data-seen="false"] {
color: #fff !important;
background: rgba(74, 0, 18, .32) !important;
border-color: rgba(255, 77, 109, .54) !important;
box-shadow: inset 3px 0 0 var(--chizuru-red-hot), inset 0 0 24px rgba(255, 23, 68, .055);
}

.site-footer {
border-top: 1px solid rgba(255, 23, 68, .38);
box-shadow: 0 -12px 34px rgba(0, 0, 0, .48), 0 -2px 18px rgba(255, 0, 60, .08);
}

.site-footer hr,
.site-footer-navbar {
border-color: var(--chizuru-red-hot) !important;
}

.back-to-top,
.live-chat-link {
color: #fff !important;
background: linear-gradient(135deg, var(--chizuru-red-soft), var(--chizuru-red-hot), var(--chizuru-crimson)) !important;
border: 1px solid rgba(255, 126, 148, .62);
box-shadow: var(--chizuru-glow) !important;
animation: chizuruPulse 2.8s ease-in-out infinite;
}

.back-to-top:hover,
.live-chat-link:hover {
color: #fff !important;
background: linear-gradient(135deg, #ff7890, var(--chizuru-red-hot), #640017) !important;
box-shadow: var(--chizuru-glow-strong) !important;
}

.glyphicon,
[class*="icon-"],
.site-topbar i,
.site-footer i {
text-shadow: 0 0 8px rgba(255, 23, 68, .24);
}

@keyframes chizuruScanline {
0% {
background-position: 0 -80px;
}

100% {
background-position: 0 80px;
}
}

@keyframes chizuruPulse {

0%,
100% {
box-shadow: 0 0 5px rgba(255, 23, 68, .6), 0 0 16px rgba(255, 0, 60, .18);
}

50% {
box-shadow: 0 0 10px rgba(255, 77, 109, .95), 0 0 28px rgba(255, 0, 60, .48), 0 0 44px rgba(151, 0, 32, .22);
}
}

@media only screen and (max-width: 767px) {
body::after {
right: 7px;
bottom: 7px;
padding: 4px 7px 3px;
font-size: 8px;
letter-spacing: 2px;
opacity: .7;
}

body::before {
opacity: .08;
}
}

@media (prefers-reduced-motion: reduce) {
html {
scroll-behavior: auto;
}

*,
*::before,
*::after {
animation-duration: .01ms !important;
animation-iteration-count: 1 !important;
scroll-behavior: auto !important;
transition-duration: .01ms !important;
}
}