/* --- inline style block 0 --- */
@font-face {
            font-family: 'FontsFreeNetAvenirLTStdBook';
            src: url('../Fonts/FontsFreeNetAvenirLTStdBook.woff2') format('woff2'), url('../Fonts/FontsFreeNetAvenirLTStdBook.woff') format('woff');
            font-display: swap;
        }

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

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

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

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

        @font-face {
            font-family: 'Glyphicons Halflings';
            font-display: swap;
            src: url('../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';
        }

/* --- inline style block 1 --- */
/* 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%;
            min-width: 0;
            overflow: visible;
            background: transparent;
            background-color: transparent;
            border: 0;
            box-shadow: none
        }

        .site-topbar .logo img,
        .site-topbar .logo picture {
            display: block;
            width: auto;
            height: 70px;
            max-width: min(100%, 300px);
            max-height: 86px;
            object-fit: contain;
            background: transparent;
            background-color: transparent;
            border: 0;
            outline: 0;
            box-shadow: none
        }

        .site-topbar .logo picture img {
            display: block;
            width: auto;
            height: auto;
            max-width: 100%;
            max-height: 70px;
            object-fit: contain;
            background: transparent;
            background-color: transparent;
            border: 0;
            outline: 0;
            box-shadow: none
        }

        .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;
                max-width: min(100%, 300px);
                max-height: 86px
            }

            .site-topbar .logo picture img {
                max-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;
                max-width: min(100%, 300px);
                max-height: 86px
            }

            .site-topbar .logo picture img {
                max-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
            }
        }

/* --- inline style block 2 --- */
.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)
            }
        }

/* --- inline style block 3 --- */
.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 img,
        .banner-carousel img,
        .banner .slick-slide img {
            width: 100%;
            height: auto;
            aspect-ratio: auto;
            object-fit: unset;
            display: block;
        }

        .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 {
            width: 100%;
            height: auto;
            aspect-ratio: auto;
            object-fit: unset;
            display: block;
        }

        .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 img,
            .banner-carousel img,
            .banner .slick-slide img {
                width: 100%;
                height: auto;
                aspect-ratio: auto;
                object-fit: unset;
                display: block;
            }

            .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 img,
            .banner-carousel img,
            .banner .slick-slide img {
                width: 100%;
                height: auto;
                aspect-ratio: auto;
                object-fit: unset;
                display: block;
            }

            .banner-group-vertical .carousel-indicators {
                right: 0;
                left: unset
            }

            .banner-carousel.slick-initialized {
                height: auto
            }

            .banner-carousel>div:first-child img {
                width: 100%;
                height: auto;
                aspect-ratio: auto;
                object-fit: unset;
                display: block;
            }

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

/* --- inline style block 4 --- */
.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)
        }

/* --- inline style block 5 --- */
/* ======================================================================
     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-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%),
                var(--chizuru-cyber-grid) !important;
            background-size: 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-red-soft);
            background: rgba(5, 3, 7, .78);
            border: 1px solid rgba(255, 23, 68, .55);
            border-left: 3px solid var(--chizuru-red-hot);
            box-shadow: var(--chizuru-glow), inset 0 0 14px rgba(255, 23, 68, .08);
            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 var(--chizuru-red);
            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-red-soft) !important;
            text-shadow: 0 0 8px rgba(255, 23, 68, .55);
        }

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

        .navbar.navbar-fixed-top {
            isolation: isolate;
        }

        .site-topbar .logo,
        .site-topbar .logo:hover,
        .site-topbar .logo:focus,
        .site-topbar .logo picture,
        .site-topbar .logo img {
            background: transparent !important;
            background-color: transparent !important;
            background-image: none !important;
            border: 0 !important;
            outline: 0 !important;
            box-shadow: none !important;
        }

        .site-topbar .logo img {
            mix-blend-mode: screen;
        }

        .site-header-navbar {
            border-top: 1px solid rgba(255, 77, 109, .28);
            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(255, 126, 148, .82) !important;
            box-shadow: var(--chizuru-glow), inset 0 1px 0 rgba(255, 255, 255, .28), 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;
            }
        }