/*! 54fasf4 */
        article,
        aside,
        details,
        figcaption,
        figure,
        footer,
        header,
        hgroup,
        main,
        nav,
        section,
        summary {
            display: block
        }

        audio,
        canvas,
        video {
            display: inline-block
        }

        audio:not([controls]) {
            display: none;
            height: 0
        }

        [hidden] {
            display: none
        }

        html {
            font-family: sans-serif;
            -webkit-text-size-adjust: 100%;
            -ms-text-size-adjust: 100%
        }

        body {
            margin: 0
        }

        a:focus {
            outline: thin dotted
        }

        a:active,
        a:hover {
            outline: 0
        }

        h1 {
            margin: .67em 0;
            font-size: 2em
        }

        abbr[title] {
            border-bottom: 1px dotted
        }

        b,
        strong {
            font-weight: bold
        }

        dfn {
            font-style: italic
        }

        hr {
            height: 0;
            -moz-box-sizing: content-box;
            box-sizing: content-box
        }

        mark {
            color: #000;
            background: #ff0
        }

        code,
        kbd,
        pre,
        samp {
            font-family: monospace, serif;
            font-size: 1em
        }

        pre {
            white-space: pre-wrap
        }

        q {
            quotes: "\201C" "\201D" "\2018" "\2019"
        }

        small {
            font-size: 80%
        }

        sub,
        sup {
            position: relative;
            font-size: 75%;
            line-height: 0;
            vertical-align: baseline
        }

        sup {
            top: -0.5em
        }

        sub {
            bottom: -0.25em
        }

        img {
            border: 0
        }

        svg:not(:root) {
            overflow: hidden
        }

        figure {
            margin: 0
        }

        fieldset {
            padding: .35em .625em .75em;
            margin: 0 2px;
            border: 1px solid #c0c0c0
        }

        legend {
            padding: 0;
            border: 0
        }

        button,
        input,
        select,
        textarea {
            margin: 0;
            font-family: inherit;
            font-size: 100%
        }

        button,
        input {
            line-height: normal
        }

        button,
        select {
            text-transform: none
        }

        button,
        html input[type="button"],
        input[type="reset"],
        input[type="submit"] {
            cursor: pointer;
            -webkit-appearance: button
        }

        button[disabled],
        html input[disabled] {
            cursor: default
        }

        input[type="checkbox"],
        input[type="radio"] {
            padding: 0;
            box-sizing: border-box
        }

        input[type="search"] {
            -webkit-box-sizing: content-box;
            -moz-box-sizing: content-box;
            box-sizing: content-box;
            -webkit-appearance: textfield
        }

        input[type="search"]::-webkit-search-cancel-button,
        input[type="search"]::-webkit-search-decoration {
            -webkit-appearance: none
        }

        button::-moz-focus-inner,
        input::-moz-focus-inner {
            padding: 0;
            border: 0
        }

        textarea {
            overflow: auto;
            vertical-align: top
        }

        table {
            border-collapse: collapse;
            border-spacing: 0
        }

        @media print {
            * {
                color: #000 !important;
                text-shadow: none !important;
                background: transparent !important;
                box-shadow: none !important
            }

            a,
            a:visited {
                text-decoration: underline
            }

            a[href]:after {
                content: " (" attr(href) ")"
            }

            abbr[title]:after {
                content: " (" attr(title) ")"
            }

            .ir a:after,
            a[href^="javascript:"]:after,
            a[href^="#"]:after {
                content: ""
            }

            pre,
            blockquote {
                border: 1px solid #999;
                page-break-inside: avoid
            }

            thead {
                display: table-header-group
            }

            tr,
            img {
                page-break-inside: avoid
            }

            img {
                max-width: 100% !important
            }

            @page {
                margin: 2cm .5cm
            }

            p,
            h2,
            h3 {
                orphans: 3;
                widows: 3
            }

            h2,
            h3 {
                page-break-after: avoid
            }

            .navbar {
                display: none
            }

            .table td,
            .table th {
                background-color: #fff !important
            }

            .btn>.caret,
            .dropup>.btn>.caret {
                border-top-color: #000 !important
            }

            .label {
                border: 1px solid #000
            }

            .table {
                border-collapse: collapse !important
            }

            .table-bordered th,
            .table-bordered td {
                border: 1px solid #ddd !important
            }
        }

        *,
        *:before,
        *:after {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box
        }

        html {
            font-size: 62.5%;
            -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
        }

        body {
            font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
            font-size: 14px;
            line-height: 1.428571429;
            color: #333;
            background-color: #fff
        }

        input,
        button,
        select,
        textarea {
            font-family: inherit;
            font-size: inherit;
            line-height: inherit
        }

        button,
        input,
        select[multiple],
        textarea {
            background-image: none
        }

        a {
            color: #428bca;
            text-decoration: none
        }

        a:hover,
        a:focus {
            color: #2a6496;
            text-decoration: underline
        }

        a:focus {
            outline: thin dotted #333;
            outline: 5px auto -webkit-focus-ring-color;
            outline-offset: -2px
        }

        img {
            vertical-align: middle
        }

        .img-responsive {
            display: block;
            height: auto;
            max-width: 100%
        }

        .img-rounded {
            border-radius: 6px
        }

        .img-thumbnail {
            display: inline-block;
            height: auto;
            max-width: 100%;
            padding: 4px;
            line-height: 1.428571429;
            background-color: #fff;
            border: 1px solid #ddd;
            border-radius: 4px;
            -webkit-transition: all .2s ease-in-out;
            transition: all .2s ease-in-out
        }

        .img-circle {
            border-radius: 50%
        }

        hr {
            margin-top: 20px;
            margin-bottom: 20px;
            border: 0;
            border-top: 1px solid #eee
        }

        .sr-only {
            position: absolute;
            width: 1px;
            height: 1px;
            padding: 0;
            margin: -1px;
            overflow: hidden;
            clip: rect(0 0 0 0);
            border: 0
        }

        p {
            margin: 0 0 10px
        }

        .lead {
            margin-bottom: 20px;
            font-size: 16.099999999999998px;
            font-weight: 200;
            line-height: 1.4
        }

        @media(min-width:768px) {
            .lead {
                font-size: 21px
            }
        }

        small {
            font-size: 85%
        }

        cite {
            font-style: normal
        }

        .text-muted {
            color: #999
        }

        .text-primary {
            color: #428bca
        }

        .text-warning {
            color: #c09853
        }

        .text-danger {
            color: #b94a48
        }

        .text-success {
            color: #468847
        }

        .text-info {
            color: #3a87ad
        }

        .text-left {
            text-align: left
        }

        .text-right {
            text-align: right
        }

        .text-center {
            text-align: center
        }

        h1,
        h2,
        h3,
        h4,
        h5,
        h6,
        .h1,
        .h2,
        .h3,
        .h4,
        .h5,
        .h6 {
            font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
            font-weight: 500;
            line-height: 1.1
        }

        h1 small,
        h2 small,
        h3 small,
        h4 small,
        h5 small,
        h6 small,
        .h1 small,
        .h2 small,
        .h3 small,
        .h4 small,
        .h5 small,
        .h6 small {
            font-weight: normal;
            line-height: 1;
            color: #999
        }

        h1,
        h2,
        h3 {
            margin-top: 20px;
            margin-bottom: 10px
        }

        h4,
        h5,
        h6 {
            margin-top: 10px;
            margin-bottom: 10px
        }

        h1,
        .h1 {
            font-size: 36px
        }

        h2,
        .h2 {
            font-size: 30px
        }

        h3,
        .h3 {
            font-size: 24px
        }

        h4,
        .h4 {
            font-size: 18px
        }

        h5,
        .h5 {
            font-size: 14px
        }

        h6,
        .h6 {
            font-size: 12px
        }

        h1 small,
        .h1 small {
            font-size: 24px
        }

        h2 small,
        .h2 small {
            font-size: 18px
        }

        h3 small,
        .h3 small,
        h4 small,
        .h4 small {
            font-size: 14px
        }

        .page-header {
            padding-bottom: 9px;
            margin: 40px 0 20px;
            border-bottom: 1px solid #eee
        }

        ul,
        ol {
            margin-top: 0;
            margin-bottom: 10px
        }

        ul ul,
        ol ul,
        ul ol,
        ol ol {
            margin-bottom: 0
        }

        .list-unstyled {
            padding-left: 0;
            list-style: none
        }

        .list-inline {
            padding-left: 0;
            list-style: none
        }

        .list-inline>li {
            display: inline-block;
            padding-right: 5px;
            padding-left: 5px
        }

        dl {
            margin-bottom: 20px
        }

        dt,
        dd {
            line-height: 1.428571429
        }

        dt {
            font-weight: bold
        }

        dd {
            margin-left: 0
        }

        @media(min-width:768px) {
            .dl-horizontal dt {
                float: left;
                width: 160px;
                overflow: hidden;
                clear: left;
                text-align: right;
                text-overflow: ellipsis;
                white-space: nowrap
            }

            .dl-horizontal dd {
                margin-left: 180px
            }

            .dl-horizontal dd:before,
            .dl-horizontal dd:after {
                display: table;
                content: " "
            }

            .dl-horizontal dd:after {
                clear: both
            }

            .dl-horizontal dd:before,
            .dl-horizontal dd:after {
                display: table;
                content: " "
            }

            .dl-horizontal dd:after {
                clear: both
            }
        }

        abbr[title],
        abbr[data-original-title] {
            cursor: help;
            border-bottom: 1px dotted #999
        }

        abbr.initialism {
            font-size: 90%;
            text-transform: uppercase
        }

        blockquote {
            padding: 10px 20px;
            margin: 0 0 20px;
            border-left: 5px solid #eee
        }

        blockquote p {
            font-size: 17.5px;
            font-weight: 300;
            line-height: 1.25
        }

        blockquote p:last-child {
            margin-bottom: 0
        }

        blockquote small {
            display: block;
            line-height: 1.428571429;
            color: #999
        }

        blockquote small:before {
            content: '\2014 \00A0'
        }

        blockquote.pull-right {
            padding-right: 15px;
            padding-left: 0;
            border-right: 5px solid #eee;
            border-left: 0
        }

        blockquote.pull-right p,
        blockquote.pull-right small {
            text-align: right
        }

        blockquote.pull-right small:before {
            content: ''
        }

        blockquote.pull-right small:after {
            content: '\00A0 \2014'
        }

        q:before,
        q:after,
        blockquote:before,
        blockquote:after {
            content: ""
        }

        address {
            display: block;
            margin-bottom: 20px;
            font-style: normal;
            line-height: 1.428571429
        }

        code,
        pre {
            font-family: Monaco, Menlo, Consolas, "Courier New", monospace
        }

        code {
            padding: 2px 4px;
            font-size: 90%;
            color: #c7254e;
            white-space: nowrap;
            background-color: #f9f2f4;
            border-radius: 4px
        }

        pre {
            display: block;
            padding: 9.5px;
            margin: 0 0 10px;
            font-size: 13px;
            line-height: 1.428571429;
            color: #333;
            word-break: break-all;
            word-wrap: break-word;
            background-color: #f5f5f5;
            border: 1px solid #ccc;
            border-radius: 4px
        }

        pre.prettyprint {
            margin-bottom: 20px
        }

        pre code {
            padding: 0;
            font-size: inherit;
            color: inherit;
            white-space: pre-wrap;
            background-color: transparent;
            border: 0
        }

        .pre-scrollable {
            max-height: 340px;
            overflow-y: scroll
        }

        .container {
            padding-right: 15px;
            padding-left: 15px;
            margin-right: auto;
            margin-left: auto
        }

        .container:before,
        .container:after {
            display: table;
            content: " "
        }

        .container:after {
            clear: both
        }

        .container:before,
        .container:after {
            display: table;
            content: " "
        }

        .container:after {
            clear: both
        }

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

        .row:before,
        .row:after {
            display: table;
            content: " "
        }

        .row:after {
            clear: both
        }

        .row:before,
        .row:after {
            display: table;
            content: " "
        }

        .row:after {
            clear: both
        }

        .col-xs-1,
        .col-xs-2,
        .col-xs-3,
        .col-xs-4,
        .col-xs-5,
        .col-xs-6,
        .col-xs-7,
        .col-xs-8,
        .col-xs-9,
        .col-xs-10,
        .col-xs-11,
        .col-xs-12,
        .col-sm-1,
        .col-sm-2,
        .col-sm-3,
        .col-sm-4,
        .col-sm-5,
        .col-sm-6,
        .col-sm-7,
        .col-sm-8,
        .col-sm-9,
        .col-sm-10,
        .col-sm-11,
        .col-sm-12,
        .col-md-1,
        .col-md-2,
        .col-md-3,
        .col-md-4,
        .col-md-5,
        .col-md-6,
        .col-md-7,
        .col-md-8,
        .col-md-9,
        .col-md-10,
        .col-md-11,
        .col-md-12,
        .col-lg-1,
        .col-lg-2,
        .col-lg-3,
        .col-lg-4,
        .col-lg-5,
        .col-lg-6,
        .col-lg-7,
        .col-lg-8,
        .col-lg-9,
        .col-lg-10,
        .col-lg-11,
        .col-lg-12 {
            position: relative;
            min-height: 1px;
            padding-right: 15px;
            padding-left: 15px
        }

        .col-xs-1,
        .col-xs-2,
        .col-xs-3,
        .col-xs-4,
        .col-xs-5,
        .col-xs-6,
        .col-xs-7,
        .col-xs-8,
        .col-xs-9,
        .col-xs-10,
        .col-xs-11 {
            float: left
        }

        .col-xs-1 {
            width: 8.333333333333332%
        }

        .col-xs-2 {
            width: 16.666666666666664%
        }

        .col-xs-3 {
            width: 25%
        }

        .col-xs-4 {
            width: 33.33333333333333%
        }

        .col-xs-5 {
            width: 41.66666666666667%
        }

        .col-xs-6 {
            width: 50%
        }

        .col-xs-7 {
            width: 58.333333333333336%
        }

        .col-xs-8 {
            width: 66.66666666666666%
        }

        .col-xs-9 {
            width: 75%
        }

        .col-xs-10 {
            width: 83.33333333333334%
        }

        .col-xs-11 {
            width: 91.66666666666666%
        }

        .col-xs-12 {
            width: 100%
        }

        @media(min-width:768px) {
            .container {
                max-width: 750px
            }

            .col-sm-1,
            .col-sm-2,
            .col-sm-3,
            .col-sm-4,
            .col-sm-5,
            .col-sm-6,
            .col-sm-7,
            .col-sm-8,
            .col-sm-9,
            .col-sm-10,
            .col-sm-11 {
                float: left
            }

            .col-sm-1 {
                width: 8.333333333333332%
            }

            .col-sm-2 {
                width: 16.666666666666664%
            }

            .col-sm-3 {
                width: 25%
            }

            .col-sm-4 {
                width: 33.33333333333333%
            }

            .col-sm-5 {
                width: 41.66666666666667%
            }

            .col-sm-6 {
                width: 50%
            }

            .col-sm-7 {
                width: 58.333333333333336%
            }

            .col-sm-8 {
                width: 66.66666666666666%
            }

            .col-sm-9 {
                width: 75%
            }

            .col-sm-10 {
                width: 83.33333333333334%
            }

            .col-sm-11 {
                width: 91.66666666666666%
            }

            .col-sm-12 {
                width: 100%
            }

            .col-sm-push-1 {
                left: 8.333333333333332%
            }

            .col-sm-push-2 {
                left: 16.666666666666664%
            }

            .col-sm-push-3 {
                left: 25%
            }

            .col-sm-push-4 {
                left: 33.33333333333333%
            }

            .col-sm-push-5 {
                left: 41.66666666666667%
            }

            .col-sm-push-6 {
                left: 50%
            }

            .col-sm-push-7 {
                left: 58.333333333333336%
            }

            .col-sm-push-8 {
                left: 66.66666666666666%
            }

            .col-sm-push-9 {
                left: 75%
            }

            .col-sm-push-10 {
                left: 83.33333333333334%
            }

            .col-sm-push-11 {
                left: 91.66666666666666%
            }

            .col-sm-pull-1 {
                right: 8.333333333333332%
            }

            .col-sm-pull-2 {
                right: 16.666666666666664%
            }

            .col-sm-pull-3 {
                right: 25%
            }

            .col-sm-pull-4 {
                right: 33.33333333333333%
            }

            .col-sm-pull-5 {
                right: 41.66666666666667%
            }

            .col-sm-pull-6 {
                right: 50%
            }

            .col-sm-pull-7 {
                right: 58.333333333333336%
            }

            .col-sm-pull-8 {
                right: 66.66666666666666%
            }

            .col-sm-pull-9 {
                right: 75%
            }

            .col-sm-pull-10 {
                right: 83.33333333333334%
            }

            .col-sm-pull-11 {
                right: 91.66666666666666%
            }

            .col-sm-offset-1 {
                margin-left: 8.333333333333332%
            }

            .col-sm-offset-2 {
                margin-left: 16.666666666666664%
            }

            .col-sm-offset-3 {
                margin-left: 25%
            }

            .col-sm-offset-4 {
                margin-left: 33.33333333333333%
            }

            .col-sm-offset-5 {
                margin-left: 41.66666666666667%
            }

            .col-sm-offset-6 {
                margin-left: 50%
            }

            .col-sm-offset-7 {
                margin-left: 58.333333333333336%
            }

            .col-sm-offset-8 {
                margin-left: 66.66666666666666%
            }

            .col-sm-offset-9 {
                margin-left: 75%
            }

            .col-sm-offset-10 {
                margin-left: 83.33333333333334%
            }

            .col-sm-offset-11 {
                margin-left: 91.66666666666666%
            }
        }

        @media(min-width:992px) {
            .container {
                max-width: 970px
            }

            .col-md-1,
            .col-md-2,
            .col-md-3,
            .col-md-4,
            .col-md-5,
            .col-md-6,
            .col-md-7,
            .col-md-8,
            .col-md-9,
            .col-md-10,
            .col-md-11 {
                float: left
            }

            .col-md-1 {
                width: 8.333333333333332%
            }

            .col-md-2 {
                width: 16.666666666666664%
            }

            .col-md-3 {
                width: 25%
            }

            .col-md-4 {
                width: 33.33333333333333%
            }

            .col-md-5 {
                width: 41.66666666666667%
            }

            .col-md-6 {
                width: 50%
            }

            .col-md-7 {
                width: 58.333333333333336%
            }

            .col-md-8 {
                width: 66.66666666666666%
            }

            .col-md-9 {
                width: 75%
            }

            .col-md-10 {
                width: 83.33333333333334%
            }

            .col-md-11 {
                width: 91.66666666666666%
            }

            .col-md-12 {
                width: 100%
            }

            .col-md-push-0 {
                left: auto
            }

            .col-md-push-1 {
                left: 8.333333333333332%
            }

            .col-md-push-2 {
                left: 16.666666666666664%
            }

            .col-md-push-3 {
                left: 25%
            }

            .col-md-push-4 {
                left: 33.33333333333333%
            }

            .col-md-push-5 {
                left: 41.66666666666667%
            }

            .col-md-push-6 {
                left: 50%
            }

            .col-md-push-7 {
                left: 58.333333333333336%
            }

            .col-md-push-8 {
                left: 66.66666666666666%
            }

            .col-md-push-9 {
                left: 75%
            }

            .col-md-push-10 {
                left: 83.33333333333334%
            }

            .col-md-push-11 {
                left: 91.66666666666666%
            }

            .col-md-pull-0 {
                right: auto
            }

            .col-md-pull-1 {
                right: 8.333333333333332%
            }

            .col-md-pull-2 {
                right: 16.666666666666664%
            }

            .col-md-pull-3 {
                right: 25%
            }

            .col-md-pull-4 {
                right: 33.33333333333333%
            }

            .col-md-pull-5 {
                right: 41.66666666666667%
            }

            .col-md-pull-6 {
                right: 50%
            }

            .col-md-pull-7 {
                right: 58.333333333333336%
            }

            .col-md-pull-8 {
                right: 66.66666666666666%
            }

            .col-md-pull-9 {
                right: 75%
            }

            .col-md-pull-10 {
                right: 83.33333333333334%
            }

            .col-md-pull-11 {
                right: 91.66666666666666%
            }

            .col-md-offset-0 {
                margin-left: 0
            }

            .col-md-offset-1 {
                margin-left: 8.333333333333332%
            }

            .col-md-offset-2 {
                margin-left: 16.666666666666664%
            }

            .col-md-offset-3 {
                margin-left: 25%
            }

            .col-md-offset-4 {
                margin-left: 33.33333333333333%
            }

            .col-md-offset-5 {
                margin-left: 41.66666666666667%
            }

            .col-md-offset-6 {
                margin-left: 50%
            }

            .col-md-offset-7 {
                margin-left: 58.333333333333336%
            }

            .col-md-offset-8 {
                margin-left: 66.66666666666666%
            }

            .col-md-offset-9 {
                margin-left: 75%
            }

            .col-md-offset-10 {
                margin-left: 83.33333333333334%
            }

            .col-md-offset-11 {
                margin-left: 91.66666666666666%
            }
        }

        @media(min-width:1200px) {
            .container {
                max-width: 1170px
            }

            .col-lg-1,
            .col-lg-2,
            .col-lg-3,
            .col-lg-4,
            .col-lg-5,
            .col-lg-6,
            .col-lg-7,
            .col-lg-8,
            .col-lg-9,
            .col-lg-10,
            .col-lg-11 {
                float: left
            }

            .col-lg-1 {
                width: 8.333333333333332%
            }

            .col-lg-2 {
                width: 16.666666666666664%
            }

            .col-lg-3 {
                width: 25%
            }

            .col-lg-4 {
                width: 33.33333333333333%
            }

            .col-lg-5 {
                width: 41.66666666666667%
            }

            .col-lg-6 {
                width: 50%
            }

            .col-lg-7 {
                width: 58.333333333333336%
            }

            .col-lg-8 {
                width: 66.66666666666666%
            }

            .col-lg-9 {
                width: 75%
            }

            .col-lg-10 {
                width: 83.33333333333334%
            }

            .col-lg-11 {
                width: 91.66666666666666%
            }

            .col-lg-12 {
                width: 100%
            }

            .col-lg-push-0 {
                left: auto
            }

            .col-lg-push-1 {
                left: 8.333333333333332%
            }

            .col-lg-push-2 {
                left: 16.666666666666664%
            }

            .col-lg-push-3 {
                left: 25%
            }

            .col-lg-push-4 {
                left: 33.33333333333333%
            }

            .col-lg-push-5 {
                left: 41.66666666666667%
            }

            .col-lg-push-6 {
                left: 50%
            }

            .col-lg-push-7 {
                left: 58.333333333333336%
            }

            .col-lg-push-8 {
                left: 66.66666666666666%
            }

            .col-lg-push-9 {
                left: 75%
            }

            .col-lg-push-10 {
                left: 83.33333333333334%
            }

            .col-lg-push-11 {
                left: 91.66666666666666%
            }

            .col-lg-pull-0 {
                right: auto
            }

            .col-lg-pull-1 {
                right: 8.333333333333332%
            }

            .col-lg-pull-2 {
                right: 16.666666666666664%
            }

            .col-lg-pull-3 {
                right: 25%
            }

            .col-lg-pull-4 {
                right: 33.33333333333333%
            }

            .col-lg-pull-5 {
                right: 41.66666666666667%
            }

            .col-lg-pull-6 {
                right: 50%
            }

            .col-lg-pull-7 {
                right: 58.333333333333336%
            }

            .col-lg-pull-8 {
                right: 66.66666666666666%
            }

            .col-lg-pull-9 {
                right: 75%
            }

            .col-lg-pull-10 {
                right: 83.33333333333334%
            }

            .col-lg-pull-11 {
                right: 91.66666666666666%
            }

            .col-lg-offset-0 {
                margin-left: 0
            }

            .col-lg-offset-1 {
                margin-left: 8.333333333333332%
            }

            .col-lg-offset-2 {
                margin-left: 16.666666666666664%
            }

            .col-lg-offset-3 {
                margin-left: 25%
            }

            .col-lg-offset-4 {
                margin-left: 33.33333333333333%
            }

            .col-lg-offset-5 {
                margin-left: 41.66666666666667%
            }

            .col-lg-offset-6 {
                margin-left: 50%
            }

            .col-lg-offset-7 {
                margin-left: 58.333333333333336%
            }

            .col-lg-offset-8 {
                margin-left: 66.66666666666666%
            }

            .col-lg-offset-9 {
                margin-left: 75%
            }

            .col-lg-offset-10 {
                margin-left: 83.33333333333334%
            }

            .col-lg-offset-11 {
                margin-left: 91.66666666666666%
            }
        }

        table {
            max-width: 100%;
            background-color: transparent
        }

        th {
            text-align: left
        }

        .table {
            width: 100%;
            margin-bottom: 20px
        }

        .table thead>tr>th,
        .table tbody>tr>th,
        .table tfoot>tr>th,
        .table thead>tr>td,
        .table tbody>tr>td,
        .table tfoot>tr>td {
            padding: 8px;
            line-height: 1.428571429;
            vertical-align: top;
            border-top: 1px solid #ddd
        }

        .table thead>tr>th {
            vertical-align: bottom;
            border-bottom: 2px solid #ddd
        }

        .table caption+thead tr:first-child th,
        .table colgroup+thead tr:first-child th,
        .table thead:first-child tr:first-child th,
        .table caption+thead tr:first-child td,
        .table colgroup+thead tr:first-child td,
        .table thead:first-child tr:first-child td {
            border-top: 0
        }

        .table tbody+tbody {
            border-top: 2px solid #ddd
        }

        .table .table {
            background-color: #fff
        }

        .table-condensed thead>tr>th,
        .table-condensed tbody>tr>th,
        .table-condensed tfoot>tr>th,
        .table-condensed thead>tr>td,
        .table-condensed tbody>tr>td,
        .table-condensed tfoot>tr>td {
            padding: 5px
        }

        .table-bordered {
            border: 1px solid #ddd
        }

        .table-bordered>thead>tr>th,
        .table-bordered>tbody>tr>th,
        .table-bordered>tfoot>tr>th,
        .table-bordered>thead>tr>td,
        .table-bordered>tbody>tr>td,
        .table-bordered>tfoot>tr>td {
            border: 1px solid #ddd
        }

        .table-bordered>thead>tr>th,
        .table-bordered>thead>tr>td {
            border-bottom-width: 2px
        }

        .table-striped>tbody>tr:nth-child(odd)>td,
        .table-striped>tbody>tr:nth-child(odd)>th {
            background-color: #f9f9f9
        }

        .table-hover>tbody>tr:hover>td,
        .table-hover>tbody>tr:hover>th {
            background-color: #f5f5f5
        }

        table col[class*="col-"] {
            display: table-column;
            float: none
        }

        table td[class*="col-"],
        table th[class*="col-"] {
            display: table-cell;
            float: none
        }

        .table>thead>tr>td.active,
        .table>tbody>tr>td.active,
        .table>tfoot>tr>td.active,
        .table>thead>tr>th.active,
        .table>tbody>tr>th.active,
        .table>tfoot>tr>th.active,
        .table>thead>tr.active>td,
        .table>tbody>tr.active>td,
        .table>tfoot>tr.active>td,
        .table>thead>tr.active>th,
        .table>tbody>tr.active>th,
        .table>tfoot>tr.active>th {
            background-color: #f5f5f5
        }

        .table>thead>tr>td.success,
        .table>tbody>tr>td.success,
        .table>tfoot>tr>td.success,
        .table>thead>tr>th.success,
        .table>tbody>tr>th.success,
        .table>tfoot>tr>th.success,
        .table>thead>tr.success>td,
        .table>tbody>tr.success>td,
        .table>tfoot>tr.success>td,
        .table>thead>tr.success>th,
        .table>tbody>tr.success>th,
        .table>tfoot>tr.success>th {
            background-color: #dff0d8;
            border-color: #d6e9c6
        }

        .table-hover>tbody>tr>td.success:hover,
        .table-hover>tbody>tr>th.success:hover,
        .table-hover>tbody>tr.success:hover>td {
            background-color: #d0e9c6;
            border-color: #c9e2b3
        }

        .table>thead>tr>td.danger,
        .table>tbody>tr>td.danger,
        .table>tfoot>tr>td.danger,
        .table>thead>tr>th.danger,
        .table>tbody>tr>th.danger,
        .table>tfoot>tr>th.danger,
        .table>thead>tr.danger>td,
        .table>tbody>tr.danger>td,
        .table>tfoot>tr.danger>td,
        .table>thead>tr.danger>th,
        .table>tbody>tr.danger>th,
        .table>tfoot>tr.danger>th {
            background-color: #f2dede;
            border-color: #eed3d7
        }

        .table-hover>tbody>tr>td.danger:hover,
        .table-hover>tbody>tr>th.danger:hover,
        .table-hover>tbody>tr.danger:hover>td {
            background-color: #ebcccc;
            border-color: #e6c1c7
        }

        .table>thead>tr>td.warning,
        .table>tbody>tr>td.warning,
        .table>tfoot>tr>td.warning,
        .table>thead>tr>th.warning,
        .table>tbody>tr>th.warning,
        .table>tfoot>tr>th.warning,
        .table>thead>tr.warning>td,
        .table>tbody>tr.warning>td,
        .table>tfoot>tr.warning>td,
        .table>thead>tr.warning>th,
        .table>tbody>tr.warning>th,
        .table>tfoot>tr.warning>th {
            background-color: #fcf8e3;
            border-color: #fbeed5
        }

        .table-hover>tbody>tr>td.warning:hover,
        .table-hover>tbody>tr>th.warning:hover,
        .table-hover>tbody>tr.warning:hover>td {
            background-color: #faf2cc;
            border-color: #f8e5be
        }

        @media(max-width:768px) {
            .table-responsive {
                width: 100%;
                margin-bottom: 15px;
                overflow-x: scroll;
                overflow-y: hidden;
                border: 1px solid #ddd
            }

            .table-responsive>.table {
                margin-bottom: 0;
                background-color: #fff
            }

            .table-responsive>.table>thead>tr>th,
            .table-responsive>.table>tbody>tr>th,
            .table-responsive>.table>tfoot>tr>th,
            .table-responsive>.table>thead>tr>td,
            .table-responsive>.table>tbody>tr>td,
            .table-responsive>.table>tfoot>tr>td {
                white-space: nowrap
            }

            .table-responsive>.table-bordered {
                border: 0
            }

            .table-responsive>.table-bordered>thead>tr>th:first-child,
            .table-responsive>.table-bordered>tbody>tr>th:first-child,
            .table-responsive>.table-bordered>tfoot>tr>th:first-child,
            .table-responsive>.table-bordered>thead>tr>td:first-child,
            .table-responsive>.table-bordered>tbody>tr>td:first-child,
            .table-responsive>.table-bordered>tfoot>tr>td:first-child {
                border-left: 0
            }

            .table-responsive>.table-bordered>thead>tr>th:last-child,
            .table-responsive>.table-bordered>tbody>tr>th:last-child,
            .table-responsive>.table-bordered>tfoot>tr>th:last-child,
            .table-responsive>.table-bordered>thead>tr>td:last-child,
            .table-responsive>.table-bordered>tbody>tr>td:last-child,
            .table-responsive>.table-bordered>tfoot>tr>td:last-child {
                border-right: 0
            }

            .table-responsive>.table-bordered>thead>tr:last-child>th,
            .table-responsive>.table-bordered>tbody>tr:last-child>th,
            .table-responsive>.table-bordered>tfoot>tr:last-child>th,
            .table-responsive>.table-bordered>thead>tr:last-child>td,
            .table-responsive>.table-bordered>tbody>tr:last-child>td,
            .table-responsive>.table-bordered>tfoot>tr:last-child>td {
                border-bottom: 0
            }
        }

        fieldset {
            padding: 0;
            margin: 0;
            border: 0
        }

        legend {
            display: block;
            width: 100%;
            padding: 0;
            margin-bottom: 20px;
            font-size: 21px;
            line-height: inherit;
            color: #333;
            border: 0;
            border-bottom: 1px solid #e5e5e5
        }

        label {
            display: inline-block;
            margin-bottom: 5px;
            font-weight: bold
        }

        input[type="search"] {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box
        }

        input[type="radio"],
        input[type="checkbox"] {
            margin: 4px 0 0;
            margin-top: 1px \9;
            line-height: normal
        }

        input[type="file"] {
            display: block
        }

        select[multiple],
        select[size] {
            height: auto
        }

        select optgroup {
            font-family: inherit;
            font-size: inherit;
            font-style: inherit
        }

        input[type="file"]:focus,
        input[type="radio"]:focus,
        input[type="checkbox"]:focus {
            outline: thin dotted #333;
            outline: 5px auto -webkit-focus-ring-color;
            outline-offset: -2px
        }

        input[type="number"]::-webkit-outer-spin-button,
        input[type="number"]::-webkit-inner-spin-button {
            height: auto
        }

        .form-control:-moz-placeholder {
            color: #999
        }

        .form-control::-moz-placeholder {
            color: #999
        }

        .form-control:-ms-input-placeholder {
            color: #999
        }

        .form-control::-webkit-input-placeholder {
            color: #999
        }

        .form-control {
            display: block;
            width: 100%;
            height: 34px;
            padding: 6px 12px;
            font-size: 14px;
            line-height: 1.428571429;
            color: #555;
            vertical-align: middle;
            background-color: #fff;
            border: 1px solid #ccc;
            border-radius: 4px;
            -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
            -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
            transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
        }

        .form-control:focus {
            border-color: #66afe9;
            outline: 0;
            -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6)
        }

        .form-control[disabled],
        .form-control[readonly],
        fieldset[disabled] .form-control {
            cursor: not-allowed;
            background-color: #eee
        }

        textarea.form-control {
            height: auto
        }

        .form-group {
            margin-bottom: 15px
        }

        .radio,
        .checkbox {
            display: block;
            min-height: 20px;
            padding-left: 20px;
            margin-top: 10px;
            margin-bottom: 10px;
            vertical-align: middle
        }

        .radio label,
        .checkbox label {
            display: inline;
            margin-bottom: 0;
            font-weight: normal;
            cursor: pointer
        }

        .radio input[type="radio"],
        .radio-inline input[type="radio"],
        .checkbox input[type="checkbox"],
        .checkbox-inline input[type="checkbox"] {
            float: left;
            margin-left: -20px
        }

        .radio+.radio,
        .checkbox+.checkbox {
            margin-top: -5px
        }

        .radio-inline,
        .checkbox-inline {
            display: inline-block;
            padding-left: 20px;
            margin-bottom: 0;
            font-weight: normal;
            vertical-align: middle;
            cursor: pointer
        }

        .radio-inline+.radio-inline,
        .checkbox-inline+.checkbox-inline {
            margin-top: 0;
            margin-left: 10px
        }

        input[type="radio"][disabled],
        input[type="checkbox"][disabled],
        .radio[disabled],
        .radio-inline[disabled],
        .checkbox[disabled],
        .checkbox-inline[disabled],
        fieldset[disabled] input[type="radio"],
        fieldset[disabled] input[type="checkbox"],
        fieldset[disabled] .radio,
        fieldset[disabled] .radio-inline,
        fieldset[disabled] .checkbox,
        fieldset[disabled] .checkbox-inline {
            cursor: not-allowed
        }

        .input-sm {
            height: 30px;
            padding: 5px 10px;
            font-size: 12px;
            line-height: 1.5;
            border-radius: 3px
        }

        select.input-sm {
            height: 30px;
            line-height: 30px
        }

        textarea.input-sm {
            height: auto
        }

        .input-lg {
            height: 45px;
            padding: 10px 16px;
            font-size: 18px;
            line-height: 1.33;
            border-radius: 6px
        }

        select.input-lg {
            height: 45px;
            line-height: 45px
        }

        textarea.input-lg {
            height: auto
        }

        .has-warning .help-block,
        .has-warning .control-label {
            color: #c09853
        }

        .has-warning .form-control {
            border-color: #c09853;
            -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)
        }

        .has-warning .form-control:focus {
            border-color: #a47e3c;
            -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e
        }

        .has-warning .input-group-addon {
            color: #c09853;
            background-color: #fcf8e3;
            border-color: #c09853
        }

        .has-error .help-block,
        .has-error .control-label {
            color: #b94a48
        }

        .has-error .form-control {
            border-color: #b94a48;
            -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)
        }

        .has-error .form-control:focus {
            border-color: #953b39;
            -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392
        }

        .has-error .input-group-addon {
            color: #b94a48;
            background-color: #f2dede;
            border-color: #b94a48
        }

        .has-success .help-block,
        .has-success .control-label {
            color: #468847
        }

        .has-success .form-control {
            border-color: #468847;
            -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)
        }

        .has-success .form-control:focus {
            border-color: #356635;
            -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b
        }

        .has-success .input-group-addon {
            color: #468847;
            background-color: #dff0d8;
            border-color: #468847
        }

        .form-control-static {
            padding-top: 7px;
            margin-bottom: 0
        }

        .help-block {
            display: block;
            margin-top: 5px;
            margin-bottom: 10px;
            color: #737373
        }

        @media(min-width:768px) {
            .form-inline .form-group {
                display: inline-block;
                margin-bottom: 0;
                vertical-align: middle
            }

            .form-inline .form-control {
                display: inline-block
            }

            .form-inline .radio,
            .form-inline .checkbox {
                display: inline-block;
                padding-left: 0;
                margin-top: 0;
                margin-bottom: 0
            }

            .form-inline .radio input[type="radio"],
            .form-inline .checkbox input[type="checkbox"] {
                float: none;
                margin-left: 0
            }
        }

        .form-horizontal .control-label,
        .form-horizontal .radio,
        .form-horizontal .checkbox,
        .form-horizontal .radio-inline,
        .form-horizontal .checkbox-inline {
            padding-top: 7px;
            margin-top: 0;
            margin-bottom: 0
        }

        .form-horizontal .form-group {
            margin-right: -15px;
            margin-left: -15px
        }

        .form-horizontal .form-group:before,
        .form-horizontal .form-group:after {
            display: table;
            content: " "
        }

        .form-horizontal .form-group:after {
            clear: both
        }

        .form-horizontal .form-group:before,
        .form-horizontal .form-group:after {
            display: table;
            content: " "
        }

        .form-horizontal .form-group:after {
            clear: both
        }

        @media(min-width:768px) {
            .form-horizontal .control-label {
                text-align: right
            }
        }

        .btn {
            display: inline-block;
            padding: 6px 12px;
            margin-bottom: 0;
            font-size: 14px;
            font-weight: normal;
            line-height: 1.428571429;
            text-align: center;
            white-space: nowrap;
            vertical-align: middle;
            cursor: pointer;
            border: 1px solid transparent;
            border-radius: 4px;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            -o-user-select: none;
            user-select: none
        }

        .btn:focus {
            outline: thin dotted #333;
            outline: 5px auto -webkit-focus-ring-color;
            outline-offset: -2px
        }

        .btn:hover,
        .btn:focus {
            color: #333;
            text-decoration: none
        }

        .btn:active,
        .btn.active {
            background-image: none;
            outline: 0;
            -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125)
        }

        .btn.disabled,
        .btn[disabled],
        fieldset[disabled] .btn {
            pointer-events: none;
            cursor: not-allowed;
            opacity: .65;
            filter: alpha(opacity=65);
            -webkit-box-shadow: none;
            box-shadow: none
        }

        .btn-default {
            color: #333;
            background-color: #fff;
            border-color: #ccc
        }

        .btn-default:hover,
        .btn-default:focus,
        .btn-default:active,
        .btn-default.active,
        .open .dropdown-toggle.btn-default {
            color: #333;
            background-color: #ebebeb;
            border-color: #adadad
        }

        .btn-default:active,
        .btn-default.active,
        .open .dropdown-toggle.btn-default {
            background-image: none
        }

        .btn-default.disabled,
        .btn-default[disabled],
        fieldset[disabled] .btn-default,
        .btn-default.disabled:hover,
        .btn-default[disabled]:hover,
        fieldset[disabled] .btn-default:hover,
        .btn-default.disabled:focus,
        .btn-default[disabled]:focus,
        fieldset[disabled] .btn-default:focus,
        .btn-default.disabled:active,
        .btn-default[disabled]:active,
        fieldset[disabled] .btn-default:active,
        .btn-default.disabled.active,
        .btn-default[disabled].active,
        fieldset[disabled] .btn-default.active {
            background-color: #fff;
            border-color: #ccc
        }

        .btn-primary {
            color: #fff;
            background-color: #428bca;
            border-color: #357ebd
        }

        .btn-primary:hover,
        .btn-primary:focus,
        .btn-primary:active,
        .btn-primary.active,
        .open .dropdown-toggle.btn-primary {
            color: #fff;
            background-color: #3276b1;
            border-color: #285e8e
        }

        .btn-primary:active,
        .btn-primary.active,
        .open .dropdown-toggle.btn-primary {
            background-image: none
        }

        .btn-primary.disabled,
        .btn-primary[disabled],
        fieldset[disabled] .btn-primary,
        .btn-primary.disabled:hover,
        .btn-primary[disabled]:hover,
        fieldset[disabled] .btn-primary:hover,
        .btn-primary.disabled:focus,
        .btn-primary[disabled]:focus,
        fieldset[disabled] .btn-primary:focus,
        .btn-primary.disabled:active,
        .btn-primary[disabled]:active,
        fieldset[disabled] .btn-primary:active,
        .btn-primary.disabled.active,
        .btn-primary[disabled].active,
        fieldset[disabled] .btn-primary.active {
            background-color: #428bca;
            border-color: #357ebd
        }

        .btn-warning {
            color: #fff;
            background-color: #f0ad4e;
            border-color: #eea236
        }

        .btn-warning:hover,
        .btn-warning:focus,
        .btn-warning:active,
        .btn-warning.active,
        .open .dropdown-toggle.btn-warning {
            color: #fff;
            background-color: #ed9c28;
            border-color: #d58512
        }

        .btn-warning:active,
        .btn-warning.active,
        .open .dropdown-toggle.btn-warning {
            background-image: none
        }

        .btn-warning.disabled,
        .btn-warning[disabled],
        fieldset[disabled] .btn-warning,
        .btn-warning.disabled:hover,
        .btn-warning[disabled]:hover,
        fieldset[disabled] .btn-warning:hover,
        .btn-warning.disabled:focus,
        .btn-warning[disabled]:focus,
        fieldset[disabled] .btn-warning:focus,
        .btn-warning.disabled:active,
        .btn-warning[disabled]:active,
        fieldset[disabled] .btn-warning:active,
        .btn-warning.disabled.active,
        .btn-warning[disabled].active,
        fieldset[disabled] .btn-warning.active {
            background-color: #f0ad4e;
            border-color: #eea236
        }

        .btn-danger {
            color: #fff;
            background-color: #d9534f;
            border-color: #d43f3a
        }

        .btn-danger:hover,
        .btn-danger:focus,
        .btn-danger:active,
        .btn-danger.active,
        .open .dropdown-toggle.btn-danger {
            color: #fff;
            background-color: #d2322d;
            border-color: #ac2925
        }

        .btn-danger:active,
        .btn-danger.active,
        .open .dropdown-toggle.btn-danger {
            background-image: none
        }

        .btn-danger.disabled,
        .btn-danger[disabled],
        fieldset[disabled] .btn-danger,
        .btn-danger.disabled:hover,
        .btn-danger[disabled]:hover,
        fieldset[disabled] .btn-danger:hover,
        .btn-danger.disabled:focus,
        .btn-danger[disabled]:focus,
        fieldset[disabled] .btn-danger:focus,
        .btn-danger.disabled:active,
        .btn-danger[disabled]:active,
        fieldset[disabled] .btn-danger:active,
        .btn-danger.disabled.active,
        .btn-danger[disabled].active,
        fieldset[disabled] .btn-danger.active {
            background-color: #d9534f;
            border-color: #d43f3a
        }

        .btn-success {
            color: #fff;
            background-color: #5cb85c;
            border-color: #4cae4c
        }

        .btn-success:hover,
        .btn-success:focus,
        .btn-success:active,
        .btn-success.active,
        .open .dropdown-toggle.btn-success {
            color: #fff;
            background-color: #47a447;
            border-color: #398439
        }

        .btn-success:active,
        .btn-success.active,
        .open .dropdown-toggle.btn-success {
            background-image: none
        }

        .btn-success.disabled,
        .btn-success[disabled],
        fieldset[disabled] .btn-success,
        .btn-success.disabled:hover,
        .btn-success[disabled]:hover,
        fieldset[disabled] .btn-success:hover,
        .btn-success.disabled:focus,
        .btn-success[disabled]:focus,
        fieldset[disabled] .btn-success:focus,
        .btn-success.disabled:active,
        .btn-success[disabled]:active,
        fieldset[disabled] .btn-success:active,
        .btn-success.disabled.active,
        .btn-success[disabled].active,
        fieldset[disabled] .btn-success.active {
            background-color: #5cb85c;
            border-color: #4cae4c
        }

        .btn-info {
            color: #fff;
            background-color: #5bc0de;
            border-color: #46b8da
        }

        .btn-info:hover,
        .btn-info:focus,
        .btn-info:active,
        .btn-info.active,
        .open .dropdown-toggle.btn-info {
            color: #fff;
            background-color: #39b3d7;
            border-color: #269abc
        }

        .btn-info:active,
        .btn-info.active,
        .open .dropdown-toggle.btn-info {
            background-image: none
        }

        .btn-info.disabled,
        .btn-info[disabled],
        fieldset[disabled] .btn-info,
        .btn-info.disabled:hover,
        .btn-info[disabled]:hover,
        fieldset[disabled] .btn-info:hover,
        .btn-info.disabled:focus,
        .btn-info[disabled]:focus,
        fieldset[disabled] .btn-info:focus,
        .btn-info.disabled:active,
        .btn-info[disabled]:active,
        fieldset[disabled] .btn-info:active,
        .btn-info.disabled.active,
        .btn-info[disabled].active,
        fieldset[disabled] .btn-info.active {
            background-color: #5bc0de;
            border-color: #46b8da
        }

        .btn-link {
            font-weight: normal;
            color: #428bca;
            cursor: pointer;
            border-radius: 0
        }

        .btn-link,
        .btn-link:active,
        .btn-link[disabled],
        fieldset[disabled] .btn-link {
            background-color: transparent;
            -webkit-box-shadow: none;
            box-shadow: none
        }

        .btn-link,
        .btn-link:hover,
        .btn-link:focus,
        .btn-link:active {
            border-color: transparent
        }

        .btn-link:hover,
        .btn-link:focus {
            color: #2a6496;
            text-decoration: underline;
            background-color: transparent
        }

        .btn-link[disabled]:hover,
        fieldset[disabled] .btn-link:hover,
        .btn-link[disabled]:focus,
        fieldset[disabled] .btn-link:focus {
            color: #999;
            text-decoration: none
        }

        .btn-lg {
            padding: 10px 16px;
            font-size: 18px;
            line-height: 1.33;
            border-radius: 6px
        }

        .btn-sm,
        .btn-xs {
            padding: 5px 10px;
            font-size: 12px;
            line-height: 1.5;
            border-radius: 3px
        }

        .btn-xs {
            padding: 1px 5px
        }

        .btn-block {
            display: block;
            width: 100%;
            padding-right: 0;
            padding-left: 0
        }

        .btn-block+.btn-block {
            margin-top: 5px
        }

        input[type="submit"].btn-block,
        input[type="reset"].btn-block,
        input[type="button"].btn-block {
            width: 100%
        }

        .fade {
            opacity: 0;
            -webkit-transition: opacity .15s linear;
            transition: opacity .15s linear
        }

        .fade.in {
            opacity: 1
        }

        .collapse {
            display: none
        }

        .collapse.in {
            display: block
        }

        .collapsing {
            position: relative;
            height: 0;
            overflow: hidden;
            -webkit-transition: height .35s ease;
            transition: height .35s ease
        }

        @font-face {
            font-family: 'Glyphicons Halflings';
            src: url('/fonts/glyphicons-halflings-regular.eot');
            src: url('/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('/fonts/glyphicons-halflings-regular.woff') format('woff'), url('/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('/fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg')
        }

        .glyphicon {
            position: relative;
            top: 1px;
            display: inline-block;
            font-family: 'Glyphicons Halflings';
            -webkit-font-smoothing: antialiased;
            font-style: normal;
            font-weight: normal;
            line-height: 1
        }

        .glyphicon-asterisk:before {
            content: "\2a"
        }

        .glyphicon-plus:before {
            content: "\2b"
        }

        .glyphicon-euro:before {
            content: "\20ac"
        }

        .glyphicon-minus:before {
            content: "\2212"
        }

        .glyphicon-cloud:before {
            content: "\2601"
        }

        .glyphicon-envelope:before {
            content: "\2709"
        }

        .glyphicon-pencil:before {
            content: "\270f"
        }

        .glyphicon-glass:before {
            content: "\e001"
        }

        .glyphicon-music:before {
            content: "\e002"
        }

        .glyphicon-search:before {
            content: "\e003"
        }

        .glyphicon-heart:before {
            content: "\e005"
        }

        .glyphicon-star:before {
            content: "\e006"
        }

        .glyphicon-star-empty:before {
            content: "\e007"
        }

        .glyphicon-user:before {
            content: "\e008"
        }

        .glyphicon-film:before {
            content: "\e009"
        }

        .glyphicon-th-large:before {
            content: "\e010"
        }

        .glyphicon-th:before {
            content: "\e011"
        }

        .glyphicon-th-list:before {
            content: "\e012"
        }

        .glyphicon-ok:before {
            content: "\e013"
        }

        .glyphicon-remove:before {
            content: "\e014"
        }

        .glyphicon-zoom-in:before {
            content: "\e015"
        }

        .glyphicon-zoom-out:before {
            content: "\e016"
        }

        .glyphicon-off:before {
            content: "\e017"
        }

        .glyphicon-signal:before {
            content: "\e018"
        }

        .glyphicon-cog:before {
            content: "\e019"
        }

        .glyphicon-trash:before {
            content: "\e020"
        }

        .glyphicon-home:before {
            content: "\e021"
        }

        .glyphicon-file:before {
            content: "\e022"
        }

        .glyphicon-time:before {
            content: "\e023"
        }

        .glyphicon-road:before {
            content: "\e024"
        }

        .glyphicon-download-alt:before {
            content: "\e025"
        }

        .glyphicon-download:before {
            content: "\e026"
        }

        .glyphicon-upload:before {
            content: "\e027"
        }

        .glyphicon-inbox:before {
            content: "\e028"
        }

        .glyphicon-play-circle:before {
            content: "\e029"
        }

        .glyphicon-repeat:before {
            content: "\e030"
        }

        .glyphicon-refresh:before {
            content: "\e031"
        }

        .glyphicon-list-alt:before {
            content: "\e032"
        }

        .glyphicon-flag:before {
            content: "\e034"
        }

        .glyphicon-headphones:before {
            content: "\e035"
        }

        .glyphicon-volume-off:before {
            content: "\e036"
        }

        .glyphicon-volume-down:before {
            content: "\e037"
        }

        .glyphicon-volume-up:before {
            content: "\e038"
        }

        .glyphicon-qrcode:before {
            content: "\e039"
        }

        .glyphicon-barcode:before {
            content: "\e040"
        }

        .glyphicon-tag:before {
            content: "\e041"
        }

        .glyphicon-tags:before {
            content: "\e042"
        }

        .glyphicon-book:before {
            content: "\e043"
        }

        .glyphicon-print:before {
            content: "\e045"
        }

        .glyphicon-font:before {
            content: "\e047"
        }

        .glyphicon-bold:before {
            content: "\e048"
        }

        .glyphicon-italic:before {
            content: "\e049"
        }

        .glyphicon-text-height:before {
            content: "\e050"
        }

        .glyphicon-text-width:before {
            content: "\e051"
        }

        .glyphicon-align-left:before {
            content: "\e052"
        }

        .glyphicon-align-center:before {
            content: "\e053"
        }

        .glyphicon-align-right:before {
            content: "\e054"
        }

        .glyphicon-align-justify:before {
            content: "\e055"
        }

        .glyphicon-list:before {
            content: "\e056"
        }

        .glyphicon-indent-left:before {
            content: "\e057"
        }

        .glyphicon-indent-right:before {
            content: "\e058"
        }

        .glyphicon-facetime-video:before {
            content: "\e059"
        }

        .glyphicon-picture:before {
            content: "\e060"
        }

        .glyphicon-map-marker:before {
            content: "\e062"
        }

        .glyphicon-adjust:before {
            content: "\e063"
        }

        .glyphicon-tint:before {
            content: "\e064"
        }

        .glyphicon-edit:before {
            content: "\e065"
        }

        .glyphicon-share:before {
            content: "\e066"
        }

        .glyphicon-check:before {
            content: "\e067"
        }

        .glyphicon-move:before {
            content: "\e068"
        }

        .glyphicon-step-backward:before {
            content: "\e069"
        }

        .glyphicon-fast-backward:before {
            content: "\e070"
        }

        .glyphicon-backward:before {
            content: "\e071"
        }

        .glyphicon-play:before {
            content: "\e072"
        }

        .glyphicon-pause:before {
            content: "\e073"
        }

        .glyphicon-stop:before {
            content: "\e074"
        }

        .glyphicon-forward:before {
            content: "\e075"
        }

        .glyphicon-fast-forward:before {
            content: "\e076"
        }

        .glyphicon-step-forward:before {
            content: "\e077"
        }

        .glyphicon-eject:before {
            content: "\e078"
        }

        .glyphicon-chevron-left:before {
            content: "\e079"
        }

        .glyphicon-chevron-right:before {
            content: "\e080"
        }

        .glyphicon-plus-sign:before {
            content: "\e081"
        }

        .glyphicon-minus-sign:before {
            content: "\e082"
        }

        .glyphicon-remove-sign:before {
            content: "\e083"
        }

        .glyphicon-ok-sign:before {
            content: "\e084"
        }

        .glyphicon-question-sign:before {
            content: "\e085"
        }

        .glyphicon-info-sign:before {
            content: "\e086"
        }

        .glyphicon-screenshot:before {
            content: "\e087"
        }

        .glyphicon-remove-circle:before {
            content: "\e088"
        }

        .glyphicon-ok-circle:before {
            content: "\e089"
        }

        .glyphicon-ban-circle:before {
            content: "\e090"
        }

        .glyphicon-arrow-left:before {
            content: "\e091"
        }

        .glyphicon-arrow-right:before {
            content: "\e092"
        }

        .glyphicon-arrow-up:before {
            content: "\e093"
        }

        .glyphicon-arrow-down:before {
            content: "\e094"
        }

        .glyphicon-share-alt:before {
            content: "\e095"
        }

        .glyphicon-resize-full:before {
            content: "\e096"
        }

        .glyphicon-resize-small:before {
            content: "\e097"
        }

        .glyphicon-exclamation-sign:before {
            content: "\e101"
        }

        .glyphicon-gift:before {
            content: "\e102"
        }

        .glyphicon-leaf:before {
            content: "\e103"
        }

        .glyphicon-eye-open:before {
            content: "\e105"
        }

        .glyphicon-eye-close:before {
            content: "\e106"
        }

        .glyphicon-warning-sign:before {
            content: "\e107"
        }

        .glyphicon-plane:before {
            content: "\e108"
        }

        .glyphicon-random:before {
            content: "\e110"
        }

        .glyphicon-comment:before {
            content: "\e111"
        }

        .glyphicon-magnet:before {
            content: "\e112"
        }

        .glyphicon-chevron-up:before {
            content: "\e113"
        }

        .glyphicon-chevron-down:before {
            content: "\e114"
        }

        .glyphicon-retweet:before {
            content: "\e115"
        }

        .glyphicon-shopping-cart:before {
            content: "\e116"
        }

        .glyphicon-folder-close:before {
            content: "\e117"
        }

        .glyphicon-folder-open:before {
            content: "\e118"
        }

        .glyphicon-resize-vertical:before {
            content: "\e119"
        }

        .glyphicon-resize-horizontal:before {
            content: "\e120"
        }

        .glyphicon-hdd:before {
            content: "\e121"
        }

        .glyphicon-bullhorn:before {
            content: "\e122"
        }

        .glyphicon-certificate:before {
            content: "\e124"
        }

        .glyphicon-thumbs-up:before {
            content: "\e125"
        }

        .glyphicon-thumbs-down:before {
            content: "\e126"
        }

        .glyphicon-hand-right:before {
            content: "\e127"
        }

        .glyphicon-hand-left:before {
            content: "\e128"
        }

        .glyphicon-hand-up:before {
            content: "\e129"
        }

        .glyphicon-hand-down:before {
            content: "\e130"
        }

        .glyphicon-circle-arrow-right:before {
            content: "\e131"
        }

        .glyphicon-circle-arrow-left:before {
            content: "\e132"
        }

        .glyphicon-circle-arrow-up:before {
            content: "\e133"
        }

        .glyphicon-circle-arrow-down:before {
            content: "\e134"
        }

        .glyphicon-globe:before {
            content: "\e135"
        }

        .glyphicon-tasks:before {
            content: "\e137"
        }

        .glyphicon-filter:before {
            content: "\e138"
        }

        .glyphicon-fullscreen:before {
            content: "\e140"
        }

        .glyphicon-dashboard:before {
            content: "\e141"
        }

        .glyphicon-heart-empty:before {
            content: "\e143"
        }

        .glyphicon-link:before {
            content: "\e144"
        }

        .glyphicon-phone:before {
            content: "\e145"
        }

        .glyphicon-usd:before {
            content: "\e148"
        }

        .glyphicon-gbp:before {
            content: "\e149"
        }

        .glyphicon-sort:before {
            content: "\e150"
        }

        .glyphicon-sort-by-alphabet:before {
            content: "\e151"
        }

        .glyphicon-sort-by-alphabet-alt:before {
            content: "\e152"
        }

        .glyphicon-sort-by-order:before {
            content: "\e153"
        }

        .glyphicon-sort-by-order-alt:before {
            content: "\e154"
        }

        .glyphicon-sort-by-attributes:before {
            content: "\e155"
        }

        .glyphicon-sort-by-attributes-alt:before {
            content: "\e156"
        }

        .glyphicon-unchecked:before {
            content: "\e157"
        }

        .glyphicon-expand:before {
            content: "\e158"
        }

        .glyphicon-collapse-down:before {
            content: "\e159"
        }

        .glyphicon-collapse-up:before {
            content: "\e160"
        }

        .glyphicon-log-in:before {
            content: "\e161"
        }

        .glyphicon-flash:before {
            content: "\e162"
        }

        .glyphicon-log-out:before {
            content: "\e163"
        }

        .glyphicon-new-window:before {
            content: "\e164"
        }

        .glyphicon-record:before {
            content: "\e165"
        }

        .glyphicon-save:before {
            content: "\e166"
        }

        .glyphicon-open:before {
            content: "\e167"
        }

        .glyphicon-saved:before {
            content: "\e168"
        }

        .glyphicon-import:before {
            content: "\e169"
        }

        .glyphicon-export:before {
            content: "\e170"
        }

        .glyphicon-send:before {
            content: "\e171"
        }

        .glyphicon-floppy-disk:before {
            content: "\e172"
        }

        .glyphicon-floppy-saved:before {
            content: "\e173"
        }

        .glyphicon-floppy-remove:before {
            content: "\e174"
        }

        .glyphicon-floppy-save:before {
            content: "\e175"
        }

        .glyphicon-floppy-open:before {
            content: "\e176"
        }

        .glyphicon-credit-card:before {
            content: "\e177"
        }

        .glyphicon-transfer:before {
            content: "\e178"
        }

        .glyphicon-cutlery:before {
            content: "\e179"
        }

        .glyphicon-header:before {
            content: "\e180"
        }

        .glyphicon-compressed:before {
            content: "\e181"
        }

        .glyphicon-earphone:before {
            content: "\e182"
        }

        .glyphicon-phone-alt:before {
            content: "\e183"
        }

        .glyphicon-tower:before {
            content: "\e184"
        }

        .glyphicon-stats:before {
            content: "\e185"
        }

        .glyphicon-sd-video:before {
            content: "\e186"
        }

        .glyphicon-hd-video:before {
            content: "\e187"
        }

        .glyphicon-subtitles:before {
            content: "\e188"
        }

        .glyphicon-sound-stereo:before {
            content: "\e189"
        }

        .glyphicon-sound-dolby:before {
            content: "\e190"
        }

        .glyphicon-sound-5-1:before {
            content: "\e191"
        }

        .glyphicon-sound-6-1:before {
            content: "\e192"
        }

        .glyphicon-sound-7-1:before {
            content: "\e193"
        }

        .glyphicon-copyright-mark:before {
            content: "\e194"
        }

        .glyphicon-registration-mark:before {
            content: "\e195"
        }

        .glyphicon-cloud-download:before {
            content: "\e197"
        }

        .glyphicon-cloud-upload:before {
            content: "\e198"
        }

        .glyphicon-tree-conifer:before {
            content: "\e199"
        }

        .glyphicon-tree-deciduous:before {
            content: "\e200"
        }

        .glyphicon-briefcase:before {
            content: "\1f4bc"
        }

        .glyphicon-calendar:before {
            content: "\1f4c5"
        }

        .glyphicon-pushpin:before {
            content: "\1f4cc"
        }

        .glyphicon-paperclip:before {
            content: "\1f4ce"
        }

        .glyphicon-camera:before {
            content: "\1f4f7"
        }

        .glyphicon-lock:before {
            content: "\1f512"
        }

        .glyphicon-bell:before {
            content: "\1f514"
        }

        .glyphicon-bookmark:before {
            content: "\1f516"
        }

        .glyphicon-fire:before {
            content: "\1f525"
        }

        .glyphicon-wrench:before {
            content: "\1f527"
        }

        .caret {
            display: inline-block;
            width: 0;
            height: 0;
            margin-left: 2px;
            vertical-align: middle;
            border-top: 4px solid #000;
            border-right: 4px solid transparent;
            border-bottom: 0 dotted;
            border-left: 4px solid transparent;
            content: ""
        }

        .dropdown {
            position: relative
        }

        .dropdown-toggle:focus {
            outline: 0
        }

        .dropdown-menu {
            position: absolute;
            top: 100%;
            left: 0;
            z-index: 1000;
            display: none;
            float: left;
            min-width: 160px;
            padding: 5px 0;
            margin: 2px 0 0;
            font-size: 14px;
            list-style: none;
            background-color: #fff;
            border: 1px solid #ccc;
            border: 1px solid rgba(0, 0, 0, 0.15);
            border-radius: 4px;
            -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
            background-clip: padding-box
        }

        .dropdown-menu.pull-right {
            right: 0;
            left: auto
        }

        .dropdown-menu .divider {
            height: 1px;
            margin: 9px 0;
            overflow: hidden;
            background-color: #e5e5e5
        }

        .dropdown-menu>li>a {
            display: block;
            padding: 3px 20px;
            clear: both;
            font-weight: normal;
            line-height: 1.428571429;
            color: #333;
            white-space: nowrap
        }

        .dropdown-menu>li>a:hover,
        .dropdown-menu>li>a:focus {
            color: #fff;
            text-decoration: none;
            background-color: #428bca
        }

        .dropdown-menu>.active>a,
        .dropdown-menu>.active>a:hover,
        .dropdown-menu>.active>a:focus {
            color: #fff;
            text-decoration: none;
            background-color: #428bca;
            outline: 0
        }

        .dropdown-menu>.disabled>a,
        .dropdown-menu>.disabled>a:hover,
        .dropdown-menu>.disabled>a:focus {
            color: #999
        }

        .dropdown-menu>.disabled>a:hover,
        .dropdown-menu>.disabled>a:focus {
            text-decoration: none;
            cursor: not-allowed;
            background-color: transparent;
            background-image: none;
            filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)
        }

        .open>.dropdown-menu {
            display: block
        }

        .open>a {
            outline: 0
        }

        .dropdown-header {
            display: block;
            padding: 3px 20px;
            font-size: 12px;
            line-height: 1.428571429;
            color: #999
        }

        .dropdown-backdrop {
            position: fixed;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            z-index: 990
        }

        .pull-right>.dropdown-menu {
            right: 0;
            left: auto
        }

        .dropup .caret,
        .navbar-fixed-bottom .dropdown .caret {
            border-top: 0 dotted;
            border-bottom: 4px solid #000;
            content: ""
        }

        .dropup .dropdown-menu,
        .navbar-fixed-bottom .dropdown .dropdown-menu {
            top: auto;
            bottom: 100%;
            margin-bottom: 1px
        }

        @media(min-width:768px) {
            .navbar-right .dropdown-menu {
                right: 0;
                left: auto
            }
        }

        .btn-default .caret {
            border-top-color: #333
        }

        .btn-primary .caret,
        .btn-success .caret,
        .btn-warning .caret,
        .btn-danger .caret,
        .btn-info .caret {
            border-top-color: #fff
        }

        .dropup .btn-default .caret {
            border-bottom-color: #333
        }

        .dropup .btn-primary .caret,
        .dropup .btn-success .caret,
        .dropup .btn-warning .caret,
        .dropup .btn-danger .caret,
        .dropup .btn-info .caret {
            border-bottom-color: #fff
        }

        .btn-group,
        .btn-group-vertical {
            position: relative;
            display: inline-block;
            vertical-align: middle
        }

        .btn-group>.btn,
        .btn-group-vertical>.btn {
            position: relative;
            float: left
        }

        .btn-group>.btn:hover,
        .btn-group-vertical>.btn:hover,
        .btn-group>.btn:focus,
        .btn-group-vertical>.btn:focus,
        .btn-group>.btn:active,
        .btn-group-vertical>.btn:active,
        .btn-group>.btn.active,
        .btn-group-vertical>.btn.active {
            z-index: 2
        }

        .btn-group>.btn:focus,
        .btn-group-vertical>.btn:focus {
            outline: 0
        }

        .btn-group .btn+.btn,
        .btn-group .btn+.btn-group,
        .btn-group .btn-group+.btn,
        .btn-group .btn-group+.btn-group {
            margin-left: -1px
        }

        .btn-toolbar:before,
        .btn-toolbar:after {
            display: table;
            content: " "
        }

        .btn-toolbar:after {
            clear: both
        }

        .btn-toolbar:before,
        .btn-toolbar:after {
            display: table;
            content: " "
        }

        .btn-toolbar:after {
            clear: both
        }

        .btn-toolbar .btn-group {
            float: left
        }

        .btn-toolbar>.btn+.btn,
        .btn-toolbar>.btn-group+.btn,
        .btn-toolbar>.btn+.btn-group,
        .btn-toolbar>.btn-group+.btn-group {
            margin-left: 5px
        }

        .btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
            border-radius: 0
        }

        .btn-group>.btn:first-child {
            margin-left: 0
        }

        .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
            border-top-right-radius: 0;
            border-bottom-right-radius: 0
        }

        .btn-group>.btn:last-child:not(:first-child),
        .btn-group>.dropdown-toggle:not(:first-child) {
            border-bottom-left-radius: 0;
            border-top-left-radius: 0
        }

        .btn-group>.btn-group {
            float: left
        }

        .btn-group>.btn-group:not(:first-child):not(:last-child)>.btn {
            border-radius: 0
        }

        .btn-group>.btn-group:first-child>.btn:last-child,
        .btn-group>.btn-group:first-child>.dropdown-toggle {
            border-top-right-radius: 0;
            border-bottom-right-radius: 0
        }

        .btn-group>.btn-group:last-child>.btn:first-child {
            border-bottom-left-radius: 0;
            border-top-left-radius: 0
        }

        .btn-group .dropdown-toggle:active,
        .btn-group.open .dropdown-toggle {
            outline: 0
        }

        .btn-group-xs>.btn {
            padding: 5px 10px;
            padding: 1px 5px;
            font-size: 12px;
            line-height: 1.5;
            border-radius: 3px
        }

        .btn-group-sm>.btn {
            padding: 5px 10px;
            font-size: 12px;
            line-height: 1.5;
            border-radius: 3px
        }

        .btn-group-lg>.btn {
            padding: 10px 16px;
            font-size: 18px;
            line-height: 1.33;
            border-radius: 6px
        }

        .btn-group>.btn+.dropdown-toggle {
            padding-right: 8px;
            padding-left: 8px
        }

        .btn-group>.btn-lg+.dropdown-toggle {
            padding-right: 12px;
            padding-left: 12px
        }

        .btn-group.open .dropdown-toggle {
            -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125)
        }

        .btn .caret {
            margin-left: 0
        }

        .btn-lg .caret {
            border-width: 5px 5px 0;
            border-bottom-width: 0
        }

        .dropup .btn-lg .caret {
            border-width: 0 5px 5px
        }

        .btn-group-vertical>.btn,
        .btn-group-vertical>.btn-group {
            display: block;
            float: none;
            width: 100%;
            max-width: 100%
        }

        .btn-group-vertical>.btn-group:before,
        .btn-group-vertical>.btn-group:after {
            display: table;
            content: " "
        }

        .btn-group-vertical>.btn-group:after {
            clear: both
        }

        .btn-group-vertical>.btn-group:before,
        .btn-group-vertical>.btn-group:after {
            display: table;
            content: " "
        }

        .btn-group-vertical>.btn-group:after {
            clear: both
        }

        .btn-group-vertical>.btn-group>.btn {
            float: none
        }

        .btn-group-vertical>.btn+.btn,
        .btn-group-vertical>.btn+.btn-group,
        .btn-group-vertical>.btn-group+.btn,
        .btn-group-vertical>.btn-group+.btn-group {
            margin-top: -1px;
            margin-left: 0
        }

        .btn-group-vertical>.btn:not(:first-child):not(:last-child) {
            border-radius: 0
        }

        .btn-group-vertical>.btn:first-child:not(:last-child) {
            border-top-right-radius: 4px;
            border-bottom-right-radius: 0;
            border-bottom-left-radius: 0
        }

        .btn-group-vertical>.btn:last-child:not(:first-child) {
            border-top-right-radius: 0;
            border-bottom-left-radius: 4px;
            border-top-left-radius: 0
        }

        .btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn {
            border-radius: 0
        }

        .btn-group-vertical>.btn-group:first-child>.btn:last-child,
        .btn-group-vertical>.btn-group:first-child>.dropdown-toggle {
            border-bottom-right-radius: 0;
            border-bottom-left-radius: 0
        }

        .btn-group-vertical>.btn-group:last-child>.btn:first-child {
            border-top-right-radius: 0;
            border-top-left-radius: 0
        }

        .btn-group-justified {
            display: table;
            width: 100%;
            border-collapse: separate;
            table-layout: fixed
        }

        .btn-group-justified .btn {
            display: table-cell;
            float: none;
            width: 1%
        }

        [data-toggle="buttons"]>.btn>input[type="radio"],
        [data-toggle="buttons"]>.btn>input[type="checkbox"] {
            display: none
        }

        .input-group {
            position: relative;
            display: table;
            border-collapse: separate
        }

        .input-group.col {
            float: none;
            padding-right: 0;
            padding-left: 0
        }

        .input-group .form-control {
            width: 100%;
            margin-bottom: 0
        }

        .input-group-lg>.form-control,
        .input-group-lg>.input-group-addon,
        .input-group-lg>.input-group-btn>.btn {
            height: 45px;
            padding: 10px 16px;
            font-size: 18px;
            line-height: 1.33;
            border-radius: 6px
        }

        select.input-group-lg>.form-control,
        select.input-group-lg>.input-group-addon,
        select.input-group-lg>.input-group-btn>.btn {
            height: 45px;
            line-height: 45px
        }

        textarea.input-group-lg>.form-control,
        textarea.input-group-lg>.input-group-addon,
        textarea.input-group-lg>.input-group-btn>.btn {
            height: auto
        }

        .input-group-sm>.form-control,
        .input-group-sm>.input-group-addon,
        .input-group-sm>.input-group-btn>.btn {
            height: 30px;
            padding: 5px 10px;
            font-size: 12px;
            line-height: 1.5;
            border-radius: 3px
        }

        select.input-group-sm>.form-control,
        select.input-group-sm>.input-group-addon,
        select.input-group-sm>.input-group-btn>.btn {
            height: 30px;
            line-height: 30px
        }

        textarea.input-group-sm>.form-control,
        textarea.input-group-sm>.input-group-addon,
        textarea.input-group-sm>.input-group-btn>.btn {
            height: auto
        }

        .input-group-addon,
        .input-group-btn,
        .input-group .form-control {
            display: table-cell
        }

        .input-group-addon:not(:first-child):not(:last-child),
        .input-group-btn:not(:first-child):not(:last-child),
        .input-group .form-control:not(:first-child):not(:last-child) {
            border-radius: 0
        }

        .input-group-addon,
        .input-group-btn {
            width: 1%;
            white-space: nowrap;
            vertical-align: middle
        }

        .input-group-addon {
            padding: 6px 12px;
            font-size: 14px;
            font-weight: normal;
            line-height: 1;
            text-align: center;
            background-color: #eee;
            border: 1px solid #ccc;
            border-radius: 4px
        }

        .input-group-addon.input-sm {
            padding: 5px 10px;
            font-size: 12px;
            border-radius: 3px
        }

        .input-group-addon.input-lg {
            padding: 10px 16px;
            font-size: 18px;
            border-radius: 6px
        }

        .input-group-addon input[type="radio"],
        .input-group-addon input[type="checkbox"] {
            margin-top: 0
        }

        .input-group .form-control:first-child,
        .input-group-addon:first-child,
        .input-group-btn:first-child>.btn,
        .input-group-btn:first-child>.dropdown-toggle,
        .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) {
            border-top-right-radius: 0;
            border-bottom-right-radius: 0
        }

        .input-group-addon:first-child {
            border-right: 0
        }

        .input-group .form-control:last-child,
        .input-group-addon:last-child,
        .input-group-btn:last-child>.btn,
        .input-group-btn:last-child>.dropdown-toggle,
        .input-group-btn:first-child>.btn:not(:first-child) {
            border-bottom-left-radius: 0;
            border-top-left-radius: 0
        }

        .input-group-addon:last-child {
            border-left: 0
        }

        .input-group-btn {
            position: relative;
            white-space: nowrap
        }

        .input-group-btn>.btn {
            position: relative
        }

        .input-group-btn>.btn+.btn {
            margin-left: -4px
        }

        .input-group-btn>.btn:hover,
        .input-group-btn>.btn:active {
            z-index: 2
        }

        .nav {
            padding-left: 0;
            margin-bottom: 0;
            list-style: none
        }

        .nav:before,
        .nav:after {
            display: table;
            content: " "
        }

        .nav:after {
            clear: both
        }

        .nav:before,
        .nav:after {
            display: table;
            content: " "
        }

        .nav:after {
            clear: both
        }

        .nav>li {
            position: relative;
            display: block
        }

        .nav>li>a {
            position: relative;
            display: block;
            padding: 10px 15px
        }

        .nav>li>a:hover,
        .nav>li>a:focus {
            text-decoration: none;
            background-color: #eee
        }

        .nav>li.disabled>a {
            color: #999
        }

        .nav>li.disabled>a:hover,
        .nav>li.disabled>a:focus {
            color: #999;
            text-decoration: none;
            cursor: not-allowed;
            background-color: transparent
        }

        .nav .open>a,
        .nav .open>a:hover,
        .nav .open>a:focus {
            background-color: #eee;
            border-color: #428bca
        }

        .nav .nav-divider {
            height: 1px;
            margin: 9px 0;
            overflow: hidden;
            background-color: #e5e5e5
        }

        .nav>li>a>img {
            max-width: none
        }

        .nav-tabs {
            border-bottom: 1px solid #ddd
        }

        .nav-tabs>li {
            float: left;
            margin-bottom: -1px
        }

        .nav-tabs>li>a {
            margin-right: 2px;
            line-height: 1.428571429;
            border: 1px solid transparent;
            border-radius: 4px 4px 0 0
        }

        .nav-tabs>li>a:hover {
            border-color: #eee #eee #ddd
        }

        .nav-tabs>li.active>a,
        .nav-tabs>li.active>a:hover,
        .nav-tabs>li.active>a:focus {
            color: #555;
            cursor: default;
            background-color: #fff;
            border: 1px solid #ddd;
            border-bottom-color: transparent
        }

        .nav-tabs.nav-justified {
            width: 100%;
            border-bottom: 0
        }

        .nav-tabs.nav-justified>li {
            float: none
        }

        .nav-tabs.nav-justified>li>a {
            text-align: center
        }

        @media(min-width:768px) {
            .nav-tabs.nav-justified>li {
                display: table-cell;
                width: 1%
            }
        }

        .nav-tabs.nav-justified>li>a {
            margin-right: 0;
            border-bottom: 1px solid #ddd
        }

        .nav-tabs.nav-justified>.active>a {
            border-bottom-color: #fff
        }

        .nav-pills>li {
            float: left
        }

        .nav-pills>li>a {
            border-radius: 5px
        }

        .nav-pills>li+li {
            margin-left: 2px
        }

        .nav-pills>li.active>a,
        .nav-pills>li.active>a:hover,
        .nav-pills>li.active>a:focus {
            color: #fff;
            background-color: #428bca
        }

        .nav-stacked>li {
            float: none
        }

        .nav-stacked>li+li {
            margin-top: 2px;
            margin-left: 0
        }

        .nav-justified {
            width: 100%
        }

        .nav-justified>li {
            float: none
        }

        .nav-justified>li>a {
            text-align: center
        }

        @media(min-width:768px) {
            .nav-justified>li {
                display: table-cell;
                width: 1%
            }
        }

        .nav-tabs-justified {
            border-bottom: 0
        }

        .nav-tabs-justified>li>a {
            margin-right: 0;
            border-bottom: 1px solid #ddd
        }

        .nav-tabs-justified>.active>a {
            border-bottom-color: #fff
        }

        .tabbable:before,
        .tabbable:after {
            display: table;
            content: " "
        }

        .tabbable:after {
            clear: both
        }

        .tabbable:before,
        .tabbable:after {
            display: table;
            content: " "
        }

        .tabbable:after {
            clear: both
        }

        .tab-content>.tab-pane,
        .pill-content>.pill-pane {
            display: none
        }

        .tab-content>.active,
        .pill-content>.active {
            display: block
        }

        .nav .caret {
            border-top-color: #428bca;
            border-bottom-color: #428bca
        }

        .nav a:hover .caret {
            border-top-color: #2a6496;
            border-bottom-color: #2a6496
        }

        .nav-tabs .dropdown-menu {
            margin-top: -1px;
            border-top-right-radius: 0;
            border-top-left-radius: 0
        }

        .navbar {
            position: relative;
            z-index: 1000;
            min-height: 50px;
            margin-bottom: 20px;
            border: 1px solid transparent
        }

        .navbar:before,
        .navbar:after {
            display: table;
            content: " "
        }

        .navbar:after {
            clear: both
        }

        .navbar:before,
        .navbar:after {
            display: table;
            content: " "
        }

        .navbar:after {
            clear: both
        }

        @media(min-width:768px) {
            .navbar {
                border-radius: 4px
            }
        }

        .navbar-header:before,
        .navbar-header:after {
            display: table;
            content: " "
        }

        .navbar-header:after {
            clear: both
        }

        .navbar-header:before,
        .navbar-header:after {
            display: table;
            content: " "
        }

        .navbar-header:after {
            clear: both
        }

        @media(min-width:768px) {
            .navbar-header {
                float: left
            }
        }

        .navbar-collapse {
            max-height: 340px;
            padding-right: 15px;
            padding-left: 15px;
            overflow-x: visible;
            border-top: 1px solid transparent;
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
            -webkit-overflow-scrolling: touch
        }

        .navbar-collapse:before,
        .navbar-collapse:after {
            display: table;
            content: " "
        }

        .navbar-collapse:after {
            clear: both
        }

        .navbar-collapse:before,
        .navbar-collapse:after {
            display: table;
            content: " "
        }

        .navbar-collapse:after {
            clear: both
        }

        .navbar-collapse.in {
            overflow-y: auto
        }

        @media(min-width:768px) {
            .navbar-collapse {
                width: auto;
                border-top: 0;
                box-shadow: none
            }

            .navbar-collapse.collapse {
                display: block !important;
                height: auto !important;
                padding-bottom: 0;
                overflow: visible !important
            }

            .navbar-collapse.in {
                overflow-y: visible
            }

            .navbar-collapse .navbar-nav.navbar-left:first-child {
                margin-left: -15px
            }

            .navbar-collapse .navbar-nav.navbar-right:last-child {
                margin-right: -15px
            }

            .navbar-collapse .navbar-text:last-child {
                margin-right: 0
            }
        }

        .container>.navbar-header,
        .container>.navbar-collapse {
            margin-right: -15px;
            margin-left: -15px
        }

        @media(min-width:768px) {

            .container>.navbar-header,
            .container>.navbar-collapse {
                margin-right: 0;
                margin-left: 0
            }
        }

        .navbar-static-top {
            border-width: 0 0 1px
        }

        @media(min-width:768px) {
            .navbar-static-top {
                border-radius: 0
            }
        }

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

        @media(min-width:768px) {

            .navbar-fixed-top,
            .navbar-fixed-bottom {
                border-radius: 0
            }
        }

        .navbar-fixed-top {
            top: 0;
            z-index: 1030
        }

        .navbar-fixed-bottom {
            bottom: 0;
            margin-bottom: 0
        }

        .navbar-brand {
            float: left;
            padding: 15px 15px;
            font-size: 18px;
            line-height: 20px
        }

        .navbar-brand:hover,
        .navbar-brand:focus {
            text-decoration: none
        }

        @media(min-width:768px) {
            .navbar>.container .navbar-brand {
                margin-left: -15px
            }
        }

        .navbar-toggle {
            position: relative;
            float: right;
            padding: 9px 10px;
            margin-top: 8px;
            margin-right: 15px;
            margin-bottom: 8px;
            background-color: transparent;
            border: 1px solid transparent;
            border-radius: 4px
        }

        .navbar-toggle .icon-bar {
            display: block;
            width: 22px;
            height: 2px;
            border-radius: 1px
        }

        .navbar-toggle .icon-bar+.icon-bar {
            margin-top: 4px
        }

        @media(min-width:768px) {
            .navbar-toggle {
                display: none
            }
        }

        .navbar-nav {
            margin: 7.5px -15px
        }

        .navbar-nav>li>a {
            padding-top: 10px;
            padding-bottom: 10px;
            line-height: 20px
        }

        @media(max-width:767px) {
            .navbar-nav .open .dropdown-menu {
                position: static;
                float: none;
                width: auto;
                margin-top: 0;
                background-color: transparent;
                border: 0;
                box-shadow: none
            }

            .navbar-nav .open .dropdown-menu>li>a,
            .navbar-nav .open .dropdown-menu .dropdown-header {
                padding: 5px 15px 5px 25px
            }

            .navbar-nav .open .dropdown-menu>li>a {
                line-height: 20px
            }

            .navbar-nav .open .dropdown-menu>li>a:hover,
            .navbar-nav .open .dropdown-menu>li>a:focus {
                background-image: none
            }
        }

        @media(min-width:768px) {
            .navbar-nav {
                float: left;
                margin: 0
            }

            .navbar-nav>li {
                float: left
            }

            .navbar-nav>li>a {
                padding-top: 15px;
                padding-bottom: 15px
            }
        }

        @media(min-width:768px) {
            .navbar-left {
                float: left !important
            }

            .navbar-right {
                float: right !important
            }
        }

        .navbar-form {
            padding: 10px 15px;
            margin-top: 8px;
            margin-right: -15px;
            margin-bottom: 8px;
            margin-left: -15px;
            border-top: 1px solid transparent;
            border-bottom: 1px solid transparent;
            -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1)
        }

        @media(min-width:768px) {
            .navbar-form .form-group {
                display: inline-block;
                margin-bottom: 0;
                vertical-align: middle
            }

            .navbar-form .form-control {
                display: inline-block
            }

            .navbar-form .radio,
            .navbar-form .checkbox {
                display: inline-block;
                padding-left: 0;
                margin-top: 0;
                margin-bottom: 0
            }

            .navbar-form .radio input[type="radio"],
            .navbar-form .checkbox input[type="checkbox"] {
                float: none;
                margin-left: 0
            }
        }

        @media(max-width:767px) {
            .navbar-form .form-group {
                margin-bottom: 5px
            }
        }

        @media(min-width:768px) {
            .navbar-form {
                width: auto;
                padding-top: 0;
                padding-bottom: 0;
                margin-right: 0;
                margin-left: 0;
                border: 0;
                -webkit-box-shadow: none;
                box-shadow: none
            }
        }

        .navbar-nav>li>.dropdown-menu {
            margin-top: 0;
            border-top-right-radius: 0;
            border-top-left-radius: 0
        }

        .navbar-fixed-bottom .navbar-nav>li>.dropdown-menu {
            border-bottom-right-radius: 0;
            border-bottom-left-radius: 0
        }

        .navbar-nav.pull-right>li>.dropdown-menu,
        .navbar-nav>li>.dropdown-menu.pull-right {
            right: 0;
            left: auto
        }

        .navbar-btn {
            margin-top: 8px;
            margin-bottom: 8px
        }

        .navbar-text {
            float: left;
            margin-top: 15px;
            margin-bottom: 15px
        }

        @media(min-width:768px) {
            .navbar-text {
                margin-right: 15px;
                margin-left: 15px
            }
        }

        .navbar-default {
            background-color: #f8f8f8;
            border-color: #e7e7e7
        }

        .navbar-default .navbar-brand {
            color: #777
        }

        .navbar-default .navbar-brand:hover,
        .navbar-default .navbar-brand:focus {
            color: #5e5e5e;
            background-color: transparent
        }

        .navbar-default .navbar-text {
            color: #777
        }

        .navbar-default .navbar-nav>li>a {
            color: #777
        }

        .navbar-default .navbar-nav>li>a:hover,
        .navbar-default .navbar-nav>li>a:focus {
            color: #333;
            background-color: transparent
        }

        .navbar-default .navbar-nav>.active>a,
        .navbar-default .navbar-nav>.active>a:hover,
        .navbar-default .navbar-nav>.active>a:focus {
            color: #555;
            background-color: #e7e7e7
        }

        .navbar-default .navbar-nav>.disabled>a,
        .navbar-default .navbar-nav>.disabled>a:hover,
        .navbar-default .navbar-nav>.disabled>a:focus {
            color: #ccc;
            background-color: transparent
        }

        .navbar-default .navbar-toggle {
            border-color: #ddd
        }

        .navbar-default .navbar-toggle:hover,
        .navbar-default .navbar-toggle:focus {
            background-color: #ddd
        }

        .navbar-default .navbar-toggle .icon-bar {
            background-color: #ccc
        }

        .navbar-default .navbar-collapse,
        .navbar-default .navbar-form {
            border-color: #e6e6e6
        }

        .navbar-default .navbar-nav>.dropdown>a:hover .caret,
        .navbar-default .navbar-nav>.dropdown>a:focus .caret {
            border-top-color: #333;
            border-bottom-color: #333
        }

        .navbar-default .navbar-nav>.open>a,
        .navbar-default .navbar-nav>.open>a:hover,
        .navbar-default .navbar-nav>.open>a:focus {
            color: #555;
            background-color: #e7e7e7
        }

        .navbar-default .navbar-nav>.open>a .caret,
        .navbar-default .navbar-nav>.open>a:hover .caret,
        .navbar-default .navbar-nav>.open>a:focus .caret {
            border-top-color: #555;
            border-bottom-color: #555
        }

        .navbar-default .navbar-nav>.dropdown>a .caret {
            border-top-color: #777;
            border-bottom-color: #777
        }

        @media(max-width:767px) {
            .navbar-default .navbar-nav .open .dropdown-menu>li>a {
                color: #777
            }

            .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,
            .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {
                color: #333;
                background-color: transparent
            }

            .navbar-default .navbar-nav .open .dropdown-menu>.active>a,
            .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover,
            .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus {
                color: #555;
                background-color: #e7e7e7
            }

            .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,
            .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover,
            .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus {
                color: #ccc;
                background-color: transparent
            }
        }

        .navbar-default .navbar-link {
            color: #777
        }

        .navbar-default .navbar-link:hover {
            color: #333
        }

        .navbar-inverse {
            background-color: #222;
            border-color: #080808
        }

        .navbar-inverse .navbar-brand {
            color: #999
        }

        .navbar-inverse .navbar-brand:hover,
        .navbar-inverse .navbar-brand:focus {
            color: #fff;
            background-color: transparent
        }

        .navbar-inverse .navbar-text {
            color: #999
        }

        .navbar-inverse .navbar-nav>li>a {
            color: #999
        }

        .navbar-inverse .navbar-nav>li>a:hover,
        .navbar-inverse .navbar-nav>li>a:focus {
            color: #fff;
            background-color: transparent
        }

        .navbar-inverse .navbar-nav>.active>a,
        .navbar-inverse .navbar-nav>.active>a:hover,
        .navbar-inverse .navbar-nav>.active>a:focus {
            color: #fff;
            background-color: #080808
        }

        .navbar-inverse .navbar-nav>.disabled>a,
        .navbar-inverse .navbar-nav>.disabled>a:hover,
        .navbar-inverse .navbar-nav>.disabled>a:focus {
            color: #444;
            background-color: transparent
        }

        .navbar-inverse .navbar-toggle {
            border-color: #333
        }

        .navbar-inverse .navbar-toggle:hover,
        .navbar-inverse .navbar-toggle:focus {
            background-color: #333
        }

        .navbar-inverse .navbar-toggle .icon-bar {
            background-color: #fff
        }

        .navbar-inverse .navbar-collapse,
        .navbar-inverse .navbar-form {
            border-color: #101010
        }

        .navbar-inverse .navbar-nav>.open>a,
        .navbar-inverse .navbar-nav>.open>a:hover,
        .navbar-inverse .navbar-nav>.open>a:focus {
            color: #fff;
            background-color: #080808
        }

        .navbar-inverse .navbar-nav>.dropdown>a:hover .caret {
            border-top-color: #fff;
            border-bottom-color: #fff
        }

        .navbar-inverse .navbar-nav>.dropdown>a .caret {
            border-top-color: #999;
            border-bottom-color: #999
        }

        .navbar-inverse .navbar-nav>.open>a .caret,
        .navbar-inverse .navbar-nav>.open>a:hover .caret,
        .navbar-inverse .navbar-nav>.open>a:focus .caret {
            border-top-color: #fff;
            border-bottom-color: #fff
        }

        @media(max-width:767px) {
            .navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header {
                border-color: #080808
            }

            .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
                color: #999
            }

            .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover,
            .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus {
                color: #fff;
                background-color: transparent
            }

            .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,
            .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover,
            .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus {
                color: #fff;
                background-color: #080808
            }

            .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,
            .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover,
            .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus {
                color: #444;
                background-color: transparent
            }
        }

        .navbar-inverse .navbar-link {
            color: #999
        }

        .navbar-inverse .navbar-link:hover {
            color: #fff
        }

        .breadcrumb {
            padding: 8px 15px;
            margin-bottom: 20px;
            list-style: none;
            background-color: #f5f5f5;
            border-radius: 4px
        }

        .breadcrumb>li {
            display: inline-block
        }

        .breadcrumb>li+li:before {
            padding: 0 5px;
            color: #ccc;
            content: "/\00a0"
        }

        .breadcrumb>.active {
            color: #999
        }

        .pagination {
            display: inline-block;
            padding-left: 0;
            margin: 20px 0;
            border-radius: 4px
        }

        .pagination>li {
            display: inline
        }

        .pagination>li>a,
        .pagination>li>span {
            position: relative;
            float: left;
            padding: 6px 12px;
            margin-left: -1px;
            line-height: 1.428571429;
            text-decoration: none;
            background-color: #fff;
            border: 1px solid #ddd
        }

        .pagination>li:first-child>a,
        .pagination>li:first-child>span {
            margin-left: 0;
            border-bottom-left-radius: 4px;
            border-top-left-radius: 4px
        }

        .pagination>li:last-child>a,
        .pagination>li:last-child>span {
            border-top-right-radius: 4px;
            border-bottom-right-radius: 4px
        }

        .pagination>li>a:hover,
        .pagination>li>span:hover,
        .pagination>li>a:focus,
        .pagination>li>span:focus {
            background-color: #eee
        }

        .pagination>.active>a,
        .pagination>.active>span,
        .pagination>.active>a:hover,
        .pagination>.active>span:hover,
        .pagination>.active>a:focus,
        .pagination>.active>span:focus {
            z-index: 2;
            color: #fff;
            cursor: default;
            background-color: #428bca;
            border-color: #428bca
        }

        .pagination>.disabled>span,
        .pagination>.disabled>a,
        .pagination>.disabled>a:hover,
        .pagination>.disabled>a:focus {
            color: #999;
            cursor: not-allowed;
            background-color: #fff;
            border-color: #ddd
        }

        .pagination-lg>li>a,
        .pagination-lg>li>span {
            padding: 10px 16px;
            font-size: 18px
        }

        .pagination-lg>li:first-child>a,
        .pagination-lg>li:first-child>span {
            border-bottom-left-radius: 6px;
            border-top-left-radius: 6px
        }

        .pagination-lg>li:last-child>a,
        .pagination-lg>li:last-child>span {
            border-top-right-radius: 6px;
            border-bottom-right-radius: 6px
        }

        .pagination-sm>li>a,
        .pagination-sm>li>span {
            padding: 5px 10px;
            font-size: 12px
        }

        .pagination-sm>li:first-child>a,
        .pagination-sm>li:first-child>span {
            border-bottom-left-radius: 3px;
            border-top-left-radius: 3px
        }

        .pagination-sm>li:last-child>a,
        .pagination-sm>li:last-child>span {
            border-top-right-radius: 3px;
            border-bottom-right-radius: 3px
        }

        .pager {
            padding-left: 0;
            margin: 20px 0;
            text-align: center;
            list-style: none
        }

        .pager:before,
        .pager:after {
            display: table;
            content: " "
        }

        .pager:after {
            clear: both
        }

        .pager:before,
        .pager:after {
            display: table;
            content: " "
        }

        .pager:after {
            clear: both
        }

        .pager li {
            display: inline
        }

        .pager li>a,
        .pager li>span {
            display: inline-block;
            padding: 5px 14px;
            background-color: #fff;
            border: 1px solid #ddd;
            border-radius: 15px
        }

        .pager li>a:hover,
        .pager li>a:focus {
            text-decoration: none;
            background-color: #eee
        }

        .pager .next>a,
        .pager .next>span {
            float: right
        }

        .pager .previous>a,
        .pager .previous>span {
            float: left
        }

        .pager .disabled>a,
        .pager .disabled>a:hover,
        .pager .disabled>a:focus,
        .pager .disabled>span {
            color: #999;
            cursor: not-allowed;
            background-color: #fff
        }

        .label {
            display: inline;
            padding: .2em .6em .3em;
            font-size: 75%;
            font-weight: bold;
            line-height: 1;
            color: #fff;
            text-align: center;
            white-space: nowrap;
            vertical-align: baseline;
            border-radius: .25em
        }

        .label[href]:hover,
        .label[href]:focus {
            color: #fff;
            text-decoration: none;
            cursor: pointer
        }

        .label:empty {
            display: none
        }

        .label-default {
            background-color: #999
        }

        .label-default[href]:hover,
        .label-default[href]:focus {
            background-color: #808080
        }

        .label-primary {
            background-color: #428bca
        }

        .label-primary[href]:hover,
        .label-primary[href]:focus {
            background-color: #3071a9
        }

        .label-success {
            background-color: #5cb85c
        }

        .label-success[href]:hover,
        .label-success[href]:focus {
            background-color: #449d44
        }

        .label-info {
            background-color: #5bc0de
        }

        .label-info[href]:hover,
        .label-info[href]:focus {
            background-color: #31b0d5
        }

        .label-warning {
            background-color: #f0ad4e
        }

        .label-warning[href]:hover,
        .label-warning[href]:focus {
            background-color: #ec971f
        }

        .label-danger {
            background-color: #d9534f
        }

        .label-danger[href]:hover,
        .label-danger[href]:focus {
            background-color: #c9302c
        }

        .badge {
            display: inline-block;
            min-width: 10px;
            padding: 3px 7px;
            font-size: 12px;
            font-weight: bold;
            line-height: 1;
            color: #fff;
            text-align: center;
            white-space: nowrap;
            vertical-align: baseline;
            background-color: #999;
            border-radius: 10px
        }

        .badge:empty {
            display: none
        }

        a.badge:hover,
        a.badge:focus {
            color: #fff;
            text-decoration: none;
            cursor: pointer
        }

        .btn .badge {
            position: relative;
            top: -1px
        }

        a.list-group-item.active>.badge,
        .nav-pills>.active>a>.badge {
            color: #428bca;
            background-color: #fff
        }

        .nav-pills>li>a>.badge {
            margin-left: 3px
        }

        .jumbotron {
            padding: 30px;
            margin-bottom: 30px;
            font-size: 21px;
            font-weight: 200;
            line-height: 2.1428571435;
            color: inherit;
            background-color: #eee
        }

        .jumbotron h1 {
            line-height: 1;
            color: inherit
        }

        .jumbotron p {
            line-height: 1.4
        }

        .container .jumbotron {
            border-radius: 6px
        }

        @media screen and (min-width:768px) {
            .jumbotron {
                padding-top: 48px;
                padding-bottom: 48px
            }

            .container .jumbotron {
                padding-right: 60px;
                padding-left: 60px
            }

            .jumbotron h1 {
                font-size: 63px
            }
        }

        .thumbnail {
            display: inline-block;
            display: block;
            height: auto;
            max-width: 100%;
            padding: 4px;
            line-height: 1.428571429;
            background-color: #fff;
            border: 1px solid #ddd;
            border-radius: 4px;
            -webkit-transition: all .2s ease-in-out;
            transition: all .2s ease-in-out
        }

        .thumbnail>img {
            display: block;
            height: auto;
            max-width: 100%
        }

        a.thumbnail:hover,
        a.thumbnail:focus {
            border-color: #428bca
        }

        .thumbnail>img {
            margin-right: auto;
            margin-left: auto
        }

        .thumbnail .caption {
            padding: 9px;
            color: #333
        }

        .alert {
            padding: 15px;
            margin-bottom: 20px;
            border: 1px solid transparent;
            border-radius: 4px
        }

        .alert h4 {
            margin-top: 0;
            color: inherit
        }

        .alert .alert-link {
            font-weight: bold
        }

        .alert>p,
        .alert>ul {
            margin-bottom: 0
        }

        .alert>p+p {
            margin-top: 5px
        }

        .alert-dismissable {
            padding-right: 35px
        }

        .alert-dismissable .close {
            position: relative;
            top: -2px;
            right: -21px;
            color: inherit
        }

        .alert-success {
            color: #468847;
            background-color: #dff0d8;
            border-color: #d6e9c6
        }

        .alert-success hr {
            border-top-color: #c9e2b3
        }

        .alert-success .alert-link {
            color: #356635
        }

        .alert-info {
            color: #3a87ad;
            background-color: #d9edf7;
            border-color: #bce8f1
        }

        .alert-info hr {
            border-top-color: #a6e1ec
        }

        .alert-info .alert-link {
            color: #2d6987
        }

        .alert-warning {
            color: #c09853;
            background-color: #fcf8e3;
            border-color: #fbeed5
        }

        .alert-warning hr {
            border-top-color: #f8e5be
        }

        .alert-warning .alert-link {
            color: #a47e3c
        }

        .alert-danger {
            color: #b94a48;
            background-color: #f2dede;
            border-color: #eed3d7
        }

        .alert-danger hr {
            border-top-color: #e6c1c7
        }

        .alert-danger .alert-link {
            color: #953b39
        }

        @-webkit-keyframes progress-bar-stripes {
            from {
                background-position: 40px 0
            }

            to {
                background-position: 0 0
            }
        }

        @-moz-keyframes progress-bar-stripes {
            from {
                background-position: 40px 0
            }

            to {
                background-position: 0 0
            }
        }

        @-o-keyframes progress-bar-stripes {
            from {
                background-position: 0 0
            }

            to {
                background-position: 40px 0
            }
        }

        @keyframes progress-bar-stripes {
            from {
                background-position: 40px 0
            }

            to {
                background-position: 0 0
            }
        }

        .progress {
            height: 20px;
            margin-bottom: 20px;
            overflow: hidden;
            background-color: #f5f5f5;
            border-radius: 4px;
            -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
            box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1)
        }

        .progress-bar {
            float: left;
            width: 0;
            height: 100%;
            font-size: 12px;
            color: #fff;
            text-align: center;
            background-color: #428bca;
            -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
            box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
            -webkit-transition: width .6s ease;
            transition: width .6s ease
        }

        .progress-striped .progress-bar {
            background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
            background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
            background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
            background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
            background-size: 40px 40px
        }

        .progress.active .progress-bar {
            -webkit-animation: progress-bar-stripes 2s linear infinite;
            -moz-animation: progress-bar-stripes 2s linear infinite;
            -ms-animation: progress-bar-stripes 2s linear infinite;
            -o-animation: progress-bar-stripes 2s linear infinite;
            animation: progress-bar-stripes 2s linear infinite
        }

        .progress-bar-success {
            background-color: #5cb85c
        }

        .progress-striped .progress-bar-success {
            background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
            background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
            background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
            background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)
        }

        .progress-bar-info {
            background-color: #5bc0de
        }

        .progress-striped .progress-bar-info {
            background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
            background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
            background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
            background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)
        }

        .progress-bar-warning {
            background-color: #f0ad4e
        }

        .progress-striped .progress-bar-warning {
            background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
            background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
            background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
            background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)
        }

        .progress-bar-danger {
            background-color: #d9534f
        }

        .progress-striped .progress-bar-danger {
            background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
            background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
            background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
            background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)
        }

        .media,
        .media-body {
            overflow: hidden;
            zoom: 1
        }

        .media,
        .media .media {
            margin-top: 15px
        }

        .media:first-child {
            margin-top: 0
        }

        .media-object {
            display: block
        }

        .media-heading {
            margin: 0 0 5px
        }

        .media>.pull-left {
            margin-right: 10px
        }

        .media>.pull-right {
            margin-left: 10px
        }

        .media-list {
            padding-left: 0;
            list-style: none
        }

        .list-group {
            padding-left: 0;
            margin-bottom: 20px
        }

        .list-group-item {
            position: relative;
            display: block;
            padding: 10px 15px;
            margin-bottom: -1px;
            background-color: #fff;
            border: 1px solid #ddd
        }

        .list-group-item:first-child {
            border-top-right-radius: 4px;
            border-top-left-radius: 4px
        }

        .list-group-item:last-child {
            margin-bottom: 0;
            border-bottom-right-radius: 4px;
            border-bottom-left-radius: 4px
        }

        .list-group-item>.badge {
            float: right
        }

        .list-group-item>.badge+.badge {
            margin-right: 5px
        }

        a.list-group-item {
            color: #555
        }

        a.list-group-item .list-group-item-heading {
            color: #333
        }

        a.list-group-item:hover,
        a.list-group-item:focus {
            text-decoration: none;
            background-color: #f5f5f5
        }

        .list-group-item.active,
        .list-group-item.active:hover,
        .list-group-item.active:focus {
            z-index: 2;
            color: #fff;
            background-color: #428bca;
            border-color: #428bca
        }

        .list-group-item.active .list-group-item-heading,
        .list-group-item.active:hover .list-group-item-heading,
        .list-group-item.active:focus .list-group-item-heading {
            color: inherit
        }

        .list-group-item.active .list-group-item-text,
        .list-group-item.active:hover .list-group-item-text,
        .list-group-item.active:focus .list-group-item-text {
            color: #e1edf7
        }

        .list-group-item-heading {
            margin-top: 0;
            margin-bottom: 5px
        }

        .list-group-item-text {
            margin-bottom: 0;
            line-height: 1.3
        }

        .panel {
            margin-bottom: 20px;
            background-color: #fff;
            border: 1px solid transparent;
            border-radius: 4px;
            -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
            box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05)
        }

        .panel-body {
            padding: 15px
        }

        .panel-body:before,
        .panel-body:after {
            display: table;
            content: " "
        }

        .panel-body:after {
            clear: both
        }

        .panel-body:before,
        .panel-body:after {
            display: table;
            content: " "
        }

        .panel-body:after {
            clear: both
        }

        .panel>.list-group {
            margin-bottom: 0
        }

        .panel>.list-group .list-group-item {
            border-width: 1px 0
        }

        .panel>.list-group .list-group-item:first-child {
            border-top-right-radius: 0;
            border-top-left-radius: 0
        }

        .panel>.list-group .list-group-item:last-child {
            border-bottom: 0
        }

        .panel-heading+.list-group .list-group-item:first-child {
            border-top-width: 0
        }

        .panel>.table {
            margin-bottom: 0
        }

        .panel>.panel-body+.table {
            border-top: 1px solid #ddd
        }

        .panel-heading {
            padding: 10px 15px;
            border-bottom: 1px solid transparent;
            border-top-right-radius: 3px;
            border-top-left-radius: 3px
        }

        .panel-title {
            margin-top: 0;
            margin-bottom: 0;
            font-size: 16px
        }

        .panel-title>a {
            color: inherit
        }

        .panel-footer {
            padding: 10px 15px;
            background-color: #f5f5f5;
            border-top: 1px solid #ddd;
            border-bottom-right-radius: 3px;
            border-bottom-left-radius: 3px
        }

        .panel-group .panel {
            margin-bottom: 0;
            overflow: hidden;
            border-radius: 4px
        }

        .panel-group .panel+.panel {
            margin-top: 5px
        }

        .panel-group .panel-heading {
            border-bottom: 0
        }

        .panel-group .panel-heading+.panel-collapse .panel-body {
            border-top: 1px solid #ddd
        }

        .panel-group .panel-footer {
            border-top: 0
        }

        .panel-group .panel-footer+.panel-collapse .panel-body {
            border-bottom: 1px solid #ddd
        }

        .panel-default {
            border-color: #ddd
        }

        .panel-default>.panel-heading {
            color: #333;
            background-color: #f5f5f5;
            border-color: #ddd
        }

        .panel-default>.panel-heading+.panel-collapse .panel-body {
            border-top-color: #ddd
        }

        .panel-default>.panel-footer+.panel-collapse .panel-body {
            border-bottom-color: #ddd
        }

        .panel-primary {
            border-color: #428bca
        }

        .panel-primary>.panel-heading {
            color: #fff;
            background-color: #428bca;
            border-color: #428bca
        }

        .panel-primary>.panel-heading+.panel-collapse .panel-body {
            border-top-color: #428bca
        }

        .panel-primary>.panel-footer+.panel-collapse .panel-body {
            border-bottom-color: #428bca
        }

        .panel-success {
            border-color: #d6e9c6
        }

        .panel-success>.panel-heading {
            color: #468847;
            background-color: #dff0d8;
            border-color: #d6e9c6
        }

        .panel-success>.panel-heading+.panel-collapse .panel-body {
            border-top-color: #d6e9c6
        }

        .panel-success>.panel-footer+.panel-collapse .panel-body {
            border-bottom-color: #d6e9c6
        }

        .panel-warning {
            border-color: #fbeed5
        }

        .panel-warning>.panel-heading {
            color: #c09853;
            background-color: #fcf8e3;
            border-color: #fbeed5
        }

        .panel-warning>.panel-heading+.panel-collapse .panel-body {
            border-top-color: #fbeed5
        }

        .panel-warning>.panel-footer+.panel-collapse .panel-body {
            border-bottom-color: #fbeed5
        }

        .panel-danger {
            border-color: #eed3d7
        }

        .panel-danger>.panel-heading {
            color: #b94a48;
            background-color: #f2dede;
            border-color: #eed3d7
        }

        .panel-danger>.panel-heading+.panel-collapse .panel-body {
            border-top-color: #eed3d7
        }

        .panel-danger>.panel-footer+.panel-collapse .panel-body {
            border-bottom-color: #eed3d7
        }

        .panel-info {
            border-color: #bce8f1
        }

        .panel-info>.panel-heading {
            color: #3a87ad;
            background-color: #d9edf7;
            border-color: #bce8f1
        }

        .panel-info>.panel-heading+.panel-collapse .panel-body {
            border-top-color: #bce8f1
        }

        .panel-info>.panel-footer+.panel-collapse .panel-body {
            border-bottom-color: #bce8f1
        }

        .well {
            min-height: 20px;
            padding: 19px;
            margin-bottom: 20px;
            background-color: #f5f5f5;
            border: 1px solid #e3e3e3;
            border-radius: 4px;
            -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05)
        }

        .well blockquote {
            border-color: #ddd;
            border-color: rgba(0, 0, 0, 0.15)
        }

        .well-lg {
            padding: 24px;
            border-radius: 6px
        }

        .well-sm {
            padding: 9px;
            border-radius: 3px
        }

        .close {
            float: right;
            font-size: 21px;
            font-weight: bold;
            line-height: 1;
            color: #000;
            text-shadow: 0 1px 0 #fff;
            opacity: .2;
            filter: alpha(opacity=20)
        }

        .close:hover,
        .close:focus {
            color: #000;
            text-decoration: none;
            cursor: pointer;
            opacity: .5;
            filter: alpha(opacity=50)
        }

        button.close {
            padding: 0;
            cursor: pointer;
            background: transparent;
            border: 0;
            -webkit-appearance: none
        }

        .modal-open {
            overflow: hidden
        }

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

        .modal {
            position: fixed;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            z-index: 1040;
            display: none;
            overflow: auto;
            overflow-y: scroll
        }

        .modal.fade .modal-dialog {
            -webkit-transform: translate(0, -25%);
            -ms-transform: translate(0, -25%);
            transform: translate(0, -25%);
            -webkit-transition: -webkit-transform .3s ease-out;
            -moz-transition: -moz-transform .3s ease-out;
            -o-transition: -o-transform .3s ease-out;
            transition: transform .3s ease-out
        }

        .modal.in .modal-dialog {
            -webkit-transform: translate(0, 0);
            -ms-transform: translate(0, 0);
            transform: translate(0, 0)
        }

        .modal-dialog {
            z-index: 1050;
            width: auto;
            padding: 10px;
            margin-right: auto;
            margin-left: auto
        }

        .modal-content {
            position: relative;
            background-color: #fff;
            border: 1px solid #999;
            border: 1px solid rgba(0, 0, 0, 0.2);
            border-radius: 6px;
            outline: 0;
            -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
            box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
            background-clip: padding-box
        }

        .modal-backdrop {
            position: fixed;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            z-index: 1030;
            background-color: #000
        }

        .modal-backdrop.fade {
            opacity: 0;
            filter: alpha(opacity=0)
        }

        .modal-backdrop.in {
            opacity: .5;
            filter: alpha(opacity=50)
        }

        .modal-header {
            min-height: 16.428571429px;
            padding: 15px;
            border-bottom: 1px solid #e5e5e5
        }

        .modal-header .close {
            margin-top: -2px
        }

        .modal-title {
            margin: 0;
            line-height: 1.428571429
        }

        .modal-body {
            position: relative;
            padding: 20px
        }

        .modal-footer {
            padding: 19px 20px 20px;
            margin-top: 15px;
            text-align: right;
            border-top: 1px solid #e5e5e5
        }

        .modal-footer:before,
        .modal-footer:after {
            display: table;
            content: " "
        }

        .modal-footer:after {
            clear: both
        }

        .modal-footer:before,
        .modal-footer:after {
            display: table;
            content: " "
        }

        .modal-footer:after {
            clear: both
        }

        .modal-footer .btn+.btn {
            margin-bottom: 0;
            margin-left: 5px
        }

        .modal-footer .btn-group .btn+.btn {
            margin-left: -1px
        }

        .modal-footer .btn-block+.btn-block {
            margin-left: 0
        }

        @media screen and (min-width:768px) {
            .modal-dialog {
                right: auto;
                left: 50%;
                width: 600px;
                padding-top: 30px;
                padding-bottom: 30px
            }

            .modal-content {
                -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
                box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5)
            }
        }

        .tooltip {
            position: absolute;
            z-index: 1030;
            display: block;
            font-size: 12px;
            line-height: 1.4;
            opacity: 0;
            filter: alpha(opacity=0);
            visibility: visible
        }

        .tooltip.in {
            opacity: .9;
            filter: alpha(opacity=90)
        }

        .tooltip.top {
            padding: 5px 0;
            margin-top: -3px
        }

        .tooltip.right {
            padding: 0 5px;
            margin-left: 3px
        }

        .tooltip.bottom {
            padding: 5px 0;
            margin-top: 3px
        }

        .tooltip.left {
            padding: 0 5px;
            margin-left: -3px
        }

        .tooltip-inner {
            max-width: 200px;
            padding: 3px 8px;
            color: #fff;
            text-align: center;
            text-decoration: none;
            background-color: #000;
            border-radius: 4px
        }

        .tooltip-arrow {
            position: absolute;
            width: 0;
            height: 0;
            border-color: transparent;
            border-style: solid
        }

        .tooltip.top .tooltip-arrow {
            bottom: 0;
            left: 50%;
            margin-left: -5px;
            border-top-color: #000;
            border-width: 5px 5px 0
        }

        .tooltip.top-left .tooltip-arrow {
            bottom: 0;
            left: 5px;
            border-top-color: #000;
            border-width: 5px 5px 0
        }

        .tooltip.top-right .tooltip-arrow {
            right: 5px;
            bottom: 0;
            border-top-color: #000;
            border-width: 5px 5px 0
        }

        .tooltip.right .tooltip-arrow {
            top: 50%;
            left: 0;
            margin-top: -5px;
            border-right-color: #000;
            border-width: 5px 5px 5px 0
        }

        .tooltip.left .tooltip-arrow {
            top: 50%;
            right: 0;
            margin-top: -5px;
            border-left-color: #000;
            border-width: 5px 0 5px 5px
        }

        .tooltip.bottom .tooltip-arrow {
            top: 0;
            left: 50%;
            margin-left: -5px;
            border-bottom-color: #000;
            border-width: 0 5px 5px
        }

        .tooltip.bottom-left .tooltip-arrow {
            top: 0;
            left: 5px;
            border-bottom-color: #000;
            border-width: 0 5px 5px
        }

        .tooltip.bottom-right .tooltip-arrow {
            top: 0;
            right: 5px;
            border-bottom-color: #000;
            border-width: 0 5px 5px
        }

        .popover {
            position: absolute;
            top: 0;
            left: 0;
            z-index: 1010;
            display: none;
            max-width: 276px;
            padding: 1px;
            text-align: left;
            white-space: normal;
            background-color: #fff;
            border: 1px solid #ccc;
            border: 1px solid rgba(0, 0, 0, 0.2);
            border-radius: 6px;
            -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
            box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
            background-clip: padding-box
        }

        .popover.top {
            margin-top: -10px
        }

        .popover.right {
            margin-left: 10px
        }

        .popover.bottom {
            margin-top: 10px
        }

        .popover.left {
            margin-left: -10px
        }

        .popover-title {
            padding: 8px 14px;
            margin: 0;
            font-size: 14px;
            font-weight: normal;
            line-height: 18px;
            background-color: #f7f7f7;
            border-bottom: 1px solid #ebebeb;
            border-radius: 5px 5px 0 0
        }

        .popover-content {
            padding: 9px 14px
        }

        .popover .arrow,
        .popover .arrow:after {
            position: absolute;
            display: block;
            width: 0;
            height: 0;
            border-color: transparent;
            border-style: solid
        }

        .popover .arrow {
            border-width: 11px
        }

        .popover .arrow:after {
            border-width: 10px;
            content: ""
        }

        .popover.top .arrow {
            bottom: -11px;
            left: 50%;
            margin-left: -11px;
            border-top-color: #999;
            border-top-color: rgba(0, 0, 0, 0.25);
            border-bottom-width: 0
        }

        .popover.top .arrow:after {
            bottom: 1px;
            margin-left: -10px;
            border-top-color: #fff;
            border-bottom-width: 0;
            content: " "
        }

        .popover.right .arrow {
            top: 50%;
            left: -11px;
            margin-top: -11px;
            border-right-color: #999;
            border-right-color: rgba(0, 0, 0, 0.25);
            border-left-width: 0
        }

        .popover.right .arrow:after {
            bottom: -10px;
            left: 1px;
            border-right-color: #fff;
            border-left-width: 0;
            content: " "
        }

        .popover.bottom .arrow {
            top: -11px;
            left: 50%;
            margin-left: -11px;
            border-bottom-color: #999;
            border-bottom-color: rgba(0, 0, 0, 0.25);
            border-top-width: 0
        }

        .popover.bottom .arrow:after {
            top: 1px;
            margin-left: -10px;
            border-bottom-color: #fff;
            border-top-width: 0;
            content: " "
        }

        .popover.left .arrow {
            top: 50%;
            right: -11px;
            margin-top: -11px;
            border-left-color: #999;
            border-left-color: rgba(0, 0, 0, 0.25);
            border-right-width: 0
        }

        .popover.left .arrow:after {
            right: 1px;
            bottom: -10px;
            border-left-color: #fff;
            border-right-width: 0;
            content: " "
        }

        .carousel {
            position: relative
        }

        .carousel-inner {
            position: relative;
            width: 100%;
            overflow: hidden
        }

        .carousel-inner>.item {
            position: relative;
            display: none;
            -webkit-transition: .6s ease-in-out left;
            transition: .6s ease-in-out left
        }

        .carousel-inner>.item>img,
        .carousel-inner>.item>a>img {
            display: block;
            height: auto;
            max-width: 100%;
            line-height: 1
        }

        .carousel-inner>.active,
        .carousel-inner>.next,
        .carousel-inner>.prev {
            display: block
        }

        .carousel-inner>.active {
            left: 0
        }

        .carousel-inner>.next,
        .carousel-inner>.prev {
            position: absolute;
            top: 0;
            width: 100%
        }

        .carousel-inner>.next {
            left: 100%
        }

        .carousel-inner>.prev {
            left: -100%
        }

        .carousel-inner>.next.left,
        .carousel-inner>.prev.right {
            left: 0
        }

        .carousel-inner>.active.left {
            left: -100%
        }

        .carousel-inner>.active.right {
            left: 100%
        }

        .carousel-control {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            width: 15%;
            font-size: 20px;
            color: #fff;
            text-align: center;
            text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
            opacity: .5;
            filter: alpha(opacity=50)
        }

        .carousel-control.left {
            background-image: -webkit-gradient(linear, 0 top, 100% top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001)));
            background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.5) 0), color-stop(rgba(0, 0, 0, 0.0001) 100%));
            background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%);
            background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%);
            background-repeat: repeat-x;
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1)
        }

        .carousel-control.right {
            right: 0;
            left: auto;
            background-image: -webkit-gradient(linear, 0 top, 100% top, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5)));
            background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.0001) 0), color-stop(rgba(0, 0, 0, 0.5) 100%));
            background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%);
            background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%);
            background-repeat: repeat-x;
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1)
        }

        .carousel-control:hover,
        .carousel-control:focus {
            color: #fff;
            text-decoration: none;
            opacity: .9;
            filter: alpha(opacity=90)
        }

        .carousel-control .icon-prev,
        .carousel-control .icon-next,
        .carousel-control .glyphicon-chevron-left,
        .carousel-control .glyphicon-chevron-right {
            position: absolute;
            top: 50%;
            left: 50%;
            z-index: 5;
            display: inline-block
        }

        .carousel-control .icon-prev,
        .carousel-control .icon-next {
            width: 20px;
            height: 20px;
            margin-top: -10px;
            margin-left: -10px;
            font-family: serif
        }

        .carousel-control .icon-prev:before {
            content: '\2039'
        }

        .carousel-control .icon-next:before {
            content: '\203a'
        }

        .carousel-indicators {
            position: absolute;
            bottom: 10px;
            left: 50%;
            z-index: 15;
            width: 60%;
            padding-left: 0;
            margin-left: -30%;
            text-align: center;
            list-style: none
        }

        .carousel-indicators li {
            display: inline-block;
            width: 10px;
            height: 10px;
            margin: 1px;
            text-indent: -999px;
            cursor: pointer;
            border: 1px solid #fff;
            border-radius: 10px
        }

        .carousel-indicators .active {
            width: 12px;
            height: 12px;
            margin: 0;
            background-color: #fff
        }

        .carousel-caption {
            position: absolute;
            right: 15%;
            bottom: 20px;
            left: 15%;
            z-index: 10;
            padding-top: 20px;
            padding-bottom: 20px;
            color: #fff;
            text-align: center;
            text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6)
        }

        .carousel-caption .btn {
            text-shadow: none
        }

        @media screen and (min-width:768px) {

            .carousel-control .icon-prev,
            .carousel-control .icon-next {
                width: 30px;
                height: 30px;
                margin-top: -15px;
                margin-left: -15px;
                font-size: 30px
            }

            .carousel-caption {
                right: 20%;
                left: 20%;
                padding-bottom: 30px
            }

            .carousel-indicators {
                bottom: 20px
            }
        }

        .clearfix:before,
        .clearfix:after {
            display: table;
            content: " "
        }

        .clearfix:after {
            clear: both
        }

        .pull-right {
            float: right !important
        }

        .pull-left {
            float: left !important
        }

        .hide {
            display: none !important
        }

        .show {
            display: block !important
        }

        .invisible {
            visibility: hidden
        }

        .text-hide {
            font: 0/0 a;
            color: transparent;
            text-shadow: none;
            background-color: transparent;
            border: 0
        }

        .affix {
            position: fixed
        }

        @-ms-viewport {
            width: device-width
        }

        @media screen and (max-width:400px) {
            @-ms-viewport {
                width: 320px
            }
        }

        .hidden {
            display: none !important;
            visibility: hidden !important
        }

        .visible-xs {
            display: none !important
        }

        tr.visible-xs {
            display: none !important
        }

        th.visible-xs,
        td.visible-xs {
            display: none !important
        }

        @media(max-width:767px) {
            .visible-xs {
                display: block !important
            }

            tr.visible-xs {
                display: table-row !important
            }

            th.visible-xs,
            td.visible-xs {
                display: table-cell !important
            }
        }

        @media(min-width:768px) and (max-width:991px) {
            .visible-xs.visible-sm {
                display: block !important
            }

            tr.visible-xs.visible-sm {
                display: table-row !important
            }

            th.visible-xs.visible-sm,
            td.visible-xs.visible-sm {
                display: table-cell !important
            }
        }

        @media(min-width:992px) and (max-width:1199px) {
            .visible-xs.visible-md {
                display: block !important
            }

            tr.visible-xs.visible-md {
                display: table-row !important
            }

            th.visible-xs.visible-md,
            td.visible-xs.visible-md {
                display: table-cell !important
            }
        }

        @media(min-width:1200px) {
            .visible-xs.visible-lg {
                display: block !important
            }

            tr.visible-xs.visible-lg {
                display: table-row !important
            }

            th.visible-xs.visible-lg,
            td.visible-xs.visible-lg {
                display: table-cell !important
            }
        }

        .visible-sm {
            display: none !important
        }

        tr.visible-sm {
            display: none !important
        }

        th.visible-sm,
        td.visible-sm {
            display: none !important
        }

        @media(max-width:767px) {
            .visible-sm.visible-xs {
                display: block !important
            }

            tr.visible-sm.visible-xs {
                display: table-row !important
            }

            th.visible-sm.visible-xs,
            td.visible-sm.visible-xs {
                display: table-cell !important
            }
        }

        @media(min-width:768px) and (max-width:991px) {
            .visible-sm {
                display: block !important
            }

            tr.visible-sm {
                display: table-row !important
            }

            th.visible-sm,
            td.visible-sm {
                display: table-cell !important
            }
        }

        @media(min-width:992px) and (max-width:1199px) {
            .visible-sm.visible-md {
                display: block !important
            }

            tr.visible-sm.visible-md {
                display: table-row !important
            }

            th.visible-sm.visible-md,
            td.visible-sm.visible-md {
                display: table-cell !important
            }
        }

        @media(min-width:1200px) {
            .visible-sm.visible-lg {
                display: block !important
            }

            tr.visible-sm.visible-lg {
                display: table-row !important
            }

            th.visible-sm.visible-lg,
            td.visible-sm.visible-lg {
                display: table-cell !important
            }
        }

        .visible-md {
            display: none !important
        }

        tr.visible-md {
            display: none !important
        }

        th.visible-md,
        td.visible-md {
            display: none !important
        }

        @media(max-width:767px) {
            .visible-md.visible-xs {
                display: block !important
            }

            tr.visible-md.visible-xs {
                display: table-row !important
            }

            th.visible-md.visible-xs,
            td.visible-md.visible-xs {
                display: table-cell !important
            }
        }

        @media(min-width:768px) and (max-width:991px) {
            .visible-md.visible-sm {
                display: block !important
            }

            tr.visible-md.visible-sm {
                display: table-row !important
            }

            th.visible-md.visible-sm,
            td.visible-md.visible-sm {
                display: table-cell !important
            }
        }

        @media(min-width:992px) and (max-width:1199px) {
            .visible-md {
                display: block !important
            }

            tr.visible-md {
                display: table-row !important
            }

            th.visible-md,
            td.visible-md {
                display: table-cell !important
            }
        }

        @media(min-width:1200px) {
            .visible-md.visible-lg {
                display: block !important
            }

            tr.visible-md.visible-lg {
                display: table-row !important
            }

            th.visible-md.visible-lg,
            td.visible-md.visible-lg {
                display: table-cell !important
            }
        }

        .visible-lg {
            display: none !important
        }

        tr.visible-lg {
            display: none !important
        }

        th.visible-lg,
        td.visible-lg {
            display: none !important
        }

        @media(max-width:767px) {
            .visible-lg.visible-xs {
                display: block !important
            }

            tr.visible-lg.visible-xs {
                display: table-row !important
            }

            th.visible-lg.visible-xs,
            td.visible-lg.visible-xs {
                display: table-cell !important
            }
        }

        @media(min-width:768px) and (max-width:991px) {
            .visible-lg.visible-sm {
                display: block !important
            }

            tr.visible-lg.visible-sm {
                display: table-row !important
            }

            th.visible-lg.visible-sm,
            td.visible-lg.visible-sm {
                display: table-cell !important
            }
        }

        @media(min-width:992px) and (max-width:1199px) {
            .visible-lg.visible-md {
                display: block !important
            }

            tr.visible-lg.visible-md {
                display: table-row !important
            }

            th.visible-lg.visible-md,
            td.visible-lg.visible-md {
                display: table-cell !important
            }
        }

        @media(min-width:1200px) {
            .visible-lg {
                display: block !important
            }

            tr.visible-lg {
                display: table-row !important
            }

            th.visible-lg,
            td.visible-lg {
                display: table-cell !important
            }
        }

        .hidden-xs {
            display: block !important
        }

        tr.hidden-xs {
            display: table-row !important
        }

        th.hidden-xs,
        td.hidden-xs {
            display: table-cell !important
        }

        @media(max-width:767px) {
            .hidden-xs {
                display: none !important
            }

            tr.hidden-xs {
                display: none !important
            }

            th.hidden-xs,
            td.hidden-xs {
                display: none !important
            }
        }

        @media(min-width:768px) and (max-width:991px) {
            .hidden-xs.hidden-sm {
                display: none !important
            }

            tr.hidden-xs.hidden-sm {
                display: none !important
            }

            th.hidden-xs.hidden-sm,
            td.hidden-xs.hidden-sm {
                display: none !important
            }
        }

        @media(min-width:992px) and (max-width:1199px) {
            .hidden-xs.hidden-md {
                display: none !important
            }

            tr.hidden-xs.hidden-md {
                display: none !important
            }

            th.hidden-xs.hidden-md,
            td.hidden-xs.hidden-md {
                display: none !important
            }
        }

        @media(min-width:1200px) {
            .hidden-xs.hidden-lg {
                display: none !important
            }

            tr.hidden-xs.hidden-lg {
                display: none !important
            }

            th.hidden-xs.hidden-lg,
            td.hidden-xs.hidden-lg {
                display: none !important
            }
        }

        .hidden-sm {
            display: block !important
        }

        tr.hidden-sm {
            display: table-row !important
        }

        th.hidden-sm,
        td.hidden-sm {
            display: table-cell !important
        }

        @media(max-width:767px) {
            .hidden-sm.hidden-xs {
                display: none !important
            }

            tr.hidden-sm.hidden-xs {
                display: none !important
            }

            th.hidden-sm.hidden-xs,
            td.hidden-sm.hidden-xs {
                display: none !important
            }
        }

        @media(min-width:768px) and (max-width:991px) {
            .hidden-sm {
                display: none !important
            }

            tr.hidden-sm {
                display: none !important
            }

            th.hidden-sm,
            td.hidden-sm {
                display: none !important
            }
        }

        @media(min-width:992px) and (max-width:1199px) {
            .hidden-sm.hidden-md {
                display: none !important
            }

            tr.hidden-sm.hidden-md {
                display: none !important
            }

            th.hidden-sm.hidden-md,
            td.hidden-sm.hidden-md {
                display: none !important
            }
        }

        @media(min-width:1200px) {
            .hidden-sm.hidden-lg {
                display: none !important
            }

            tr.hidden-sm.hidden-lg {
                display: none !important
            }

            th.hidden-sm.hidden-lg,
            td.hidden-sm.hidden-lg {
                display: none !important
            }
        }

        .hidden-md {
            display: block !important
        }

        tr.hidden-md {
            display: table-row !important
        }

        th.hidden-md,
        td.hidden-md {
            display: table-cell !important
        }

        @media(max-width:767px) {
            .hidden-md.hidden-xs {
                display: none !important
            }

            tr.hidden-md.hidden-xs {
                display: none !important
            }

            th.hidden-md.hidden-xs,
            td.hidden-md.hidden-xs {
                display: none !important
            }
        }

        @media(min-width:768px) and (max-width:991px) {
            .hidden-md.hidden-sm {
                display: none !important
            }

            tr.hidden-md.hidden-sm {
                display: none !important
            }

            th.hidden-md.hidden-sm,
            td.hidden-md.hidden-sm {
                display: none !important
            }
        }

        @media(min-width:992px) and (max-width:1199px) {
            .hidden-md {
                display: none !important
            }

            tr.hidden-md {
                display: none !important
            }

            th.hidden-md,
            td.hidden-md {
                display: none !important
            }
        }

        @media(min-width:1200px) {
            .hidden-md.hidden-lg {
                display: none !important
            }

            tr.hidden-md.hidden-lg {
                display: none !important
            }

            th.hidden-md.hidden-lg,
            td.hidden-md.hidden-lg {
                display: none !important
            }
        }

        .hidden-lg {
            display: block !important
        }

        tr.hidden-lg {
            display: table-row !important
        }

        th.hidden-lg,
        td.hidden-lg {
            display: table-cell !important
        }

        @media(max-width:767px) {
            .hidden-lg.hidden-xs {
                display: none !important
            }

            tr.hidden-lg.hidden-xs {
                display: none !important
            }

            th.hidden-lg.hidden-xs,
            td.hidden-lg.hidden-xs {
                display: none !important
            }
        }

        @media(min-width:768px) and (max-width:991px) {
            .hidden-lg.hidden-sm {
                display: none !important
            }

            tr.hidden-lg.hidden-sm {
                display: none !important
            }

            th.hidden-lg.hidden-sm,
            td.hidden-lg.hidden-sm {
                display: none !important
            }
        }

        @media(min-width:992px) and (max-width:1199px) {
            .hidden-lg.hidden-md {
                display: none !important
            }

            tr.hidden-lg.hidden-md {
                display: none !important
            }

            th.hidden-lg.hidden-md,
            td.hidden-lg.hidden-md {
                display: none !important
            }
        }

        @media(min-width:1200px) {
            .hidden-lg {
                display: none !important
            }

            tr.hidden-lg {
                display: none !important
            }

            th.hidden-lg,
            td.hidden-lg {
                display: none !important
            }
        }

        .visible-print {
            display: none !important
        }

        tr.visible-print {
            display: none !important
        }

        th.visible-print,
        td.visible-print {
            display: none !important
        }

        @media print {
            .visible-print {
                display: block !important
            }

            tr.visible-print {
                display: table-row !important
            }

            th.visible-print,
            td.visible-print {
                display: table-cell !important
            }

            .hidden-print {
                display: none !important
            }

            tr.hidden-print {
                display: none !important
            }

            th.hidden-print,
            td.hidden-print {
                display: none !important
            }
        }

        .progressbar {
            width: 100%;
            margin-top: 5px;
            position: relative;
            background-color: #eee;
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1)
        }

        .proggress {
            height: 8px;
            width: 10px;
            background-color: #3498db
        }

        .percentCount {
            float: right;
            margin-top: 10px;
            clear: both;
            font-size: 44px;
            color: #caddf4;
            position: absolute;
            right: 0;
            top: -50px
        }

        .percentCount span {
            font-size: 16px
        }

        .scrtabs-tab-container * {
            box-sizing: border-box
        }

        .scrtabs-tab-container {
            height: 55px;
            background-color: #5078d8
        }

        .scrtabs-tab-container .tab-content {
            clear: left
        }

        .scrtabs-tab-container.scrtabs-bootstrap4 .scrtabs-tabs-movable-container>.navbar-nav {
            -ms-flex-direction: row;
            flex-direction: row
        }

        .scrtabs-tabs-fixed-container {
            float: left;
            height: 55px;
            overflow: hidden;
            width: 100%
        }

        .scrtabs-tabs-movable-container {
            position: relative
        }

        .scrtabs-tabs-movable-container .tab-content {
            display: none
        }

        .scrtabs-tab-container.scrtabs-rtl .scrtabs-tabs-movable-container>ul.nav-tabs {
            padding-right: 0
        }

        .scrtabs-tab-scroll-arrow.scrtabs-tab-scroll-arrow-left {
            padding-left: 5px
        }

        .scrtabs-tab-scroll-arrow.scrtabs-tab-scroll-arrow-right {
            padding-right: 3px
        }

        .scrtabs-tab-scroll-arrow {
            border: 1px solid #ddd;
            border-top: 0;
            color: #428bca;
            display: none;
            float: left;
            font-size: 12px;
            height: 42px;
            margin-bottom: -1px;
            padding-left: 2px;
            padding-top: 20px;
            width: 20px
        }

        .scrtabs-tab-scroll-arrow,
        .scrtabs-tab-scroll-arrow .scrtabs-click-target {
            cursor: pointer
        }

        .scrtabs-tab-scroll-arrow.scrtabs-with-click-target {
            cursor: default
        }

        .scrtabs-tab-scroll-arrow.scrtabs-disable,
        .scrtabs-tab-scroll-arrow.scrtabs-disable .scrtabs-click-target {
            color: #ddd;
            cursor: default
        }

        .scrtabs-tab-scroll-arrow.scrtabs-disable:hover {
            background-color: initial
        }

        .scrtabs-tabs-fixed-container ul.nav-tabs>li {
            white-space: nowrap
        }

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

        /*! 56692252 */

        .ui-timepicker-div .ui-widget-header {
            margin-bottom: 8px
        }

        .ui-timepicker-div dl {
            text-align: left
        }

        .ui-timepicker-div dl dt {
            float: left;
            clear: left;
            padding: 0 0 0 5px
        }

        .ui-timepicker-div dl dd {
            margin: 0 10px 10px 40%
        }

        .ui-timepicker-div td {
            font-size: 90%
        }

        .ui-tpicker-grid-label {
            background: 0 0;
            border: 0;
            margin: 0;
            padding: 0
        }

        .ui-timepicker-div .ui_tpicker_unit_hide {
            display: none
        }

        .ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input {
            background: 0 0;
            color: inherit;
            border: 0;
            outline: 0;
            border-bottom: solid 1px #555;
            width: 95%
        }

        .ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input:focus {
            border-bottom-color: #aaa
        }

        .ui-timepicker-rtl {
            direction: rtl
        }

        .ui-timepicker-rtl dl {
            text-align: right;
            padding: 0 5px 0 0
        }

        .ui-timepicker-rtl dl dt {
            float: right;
            clear: right
        }

        .ui-timepicker-rtl dl dd {
            margin: 0 40% 10px 10px
        }

        .ui-timepicker-div.ui-timepicker-oneLine {
            padding-right: 2px
        }

        .ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time,
        .ui-timepicker-div.ui-timepicker-oneLine dt {
            display: none
        }

        .ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time_label {
            display: block;
            padding-top: 2px
        }

        .ui-timepicker-div.ui-timepicker-oneLine dl {
            text-align: right
        }

        .ui-timepicker-div.ui-timepicker-oneLine dl dd,
        .ui-timepicker-div.ui-timepicker-oneLine dl dd>div {
            display: inline-block;
            margin: 0
        }

        .ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_minute:before,
        .ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_second:before {
            content: ':';
            display: inline-block
        }

        .ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_millisec:before,
        .ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_microsec:before {
            content: '.';
            display: inline-block
        }

        .ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide,
        .ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide:before {
            display: none
        }

        .ztip-holder {
            position: fixed;
            display: block;
            visibility: hidden;
            opacity: 0;
            z-index: 999999;
            background: rgba(40, 40, 48, .94);
            color: #fff;
            padding: 7px;
            border-radius: 2px;
            top: auto;
            right: auto;
            bottom: auto;
            left: auto;
            max-width: 300px;
            margin: 0;
            -webkit-transform: translateY(-100%);
            -ms-transform: translateY(-100%);
            transform: translateY(-100%);
            transition: opacity .2s;
            box-sizing: border-box;
            font-size: 12px;
            line-height: 16px;
            text-align: center
        }

        .ztip-holder .zt-arrow {
            content: "";
            position: absolute;
            display: block;
            background: transparent;
            width: 0;
            height: 0;
            border-style: solid;
            z-index: 10;
            border-color: transparent
        }

        .ztip-holder.ztip-show {
            -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
            transform: translateY(0);
            visibility: visible;
            opacity: 1
        }

        .ztip-holder.ztip-position-top .zt-arrow {
            border-width: 6px 5px 0 5px;
            border-top-color: rgba(40, 40, 48, .94);
            top: 100%;
            bottom: -6px
        }

        .ztip-holder.ztip-position-bottom .zt-arrow {
            border-width: 0 5px 6px 5px;
            border-bottom-color: rgba(40, 40, 48, .94);
            top: 0;
            bottom: auto;
            margin-top: -6px
        }

        .ztip-holder.ztip-theme-red {
            background: rgba(238, 84, 58, .94);
            color: #fff
        }

        .ztip-holder.ztip-theme-red.ztip-position-top .zt-arrow {
            border-top-color: rgba(238, 84, 58, .94)
        }

        .ztip-holder.ztip-theme-red.ztip-position-bottom .zt-arrow {
            border-bottom-color: rgba(238, 84, 58, .94)
        }

        .ztip-holder.ztip-theme-red code {
            background: rgba(242, 125, 105, .94)
        }

        .ztip-holder.ztip-theme-blue {
            background: rgba(68, 187, 255, .94);
            color: #fff
        }

        .ztip-holder.ztip-theme-blue.ztip-position-top .zt-arrow {
            border-top-color: rgba(68, 187, 255, .94)
        }

        .ztip-holder.ztip-theme-blue.ztip-position-bottom .zt-arrow {
            border-bottom-color: rgba(68, 187, 255, .94)
        }

        .ztip-holder.ztip-theme-blue code {
            background: rgba(119, 206, 255, .94)
        }

        .ztip-holder.ztip-theme-green {
            background: rgba(46, 204, 113, .94);
            color: #fff
        }

        .ztip-holder.ztip-theme-green.ztip-position-top .zt-arrow {
            border-top-color: rgba(46, 204, 113, .94)
        }

        .ztip-holder.ztip-theme-green.ztip-position-bottom .zt-arrow {
            border-bottom-color: rgba(46, 204, 113, .94)
        }

        .ztip-holder.ztip-theme-green code {
            background: rgba(84, 217, 140, .94)
        }

        .ztip-holder.ztip-theme-white {
            background: rgba(255, 255, 255, .94);
            color: #333
        }

        .ztip-holder.ztip-theme-white.ztip-position-top .zt-arrow {
            border-top-color: rgba(255, 255, 255, .94)
        }

        .ztip-holder.ztip-theme-white.ztip-position-bottom .zt-arrow {
            border-bottom-color: rgba(255, 255, 255, .94)
        }

        .ztip-holder.ztip-theme-white code {
            background: rgba(255, 255, 255, .94)
        }

        .ztip-holder.ztip-theme-white {
            box-shadow: 0 0 0 1px rgba(0, 0, 0, .25)
        }

        .ztip-holder.ztip-theme-white .zt-arrow {
            border: 0;
            border-color: transparent;
            width: 6px;
            height: 6px;
            box-shadow: 1px 1px 0 0 rgba(0, 0, 0, .25);
            background: inherit;
            margin: 0
        }

        .ztip-holder.ztip-theme-white.ztip-position-top .zt-arrow {
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
            margin-top: -3px
        }

        .ztip-holder.ztip-theme-white.ztip-position-bottom .zt-arrow {
            -webkit-transform: rotate(225deg);
            -ms-transform: rotate(225deg);
            transform: rotate(225deg);
            margin-top: -3px
        }

        .ztip-holder.ztip-theme-white code {
            background: rgba(230, 230, 230, .94)
        }

        .ztip-holder code {
            color: inherit;
            background: rgba(63, 63, 76, .94)
        }

        .introjs-overlay {
            position: absolute;
            box-sizing: content-box;
            z-index: 999999;
            opacity: 0;
            transition: all .3s ease-out
        }

        .introjs-showElement {
            z-index: 9999999 !important
        }

        tr.introjs-showElement>td {
            z-index: 9999999 !important;
            position: relative
        }

        tr.introjs-showElement>th {
            z-index: 9999999 !important;
            position: relative
        }

        .introjs-disableInteraction {
            z-index: 99999999 !important;
            position: absolute;
            background-color: #fff;
            opacity: 0
        }

        .introjs-relativePosition {
            position: relative
        }

        .introjs-helperLayer {
            box-sizing: content-box;
            position: absolute;
            z-index: 9999998;
            border-radius: 4px;
            transition: all .3s ease-out
        }

        .introjs-helperLayer * {
            box-sizing: content-box
        }

        .introjs-helperLayer :before {
            box-sizing: content-box
        }

        .introjs-helperLayer :after {
            box-sizing: content-box
        }

        .introjs-tooltipReferenceLayer {
            font-family: "Helvetica Neue", Inter, ui-sans-serif, "Apple Color Emoji", Helvetica, Arial, sans-serif;
            box-sizing: content-box;
            position: absolute;
            visibility: hidden;
            z-index: 100000000;
            background-color: transparent;
            transition: all .3s ease-out
        }

        .introjs-tooltipReferenceLayer * {
            font-family: "Helvetica Neue", Inter, ui-sans-serif, "Apple Color Emoji", Helvetica, Arial, sans-serif
        }

        .introjs-helperNumberLayer {
            font-family: "Helvetica Neue", Inter, ui-sans-serif, "Apple Color Emoji", Helvetica, Arial, sans-serif;
            color: #9e9e9e;
            text-align: center;
            padding-top: 10px;
            padding-bottom: 10px
        }

        .introjs-arrow {
            border: 5px solid transparent;
            content: "";
            position: absolute
        }

        .introjs-arrow.top {
            top: -10px;
            left: 10px;
            border-bottom-color: #fff
        }

        .introjs-arrow.top-right {
            top: -10px;
            right: 10px;
            border-bottom-color: #fff
        }

        .introjs-arrow.top-middle {
            top: -10px;
            left: 50%;
            margin-left: -5px;
            border-bottom-color: #fff
        }

        .introjs-arrow.right {
            right: -10px;
            top: 10px;
            border-left-color: #fff
        }

        .introjs-arrow.right-bottom {
            bottom: 10px;
            right: -10px;
            border-left-color: #fff
        }

        .introjs-arrow.bottom {
            bottom: -10px;
            left: 10px;
            border-top-color: #fff
        }

        .introjs-arrow.bottom-right {
            bottom: -10px;
            right: 10px;
            border-top-color: #fff
        }

        .introjs-arrow.bottom-middle {
            bottom: -10px;
            left: 50%;
            margin-left: -5px;
            border-top-color: #fff
        }

        .introjs-arrow.left {
            left: -10px;
            top: 10px;
            border-right-color: #fff
        }

        .introjs-arrow.left-bottom {
            left: -10px;
            bottom: 10px;
            border-right-color: #fff
        }

        .introjs-tooltip {
            box-sizing: content-box;
            position: absolute;
            visibility: visible;
            background-color: #fff;
            min-width: 250px;
            max-width: 300px;
            border-radius: 5px;
            box-shadow: 0 3px 30px rgba(33, 33, 33, .3);
            transition: opacity .1s ease-out
        }

        .introjs-tooltiptext {
            padding: 20px
        }

        .introjs-dontShowAgain {
            padding-left: 20px;
            padding-right: 20px
        }

        .introjs-dontShowAgain input {
            padding: 0;
            margin: 0;
            margin-bottom: 2px;
            display: inline;
            width: 10px;
            height: 10px
        }

        .introjs-dontShowAgain label {
            font-size: 14px;
            display: inline-block;
            font-weight: 400;
            margin: 0 0 0 5px;
            padding: 0;
            background-color: #fff;
            color: #616161;
            -webkit-user-select: none;
            user-select: none
        }

        .introjs-tooltip-title {
            font-size: 18px;
            width: 90%;
            min-height: 1.5em;
            margin: 0;
            padding: 0;
            font-weight: 700;
            line-height: 1.5
        }

        .introjs-tooltip-header {
            position: relative;
            padding-left: 20px;
            padding-right: 20px;
            padding-top: 10px;
            min-height: 1.5em
        }

        .introjs-tooltipbuttons {
            border-top: 1px solid #e0e0e0;
            padding: 10px;
            text-align: right;
            white-space: nowrap
        }

        .introjs-tooltipbuttons:after {
            content: "";
            visibility: hidden;
            display: block;
            height: 0;
            clear: both
        }

        .introjs-button {
            box-sizing: content-box;
            position: relative;
            overflow: visible;
            padding: .5rem 1rem;
            border: 1px solid #bdbdbd;
            text-decoration: none;
            text-shadow: 1px 1px 0 #fff;
            font-size: 14px;
            color: #424242;
            white-space: nowrap;
            cursor: pointer;
            outline: 0;
            background-color: #f4f4f4;
            border-radius: .2em;
            zoom: 1;
            display: inline
        }

        .introjs-button:hover {
            outline: 0;
            text-decoration: none;
            border-color: #9e9e9e;
            background-color: #e0e0e0;
            color: #212121
        }

        .introjs-button:focus {
            outline: 0;
            text-decoration: none;
            background-color: #eee;
            box-shadow: 0 0 0 .2rem rgba(158, 158, 158, .5);
            border: 1px solid #616161;
            color: #212121
        }

        .introjs-button:active {
            outline: 0;
            text-decoration: none;
            background-color: #e0e0e0;
            border-color: #9e9e9e;
            color: #212121
        }

        .introjs-button::-moz-focus-inner {
            padding: 0;
            border: 0
        }

        .introjs-skipbutton {
            position: absolute;
            top: 0;
            right: 0;
            display: inline-block;
            width: 45px;
            height: 45px;
            line-height: 45px;
            color: #616161;
            font-size: 22px;
            cursor: pointer;
            font-weight: 700;
            text-align: center;
            text-decoration: none
        }

        .introjs-skipbutton:focus,
        .introjs-skipbutton:hover {
            color: #212121;
            outline: 0;
            text-decoration: none
        }

        .introjs-prevbutton {
            float: left
        }

        .introjs-nextbutton {
            float: right
        }

        .introjs-disabled {
            color: #9e9e9e;
            border-color: #bdbdbd;
            box-shadow: none;
            cursor: default;
            background-color: #f4f4f4;
            background-image: none;
            text-decoration: none
        }

        .introjs-disabled:focus,
        .introjs-disabled:hover {
            color: #9e9e9e;
            border-color: #bdbdbd;
            box-shadow: none;
            cursor: default;
            background-color: #f4f4f4;
            background-image: none;
            text-decoration: none
        }

        .introjs-hidden {
            display: none
        }

        .introjs-bullets {
            text-align: center;
            padding-top: 10px;
            padding-bottom: 10px
        }

        .introjs-bullets ul {
            box-sizing: content-box;
            clear: both;
            margin: 0 auto 0;
            padding: 0;
            display: inline-block
        }

        .introjs-bullets ul li {
            box-sizing: content-box;
            list-style: none;
            float: left;
            margin: 0 2px
        }

        .introjs-bullets ul li a {
            transition: width .1s ease-in;
            box-sizing: content-box;
            display: block;
            width: 6px;
            height: 6px;
            background: #ccc;
            border-radius: 10px;
            text-decoration: none;
            cursor: pointer
        }

        .introjs-bullets ul li a:focus,
        .introjs-bullets ul li a:hover {
            width: 15px;
            background: #999;
            text-decoration: none;
            outline: 0
        }

        .introjs-bullets ul li a.active {
            width: 15px;
            background: #999
        }

        .introjs-progress {
            box-sizing: content-box;
            overflow: hidden;
            height: 10px;
            margin: 10px;
            border-radius: 4px;
            background-color: #e0e0e0
        }

        .introjs-progressbar {
            box-sizing: content-box;
            float: left;
            width: 0%;
            height: 100%;
            font-size: 10px;
            line-height: 10px;
            text-align: center;
            background-color: #08c
        }

        .introjsFloatingElement {
            position: absolute;
            height: 0;
            width: 0;
            left: 50%;
            top: 50%
        }

        .introjs-fixedTooltip {
            position: fixed
        }

        .introjs-hint {
            box-sizing: content-box;
            position: absolute;
            background: 0 0;
            width: 20px;
            height: 15px;
            cursor: pointer
        }

        .introjs-hint:focus {
            border: 0;
            outline: 0
        }

        .introjs-hint:hover>.introjs-hint-pulse {
            background-color: rgba(60, 60, 60, .57)
        }

        .introjs-hidehint {
            display: none
        }

        .introjs-fixedhint {
            position: fixed
        }

        @keyframes introjspulse {
            0% {
                transform: scale(.95);
                box-shadow: 0 0 0 0 rgba(0, 0, 0, .7)
            }

            70% {
                transform: scale(1);
                box-shadow: 0 0 0 10px transparent
            }

            100% {
                transform: scale(.95);
                box-shadow: 0 0 0 0 transparent
            }
        }

        .introjs-hint-pulse {
            box-sizing: content-box;
            width: 15px;
            height: 15px;
            border-radius: 30px;
            background-color: rgba(136, 136, 136, .24);
            z-index: 10;
            position: absolute;
            transition: all .2s ease-out;
            animation: introjspulse 2s infinite
        }

        .introjs-hint-no-anim .introjs-hint-pulse {
            animation: none
        }

        .introjs-hint-dot {
            box-sizing: content-box;
            background: 0 0;
            border-radius: 60px;
            height: 50px;
            width: 50px;
            position: absolute;
            top: -18px;
            left: -18px;
            z-index: 1;
            opacity: 0
        }

        /*# 56692252 */

        .slick-slider {
            position: relative;
            display: block;
            box-sizing: border-box;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            -webkit-touch-callout: none;
            -khtml-user-select: none;
            -ms-touch-action: pan-y;
            touch-action: pan-y;
            -webkit-tap-highlight-color: transparent
        }

        .slick-list {
            position: relative;
            display: block;
            overflow: hidden;
            margin: 0;
            padding: 0
        }

        .slick-list:focus {
            outline: 0
        }

        .slick-list.dragging {
            cursor: pointer;
            cursor: hand
        }

        .slick-slider .slick-track,
        .slick-slider .slick-list {
            -webkit-transform: translate3d(0, 0, 0);
            -moz-transform: translate3d(0, 0, 0);
            -ms-transform: translate3d(0, 0, 0);
            -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }

        .slick-track {
            position: relative;
            top: 0;
            left: 0;
            display: block;
            margin-left: auto;
            margin-right: auto
        }

        .slick-track:before,
        .slick-track:after {
            display: table;
            content: ''
        }

        .slick-track:after {
            clear: both
        }

        .slick-loading .slick-track {
            visibility: hidden
        }

        .slick-slide {
            display: none;
            float: left;
            height: 100%;
            min-height: 1px
        }

        [dir='rtl'] .slick-slide {
            float: right
        }

        .slick-slide img {
            display: block
        }

        .slick-slide.slick-loading img {
            display: none
        }

        .slick-slide.dragging img {
            pointer-events: none
        }

        .slick-initialized .slick-slide {
            display: block
        }

        .slick-loading .slick-slide {
            visibility: hidden
        }

        .slick-vertical .slick-slide {
            display: block;
            height: auto;
            border: 1px solid transparent
        }

        .slick-arrow.slick-hidden {
            display: none
        }

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

        a {
            outline: 0;
            transition: all .3s ease
        }

        a,
        a:hover,
        a:active {
            text-decoration: none
        }

        input,
        button {
            outline: 0
        }

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

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

        @font-face {
            font-family: 'Digital Numbers';
            src: url('/fonts/DigitalNumbers-Regular.ttf') format('truetype');
            font-weight: normal;
            font-style: normal
        }

        body {
            font-family: 'digital_sans_ef_medium';
            font-size: 14px
        }

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

        [data-container-background] {
            background: no-repeat center top;
            background-image: var(--image-src);
            background-size: 100%
        }

        [data-container-background="background-banner"] {
            background-color: var(--data-cntr-background-banner-bg)
        }

        [data-container-background="general"] {
            background-size: cover
        }

        [data-container-background="others"] {
            background-image: var(--image-src);
            background-color: var(--data-cntr-background-others-bg)
        }

        [data-container-background="promotions"] {
            background-image: var(--image-src);
            background-color: var(--data-cntr-background-promotions-bg)
        }

        [data-dispatcher-background] {
            background: no-repeat center;
            background-size: cover;
            background-image: var(--image-src)
        }

        body {
            color: var(--body-color)
        }

        .banner .carousel-indicators li,
        .resolved-transactions-carousel .carousel-indicators li {
            display: inline-block;
            border-radius: 100px;
            width: 10px;
            height: 10px;
            margin: 1px;
            text-indent: -999px;
            cursor: pointer;
            background-color: var(--default);
            border: var(--banner-carousel-indicators-li-border)
        }

        .banner .carousel-indicators .active,
        .banner .carousel-indicators .slick-active,
        .resolved-transactions-carousel .carousel-indicators .active,
        .resolved-transactions-carousel .carousel-indicators .slick-active {
            background: var(--banner-carousel-indicators-active-bg);
            border-color: var(--banner-carousel-indicators-active-border)
        }

        .form-control {
            border-color: var(--form-control-border);
            background: var(--form-control-bg);
            color: var(--form-control-color)
        }

        a {
            color: var(--a-color)
        }

        a:focus,
        a:hover {
            color: var(--a-focus-hover-color);
            text-decoration: none
        }

        .form-control[disabled],
        .form-control[readonly],
        fieldset[disabled] .form-control {
            background-color: var(--form-cntrl-fieldset-disabled-bg)
        }

        .table .table {
            background-color: var(--table-table-bg)
        }

        body.no-scroll {
            overflow: hidden
        }

        .modal-content {
            width: 100%
        }

        .topbar-container {
            background: var(--topbar-cntr-bg);
            padding: 8px 0
        }

        .topbar-container .row {
            display: flex;
            align-items: center
        }

        .topbar-left-container {
            width: 46%
        }

        .topbar-right-container {
            width: 54%
        }

        .topbar-left-section {
            display: flex;
            flex-wrap: nowrap
        }

        .topbar-left-section [data-icon] {
            display: inline-block;
            height: 15px;
            width: 15px;
            background: center no-repeat;
            background-size: contain
        }

        .topbar-left-section [data-icon="live-chat"],
        .topbar-left-section [data-icon="android"] {
            height: 24px;
            width: 24px
        }

        .topbar-left-section [data-icon="telegram"] {
            margin-right: 3px
        }

        .topbar-left-section .topbar-item {
            color: var(--topbar-left-section-item-color);
            font-size: 12px;
            display: flex;
            justify-content: center;
            align-items: center
        }

        .topbar-left-section .topbar-item+.topbar-item {
            margin-left: 5px;
            border-left: 1px dotted #ccc;
            padding-left: 5px
        }

        .topbar-left-section .topbar-item a {
            color: inherit;
            text-decoration: none;
            padding: 5px;
            border-radius: 3px;
            line-height: 1;
            display: flex;
            align-items: center
        }

        .topbar-left-section .topbar-item a:hover {
            color: var(--topbar-left-section-item-a-hover-color)
        }

        .topbar-left-section .topbar-item a.telegram-btn {
            padding: 5px 10px
        }

        .topbar-left-section .live-chat {
            text-decoration: none;
            padding: 5px;
            border-radius: 3px;
            line-height: 1;
            display: flex;
            align-items: center;
            cursor: pointer
        }

        .topbar-left-section .topbar-item a.download-apk-btn {
            color: #fff;
            padding: 5px
        }

        .topbar-left-section .topbar-item a.telegram-btn,
        .topbar-left-section .topbar-item a.telegram-btn:hover {
            color: #fff;
            background-image: linear-gradient(to bottom, #0bb4ff, #036ca0)
        }

        .topbar-left-section .language-selector-container {
            position: relative
        }

        .topbar-left-section .language-selector-trigger {
            cursor: pointer;
            display: flex;
            align-items: center
        }

        .topbar-left-section .language-selector-trigger:after {
            content: '';
            display: inline-block;
            width: 0;
            height: 0;
            border: 5px solid transparent;
            border-top: 5px solid var(--topbar-left-section-lang-sel-trig-after-btop);
            border-bottom: 0;
            margin-left: 5px
        }

        .topbar-left-section .language-selector-trigger[data-active='true']:after {
            border-top: 0;
            border-bottom: 5px solid var(--topbar-left-section-lang-sel-trig-true-after-bbot)
        }

        .topbar-left-section .language-selector {
            background-color: var(--topbar-left-section-language-selector-bg);
            cursor: pointer;
            padding: 0;
            min-width: max-content
        }

        .topbar-left-section .language-selector li {
            padding: 7px 10px;
            border-bottom: var(--topbar-left-section-language-selector-li-border);
            display: flex;
            gap: 10px;
            align-items: center
        }

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

        .topbar-left-section i[data-language] {
            display: inline-block;
            height: 16px;
            width: 16px;
            background-image: var(--image-src)
        }

        .topbar-left-section i[data-language='en'] {
            background-position-y: 0
        }

        .topbar-left-section i[data-language='id'] {
            background-position-y: -16px
        }

        .topbar-left-section i[data-language='kr'] {
            background-position-y: -32px
        }

        .topbar-left-section i[data-language='cn'] {
            background-position-y: -48px
        }

        .topbar-left-section i[data-language='jp'] {
            background-position-y: -64px
        }

        .topbar-left-section i[data-language='th'] {
            background-position-y: -80px
        }

        .topbar-left-section i[data-language='my'] {
            background-position-y: -96px
        }

        .topbar-left-section i[data-language='kh'] {
            background-position-y: -112px
        }

        .topbar-left-section i[data-language='hi'] {
            background-position-y: -128px
        }

        .topbar-left-section i[data-language='ta'] {
            background-position-y: -128px
        }

        .topbar-left-section i[data-language='te'] {
            background-position-y: -128px
        }

        .topbar-left-section i[data-language='vi'] {
            background-position-y: -144px
        }

        .topbar-left-section i[data-language='bn'] {
            background-position-y: -176px
        }

        .topbar-left-section i[data-language='pt'] {
            background-position-y: -160px
        }

        .site-header {
            background: var(--site-header-bg);
            border-bottom: var(--site-header-border)
        }

        .site-header .logo {
            display: block;
            background: center top no-repeat;
            background-size: 100%;
            width: 100%;
            padding-top: calc((100%*68/300) + 15px*2);
            position: relative
        }

        .site-header .logo>img,
        .site-header .logo>picture {
            position: absolute;
            top: 0;
            left: 50%;
            height: calc(100% - 15px*2);
            transform: translateX(-50%);
            margin: 15px auto;
            width: auto
        }

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

        .site-header .container {
            position: relative
        }

        .site-header .container .row>div {
            position: initial
        }

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

        .menu-slide>i {
            cursor: pointer;
            color: var(--menu-slide-i-color)
        }

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

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

        .top-menu {
            margin: 0;
            padding: 0;
            list-style: none;
            display: flex;
            flex-wrap: nowrap;
            flex-grow: 1;
            overflow: hidden;
            scroll-behavior: smooth
        }

        .top-menu>li {
            flex: 1;
            width: 100%;
            flex-basis: calc(100%/11);
            flex-shrink: 0
        }

        .top-menu>li>a {
            text-decoration: none;
            display: block;
            padding: 20px 0;
            width: 100%;
            text-align: center;
            color: var(--top-menu-li-a-color);
            text-transform: uppercase;
            font-size: 12px;
            position: relative
        }

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

        .top-menu>li[data-active="true"],
        .top-menu>li:hover {
            background-image: var(--top-menu-li-true-hover-bg)
        }

        .top-menu>li:hover>a,
        .top-menu>li[data-active="true"]>a {
            color: var(--top-menu-li-true-hover-a-color)
        }

        .top-menu>li>a>img {
            display: block;
            margin: 0 auto 5px;
            height: 30px;
            width: 30px
        }

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

        .top-menu>li:not(:hover) .game-list {
            display: none
        }

        .top-menu .game-list {
            position: absolute;
            top: 100%;
            left: 0;
            right: 0;
            z-index: 16;
            border-top: var(--top-menu-game-list-btop);
            background-color: var(--top-menu-game-list-bg);
            border-bottom: var(--top-menu-game-list-bbot);
            border-bottom-right-radius: 5px;
            border-bottom-left-radius: 5px;
            padding: 10px 0 20px;
            margin: 0;
            list-style: none;
            display: flex;
            flex-wrap: wrap;
            justify-content: center
        }

        .top-menu .game-list>li {
            flex-basis: 25%;
            display: inline-block;
            padding: 0 10px;
            margin: 3px 0
        }

        .top-menu .game-list>li>a {
            display: block;
            width: 100%;
            padding-top: calc(123/271*100%);
            position: relative;
            aspect-ratio: 271/123
        }

        .top-menu .game-list>li:hover>a {
            transform: scale(105%);
            transition: transform .25s ease
        }

        .top-menu .game-list>li>a .background {
            background: var(--top-menu-game-list-li-a-background-bg);
            border-radius: 70px;
            border: var(--top-menu-game-list-li-a-background-border);
            position: absolute;
            top: 18%;
            bottom: 0;
            left: 0;
            right: 0
        }

        .top-menu .game-list>li>a .foreground {
            background-size: 100% auto;
            position: absolute;
            top: -10px;
            bottom: 0;
            left: 0;
            right: 0;
            border-bottom-left-radius: 55px;
            border-bottom-right-radius: 55px;
            background-position: top
        }

        .top-menu .game-list>li>a[data-maintenance-status="true"] {
            transform: none;
            transition: none;
            pointer-events: none
        }

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

        .top-menu .game-list>li>a[data-maintenance-status="true"] .background {
            position: absolute;
            top: 18%;
            bottom: 0;
            left: 0;
            right: 0
        }

        .top-menu .game-list>li>a[data-maintenance-status="true"] .background {
            filter: grayscale(1) brightness(50%);
            border-color: #808080
        }

        .top-menu .game-list>li>a[data-maintenance-status="true"] .foreground {
            filter: grayscale(1) brightness(.5)
        }

        .top-menu .game-list>li>a .background .floating-icon {
            position: absolute;
            top: -12px;
            right: 0;
            left: 100%;
            width: auto;
            max-width: calc(100% - 8px);
            height: 22px;
            background: transparent;
            transform: translateX(calc(-100% + -8px));
            z-index: 1
        }

        .site-content-container {
            padding: 30px 0
        }

        .footer-separator {
            padding: 15px 0 0;
            margin: 15px 0 0;
            border-top: var(--footer-separator-border)
        }

        .site-footer {
            border-top: var(--site-footer-border);
            padding: 20px 0;
            background: var(--site-footer-bg);
            background-size: cover;
            background-image: var(--site-footer-bi, var(--image-src))
        }

        .footer-links {
            margin: 0;
            padding: 0;
            list-style: none
        }

        .footer-links>li {
            display: inline-block
        }

        .footer-links>li>a {
            cursor: pointer;
            display: block;
            color: var(--footer-links-li-a-color);
            padding-right: 10px;
            line-height: 20px;
            text-decoration: none
        }

        .footer-links>li>a:hover {
            color: var(--footer-links-li-a-hover-color)
        }

        .footer-links>li+li>a {
            padding-left: 10px;
            border-left: var(--footer-links-li-li-a-border)
        }

        .footer-links {
            margin-bottom: 15px
        }

        .copyright {
            color: var(--copyright-color)
        }

        @keyframes bounce {

            0%,
            20%,
            60%,
            100% {
                -webkit-transform: translateY(0);
                transform: translateY(0)
            }

            40% {
                -webkit-transform: translateY(-20px);
                transform: translateY(-20px)
            }

            80% {
                -webkit-transform: translateY(-10px);
                transform: translateY(-10px)
            }
        }

        .footer-section-title {
            color: var(--footer-section-title-color)
        }

        .supported-browser-container {
            display: flex;
            justify-content: flex-end
        }

        .hover-list {
            display: flex;
            flex-wrap: wrap
        }

        .hover-list>li+li {
            margin-left: 10px
        }

        .hover-list>li {
            position: relative
        }

        .hover-list>li a>picture:first-child,
        .hover-list>li a>img:first-child,
        .hover-list>li>picture:first-child,
        .hover-list>li>img:first-child {
            opacity: 1
        }

        .hover-list>li a>picture:last-child,
        .hover-list>li a>img:last-child,
        .hover-list>li>picture:last-child,
        .hover-list>li>img:last-child {
            position: absolute;
            left: 0;
            top: 0;
            opacity: 0
        }

        .hover-list>li a>picture:first-child,
        .hover-list>li a>img:first-child,
        .hover-list>li>picture:first-child,
        .hover-list>li>img:first-child,
        .hover-list>li a>picture:last-child,
        .hover-list>li a>img:last-child,
        .hover-list>li>picture:last-child,
        .hover-list>li>img:last-child {
            transition: opacity .5s
        }

        .hover-list>li:hover a>picture:first-child,
        .hover-list>li:hover a>img:first-child,
        .hover-list>li:hover>picture:first-child,
        .hover-list>li:hover>img:first-child {
            opacity: 0
        }

        .hover-list>li:hover a>picture:last-child,
        .hover-list>li:hover a>img:last-child,
        .hover-list>li:hover>picture:last-child,
        .hover-list>li:hover>img:last-child {
            opacity: 1
        }

        .provider-section {
            background-color: var(--provider-section-bg);
            color: #fff;
            padding-top: var(--provider-section-ptop);
            margin-top: var(--provider-section-mtop);
            padding-bottom: var(--provider-section-pbot)
        }

        .provider-section .hover-list>li+li {
            margin-left: 4px
        }

        i[data-icon="plus"]:before,
        i[data-icon="plus"]:after {
            content: "";
            position: absolute;
            background: #fff
        }

        i[data-icon="plus"]:before {
            left: 50%;
            top: 5px;
            bottom: 5px;
            width: 2px;
            transform: translateX(-50%)
        }

        i[data-icon="plus"]:after {
            top: 50%;
            left: 5px;
            right: 5px;
            height: 2px;
            transform: translateY(-50%)
        }

        .modal-content ul {
            list-style: disc
        }

        .modal-content ol {
            list-style: decimal
        }

        .modal-content ol,
        .modal-content ul,
        .modal-content .download-32-bit-cntr {
            margin-block-start: 1em;
            margin-block-end: 1em;
            margin-inline-start: 0;
            margin-inline-end: 0;
            padding-inline-start: 40px
        }

        .giveaway-coupon-container {
            position: relative
        }

        .giveaway-coupon-container .giveaway-name {
            font-size: 18px
        }

        .giveaway-coupon-container .giveaway-description {
            font-size: 14px
        }

        .giveaway-coupon-container .credit-amount {
            position: absolute;
            bottom: 50px;
            left: 50%;
            transform: translateX(-50%);
            font-size: 32px;
            color: #4cc82d;
            animation: claimCoupon .8s ease-in-out forwards
        }

        .free-spin-container {
            position: relative
        }

        .free-spin-container .free-spin-name {
            font-size: 18px
        }

        .free-spin-container .free-spin-description {
            font-size: 14px;
            padding-bottom: 10px
        }

        .free-spin-container .free-spin-expired {
            font-size: 14px
        }

        .free-spin-container .free-spin-expired span {
            color: #e31414
        }

        @keyframes claimCoupon {
            0% {
                bottom: 50px
            }

            25% {
                bottom: 50px
            }

            100% {
                bottom: 260px
            }
        }

        .introjs-helperLayer {
            box-shadow: rgba(33, 33, 33, .8) 0 0 1px 2px, rgba(33, 33, 33, .8) 0 0 0 5000px !important
        }

        .introjs-tooltip {
            background-color: var(--introjs-tooltip-bg);
            color: var(--introjs-tooltip-color)
        }

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

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

        .introjs-tooltip-title {
            font-size: 12px;
            word-break: break-word;
            color: var(--introjs-tooltip-title-color)
        }

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

        .introjs-tooltiptext>p {
            color: #fff
        }

        .introjs-tooltiptext .subtitle {
            font-weight: 700;
            font-size: 14px;
            color: var(--introjs-tooltiptext-subtitle-color);
            word-break: break-word
        }

        .introjs-tooltipbuttons {
            border-top-color: var(--introjs-tooltipbtn-btop)
        }

        .introjs-prevbutton {
            display: none
        }

        .introjs-nextbutton {
            border-radius: 50px;
            background-image: var(--introjs-nextbtn-bg);
            color: var(--introjs-nextbtn-color);
            text-shadow: none;
            padding: .5rem 1.5rem;
            border: 0
        }

        .introjs-nextbutton:focus {
            color: #fff
        }

        .introjs-nextbutton:hover {
            background-image: var(--introjs-nextbtn-hover-bg);
            color: var(--introjs-nextbtn-hover-color)
        }

        .introjs-bullets ul li a {
            background-color: var(--introjs-bullets-ul-li-a-bg)
        }

        .introjs-bullets ul li a.active,
        .introjs-bullets ul li a:hover {
            width: 6px;
            height: 6px;
            background-color: var(--introjs-bullets-ul-li-a-active-hover-bg)
        }

        .introjs-skipbutton {
            color: var(--introjs-skipbtn-color)
        }

        .daily-reward-container {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 10px;
            position: relative
        }

        .daily-reward-container img {
            width: 175px;
            height: auto
        }

        .daily-reward-container .reward-title h1 {
            font-size: 18px;
            text-transform: uppercase;
            color: var(--daily-reward-cntr-title-h1-color)
        }

        .daily-reward-container .reward-point {
            display: none;
            justify-content: center;
            align-items: center;
            gap: 5px
        }

        .daily-reward-container .reward-point.claimed {
            display: flex
        }

        .daily-reward-container .reward-point .point {
            font-size: 24px;
            color: #31ff00;
            font-weight: 700
        }

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

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

        .daily-reward-container .daily-reward-description {
            font-size: 14px;
            color: var(--daily-reward-cntr-desc-color)
        }

        .daily-reward-container .daily-reward-detail-description {
            background: var(--daily-reward-cntr-detail-desc-bg);
            margin: auto;
            padding: 10px;
            border-radius: 5px;
            width: 62%
        }

        .daily-reward-container .standard-secondary-button {
            text-transform: uppercase;
            width: 200px;
            padding: 8px;
            border-radius: 25px;
            margin-top: 10px;
            border: 0;
            color: var(--daily-reward-cntr-std-secondary-btn-color);
            background: var(--daily-reward-cntr-std-secondary-btn-bg)
        }

        .daily-reward-container .standard-secondary-button:hover {
            background: var(--daily-reward-cntr-std-secondary-btn-hover-bg)
        }

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

        .daily-reward-container .reward-point.cloned {
            position: absolute;
            bottom: 150px;
            right: 200px;
            animation: dailyRewardClaim 1s ease-in-out forwards
        }

        .daily-reward-container .claim-daily-reward-countdown-container {
            display: flex;
            align-items: center;
            gap: 5px;
            font-size: 14px;
            color: #a9a9a9
        }

        .daily-reward-container .claim-daily-reward-countdown-container img {
            width: 15px;
            height: 15px
        }

        .daily-reward-container .expiration-countdown {
            gap: 5px
        }

        .daily-reward-container .expiration-countdown [data-section] {
            position: relative;
            font-family: 'digital_sans_ef_medium';
            background-color: transparent;
            border-left: 0;
            padding: 0;
            min-width: unset
        }

        .daily-reward-container .expiration-countdown [data-section="minutes"]:after,
        .daily-reward-container .expiration-countdown [data-section="seconds"]:after {
            content: ":";
            position: absolute;
            top: 2px;
            left: -3px;
            font-size: 10px;
            color: #a9a9a9
        }

        .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] {
            font-size: 14px;
            color: #c6f401
        }

        @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: #161616;
            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;
            gap: 20px;
            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;
            color: #fff
        }

        .double-xp-countdown [data-section]+[data-section]::before {
            content: ":";
            position: absolute;
            top: 10px;
            left: -13px;
            color: #fff;
            font-size: 24px
        }

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

        .double-xp-countdown [data-value] span {
            font-family: 'Digital Numbers';
            background-color: #4e4e4e;
            color: #fff;
            font-size: 32px;
            padding: 5px 10px;
            border-radius: 4px
        }

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

        .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 #f41168;
            color: #fff;
            background-color: #25142c;
            border-radius: 4px;
            font-size: 14px
        }

        .modal-body .pending-transaction-summary-container {
            border: var(--modal-body-pending-transaction-sum-cntr-border);
            color: var(--modal-body-pending-transaction-sum-cntr-color);
            background-color: var(--modal-body-pending-transaction-sum-cntr-bg)
        }

        .pending-transactions-container .pending-transactions-item .pending-transaction-remarks-container {
            border: var(--pending-transaction-cntr-item-remarks-cntr-border);
            color: var(--pending-transaction-cntr-item-remarks-cntr-color);
            background-color: var(--pending-transaction-cntr-item-remarks-cntr-bg)
        }

        .claim-info-modal .alert-container {
            border: var(--claim-info-modal-alert-cntr-border);
            color: var(--claim-info-modal-alert-cntr-color);
            background-color: var(--claim-info-modal-alert-cntr-bg)
        }

        .payment-account-creation-remarks {
            border: var(--payment-acc-creation-remarks-border);
            color: var(--payment-acc-creation-remarks-color);
            background-color: var(--payment-acc-creation-remarks-bg)
        }

        .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 .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: var(--modal-body-pending-trans-summ-cntr-footer-border);
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding-top: 12px
        }

        .modal-body .pending-transaction-summary-container .pending-transaction-summary-footer a {
            padding: 8px 16px;
            border-radius: 4px;
            text-transform: capitalize
        }

        .modal-body .pending-transaction-details-container {
            margin-top: 16px;
            max-height: 45vh;
            border-radius: 8px;
            overflow-y: auto;
            background-color: var(--modal-body-pending-trans-details-cntr-bg);
            border: var(--modal-body-pending-trans-details-cntr-border);
            max-width: 100%
        }

        .modal-body .pending-transaction-details-container::-webkit-scrollbar {
            width: 7px;
            height: 7px
        }

        .modal-body .pending-transaction-details-container::-webkit-scrollbar-track {
            background: transparent
        }

        .modal-body .pending-transaction-details-container::-webkit-scrollbar-thumb {
            background: #4d4f59;
            border-radius: 5px
        }

        .modal-body .pending-transaction-details-container .pending-transaction-details-item {
            padding: 16px 12px;
            border-bottom: var(--modal-body-pending-trans-details-cntr-item-border);
            color: var(--modal-body-pending-trans-details-cntr-item-color);
            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: var(--modal-body-pending-trans-details-cntr-item-img-bg)
        }

        .modal-body .pending-transaction-details-container .pending-transaction-details-item .pending-transaction-details-item-status .circle-bg img {
            width: 16px
        }

        .modal-body .pending-transaction-details-container .pending-transaction-details-item .pending-transaction-details-item-status>div {
            display: flex;
            flex-direction: column;
            gap: 4px
        }

        .modal-body .pending-transaction-details-container .pending-transaction-details-item .pending-transaction-details-item-status>div>div {
            display: flex;
            gap: 4px
        }

        .modal-body .pending-transaction-details-container .pending-transaction-details-item .pending-transaction-details-item-status>div>div>img {
            filter: var(--modal-body-pending-trans-details-cntr-copy-img)
        }

        .modal-body .pending-transaction-details-container .pending-transaction-details-item .pending-transaction-details-item-details {
            display: flex;
            flex-direction: column;
            align-items: flex-end;
            gap: 4px
        }

        .modal-body .pending-transaction-details-container .pending-transaction-details-item .pending-transaction-details-item-value {
            font-size: 12px;
            color: var(--modal-body-pending-trans-details-cntr-item-secondary-color)
        }

        .modal-body .pending-transaction-details-container .pending-transaction-details-item .pending-transaction-details-item-button {
            display: flex;
            justify-content: flex-end
        }

        .modal-body .pending-transaction-details-container .pending-transaction-details-item>div span[data-transaction-status="PEN"],
        .modal-body .pending-transaction-details-container .pending-transaction-details-item>div span[data-transaction-status="PEN2"],
        .modal-body .pending-transaction-details-container .pending-transaction-details-item>div span[data-transaction-status="PRO"],
        .modal-body .pending-transaction-details-container .pending-transaction-details-item>div span[data-transaction-status="PRO1"],
        .modal-body .pending-transaction-details-container .pending-transaction-details-item>div span[data-transaction-status="MEW"],
        .modal-body .pending-transaction-details-container .pending-transaction-details-item>div span[data-transaction-status="APP1"] {
            color: #ff9806
        }

        .modal-body .pending-transaction-details-container .pending-transaction-details-item>div span[data-transaction-status="REJ"],
        .modal-body .pending-transaction-details-container .pending-transaction-details-item>div span[data-transaction-status="FAIL"] {
            color: #f44336
        }

        .modal-body .pending-transaction-details-container .pending-transaction-details-item>div span[data-transaction-status="APP"] {
            color: #00bd34
        }

        .modal-body .pending-transaction-details-container .pending-transaction-details-item>div {
            display: flex;
            justify-content: space-between
        }

        .modal-body .pending-transaction-details-container .pending-transaction-details-item .pending-transaction-details-item-reason {
            font-weight: 700;
            text-align: left;
            display: block;
            color: #0094d3
        }

        .modal-body .pending-transaction-details-container .pending-transaction-details-item .pending-transaction-details-item-remarks {
            font-weight: 700;
            text-align: left;
            display: block
        }

        .modal-body .pending-transaction-details-container .pending-transaction-details-item .pending-transaction-details-item-remarks ul {
            padding-left: 20px;
            margin-top: 0;
            color: #0094d3
        }

        .modal-body .pending-transaction-details-container .pending-transaction-details-item .pending-transaction-details-section-reason-title {
            display: flex;
            justify-content: space-between;
            align-items: center;
            gap: 8px;
            font-weight: 700
        }

        .modal-body .pending-transaction-details-container .pending-transaction-details-item .pending-transaction-details-section-remarks-title {
            display: flex;
            justify-content: space-between;
            align-items: center;
            gap: 8px;
            font-weight: 700
        }

        .modal-body .pending-transaction-details-container .pending-transaction-details-item .pending-transaction-details-section-bonus-title {
            display: flex;
            justify-content: space-between;
            align-items: center;
            gap: 8px
        }

        .modal-body .pending-transaction-details-container .pending-transaction-details-item .pending-transaction-details-item-participated-bonus .pending-transaction-details-item-bonus-title {
            max-width: 85%;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap
        }

        .modal-body .pending-transaction-details-container .pending-transaction-details-item .pending-transaction-details-item-participated-bonus[data-bonus-status] {
            background: #9c000099;
            color: #fff;
            padding: 5px 15px;
            border-radius: 20px
        }

        .modal-body .pending-transaction-details-container .pending-transaction-details-item .pending-transaction-details-item-participated-bonus[data-bonus-status="true"] {
            background: #009c1099
        }

        .modal-body .pending-transaction-details-container .pending-transaction-details-item .pending-transaction-details-item-participated-bonus[data-bonus-status="pending"] {
            background: var(--pending-transactons-cntr-item-remarks-cntr-bg);
            color: var(--pending-transactons-cntr-item-remarks-cntr-color);
            border: 1px dashed var(--pending-transactons-cntr-item-remarks-cntr-border)
        }

        .modal-body .pending-transaction-details-container .pending-transaction-details-item .pending-transaction-details-item-participated-bonus[data-bonus-status="pending-free-spin"] {
            background: #ffa200
        }

        .modal-body .pending-transaction-details-container .pending-transaction-details-item .action-button-container {
            align-self: center
        }

        .modal-body .pending-transaction-details-container .pending-transaction-details-item .standard-button-group {
            margin: 0
        }

        .modal-body .pending-transaction-details-container .pending-transaction-details-item .standard-button-group .btn-primary {
            padding: 8px 16px;
            border-radius: 4px;
            text-transform: capitalize
        }

        .modal-body .pending-transaction-details-container .pending-transaction-details-item .standard-button-group .btn-primary img {
            filter: invert(1);
            margin-top: -4px
        }

        .modal-body .pending-transactions-container .pending-transactions-item .pending-deposit-title {
            text-align: center
        }

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

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

        .modal-body .resolved-transaction-popup .resolved-transactions-carousel {
            position: relative;
            padding-bottom: 0
        }

        .modal-body .resolved-transaction-popup .resolved-transactions-carousel .slick-track {
            display: flex;
            align-items: stretch
        }

        .modal-body .resolved-transaction-popup .resolved-transactions-carousel .slick-prev,
        .modal-body .resolved-transaction-popup .resolved-transactions-carousel .slick-next {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            color: transparent;
            background: var(--resolved-transaction-carousel-navigation-bg);
            border: solid 1px var(--resolved-transaction-carousel-navigation-border-color);
            outline: 0;
            font-size: 0;
            line-height: 0;
            padding: 0;
            cursor: pointer;
            width: 42px;
            height: 42px;
            z-index: 1;
            border-radius: 50%
        }

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

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

        .modal-body .resolved-transaction-popup .resolved-transactions-carousel .slick-prev:before,
        .modal-body .resolved-transaction-popup .resolved-transactions-carousel .slick-next:before {
            content: " ";
            filter: var(--resolved-transaction-carousel-navigation-arrow-filter);
            display: block;
            width: auto;
            height: 15px;
            background-position: center;
            background-repeat: no-repeat;
            background-size: contain
        }

        .modal-body .resolved-transaction-popup .resolved-transactions-carousel .slick-prev:before {
            background-image: var(--chevron-left-src)
        }

        .modal-body .resolved-transaction-popup .resolved-transactions-carousel .slick-next:before {
            background-image: var(--chevron-right-src)
        }

        .modal-body .resolved-transaction-popup .resolved-transactions-carousel .carousel-indicators {
            position: initial;
            margin: auto;
            padding: 0;
            margin-top: 16px
        }

        .modal-body .resolved-transaction-popup .resolved-transactions-carousel .carousel-indicators li {
            background-color: var(--bank-info-cntr-carousel-indicators-li-bg);
            border-color: var(--bank-info-cntr-carousel-indicators-li-bg);
            margin-right: 8px
        }

        .modal-body .resolved-transaction-popup .resolved-transactions-carousel .carousel-indicators .active,
        .modal-body .resolved-transaction-popup .resolved-transactions-carousel .carousel-indicators .slick-active {
            background-color: var(--bank-info-cntr-carousel-indicators-li-hover-bg);
            border-color: var(--bank-info-cntr-carousel-indicators-li-hover-bg)
        }

        .modal-body .resolved-transaction-popup .resolved-transactions-carousel .carousel-indicators button {
            display: none
        }

        .modal-body .resolved-transaction-popup .resolved-transactions-carousel .carousel-item {
            padding: 16px;
            margin: 0 4px;
            overflow-y: initial;
            max-height: initial;
            height: auto
        }

        .floating-action-button {
            position: fixed;
            bottom: 50px;
            left: 50px;
            display: flex;
            flex-direction: column-reverse;
            align-items: center;
            gap: 12px
        }

        .floating-action-button .floating-action-button-item {
            width: 50px;
            height: 50px;
            display: flex;
            justify-content: center;
            align-items: center;
            border-radius: 4px;
            cursor: pointer;
            background: var(--floating-action-btn-bg);
            border: var(--floating-action-btn-border);
            box-shadow: var(--floating-action-btn-bs)
        }

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

        .floating-action-button .floating-action-button-list {
            display: none;
            flex-direction: column;
            gap: 12px;
            transition: opacity .4s ease-in-out
        }

        .floating-action-button .floating-action-button-list.visible {
            display: flex
        }

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

        .login-modal .modal-dialog,
        .telegram-login-modal .modal-dialog {
            width: 483px
        }

        .register-modal .modal-header,
        .forgot-password-modal .modal-header,
        .simple-modal .modal-header {
            background-image: none;
            color: #fff;
            text-align: center;
            border-top-left-radius: inherit;
            border-top-right-radius: inherit;
            border-bottom: 0;
            min-height: 50px;
            text-transform: uppercase
        }

        .register-modal .modal-body,
        .forgot-password-modal .modal-body,
        .simple-modal .modal-body {
            padding-top: 1px
        }

        .register-modal .modal-header>*,
        .forgot-password-modal .modal-header>*,
        .simple-modal .modal-header>* {
            color: var(--register-forgot-simple-modal-header-ast-color)
        }

        .register-modal .modal-header hr,
        .forgot-password-modal .modal-header hr,
        .simple-modal hr {
            margin: 10px 0 0 0;
            height: 1px;
            border: 0;
            background: -webkit-gradient(linear, 0 0, 100% 0, from(transparent), to(transparent), color-stop(50%, #fff))
        }

        .register-modal .modal-header hr,
        .forgot-password-modal .modal-header hr,
        .simple-modal hr {
            background: var(--simple-modal-hr-bg)
        }

        .form-group .standard-password-field>i {
            transform: none
        }

        .register-modal label,
        .forgot-password-modal label,
        .simple-modal label,
        .login-modal .forgot-password-link {
            color: var(--register-forgot-simple-login-modal-label-color);
            font-weight: normal
        }

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

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

        .simple-modal .btn-secondary,
        .simple-modal .standard-button-group .btn-secondary {
            border: var(--simple-modal-btn-second-border);
            color: var(--simple-modal-btn-second-color)
        }

        .register-modal input[type=text],
        .register-modal input[type=password],
        .register-modal select,
        .forgot-password-modal input[type=text],
        .forgot-password-modal input[type=password],
        .forgot-password-modal select,
        .simple-modal input[type=text],
        .simple-modal input[type=password] {
            background-color: var(--reg-forgot-simple-modal-input-text-pass-bg);
            border-color: var(--reg-forgot-simple-modal-input-text-pass-border);
            color: var(--reg-forgot-simple-modal-input-text-pass-color)
        }

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

        .login-modal .captcha-container {
            position: relative
        }

        .login-modal .captcha-container i {
            position: absolute;
            color: #000;
            top: 0;
            right: 0;
            bottom: 2px;
            display: flex;
            align-items: center;
            justify-content: center;
            width: 25px;
            font-size: 15px;
            cursor: pointer
        }

        .simple-modal .modal-header {
            padding: 32px 16px 12px
        }

        .simple-modal .modal-header .close {
            margin: 0 0 12px
        }

        .simple-modal .modal-body {
            padding: 1px 32px 12px
        }

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

        .ztip-holder {
            background: rgba(40, 40, 48, .94);
            color: #fff
        }

        .ztip-holder.ztip-theme-red {
            background: rgba(238, 84, 58, .94);
            color: #fff
        }

        .ztip-holder.ztip-theme-blue {
            background: rgba(68, 187, 255, .94);
            color: #fff
        }

        .ztip-holder.ztip-theme-green {
            background: rgba(46, 204, 113, .94);
            color: #fff
        }

        .ztip-holder.ztip-theme-white {
            background: rgba(255, 255, 255, .94);
            color: #333
        }

        .ztip-holder.ztip-position-top .zt-arrow {
            border-top-color: rgba(40, 40, 48, .94)
        }

        .ztip-holder.ztip-position-bottom .zt-arrow {
            border-bottom-color: rgba(40, 40, 48, .94)
        }

        .ztip-holder.ztip-theme-red.ztip-position-top .zt-arrow {
            border-top-color: rgba(238, 84, 58, .94)
        }

        .ztip-holder.ztip-theme-red.ztip-position-bottom .zt-arrow {
            border-bottom-color: rgba(238, 84, 58, .94)
        }

        .ztip-holder.ztip-theme-red code {
            background: rgba(242, 125, 105, .94)
        }

        .ztip-holder.ztip-theme-blue.ztip-position-top .zt-arrow {
            border-top-color: rgba(68, 187, 255, .94)
        }

        .ztip-holder.ztip-theme-blue.ztip-position-bottom .zt-arrow {
            border-bottom-color: rgba(68, 187, 255, .94)
        }

        .ztip-holder.ztip-theme-blue code {
            background: rgba(119, 206, 255, .94)
        }

        .ztip-holder.ztip-theme-green.ztip-position-top .zt-arrow {
            border-top-color: rgba(46, 204, 113, .94)
        }

        .ztip-holder.ztip-theme-green.ztip-position-bottom .zt-arrow {
            border-bottom-color: rgba(46, 204, 113, .94)
        }

        .ztip-holder.ztip-theme-green code {
            background: rgba(84, 217, 140, .94)
        }

        .ztip-holder.ztip-theme-white.ztip-position-top .zt-arrow {
            border-top-color: rgba(255, 255, 255, .94)
        }

        .ztip-holder.ztip-theme-white.ztip-position-bottom .zt-arrow {
            border-bottom-color: rgba(255, 255, 255, .94)
        }

        .ztip-holder.ztip-theme-white {
            box-shadow: 0 0 0 1px rgba(0, 0, 0, .25)
        }

        .ztip-holder.ztip-theme-white .zt-arrow {
            border-color: transparent;
            box-shadow: 1px 1px 0 0 rgba(0, 0, 0, .25);
            background: inherit
        }

        .ztip-holder.ztip-theme-white code {
            background: rgba(255, 255, 255, .94)
        }

        .ztip-holder.ztip-theme-white code {
            background: rgba(230, 230, 230, .94)
        }

        .ztip-holder code {
            color: inherit;
            background: rgba(63, 63, 76, .94)
        }

        .popover {
            background-color: var(--popover-bg);
            border-color: var(--popover-border);
            color: var(--popover-color)
        }

        .popover.top .arrow {
            border-top-color: var(--popover-top-arrow-border)
        }

        .popover.top .arrow:after {
            border-top-color: var(--popover-top-arrow-after-border)
        }

        .percentCount {
            color: var(--percent-count-color)
        }

        .progressbar {
            background-color: var(--progressbar-bg) !important
        }

        .proggress {
            background-color: var(--progress-bg) !important
        }

        .confirmation-popup.modal-content {
            background: var(--confirmation-popup-content-bg);
            flex-basis: 400px;
            border-radius: 12px
        }

        .confirmation-popup .modal-header,
        .confirmation-popup .modal-body,
        .confirmation-popup .modal-footer {
            background: inherit;
            border: 0
        }

        .confirmation-popup .modal-footer {
            justify-content: center;
            gap: 16px;
            border-radius: 12px
        }

        .popup-modal .confirmation-popup .modal-header .modal-title:before {
            margin: 16px auto 0;
            width: 100px;
            height: 100px
        }

        .confirmation-popup.warning .modal-header .modal-title:before {
            background-image: var(--popup-warning-icon-src)
        }

        .confirmation-popup.success .modal-header .modal-title:before {
            background-image: var(--popup-success-icon-src)
        }

        .confirmation-popup.failed .modal-header .modal-title:before {
            background-image: var(--popup-failed-icon-src)
        }

        .confirmation-popup.pending .modal-header .modal-title:before {
            background-image: var(--popup-pending-icon-src)
        }

        .register-modal #register_form .standard-form-content {
            background-color: transparent
        }

        .register-modal #register_form .standard-password-field>i {
            top: 35px
        }

        .register-modal .referral-glyphicon-container .referral-code-header {
            display: flex;
            cursor: pointer;
            flex-grow: 1
        }

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

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

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

        .form-footer-note-section .form-footer-note,
        .register-modal .register-page-reminder {
            margin: 20px 0;
            text-align: center;
            color: var(--register-page-remainder-color)
        }

        .form-footer-note-section .form-footer-note-link,
        .register-modal .register-page-link {
            text-align: center
        }

        .register-modal .standard-form-content .form-control {
            border-radius: 5px;
            height: 40px
        }

        .register-modal .standard-form-content .form-control::placeholder {
            color: var(--std-form-cntr-content-form-control-placeholder-color)
        }

        .register-modal .standard-form-content .form-control:focus {
            border-color: var(--std-form-cntr-content-form-control-focus-border)
        }

        .register-modal .standard-form-content .standard-password-field i {
            color: var(--std-form-cntr-content-password-field-i-color)
        }

        .register-modal .captcha-input .captcha-container img {
            width: 100%;
            height: 40px;
            border-radius: 5px
        }

        .register-modal .payment-method-container {
            display: flex;
            align-items: center;
            gap: 30px;
            padding: 10px;
            background-color: var(--register-page-payment-menthod-cntr-bg)
        }

        .register-modal .payment-method-container label {
            flex-grow: 0;
            color: var(--register-forgot-simple-login-modal-label-color)
        }

        .register-modal input[type="submit"] {
            width: 300px
        }

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

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

        .register-modal .standard-sub-section .standard-form-title {
            margin-top: 15px
        }

        .register-modal .captcha-input {
            position: relative
        }

        .register-modal .captcha-input input {
            width: 50%
        }

        .register-modal .captcha-input .captcha-container {
            position: absolute;
            top: 0;
            right: 0;
            display: flex;
            align-items: center
        }

        .register-modal .captcha-input .captcha-container img {
            height: 34px;
            margin-right: 10px
        }

        .register-modal .captcha-input .captcha-container .refresh-captcha-button {
            font-size: 22px;
            top: 0;
            color: var(--register-forgot-simple-login-modal-label-color)
        }

        .pending-transaction-expiration-countdown {
            display: flex;
            align-items: center;
            gap: 5px;
            position: relative;
            color: var(--pending-trans-expiration-in-color);
            justify-content: center
        }

        .pending-transaction-expiration-countdown .expiration-countdown {
            gap: 5px
        }

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

        .pending-transaction-expiration-countdown .expiration-countdown [data-section="seconds"]:after {
            content: ":";
            position: absolute;
            top: 2px;
            left: -3px;
            font-size: 10px;
            color: var(--pending-trans-expiration-in-color)
        }

        .pending-transaction-expiration-countdown .expiration-countdown [data-section] span {
            display: none
        }

        .pending-transaction-expiration-countdown .expiration-countdown [data-section="title"],
        .pending-transaction-expiration-countdown .expiration-countdown [data-section="days"],
        .pending-transaction-expiration-countdown .expiration-countdown [data-section="hours"] {
            display: none
        }

        .pending-transaction-expiration-countdown .expiration-countdown [data-value] {
            font-size: 14px;
            color: var(--pending-trans-expiration-countdown-color)
        }

        .footer-description-section h4 {
            font-size: 18px;
            color: var(--footer-description-header-color)
        }

        .footer-description-section .site-description {
            font-size: 12px;
            color: var(--footer-description-note-color)
        }

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

        .footer-sitemap-section h4 {
            font-size: 16px;
            color: var(--footer-sitemap-header-color)
        }

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

        .footer-sitemap-section .footer-links>li>a {
            padding-right: 0;
            font-size: 14px;
            color: var(--footer-sitemap-link-color)
        }

        .footer-sitemap-section .footer-links>li>a:hover {
            color: var(--footer-links-li-a-hover-color)
        }

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

        .footer-sitemap-section .contact-list>li,
        .footer-sitemap-section .social-media-list>li {
            padding-top: 10px;
            display: flex;
            flex-direction: row;
            width: 100%;
            gap: 8px
        }

        .footer-sitemap-section .contact-list>li a,
        .footer-sitemap-section .social-media-list>li a {
            display: flex;
            align-items: center;
            font-size: 14px;
            background-color: transparent;
            flex-direction: row;
            padding-left: 0;
            padding-right: 0;
            cursor: pointer;
            line-height: 20px;
            text-decoration: none;
            gap: 8px;
            justify-content: flex-start;
            color: var(--footer-sitemap-link-color)
        }

        .footer-sitemap-section .contact-list>li a:hover,
        .footer-sitemap-section .social-media-list>li a:hover {
            color: var(--footer-links-li-a-hover-color)
        }

        .footer-sitemap-section .contact-list>li a i,
        .footer-sitemap-section .social-media-list>li a i {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border-radius: 60px;
            width: 25px;
            height: 25px;
            background: var(--footer-sitemap-icon-bg)
        }

        .footer-sitemap-section .contact-list>li a i img {
            filter: var(--footer-sitemap-icon-filter)
        }

        .footer-sitemap-section .contact-list>li a i img,
        .footer-sitemap-section .social-media-list>li a i img {
            width: 16px;
            height: 16px
        }

        .footer-sitemap-section .contact-list>li .contact-qr-button {
            width: 25px;
            height: 25px;
            background: transparent;
            margin-left: auto;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border: 0;
            padding: 0
        }

        .footer-sitemap-section .contact-list>li .contact-qr-button img {
            filter: var(--footer-sitemap-qr-icon-filter)
        }

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

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

        .footer-featured-product-section {
            display: flex;
            flex-wrap: wrap;
            align-items: stretch
        }

        .footer-featured-product-section>div {
            display: flex
        }

        .footer-featured-product-section .site-info-description {
            background: var(--footer-featured-product-bg);
            border: 1px solid var(--footer-card-container-border);
            border-radius: 5px;
            padding: 20px 16px 20px 16px;
            flex: 1
        }

        .footer-featured-product-section .site-info-description .site-info-img-header {
            display: flex;
            flex-direction: row;
            gap: 9px
        }

        .footer-featured-product-section .site-info-description .site-info-img-header div:has(img) {
            background: var(--footer-hero-icon-bg);
            border-radius: 90px;
            padding: 10px
        }

        .footer-featured-product-section .site-info-description h4 {
            font-size: 16px;
            color: var(--footer-featured-product-card-header-color)
        }

        .footer-featured-product-section .site-info-description p {
            margin-top: 9px;
            font-size: 12px;
            color: var(--footer-featured-product-card-note-color)
        }

        .footer-banking-section .banking-footer-section {
            border: 1px solid var(--footer-card-container-border);
            border-radius: 6px
        }

        .footer-banking-section .banking-footer-section .bank-service-container {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            margin: 24px;
            gap: 16px
        }

        .footer-banking-section .banking-footer-section .bank-service-container .site-info-description {
            display: flex;
            flex-direction: row;
            justify-content: flex-start;
            align-items: center;
            gap: 12px;
            background: var(--footer-banking-card-bg);
            border-radius: 6px;
            padding: 5px 16px 5px 16px
        }

        .footer-banking-section .banking-footer-section .bank-service-container .site-info-description div:has(img) {
            background: var(--footer-hero-icon-bg);
            border-radius: 90px;
            padding: 10px
        }

        .footer-banking-section .banking-footer-section .bank-service-container .site-info-description h4 {
            margin-bottom: 0;
            font-size: 16px;
            color: var(--footer-transaction-service-header-color)
        }

        .footer-banking-section .banking-footer-section .bank-service-container .site-info-description p {
            font-size: 14px;
            margin-top: 9px;
            color: var(--footer-transaction-service-note-color)
        }

        .footer-banking-section .bank-list-container {
            background: var(--footer-banking-card-bg);
            margin: 24px;
            padding: 24px;
            border-radius: 6px
        }

        .footer-banking-section .bank-list-container p {
            font-size: 12px;
            color: var(--footer-bank-list-note-color)
        }

        .footer-banking-section .bank-list {
            margin: 0;
            padding: 10px 0;
            display: flex;
            flex-wrap: wrap
        }

        .footer-banking-section .bank-list>li {
            margin: 5px 5px;
            text-align: center;
            padding-left: 5px
        }

        .footer-banking-section .bank-list [data-online] {
            position: relative;
            display: inline-block;
            width: 80px;
            min-height: 40px
        }

        .footer-banking-section .bank-list [data-online] img {
            width: 80px;
            height: 40px
        }

        .footer-banking-section .bank-list [data-online='true']:before,
        .footer-banking-section .bank-list [data-online='false']:before {
            content: '';
            position: absolute;
            top: 0;
            left: -10px;
            bottom: 0;
            width: 5px;
            border-radius: 2px
        }

        .footer-banking-section .bank-list [data-online='true']:before {
            background-color: var(--default-bank-list-online-bg)
        }

        .footer-banking-section .bank-list [data-online='false']:before {
            background-color: var(--default-bank-list-offline-bg)
        }

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

        .footer-copyright-section .col-md-12 .copyright {
            margin-left: auto;
            margin-bottom: 0;
            align-self: center
        }

        .register-modal .phone-input-group-wrapper {
            width: 100%
        }

        .register-modal .phone-input-group [data-section="input"] .dialing-code-prefix {
            top: 10px
        }

        .forgot-password-modal .phone-input-group .country-code-dropdown {
            height: 34px
        }

        .standard-side-menu {
            margin: 0;
            margin-bottom: 10px;
            background-color: var(--std-side-menu-bg)
        }

        .standard-side-menu>li+li,
        .standard-side-menu-group+.standard-side-menu-group,
        .standard-side-menu-group-label+.standard-side-menu {
            margin-top: 1px
        }

        .standard-side-menu-group-label,
        .standard-side-menu a {
            display: block;
            background-color: var(--std-side-menu-group-label-menu-a-bg);
            color: var(--std-side-menu-group-label-menu-a-color);
            padding: 15px 25px;
            text-decoration: none
        }

        .standard-side-menu a[data-active="true"],
        .standard-side-menu a:hover {
            background-color: var(--std-side-menu-a-active-hover-bg);
            color: var(--std-side-menu-a-active-hover-color)
        }

        .standard-side-menu .player-account-section,
        .standard-side-menu .menu-section {
            padding: 5px 10px
        }

        .standard-side-menu .player-account-section {
            padding: 5px 10px;
            background-color: var(--std-side-menu-player-acc-section-bg);
            color: var(--std-side-menu-player-acc-section-color);
            text-align: center
        }

        .standard-side-menu .player-account-section .username {
            color: var(--std-side-menu-player-acc-section-username-color);
            font-size: 18px
        }

        .standard-side-menu .player-account-section .last-login-date {
            font-size: 10px;
            margin-bottom: 5px
        }

        .standard-side-menu .player-account-section .wallet-container {
            display: flex;
            justify-content: space-between;
            background-color: var(--std-side-menu-player-acc-section-wallet-cntr-bg);
            border: var(--std-side-menu-player-acc-section-wallet-cntr-border);
            font-size: 20px;
            padding: 0 10px
        }

        .standard-side-menu .player-account-section .wallet-container button {
            padding: 0;
            border: 0;
            background: none;
            outline: 0
        }

        .standard-side-menu .player-account-section .refresh-container {
            display: flex;
            align-items: center
        }

        .standard-side-menu .player-account-section .wallet-container i[data-icon] {
            display: block;
            height: 18px;
            width: 18px;
            background: center no-repeat;
            background-size: contain
        }

        .standard-side-menu .menu-section {
            background-color: var(--std-side-menu-menu-section-bg);
            color: var(--std-side-menu-menu-section-color);
            display: flex;
            flex-direction: column;
            align-items: stretch
        }

        .standard-side-menu .menu-section .title,
        .standard-side-menu .menu-section a {
            padding: 10px 15px;
            background-color: inherit;
            text-transform: uppercase
        }

        .standard-side-menu .menu-section .title {
            font-size: 18px;
            text-align: center
        }

        .standard-side-menu .menu-section hr {
            margin-top: 5px;
            margin-bottom: 20px;
            border-color: var(--std-side-menu-menu-section-hr-border);
            width: 100%
        }

        .standard-side-menu .menu-section a {
            padding: 15px;
            margin-bottom: 2px;
            display: flex
        }

        .standard-side-menu .menu-section a:hover,
        .standard-side-menu .menu-section a:focus,
        .standard-side-menu .menu-section a[data-active="true"] {
            background-color: var(--std-side-menu-menu-section-hover-focus-true-bg);
            color: var(--std-side-menu-menu-section-hover-focus-true-color)
        }

        .standard-side-menu .menu-section a [data-icon] {
            min-height: 20px;
            min-width: 20px;
            display: inline-block;
            margin-right: 10px;
            background-image: var(--image-src);
            background-size: contain;
            background-position: center;
            background-repeat: no-repeat
        }

        .standard-side-menu .menu-section a>span {
            display: flex;
            justify-content: space-between;
            flex-grow: 1;
            white-space: nowrap;
            overflow-x: auto
        }

        .standard-side-menu ::-webkit-scrollbar {
            height: 7px;
            width: 7px
        }

        .standard-side-menu ::-webkit-scrollbar-track {
            background: transparent
        }

        .standard-side-menu ::-webkit-scrollbar-thumb {
            background: #58585a;
            border-radius: 5px
        }

        .standard-side-menu-group-label {
            background-color: var(--std-side-menu-group-label-bg);
            font-weight: normal;
            margin: 0;
            padding-left: 12.5px;
            padding-right: 12.5px;
            cursor: pointer;
            display: flex;
            flex-wrap: nowrap;
            justify-content: space-between;
            align-items: center
        }

        .standard-side-menu-group-label:after {
            content: "";
            font-family: 'Glyphicons Halflings';
            display: inline-block;
            transition: transform .3s;
            transform-origin: center
        }

        .standard-side-menu-group-checkbox {
            visibility: hidden;
            position: absolute;
            pointer-events: none
        }

        .standard-side-menu-group-checkbox:not(:checked)~.standard-side-menu {
            display: none
        }

        .standard-side-menu-group-checkbox:not(:checked)+.standard-side-menu-group-label:after {
            transform: rotate(-90deg)
        }

        ::placeholder {
            text-transform: capitalize
        }

        .carousel-inner {
            text-align: center
        }

        .carousel-inner>.item>img,
        .carousel-inner>.item>picture>img,
        .carousel-inner>.item>a>img,
        .carousel-inner>.item>a>picture>img {
            width: auto;
            margin: auto
        }

        .carousel-inner>.item>picture>img,
        .carousel-inner>.item>a>picture>img {
            display: block;
            height: auto;
            max-width: 100%;
            line-height: 1
        }

        .modal-dialog {
            display: flex;
            align-items: center;
            justify-content: center;
            min-height: 100%;
            pointer-events: none
        }

        .modal-content {
            flex-basis: 100%;
            pointer-events: initial;
            border: 0;
            border-radius: 10px;
            border: 5px solid;
            background: var(--modal-content-bg);
            border-color: var(--modal-content-border);
            color: #bbb
        }

        .modal-content:has(.pending-transaction-summary-container) {
            background: var(--modal-content-pending-trans-sum-bg);
            border-color: var(--modal-content-pending-trans-sum-border)
        }

        .modal-header {
            text-align: center;
            border-top-left-radius: inherit;
            border-top-right-radius: inherit;
            border-bottom: 0;
            min-height: 50px;
            text-transform: uppercase
        }

        .modal-header .close {
            opacity: 1;
            margin: 0;
            color: var(--modal-header-close-color)
        }

        .modal-body {
            border-bottom-left-radius: inherit;
            border-bottom-right-radius: inherit
        }

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

        .modal-body p {
            color: var(--modal-body-p-color)
        }

        .modal-footer {
            text-align: center;
            margin-top: 0;
            display: flex;
            justify-content: space-around;
            border-top-color: var(--modal-footer-border)
        }

        .modal-footer button {
            min-width: 100px;
            text-transform: uppercase
        }

        .modal-footer .btn-primary {
            border: 0;
            color: var(--modal-footer-btn-primary-color);
            background: var(--modal-footer-btn-primary-bg)
        }

        .modal-footer .btn-primary:hover {
            background: var(--modal-footer-btn-primary-hover-bg)
        }

        .popup-modal[data-title] .modal-title:before {
            content: '';
            display: block;
            margin: 15px auto;
            height: 70px;
            width: 70px;
            background: center no-repeat;
            background-size: contain;
            background-image: var(--desktop-popup-notification-src)
        }

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

        .popup-modal[data-title=""] .modal-body {
            text-align: center
        }

        .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;
            font-size: 16px;
            width: 50%;
            margin: 3px auto
        }

        .popup-modal [data-popup="maintenance"] p span {
            display: inline-block;
            color: var(--popup-modal-maintenance-p-span-color);
            background-color: var(--popup-modal-maintenance-p-span-bg);
            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: var(--loyalty-daily-reward-available-rank-up-modal-content-bg)
        }

        .loyalty-available-rank-up-modal img {
            width: 125px;
            height: 125px
        }

        .loyalty-available-rank-up-modal h2 {
            font-size: 24px;
            color: var(--loyalty-available-rank-up-modal-h2-color)
        }

        .loyalty-available-rank-up-modal p {
            font-size: 14px
        }

        .loyalty-available-rank-up-modal button {
            padding: 10px
        }

        .loyalty-available-rank-up-modal .standard-secondary-button {
            width: 250px;
            border-radius: 50px;
            background: var(--loyalty-available-rank-up-modal-std-secondary-btn-bg)
        }

        .loyalty-available-rank-up-modal .standard-secondary-button:hover {
            background: var(--loyalty-available-rank-up-modal-std-secondary-btn-hover-bg)
        }

        .standard-form-container {
            background-color: var(--std-form-cntr-bg);
            padding: 15px;
            min-height: 600px
        }

        .standard-form-title {
            font-size: 18px;
            line-height: 16px;
            padding: 15px 20px;
            background-color: var(--std-form-title-bg);
            color: var(--std-form-title-color)
        }

        .standard-form-title.with-back-icon {
            display: flex;
            align-items: center
        }

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

        .standard-form-title.with-back-icon span {
            flex-grow: 1;
            text-align: center;
            margin-left: -20px
        }

        .loyalty-container .standard-form-title {
            text-transform: uppercase;
            text-align: center
        }

        .standard-form-content {
            padding: 20px;
            background-color: var(--std-form-content-bg);
            color: var(--std-form-content-color);
            flex-grow: 1;
            overflow: auto
        }

        .standard-form-content+.standard-form-title {
            margin-top: 10px
        }

        .standard-form-content .offline-container {
            color: var(--std-form-content-offline-cntr-color)
        }

        .standard-section-title {
            position: relative;
            padding-left: 15px;
            text-transform: uppercase;
            font-size: 18px;
            color: var(--std-section-title-color)
        }

        .standard-section-title:before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 4px;
            height: 100%;
            background-color: var(--std-section-title-before-bg);
            border-radius: 4px
        }

        .standard-reporting-control-group {
            display: flex;
            flex-wrap: nowrap;
            align-items: center;
            margin: 15px 0
        }

        .standard-reporting-control-group label {
            margin: 0
        }

        .standard-reporting-control-group select,
        .standard-reporting-control-group input {
            margin: 0 10px;
            display: inline-block;
            width: initial
        }

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

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

        .standard-reporting-control-group .form-control.input-username {
            width: 280px
        }

        .standard-reporting-control-group .btn-primary {
            background: var(--std-reporting-cntrl-group-btn-primary-bg);
            color: var(--std-reporting-cntrl-group-btn-primary-color);
            border-color: var(--std-reporting-cntrl-group-btn-primary-border)
        }

        .standard-reporting-control-group .btn-primary:hover {
            background: var(--std-reporting-cntrl-group-btn-primary-hover-bg);
            color: var(--std-reporting-cntrl-group-btn-primary-hover-color)
        }

        .standard-reporting-control-group .btn-primary.load-all {
            margin-left: 10px
        }

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

        .grid-totals {
            background-color: var(--grid-totals-bg);
            color: var(--grid-totals-color);
            font-weight: bold;
            text-transform: uppercase
        }

        .grid-totals.grid-totals>tr:last-child>td {
            border-top: 0
        }

        .standard-expand-button {
            border: 0;
            background: center no-repeat;
            background-size: contain;
            background-image: var(--expand-icon-src);
            height: 12px;
            width: 12px;
            padding: 0
        }

        .standard-expand-button[data-active="true"] {
            background-image: var(--collapse-icon-src)
        }

        .standard-iframe {
            width: 100%;
            min-height: 660px;
            max-height: 900px;
            border: 0
        }

        .standard-required-message,
        .field-validation-error {
            color: #f00;
            display: block;
            margin-top: 5px
        }

        .standard-required-message {
            display: none
        }

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

        .input-validation-error+.standard-required-message {
            display: initial
        }

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

        .standard-form-note {
            margin-bottom: 20px;
            background-color: var(--std-form-note-bg);
            padding: 15px;
            border-radius: 5px;
            color: var(--std-form-note-color)
        }

        .standard-form-note:last-child {
            margin: 0
        }

        .standard-form-note span,
        .standard-form-note strong {
            color: var(--std-form-note-span-strong-color);
            font-weight: 800
        }

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

        .standard-form-note.with-icon {
            display: flex;
            align-items: stretch;
            padding: 0;
            background-color: transparent
        }

        .standard-form-note.with-icon .icon-container {
            flex-basis: 100px;
            display: flex;
            justify-content: center;
            align-items: center;
            border-top-left-radius: 5px;
            border-bottom-left-radius: 5px;
            background: linear-gradient(to bottom, #787880, #42424f)
        }

        .standard-form-note.with-icon .icon-container>div {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 50px;
            height: 50px;
            border-radius: 5px
        }

        .standard-form-note.with-icon .icon-container>div>img {
            width: 35px;
            height: 35px
        }

        .standard-form-note.with-icon>div:last-child {
            flex-basis: calc(100% - 100px);
            flex-grow: 0;
            flex-shrink: 0;
            padding: 10px;
            border-radius: 5px;
            background-color: #cbcbcb;
            color: #363565
        }

        .standard-form-note.with-icon>div:last-child>span {
            color: #363565
        }

        .standard-inline-form-group+.standard-form-note {
            font-style: initial
        }

        .standard-inline-form-group {
            display: flex;
            flex-wrap: nowrap;
            align-items: center;
            margin-bottom: 15px
        }

        .standard-inline-form-group label {
            flex-grow: 1;
            margin: 0;
            color: var(--std-inline-form-group-label-color);
            font-weight: 100
        }

        .standard-inline-form-group [data-section="asterisk"] {
            color: var(--std-inline-form-group-section-asterisk-color);
            padding: 0 10px
        }

        .standard-inline-form-group [data-section="input"],
        .standard-inline-form-group [data-section="display"],
        .standard-inline-form-group [data-section="button"] {
            width: 60%;
            flex-shrink: 0
        }

        .standard-inline-form-group [data-section="input"]:first-child {
            margin-left: auto
        }

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

        .standard-inline-form-group .captcha-input input {
            width: 50%
        }

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

        .standard-inline-form-group .captcha-container img {
            height: 34px;
            margin-left: 10px
        }

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

        .standard-inline-form-group .form-control[readonly] {
            background-color: var(--std-inline-form-group-form-control-readonly-bg)
        }

        .standard-inline-form-group [data-section="input"] label+label {
            margin-left: 10px
        }

        .whitelisted-domains-container .standard-required-message {
            display: none;
            color: #f00;
            font-size: 12px;
            position: absolute;
            margin: 5px 20px
        }

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

        .standard-button-group .btn {
            padding: 10px 35px;
            border: 0;
            text-transform: uppercase
        }

        .standard-button-group .btn+.btn {
            margin: 0 5px
        }

        .standard-button-group .btn-primary {
            background: var(--std-btn-group-btn-primary-bg);
            color: var(--std-btn-group-btn-primary-color)
        }

        .standard-button-group .btn-primary:hover {
            background: var(--std-btn-group-btn-primary-hover-bg);
            color: var(--std-btn-group-btn-primary-hover-color)
        }

        .standard-button-group .btn-primary[disabled] {
            background-color: var(--std-btn-group-btn-primary-disabled-bg);
            background-image: none;
            color: var(--std-btn-group-btn-primary-disabled-color);
            pointer-events: none;
            cursor: not-allowed
        }

        .standard-button-group .default-button {
            background-color: var(--default-button-bg);
            color: var(--default-button-color)
        }

        .expiration-countdown {
            font-family: 'BebasNeueRegular';
            display: inline-flex;
            flex-wrap: nowrap
        }

        .expiration-countdown [data-section] {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-content: center;
            padding: 5px 10px;
            text-align: center;
            background-color: var(--exp-countdown-data-section-bg);
            color: var(--exp-countdown-data-section-color);
            border-left: var(--exp-countdown-data-section-border);
            min-width: 50px
        }

        .expiration-countdown [data-section="title"] {
            background-color: var(--exp-countdown-data-section-title-bg);
            color: var(--exp-countdown-data-section-title-color);
            border-left: 0
        }

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

        .copy-input-button-field {
            position: relative
        }

        .copy-input-button-field .copy-input-button,
        .copy-bank-account-button {
            position: absolute;
            top: 4px;
            right: 0;
            padding: 6px 10px;
            background: none;
            border: 0;
            color: var(--copy-input-btn-field-btn-color)
        }

        .copy-input-button-field .copy-input-button:hover,
        .copy-bank-account-button:hover {
            color: var(--copy-input-btn-field-btn-hover-color)
        }

        .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: var(--last-transaction-model-span-status-1-color)
        }

        .last-transaction-model span[data-section="APP"] {
            color: var(--last-transaction-model-span-status-2-color)
        }

        .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: var(--last-transaction-model-span-status-3-color)
        }

        .standard-password-field {
            position: relative
        }

        .standard-password-field>i {
            position: absolute;
            top: 12px;
            right: 10px;
            bottom: initial;
            color: var(--std-password-field-i-color);
            cursor: pointer
        }

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

        [data-copied] {
            position: relative
        }

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

        .standard-main-container {
            display: flex;
            margin-bottom: 10px
        }

        .standard-side-menu,
        .standard-main-content {
            margin: 0 15px
        }

        .standard-side-menu {
            flex-basis: 25%;
            overflow-x: hidden
        }

        .standard-main-content {
            flex-basis: 75%;
            display: flex;
            flex-direction: column;
            align-items: stretch;
            min-height: 600px;
            overflow-x: hidden
        }

        .standard-main-content ::-webkit-scrollbar {
            height: 7px;
            width: 7px
        }

        .standard-main-content ::-webkit-scrollbar-track {
            background: transparent
        }

        .standard-main-content ::-webkit-scrollbar-thumb {
            background: var(--std-main-content-scroll-thumb-bg);
            border-radius: 5px
        }

        .tab-menu-container {
            display: flex;
            margin-bottom: 20px;
            background-color: #808080;
            border-radius: 10px;
            font-size: 12px;
            margin: 10px auto 20px
        }

        .tab-menu-container a {
            flex: 1;
            text-transform: uppercase;
            color: #fff;
            display: flex;
            justify-content: center;
            align-items: center;
            padding: 7px;
            overflow: hidden
        }

        .tab-menu-container a[data-active="true"] {
            background-color: #7f673a
        }

        .tab-menu-container a:first-child {
            border-top-left-radius: inherit;
            border-bottom-left-radius: inherit
        }

        .tab-menu-container a:last-child {
            border-top-right-radius: inherit;
            border-bottom-right-radius: inherit
        }

        .tab-menu-container a:not(:last-child) {
            border-right: 1px solid #fff
        }

        .tab-menu-container a [data-icon] {
            height: 25px;
            width: 25px;
            display: inline-block;
            margin-right: 5px;
            background-size: contain;
            background-position: center;
            background-repeat: no-repeat
        }

        .top-tab-container {
            display: flex;
            justify-content: flex-start;
            border-bottom: var(--top-tab-cntr-border)
        }

        .top-tab-container a {
            padding: 10px 20px;
            background-color: var(--top-tab-cntr-a-bg);
            color: var(--top-tab-cntr-a-color);
            text-transform: uppercase;
            margin-right: 2px;
            display: flex;
            align-items: center;
            justify-content: center
        }

        .top-tab-container a[data-active="true"],
        .top-tab-container a:hover {
            background-color: var(--top-tab-cntr-a-true-hover-bg);
            color: var(--top-tab-cntr-a-true-hover-color)
        }

        .top-tab-container a [data-icon] {
            height: 20px;
            width: 20px;
            display: inline-block;
            margin-right: 5px;
            background-image: var(--image-src);
            background-size: contain;
            background-position: center;
            background-repeat: no-repeat
        }

        .top-tab-container a[data-active="true"]>[data-icon] {
            background-image: var(--active-image-src)
        }

        .tab-content-container {
            background-color: var(--tab-content-cntr-bg);
            padding: 15px 15px;
            flex-grow: 1;
            display: flex;
            flex-direction: column
        }

        .standard-form-link-header {
            display: flex;
            padding: 0 0 10px 0
        }

        .standard-form-link-header a {
            align-self: center;
            color: var(--std-form-link-header-a-color);
            background-color: var(--std-form-link-header-a-bg);
            padding: 10px 20px;
            display: flex;
            align-items: center;
            text-transform: uppercase
        }

        .standard-form-link-header a[data-active="false"]:hover {
            background-color: var(--std-form-link-header-a-false-bg);
            color: var(--std-form-link-header-a-false-color)
        }

        .standard-form-link-header a[data-active="true"] {
            background-color: var(--std-form-link-header-a-true-bg);
            color: var(--std-form-link-header-a-true-color)
        }

        .standard-form-link-header a span {
            padding: 0 10px
        }

        .standard-profile-bar {
            background-color: var(--std-profile-bar-bg);
            color: var(--std-profile-bar-color);
            display: flex;
            margin-bottom: 10px;
            padding: 0 10px
        }

        .standard-profile-bar section {
            padding: 10px 0
        }

        .standard-profile-bar a,
        .standard-profile-bar a:hover {
            color: var(--std-profile-bar-a-color)
        }

        .standard-profile-bar .user-field {
            display: flex;
            gap: 10px;
            flex-grow: 1;
            padding-right: 15px
        }

        .standard-profile-bar .user-field img {
            width: 60px;
            height: auto
        }

        .standard-profile-bar .user-field>div {
            flex-grow: 1;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            line-height: normal
        }

        .standard-profile-bar .user-field>div .username {
            color: var(--std-profile-bar-user-field-div-username-color);
            font-size: 20px
        }

        .standard-profile-bar .user-field .loyalty-info-container {
            display: flex;
            justify-content: space-between;
            align-items: center;
            gap: 5px
        }

        .standard-profile-bar .user-field .loyalty-info-container>div {
            flex-basis: calc((100% - 5px*2)/3)
        }

        .standard-profile-bar .user-field .loyalty-info-container .xp-field {
            display: flex;
            align-items: center;
            gap: 5px
        }

        .standard-profile-bar .user-field .loyalty-info-container .lp-field {
            display: flex;
            align-items: center;
            gap: 5px;
            padding: 0 10px;
            border-left: var(--std-profile-bar-user-field-loyalty-info-cntr-lp-field-border);
            color: var(--std-profile-bar-user-field-loyalty-info-cntr-lp-field-color)
        }

        .standard-profile-bar .user-field .loyalty-info-container>div a {
            display: block;
            text-align: center;
            padding: 3px;
            border-radius: 3px;
            background-color: var(--std-profile-bar-user-field-loyalty-info-cntr-div-a-bg);
            color: var(--std-profile-bar-user-field-loyalty-info-cntr-div-a-color)
        }

        .standard-profile-bar .deposit-field,
        .standard-profile-bar .withdraw-field,
        .standard-profile-bar .redemption-field {
            border-left: var(--std-profile-bar-deposit-withdraw-redemption-field-border);
            padding: 0;
            margin: 15px 0;
            flex-basis: 85px
        }

        .standard-profile-bar .deposit-field a,
        .standard-profile-bar .withdraw-field a,
        .standard-profile-bar .redemption-field a {
            color: var(--std-profile-bar-deposit-withdraw-redemption-field-a-color);
            padding: 0 10px;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            text-transform: uppercase;
            height: 100%
        }

        .standard-profile-bar .withdraw-field,
        .standard-profile-bar .redemption-field {
            border-right: var(--std-profile-bar-withdraw-redemption-field-border)
        }

        .standard-profile-bar .deposit-field img,
        .standard-profile-bar .withdraw-field img,
        .standard-profile-bar .redemption-field img {
            display: block;
            margin: auto;
            height: 25px;
            width: 25px
        }

        .standard-profile-bar .verification-field {
            padding-left: 20px;
            flex-grow: 2
        }

        .standard-profile-bar .verification-field i[data-icon] {
            background-color: var(--std-profile-bar-ver-field-i-data-icon-bg);
            display: inline-block;
            margin-top: 5px;
            margin-right: 5px;
            min-width: 35px;
            min-height: 35px;
            background-image: var(--image-src);
            background-size: 20px;
            background-position: center;
            background-repeat: no-repeat;
            border-radius: 50%;
            position: relative
        }

        .standard-profile-bar .verification-field i[data-icon]:after {
            color: var(--std-profile-bar-ver-field-i-data-icon-after-color);
            background-color: var(--std-profile-bar-ver-field-i-data-icon-after-bg);
            content: "!";
            text-align: center;
            font-style: normal;
            font-size: 12px;
            width: 15px;
            height: 15px;
            position: absolute;
            right: -5px;
            top: -5px;
            border-radius: 50%
        }

        .standard-profile-bar .referral-field {
            padding-left: 20px
        }

        .standard-profile-bar .referral-code-container {
            border: var(--std-profile-bar-ref-code-cntr-border);
            background-color: var(--std-profile-bar-ref-code-cntr-bg);
            color: var(--std-profile-bar-ref-code-cntr-color);
            text-align: center;
            font-size: 24px;
            margin-top: 5px;
            padding: 0 10px;
            width: 115px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis
        }

        .otp-hr {
            border-color: var(--otp-hr-border);
            border-width: 2px
        }

        .request-otp-button,
        .request-otp-button:hover,
        .contact-verification-link,
        .contact-verification-link:hover {
            border: var(--request-otp-btn-contact-ver-link-border);
            color: var(--request-otp-btn-contact-ver-link-color);
            background-color: var(--default)
        }

        .request-otp-button[disabled] {
            border-color: var(--request-otp-btn-disabled-border);
            background-color: var(--request-otp-btn-disabled-bg);
            color: var(--request-otp-btn-disabled-color)
        }

        .request-otp-button[hidden] {
            display: none
        }

        .otp-input {
            border-color: var(--otp-input-border);
            box-shadow: none
        }

        .otp-dropdown-section [data-section="input"] {
            display: flex;
            flex-wrap: wrap;
            align-items: center
        }

        .otp-dropdown-section [data-section="input"] select,
        .otp-dropdown-section [data-section="input"] .request-otp-button,
        .otp-dropdown-section [data-section="input"] .contact-verification-link {
            flex-basis: 100%
        }

        .otp-dropdown-section [data-section="input"] .request-otp-button,
        .otp-dropdown-section [data-section="input"] .contact-verification-link {
            white-space: initial;
            text-align: center
        }

        .pending-deposit-title {
            font-size: 18px;
            font-weight: bold;
            text-align: center
        }

        .pending-deposit-info {
            display: flex;
            justify-content: space-between;
            align-items: center;
            gap: 5px;
            margin-bottom: 15px
        }

        .pending-deposit-info>div {
            flex-basis: calc((100% - 5px*2)/3);
            display: flex;
            flex-direction: column;
            gap: 2px
        }

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

        .pending-deposit-line {
            margin: 15px 0;
            height: 1px;
            border: 0;
            background: var(--pending-deposit-line-bg)
        }

        div[data-payment-gateway] h4 {
            color: var(--div-data-payment-gateway-h4-color)
        }

        [data-payment-gateway] {
            background-color: var(--data-payment-gateway-bg);
            color: var(--data-payment-gateway-color);
            margin-top: 15px;
            padding: 20px;
            border-radius: 10px
        }

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

        [data-payment-gateway="va"] h5 span {
            background-color: var(--data-payment-gateway-va-h5-span-bg)
        }

        [data-payment-gateway="va"] .va-account-number {
            font-size: 20px;
            font-weight: 700;
            background-color: var(--data-payment-gateway-va-acc-number-bg);
            width: max-content;
            margin: 0 auto;
            padding: 10px 40px;
            display: flex;
            justify-content: center;
            gap: 15px;
            border-radius: 5px
        }

        [data-payment-gateway="va"] .va-account-name {
            display: flex;
            justify-content: space-between;
            font-size: 14px;
            font-weight: 500
        }

        .how-to-pay-container {
            margin: 15px 0;
            display: flex;
            flex-direction: column;
            align-items: flex-start
        }

        .how-to-pay-container span {
            font-size: 16px
        }

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

        .how-to-pay-container ol li {
            text-align: left
        }

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

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

        [data-payment-gateway="qris"] .qris-qr-code-container>img {
            background-color: #fff;
            width: 250px;
            height: auto
        }

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

        [data-payment-gateway="qris"] .qris-qr-code-container a {
            background: var(--data-payment-gateway-qris-qr-code-cntr-a-bg);
            color: var(--data-payment-gateway-qris-qr-code-cntr-a-color)
        }

        [data-payment-gateway] .download-qr-button {
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 5px;
            background: var(--data-payment-gateway-download-qr-btn-bg);
            color: var(--data-payment-gateway-download-qr-btn-color);
            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;
            align-items: center;
            gap: 10px;
            overflow: hidden;
            justify-content: space-between
        }

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

        [data-payment-gateway] .destination-account-info-container .destination-account-number-container {
            overflow: hidden;
            text-overflow: ellipsis;
            flex-grow: 1;
            text-align: right;
            white-space: nowrap;
            font-size: 16px;
            color: var(--data-payment-gateway-dest-acc-info-cntr-number-cntr-color)
        }

        [data-payment-gateway] .destination-account-info-container .destination-account-number-container img {
            width: 15px;
            height: auto;
            margin: -5px 0 0 4px
        }

        [data-payment-gateway] .destination-account-info-container .destination-account-holder-info>span {
            color: var(--data-payment-gateway-dest-acc-info-cntr-holder-span-color)
        }

        [data-payment-gateway][data-with-qr="true"] .destination-account-info-container .destination-account-number-container {
            justify-content: flex-start
        }

        [data-payment-gateway][data-with-qr="true"] .destination-account-info-container>div {
            align-items: start
        }

        [data-payment-gateway] .destination-account-qr-code-container {
            display: flex;
            flex-direction: column;
            gap: 5px;
            margin: 15px 0;
            padding-top: 10px
        }

        [data-payment-gateway] .destination-account-qr-code-container>img {
            padding: 5px;
            margin: 5px auto;
            background-color: #fff;
            text-align: center;
            border-radius: 5px
        }

        [data-payment-gateway] .destination-account-qr-code-container p {
            max-width: 75%;
            margin: 0 auto;
            text-align: center
        }

        [data-payment-gateway] br {
            display: none
        }

        [data-payment-gateway][data-with-qr="true"] .destination-account-bank-info>div,
        [data-payment-gateway][data-with-qr="true"] .destination-account-info-container .destination-account-number-container {
            text-align: left
        }

        [data-payment-gateway] .destination-account-number-container img,
        [data-payment-gateway] .va-account-number img,
        [data-payment-gateway] .download-qr-button img {
            filter: invert(1)
        }

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

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

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

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

        .standard-checkbox-container.standard-checkbox-container label {
            margin-bottom: 0;
            color: var(--std-checkbox-cntr-label-color)
        }

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

        .simple-form-note {
            margin-top: 5px;
            color: var(--simple-form-note-color)
        }

        .loader-spinner {
            width: 50px;
            height: 50px;
            position: relative
        }

        .loader-spinner>span:before,
        .loader-spinner>span:after {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border-radius: 100%;
            border: 5px solid transparent;
            border-top-color: #333
        }

        .loader-spinner>span:before {
            z-index: 100;
            animation: spin 1s infinite
        }

        .loader-spinner>span:after {
            border: 5px solid #ccc
        }

        @keyframes spin {
            0% {
                -webkit-transform: rotate(0deg);
                -ms-transform: rotate(0deg);
                -o-transform: rotate(0deg);
                transform: rotate(0deg)
            }

            100% {
                -webkit-transform: rotate(360deg);
                -ms-transform: rotate(360deg);
                -o-transform: rotate(360deg);
                transform: rotate(360deg)
            }
        }

        [data-section="asterisk"] {
            color: #f00
        }

        .pending-transactions-container {
            padding: 10px 0
        }

        .pending-transactions-container .pending-transactions-item {
            padding: 30px;
            border-radius: 10px;
            color: var(--pending-transactons-cntr-item-color);
            background: var(--pending-transactons-cntr-item-bg)
        }

        .pending-transactions-container .pending-transactions-item .pending-transaction-remarks-container {
            text-align: center;
            border-color: var(--pending-transactons-cntr-item-remarks-cntr-border);
            color: var(--pending-transactons-cntr-item-remarks-cntr-color);
            background-color: var(--pending-transactons-cntr-item-remarks-cntr-bg)
        }

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

        .pending-transactions-container .pending-transactions-item p {
            text-align: center;
            color: var(--pending-transactions-cntr-item-p-color);
            font-style: italic;
            font-size: 14px
        }

        .pending-transactions-container .pending-transactions-item [data-payment-gateway] {
            margin-top: 15px;
            padding: 20px;
            border-radius: 10px;
            box-shadow: var(--pending-transactions-cntr-item-data-payment-gateway-bs);
            background: var(--pending-transactions-cntr-item-data-payment-gateway-bg);
            color: var(--pending-transactions-cntr-item-data-payment-gateway-color)
        }

        .pending-transactions-container .pending-transactions-item [data-payment-gateway] hr {
            width: 100%;
            margin: 10px auto;
            border-top: var(--pending-transactions-cntr-item-data-payment-gateway-hr-btop);
            border-bottom: var(--pending-transactions-cntr-item-data-payment-gateway-hr-bbot)
        }

        .pending-transactions-container .pending-transactions-item [data-payment-gateway] .destination-account-bank-info>div>img {
            filter: var(--pending-transactions-cntr-item-data-payment-gateway-destination-acc-bank-info-div-img-filter)
        }

        .pending-transactions-container .pending-transactions-item [data-payment-gateway="va"],
        .pending-transactions-container .pending-transactions-item [data-payment-gateway="qris"] {
            text-align: center
        }

        .pending-transactions-container .pending-transactions-item [data-payment-gateway="pulsa"] .destination-account-holder-info {
            text-align: right
        }

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

        .pending-transactions-container .pending-transactions-item .pending-deposit-info {
            display: flex;
            justify-content: flex-start;
            align-items: center;
            gap: 15px;
            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>span {
            font-size: 16px
        }

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

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

        .pending-transactions-container .pending-transactions-item .pending-deposit-info div:last-child {
            flex-grow: 1;
            text-align: right
        }

        .pending-transactions-container .pending-transactions-item .destination-account-holder-info {
            display: flex;
            flex-direction: column;
            align-items: flex-end;
            gap: 2px;
            font-size: 12px
        }

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

        .pending-transactions-container .pending-transactions-item .pending-deposit-line {
            margin: 15px 0;
            height: 1px;
            border: 0;
            background: var(--pending-trans-cntr-item-depo-line-bg)
        }

        .pending-transactions-container .pending-transactions-item [data-payment-gateway] .payment-method-title {
            font-size: 18px;
            margin: 15px 0
        }

        .pending-transactions-container .pending-transactions-item [data-payment-gateway="va"] .va-account-number {
            font-size: 20px;
            font-weight: 700;
            background-color: #000;
            width: max-content;
            margin: 0 auto;
            padding: 10px 40px;
            display: flex;
            justify-content: center;
            gap: 15px;
            border-radius: 5px
        }

        .pending-transactions-container .pending-transactions-item [data-payment-gateway="va"] .va-account-name {
            display: flex;
            justify-content: space-between;
            font-size: 14px;
            font-weight: 500
        }

        .pending-transactions-container .pending-transactions-item .how-to-pay-container {
            margin: 15px 0;
            display: flex;
            flex-direction: column;
            align-items: flex-start
        }

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

        .pending-transactions-container .pending-transactions-item .how-to-pay-container ol {
            padding-left: 20px;
            margin-top: 5px;
            list-style: decimal
        }

        .pending-transactions-container .pending-transactions-item .how-to-pay-container ol li {
            text-align: left
        }

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

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

        .pending-transactions-container .pending-transactions-item [data-payment-gateway="qris"] .qris-qr-code-container>img {
            background-color: #fff;
            width: 250px;
            height: auto
        }

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

        .pending-transactions-container .pending-transactions-item [data-payment-gateway] .download-qr-button {
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 5px;
            color: #fff;
            padding: 8px 15px;
            border-radius: 5px;
            width: max-content;
            margin: 10px auto
        }

        .pending-transactions-container .pending-transactions-item [data-payment-gateway] .download-qr-button>img {
            margin: -2px 2px 0 0
        }

        .pending-transactions-container .pending-transactions-item [data-payment-gateway] .destination-account-info-container {
            width: 100%;
            display: flex;
            flex-direction: column;
            gap: 10px
        }

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

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

        .pending-transactions-container .pending-transactions-item [data-payment-gateway] .destination-account-info-container .destination-account-number-container {
            overflow: hidden;
            text-overflow: ellipsis;
            flex-grow: 1;
            text-align: right;
            white-space: nowrap;
            font-size: 16px;
            color: var(--pending-trans-cntr-item-dest-acc-cntr-color)
        }

        .pending-transactions-container .pending-transactions-item [data-payment-gateway] .destination-account-info-container .destination-account-number-container img {
            width: 15px;
            height: auto;
            margin: -5px 0 0 4px
        }

        .pending-transactions-container .pending-transactions-item [data-payment-gateway] .destination-account-info-container .destination-account-holder-info>span {
            color: var(--pending-trans-cntr-item-dest-acc-cntr-span-color)
        }

        .pending-transactions-container .pending-transactions-item [data-payment-gateway][data-with-qr="true"] .destination-account-info-container .destination-account-number-container {
            justify-content: flex-start
        }

        .pending-transactions-container .pending-transactions-item [data-payment-gateway][data-with-qr="true"] .destination-account-info-container>div {
            align-items: start
        }

        .pending-transactions-container .pending-transactions-item [data-payment-gateway] .destination-account-qr-code-container {
            display: flex;
            flex-direction: column;
            gap: 5px;
            margin: 15px 0;
            padding-top: 10px
        }

        .pending-transactions-container .pending-transactions-item [data-payment-gateway] .destination-account-qr-code-container>img {
            padding: 5px;
            margin: 5px auto;
            background-color: #fff;
            text-align: center;
            border-radius: 5px
        }

        .pending-transactions-container .pending-transactions-item [data-payment-gateway] .destination-account-qr-code-container p {
            max-width: 75%;
            margin: 0 auto;
            text-align: center
        }

        .pending-transactions-container .pending-transactions-item [data-payment-gateway] br {
            display: none
        }

        .pending-transactions-container .pending-transactions-item .participated-bonus-remark {
            text-align: left
        }

        .pending-transactions-container .pending-transactions-item .participated-bonus-remark .participated-bonus-amount-container {
            display: flex;
            justify-content: space-between;
            align-items: center;
            font-size: 14px;
            gap: 8px
        }

        .pending-transactions-container .pending-transactions-item .participated-bonus-remark .participated-bonus-amount-container .participated-bonus-title {
            max-width: 80%;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis
        }

        .pending-transactions-container .pending-transactions-item .participated-bonus-remark .participated-bonus-amount-container .participated-bonus-amount {
            white-space: nowrap
        }

        .pending-transactions-container .payment-link-container {
            margin-top: 24px
        }

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

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

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

        .no-data-container p {
            color: var(--no-data-cntr-p-color)
        }

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

        .empty-payment-account-note {
            margin: 24px 0 12px 0;
            padding: 8px 12px;
            border: 1px dashed #a2a4a5;
            border-radius: 4px;
            text-align: center;
            font-size: 14px;
            font-weight: normal;
            background-color: transparent;
            color: #000
        }

        .otp-popup {
            position: fixed;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            z-index: 1041;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, .5);
            display: none
        }

        .otp-popup.open {
            display: flex;
            justify-content: center;
            align-items: center
        }

        .otp-popup .otp-popup-content {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 8px;
            width: 500px;
            padding: 40px 16px;
            border-radius: 8px;
            background-color: var(--otp-popup-content-bg);
            color: var(--otp-popup-content-color)
        }

        .otp-popup .otp-popup-content .otp-popup-header {
            position: relative;
            width: 100%
        }

        .otp-popup .otp-popup-content .otp-popup-header .close {
            position: absolute;
            top: -30px;
            right: 0;
            opacity: 1
        }

        .otp-popup .otp-popup-content .otp-popup-header .close span {
            font-size: 24px;
            color: var(--otp-popup-content-header-close-span-color)
        }

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

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

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

        .otp-popup .otp-popup-content .resend-button {
            color: var(--otp-popup-content-resend-btn-color);
            cursor: pointer
        }

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

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

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

        .otp-popup .otp-popup-content .standard-button-group .standard-secondary-button:hover {
            width: 100%
        }

        .otp-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: var(--otp-fake-inputs-div-border);
            border-radius: 4px;
            line-height: 50px;
            font-size: 20px;
            background-color: var(--otp-fake-inputs-div-bg);
            color: var(--otp-fake-inputs-div-color);
            box-shadow: var(--otp-fake-inputs-div-bs)
        }

        .otp-fake-inputs div.filled {
            border-color: var(--otp-fake-inputs-div-filled-border)
        }

        .otp-fake-inputs div.focused {
            border-color: var(--otp-fake-inputs-div-focused-border)
        }

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

        .contact-verification-container .phone-input-group-wrapper {
            width: 100%
        }

        .contact-verification-container .phone-input-group:has(label.error) {
            margin-bottom: 16px
        }

        .contact-verification-container .phone-input-group:has(label.error) label.error {
            position: absolute;
            bottom: -20px;
            left: -78px
        }

        .contact-verification-popup .phone-input-group-wrapper .phone-input-group .country-code-dropdown {
            height: 34px
        }

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

        .change-verification-method-button,
        .change-otp-channel-button {
            display: block;
            margin-top: 20px;
            text-decoration: underline;
            cursor: pointer;
            font-size: 14px
        }

        .contact-verification-section {
            display: flex;
            flex-direction: column;
            gap: 8px;
            margin-top: 8px
        }

        .contact-verification-section .form-group {
            display: flex;
            flex-direction: column;
            gap: 8px
        }

        .contact-verification-section label {
            font-size: 14px
        }

        .contact-verification-section ul {
            margin-bottom: 8px;
            margin-left: 16px;
            list-style: disc
        }

        .contact-verification-section ul li,
        .contact-verification-section span {
            font-size: 14px;
            color: var(--contact-verification-section-ul-li-span-color)
        }

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

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

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

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

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

        .modal-standard-header:after {
            position: absolute;
            display: block;
            bottom: 0;
            left: 0;
            right: 0;
            content: ' ';
            height: 1px;
            background-image: var(--modal-std-header-after-bg)
        }

        .bonus-selection-container {
            display: flex;
            justify-content: space-between;
            align-items: center;
            gap: 4px;
            width: 100%;
            height: 54px;
            padding: 12px 16px;
            margin-top: 12px;
            cursor: pointer;
            border-radius: 4px;
            background: var(--bonus-selection-cntr-bg);
            border: var(--bonus-selection-cntr-border);
            color: var(--bonus-selection-cntr-color)
        }

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

        .bonus-selection-container .bonus-title-container span {
            font-weight: 700;
            color: inherit
        }

        .bonus-selection-container .bonus-title-container .bonus-title {
            font-size: 14px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis
        }

        .bonus-selection-container .bonus-title-container .bonus-amount {
            display: none;
            font-size: 14px
        }

        .bonus-selection-container .bonus-action>img {
            width: 4px;
            height: 8px;
            filter: var(--bonus-selection-cntr-action-img-filter)
        }

        .bonus-selection-container .bonus-action .cancel-bonus-button {
            display: none;
            padding: 4px 8px;
            border-radius: 30px;
            font-size: 12px;
            background-color: transparent;
            border: var(--bonus-selection-cntr-action-cancel-bonus-btn-border);
            color: var(--bonus-selection-cntr-action-cancel-bonus-btn-color)
        }

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

        .bonus-selection-container[data-selected="true"] .bonus-title-container .bonus-amount {
            display: block
        }

        .bonus-selection-container[data-selected="true"] .bonus-action>img {
            display: none
        }

        .bonus-selection-container[data-selected="true"] .bonus-action .cancel-bonus-button {
            display: block
        }

        .bonus-selection-popup {
            position: fixed;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            width: 100vw;
            height: 100vh;
            display: none;
            justify-content: center;
            align-items: center;
            background-color: rgba(0, 0, 0, .8);
            z-index: 1040
        }

        .bonus-selection-popup.open {
            display: flex
        }

        .bonus-selection-popup .bonus-selection-popup-content {
            position: relative;
            width: 500px;
            padding: 12px 12px 32px 12px;
            border-radius: 12px;
            background-color: var(--bonus-selection-popup-content-bg);
            color: var(--bonus-selection-popup-content-color)
        }

        .bonus-selection-popup .bonus-selection-popup-content h2 {
            margin: 0;
            padding: 12px;
            font-size: 16px;
            font-weight: 700;
            text-align: center;
            color: var(--bonus-selection-popup-content-h2-color)
        }

        .bonus-selection-popup .bonus-selection-popup-content .bonus-selection-popup-close-button {
            position: absolute;
            top: 20px;
            right: 24px;
            display: block;
            cursor: pointer
        }

        .bonus-selection-popup .bonus-selection-popup-content .bonus-selection-popup-close-button img {
            width: 12px;
            height: 12px;
            filter: var(--bonus-selection-popup-content-close-btn-img-filter)
        }

        .bonus-selection-list {
            display: flex;
            flex-direction: column;
            gap: 16px;
            margin-top: 16px;
            max-height: 80vh;
            overflow-y: auto
        }

        .bonus-selection-list::-webkit-scrollbar {
            width: 7px
        }

        .bonus-selection-list::-webkit-scrollbar-track {
            background: transparent
        }

        .bonus-selection-list::-webkit-scrollbar-thumb {
            background: #58585a;
            border-radius: 5px
        }

        .bonus-selection-list .bonus-selection-card {
            display: flex;
            flex-direction: column;
            border-radius: 5px;
            background: var(--bonus-selection-list-card-bg);
            border: var(--bonus-selection-list-card-border)
        }

        .bonus-selection-list .bonus-selection-card.selected {
            background: var(--bonus-selection-list-card-selected-bg);
            border-color: var(--bonus-selection-list-card-selected-border);
            color: var(--bonus-selection-list-card-selected-color)
        }

        .bonus-selection-list .bonus-selection-card .bonus-selection-card-content {
            position: relative;
            display: flex;
            flex-direction: column;
            gap: 8px;
            padding: 12px 12px 0 12px;
            border-radius: 4px 4px 0 0
        }

        .bonus-selection-list .bonus-selection-card .bonus-selection-card-content .title {
            display: flex;
            justify-content: space-between;
            align-items: center
        }

        .bonus-selection-list .bonus-selection-card .bonus-selection-card-content .title .bonus-button {
            padding: 3px 10px;
            background-color: var(--bonus-selection-list-card-content-title-bonus-btn-bg);
            border: var(--bonus-selection-list-card-content-title-bonus-btn-border);
            border-radius: 2px;
            font-size: 14px;
            cursor: pointer
        }

        .bonus-selection-list .bonus-selection-card.selected .bonus-selection-card-content .title .bonus-button {
            background-color: var(--bonus-selection-list-card-selected-content-title-bonus-btn-bg);
            border-color: var(--bonus-selection-list-card-selected-content-title-bonus-btn-border);
            color: var(--bonus-selection-list-card-selected-content-title-bonus-btn-color)
        }

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

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

        .bonus-selection-list .bonus-selection-card .bonus-selection-card-content ul {
            padding-left: 28px;
            font-size: 12px;
            list-style: disc
        }

        .bonus-selection-list .bonus-selection-card .bonus-selection-card-content ul li span {
            font-weight: 700
        }

        .bonus-selection-list .bonus-selection-card .bonus-selection-card-footer {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 8px 12px;
            border-radius: 0 0 4px 4px;
            background: var(--bonus-selection-list-card-footer-bg);
            z-index: 1
        }

        .bonus-selection-list .bonus-selection-card.selected .bonus-selection-card-footer {
            background: var(--bonus-selection-list-card-selected-footer-bg)
        }

        .bonus-selection-list .bonus-selection-card[data-eligible="false"] .bonus-selection-card-footer {
            background: var(--bonus-selection-list-card-false-footer-bg)
        }

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

        .bonus-selection-list .bonus-selection-card .bonus-selection-card-footer .terms-and-conditions-button {
            display: flex;
            align-items: center;
            gap: 8px;
            cursor: pointer;
            font-size: 12px;
            font-weight: 500;
            color: var(--bonus-selection-list-card-footer-tnc-btn-color)
        }

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

        .bonus-selection-list .bonus-selection-card .bonus-selection-card-detail {
            display: none;
            flex-direction: column;
            gap: 12px;
            padding: 12px;
            font-size: 14px;
            border-radius: 4px;
            background: var(--bonus-selection-list-card-detail-bg);
            color: var(--bonus-selection-list-card-detail-color);
            margin: 0 12px 12px 12px
        }

        .bonus-selection-list .bonus-selection-card .bonus-selection-card-detail .bonus-selection-card-detail-title {
            margin: 0;
            font-weight: 900;
            color: inherit
        }

        .bonus-selection-list .bonus-selection-card .bonus-selection-card-detail ul {
            padding-left: 28px;
            list-style: disc
        }

        .bonus-selection-list .bonus-selection-card .bonus-selection-card-detail .eligible-providers {
            display: flex;
            flex-wrap: wrap;
            gap: 4px
        }

        .bonus-selection-list .bonus-selection-card .bonus-selection-card-detail .eligible-providers li {
            flex-basis: calc((100% - 4px)/2)
        }

        .bonus-selection-list .bonus-selection-card .bonus-selection-card-detail button {
            width: max-content;
            padding: 8px 24px;
            font-size: 14px;
            font-weight: 700;
            text-transform: uppercase
        }

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

        .bonus-selection-list .bonus-selection-card .bonus-selection-card-detail.expand {
            display: flex
        }

        .bonus-selection-list .bonus-selection-card[data-eligible="false"] {
            background: var(--bonus-selection-list-card-false-bg);
            border: var(--bonus-selection-list-card-false-border)
        }

        .bonus-selection-list .bonus-selection-card[data-eligible="false"] .bonus-selection-card-content {
            color: var(--bonus-selection-list-card-false-comtent-color);
            pointer-events: none
        }

        .bonus-selection-list .bonus-selection-card .remarks-container {
            font-size: 12px;
            margin: 0 12px 12px 12px;
            border-color: var(--bonus-selection-list-card-remarks-cntr-border);
            background: var(--bonus-selection-list-card-remarks-cntr-bg);
            color: var(--bonus-selection-list-card-remarks-cntr-color)
        }

        .bonus-selection-card-highlighted-section {
            padding: 8px 12px;
            border-radius: 4px;
            font-size: 12px;
            background: var(--bonus-selection-card-highlighted-section-bg);
            color: var(--bonus-selection-card-highlighted-section-color)
        }

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

        .forgot-password-modal .modal-header hr {
            margin: 10px 0 0 0;
            height: 1px;
            border: 0;
            background: var(--forgot-pass-modal-header-hr-bg)
        }

        .cancel-reset-password-confirmation {
            font-size: 16px
        }

        .cancel-reset-password-confirmation ul {
            max-width: 300px;
            text-align: left;
            margin: 16px auto;
            font-size: 14px
        }

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

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

        .search-container {
            display: flex;
            flex-direction: column;
            gap: 8px;
            width: 800px;
            height: 80vh;
            margin-top: 50px;
            overflow-y: auto;
            border-radius: 5px;
            background: var(--search-cntr-bg)
        }

        .search-header {
            position: relative
        }

        .search-header .search-title {
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 10px;
            padding: 10px 0;
            font-size: 18px;
            font-weight: 500;
            color: var(--search-header-title-color)
        }

        .search-header .search-title img {
            width: 16px;
            height: 16px;
            filter: var(--search-header-title-img-filter)
        }

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

        .search-header .close-button img {
            width: 18px;
            height: 18px;
            filter: var(--search-header-close-btn-img-filter)
        }

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

        .search-input-container input {
            width: 100%;
            height: 40px;
            padding: 0 25px 0 10px;
            font-size: 16px;
            font-weight: 500;
            border-radius: 4px;
            background-color: var(--search-input-cntr-input-bg);
            border: var(--search-input-cntr-input-border);
            color: var(--search-input-cntr-input-color)
        }

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

        .search-input-container input::placeholder {
            color: var(--search-input-cntr-input-placeholder-color)
        }

        .search-input-container img {
            position: absolute;
            top: 50%;
            right: 25px;
            transform: translateY(-50%);
            width: 16px;
            height: 16px;
            filter: invert(35%) sepia(40%) saturate(0%) hue-rotate(252deg) brightness(104%) contrast(72%)
        }

        .search-input-container .input-close-icon {
            display: none;
            width: 12px;
            height: 12px;
            cursor: pointer
        }

        .recent-searches-container {
            display: flex;
            flex-direction: column;
            gap: 10px;
            padding: 15px
        }

        .recent-searches-container .recent-searches-title {
            display: flex;
            justify-content: space-between;
            align-items: center;
            gap: 10px;
            font-size: 14px;
            font-weight: 500;
            color: #6c6c6c
        }

        .recent-searches-container .recent-searches-title .clear-searches-button {
            cursor: pointer
        }

        .recent-searches-container .search-history-container {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            gap: 8px
        }

        .recent-searches-container .search-history-container .search-history-item {
            display: flex;
            align-items: center;
            gap: 10px;
            padding: 12px;
            font-size: 14px;
            border-radius: 100px;
            cursor: pointer;
            background: var(--recent-searches-cntr-history-item-bg);
            color: #fff
        }

        .recent-searches-container .search-history-container .search-history-item img {
            width: 11px;
            height: 11px
        }

        .search-popular-games-container {
            display: flex;
            flex-direction: column;
            gap: 4px
        }

        .search-popular-games-container .search-popular-games-section-title {
            font-size: 14px;
            font-weight: 500;
            color: #6c6c6c;
            padding: 0 15px
        }

        .search-result-section {
            display: flex;
            flex-direction: column;
            gap: 10px
        }

        .search-result-section+.search-result-section {
            margin-top: 15px
        }

        .search-result-section .search-result-section-title {
            padding: 4px 10px;
            font-size: 18px;
            font-weight: 500;
            background: var(--search-result-section-title-bg);
            color: #fff
        }

        .search-result-provider-list {
            display: flex;
            align-items: center;
            padding: 0 15px;
            overflow-x: auto
        }

        .search-result-provider-list .provider-item {
            flex-basis: 25%;
            flex-grow: 0;
            flex-shrink: 0;
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 11px;
            padding: 8px 8px 8px 0
        }

        .search-result-provider-list .provider-item .img-wrapper {
            position: relative;
            text-align: center;
            width: 100%
        }

        .search-result-provider-list .provider-item[data-maintenance-status="true"] {
            filter: grayscale(1);
            pointer-events: none
        }

        .search-result-provider-list .provider-item[data-maintenance-status="true"] .img-wrapper:after {
            content: var(--maintenance-text, '') " ";
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            text-align: center;
            font-size: 10px;
            color: #fff;
            border-radius: 5px;
            width: fit-content;
            background: #808080;
            filter: grayscale(0) brightness(100%);
            padding: 0 10px;
            max-width: calc(100% - 20px);
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis
        }

        .search-result-provider-list .provider-item+.provider-item {
            padding: 8px 8px 8px 20px;
            border-left: 1px solid var(--search-result-provider-list-item-item-bleft)
        }

        .search-result-provider-list .provider-item img {
            width: 96px;
            height: auto;
            border-radius: 5px
        }

        .search-result-provider-list .provider-item .provider-item-info {
            width: 100%;
            flex-grow: 1;
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 8px
        }

        .search-result-provider-list .provider-item .provider-item-info .provider-name {
            font-size: 16px;
            font-weight: 500;
            color: var(--search-result-provider-list-item-info-name-color)
        }

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

        .search-result-provider-list[data-has-game-result="false"] .provider-item-info {
            width: initial;
            flex-direction: row
        }

        .search-result-provider-list[data-has-game-result="false"] .provider-item-info .provider-name {
            white-space: nowrap
        }

        .search-result-provider-list[data-has-game-result="false"] .provider-item-info .provider-category {
            display: block
        }

        .search-result-game-list {
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
            row-gap: 10px;
            padding: 0 15px
        }

        .search-result-game-list .game-item {
            flex-basis: calc((100% - 8px*2)/3);
            display: flex;
            align-items: center;
            gap: 11px;
            padding: 8px 0
        }

        .search-result-game-list .game-item img {
            width: 68px;
            height: 68px;
            border-radius: 5px
        }

        .search-result-game-list .game-item .game-item-info {
            flex-grow: 1;
            display: flex;
            flex-direction: column;
            gap: 5px
        }

        .search-result-game-list .game-item .game-item-info .game-name {
            font-size: 16px;
            font-weight: 500;
            line-height: 1;
            color: #fff var(--search-result-game-list-item-info-name-color)
        }

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

        .search-result-game-list .game-item .game-item-info .rtp-container {
            width: 40%;
            background-color: rgba(0, 0, 0, .7);
            color: #fff;
            display: flex;
            justify-content: space-between;
            align-items: center;
            gap: 5px;
            font-size: 12px;
            pointer-events: none;
            line-height: 1
        }

        .search-result-game-list .game-item .game-item-info .rtp-container .rtp-title {
            font-size: 14px;
            font-weight: 500;
            color: #fff
        }

        .search-result-game-list .game-item .game-item-info .rtp-container .rtp-progress {
            flex-grow: 1;
            background-color: #fff;
            border: 1px solid #ddd;
            border-radius: 50px
        }

        .search-result-game-list .game-item .game-item-info .rtp-container .rtp-progress .rtp-progress-bar {
            height: 7px;
            border-radius: 50px
        }

        .search-result-game-list .game-item .game-item-info .rtp-container .rtp-progress .rtp-progress-bar[data-rtp="low"] {
            background: linear-gradient(to right, #c81313, #d64646)
        }

        .search-result-game-list .game-item .game-item-info .rtp-container .rtp-progress .rtp-progress-bar[data-rtp="medium"] {
            background: linear-gradient(to right, #fcdc8f, #f2d064)
        }

        .search-result-game-list .game-item .game-item-info .rtp-container .rtp-progress .rtp-progress-bar[data-rtp="high"] {
            background: linear-gradient(to right, #31a13b, #62c88d)
        }

        .search-container::-webkit-scrollbar {
            width: 5px
        }

        .search-result-provider-list::-webkit-scrollbar {
            height: 5px
        }

        .search-container::-webkit-scrollbar-track,
        .search-result-provider-list::-webkit-scrollbar-track {
            background: transparent
        }

        .search-container::-webkit-scrollbar-thumb,
        .search-result-provider-list::-webkit-scrollbar-thumb {
            background: #58585a;
            border-radius: 5px
        }

        .no-search-result {
            text-align: center;
            color: var(--no-search-result-color);
            font-size: 14px
        }

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

        .reporting-table tbody>tr>td {
            vertical-align: middle
        }

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

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

        .free-spin-status[data-free-spin-status="Expired"],
        .free-spin-status[data-free-spin-status="Cancelled"] {
            color: #ee3e3e
        }

        .free-spin-status[data-free-spin-status="Completed"] {
            color: #00e927
        }

        .free-spin-status[data-free-spin-status="Claimed"] {
            color: #e68300
        }

        .play-free-spin-button.btn-primary {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 4px;
            padding: 8px 12px;
            line-height: 1;
            text-transform: capitalize
        }

        .play-free-spin-button img {
            width: 16px;
            height: 16px
        }

        .play-free-spin-button.btn-primary.disabled {
            background-color: #4e4e4e;
            background-image: none;
            color: #a0a0a0
        }

        .play-free-spin-button.btn-primary.disabled img {
            filter: brightness(.7)
        }

        .standard-remark-notification {
            display: flex;
            flex-direction: column;
            text-align: left;
            gap: 12px;
            padding: 12px;
            border-radius: 8px;
            background: var(--std-remark-notif-bg)
        }

        .standard-remark-notification .remark-notification-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            gap: 8px
        }

        .standard-remark-notification .remark-notification-header .icon-container {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 45px;
            height: 45px;
            border-radius: 8px;
            background-color: #4a9ee5
        }

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

        .standard-remark-notification .remark-notification-header .remark-notification-title {
            flex-basis: calc(100% - 53px);
            font-size: 18px;
            font-weight: 700;
            line-height: 20px;
            color: var(--std-remark-notif-header-title-color)
        }

        .standard-remark-notification .remark-notification-content {
            font-size: 16px;
            font-weight: 500;
            line-height: 24px;
            color: var(--std-remark-notif-content-color)
        }

        .standard-remark-notification .remark-notification-content span {
            font-weight: 700;
            color: var(--std-remark-notification-content-span-color)
        }

        .payment-account-creation-remarks {
            margin-bottom: 15px;
            border-color: var(--payment-acc-creation-remarks-border);
            color: var(--payment-acc-creation-remarks-color);
            background-color: var(--payment-acc-creation-remarks-bg)
        }

        .payment-account-creation-remarks .payment-account-creation-content,
        .payment-account-form-content {
            display: flex;
            gap: 15px;
            align-items: center
        }

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

        .standard-outline-button {
            display: block;
            width: 100%;
            padding: 8px 12px;
            margin: 0;
            border-radius: 4px;
            text-align: center;
            font-size: 14px;
            font-weight: 500;
            background-color: var(--default);
            border: var(--std-outline-btn-border);
            color: var(--std-outline-btn-color)
        }

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

        .standard-remarks-container {
            display: flex;
            gap: 10px;
            padding: 12px 14px;
            margin-bottom: 12px;
            border-radius: 6px;
            background: #ff00000d;
            border: 1px dashed #ff5a5d
        }

        .standard-remarks-container .standard-remarks-icon-container {
            width: 24px;
            height: auto
        }

        .standard-remarks-container .standard-remarks-icon-container img {
            width: 24px;
            height: 24px
        }

        .standard-remarks-container .standard-remarks-content-container {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            gap: 4px
        }

        .standard-remarks-container .standard-remarks-content-container .standard-remarks-content-title {
            font-size: 14px;
            font-weight: 500;
            line-height: 100%
        }

        .standard-remarks-container .standard-remarks-content-container p {
            text-align: left;
            font-size: 12px;
            font-weight: 500;
            line-height: 14px;
            color: var(--std-remarks-cntr-content-cntr-p-color)
        }

        .standard-remarks-container .standard-remarks-content-container p span {
            font-size: 12px;
            font-weight: 700;
            color: var(--std-remarks-cntr-content-cntr-p-span-color)
        }

        .standard-inline-button-group {
            display: flex;
            align-items: center;
            gap: 8px;
            margin-top: 12px
        }

        .standard-inline-button-group button {
            flex-basis: calc((100% - 8px)/2);
            flex-grow: 1;
            margin: 0
        }

        .standard-inline-button-group .standard-link-button {
            background: none;
            color: inherit;
            border: 0;
            text-transform: capitalize
        }

        .contact-verification-popup .contact-verification-popup-body {
            width: 100%
        }

        .contact-verification-popup .contact-verification-section .form-group {
            align-items: start;
            margin: 0
        }

        .contact-verification-popup .contact-verification-section ul {
            margin: 0
        }

        .contact-verification-popup .contact-verification-section ul li {
            text-align: left;
            list-style-type: none
        }

        .contact-verification-popup .contact-verification-section ul li:nth-child(2) {
            display: none
        }

        .contact-verification-popup .contact-verification-section span {
            font-weight: 400
        }

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

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

        .reporting-detail-popup {
            position: fixed;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            width: 100vw;
            height: 100vh;
            z-index: 1040;
            display: none;
            background-color: rgba(0, 0, 0, .5)
        }

        .reporting-detail-popup.open {
            display: flex;
            justify-content: center;
            align-items: center
        }

        .reporting-detail-popup .reporting-detail-popup-content {
            display: flex;
            flex-direction: column;
            gap: 32px;
            width: 500px;
            min-height: 600px;
            max-height: 90vh;
            overflow: auto;
            padding: 20px;
            border-radius: 12px;
            background-color: var(--reporting-detail-popup-bg)
        }

        .reporting-detail-popup .reporting-detail-popup-content .reporting-detail-popup-header {
            position: relative;
            display: flex;
            justify-content: flex-end;
            height: 20px
        }

        .reporting-detail-popup .reporting-detail-popup-content .reporting-detail-popup-header .close-popup-button {
            position: absolute;
            top: -15px;
            right: 0;
            cursor: pointer;
            font-size: 36px;
            color: #9b9b9b
        }

        .reporting-detail-popup-content.modal-content {
            gap: 0;
            border: 0
        }

        .reporting-detail-popup-content.modal-content .modal-header,
        .reporting-detail-popup-content.modal-content .modal-body {
            padding: 0;
            background: transparent
        }

        .resolved-transaction-popup .primary {
            color: var(--modal-body-resolved-trans-details-primary-color)
        }

        .resolved-transaction-popup .secondary {
            color: var(--modal-body-resolved-trans-details-secondary-color)
        }

        .resolved-transaction-popup .padding-16 {
            padding: 16px
        }

        .resolved-transaction-popup .header-icon {
            margin: auto
        }

        .resolved-transaction-popup .header-icon:not(.status-rej):not(.status-fail) {
            filter: var(--resolved-transaction-header-icon)
        }

        .resolved-transaction-popup .copy-btn {
            filter: var(--resolved-transaction-copy-icon-filter)
        }

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

        .pagination-section {
            text-align: right
        }

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

        .back-link-container {
            margin: 16px 0 24px
        }

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

        .back-link-container a:hover {
            color: var(--back-link-cntr-a-hover-color)
        }

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

        .referral-contact-verification-popup {
            gap: 8px;
            display: flex;
            flex-direction: column;
            align-items: center
        }

        .referral-contact-verification-popup p span[data-is-verified="false"] {
            color: #f00
        }

        .standard-form-content:has(.phone-input-group) {
            overflow: visible
        }

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

        .phone-input-group {
            position: relative;
            display: flex;
            align-items: stretch;
            gap: 4px;
            border-radius: 4px;
            overflow: visible;
            height: 40px
        }

        .phone-input-group .country-flag {
            width: 24px;
            height: 18px
        }

        .phone-input-group [data-section="input"] {
            flex-grow: 1;
            position: relative
        }

        .phone-input-group [data-section="input"] .dialing-code-prefix {
            position: absolute;
            top: 8px;
            left: 8px;
            pointer-events: none;
            color: var(--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;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 6px;
            border: 0;
            border-radius: 5px;
            cursor: pointer;
            padding: 0 10px;
            user-select: none;
            background: var(--reg-forgot-simple-modal-input-text-pass-bg);
            border: 1px solid var(--reg-forgot-simple-modal-input-text-pass-border);
            color: var(--reg-forgot-simple-modal-input-text-pass-color)
        }

        .phone-input-group .country-code-dropdown.readonly {
            background-color: var(--std-inline-form-group-form-control-readonly-bg);
            pointer-events: none;
            cursor: not-allowed
        }

        .phone-input-group .country-code-dropdown .caret {
            width: 0;
            height: 0;
            border-left: 4px solid transparent;
            border-right: 4px solid transparent;
            border-top: 5px solid var(--reg-forgot-simple-modal-input-text-pass-color);
            opacity: .9;
            transform: translateY(1px)
        }

        .phone-input-group [data-section="input"]:has(.form-control[readonly]) .dialing-code-prefix {
            top: 7px
        }

        .phone-input-group:has(.input-validation-error)+.standard-required-message {
            display: initial;
            margin-top: -2px
        }

        .country-code-selection-dropdown {
            position: absolute;
            top: 42px;
            left: 0;
            width: 270px;
            max-height: 200px;
            overflow-y: auto;
            border-radius: 4px;
            padding: 6px;
            display: none;
            z-index: 50;
            background: var(--reg-forgot-simple-modal-input-text-pass-bg);
            border: 1px solid var(--reg-forgot-simple-modal-input-text-pass-border);
            box-shadow: 0 14px 30px rgba(0, 0, 0, .45)
        }

        .country-code-selection-dropdown.open {
            display: block
        }

        .country-option {
            display: flex;
            align-items: center;
            gap: 10px;
            padding: 9px 10px;
            border-radius: 3px;
            cursor: pointer;
            text-align: left;
            font-size: 13px;
            color: var(--reg-forgot-simple-modal-input-text-pass-color)
        }

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

        .country-option .name {
            flex: 1
        }

        .page-carousel .carousel-indicators {
            left: 0;
            text-align: left;
            margin: 0
        }

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

        .hot-match-container {
            background: center no-repeat;
            background-image: var(--image-src);
            background-size: cover;
            display: flex;
            flex-wrap: nowrap;
            justify-content: space-between;
            color: var(--hot-match-cntr-color);
            padding: 5px 0
        }

        .hot-match-container [data-team] {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            padding: 20px
        }

        .hot-match-container [data-team] img {
            margin-bottom: 10px;
            height: 67px;
            width: 67px
        }

        .hot-match-container .match-info {
            font-size: 12px;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center
        }

        .hot-match-container [data-match-info="date"] {
            font-size: 28px;
            color: var(--hot-match-cntr-data-match-info-date-color)
        }

        .login-panel {
            display: flex;
            flex-wrap: nowrap;
            justify-content: flex-end;
            align-items: flex-start;
            font-size: 12px
        }

        .login-panel .login-panel-item+.login-panel-item {
            margin-left: 10px
        }

        .login-panel .login-button,
        .login-panel .register-button {
            border-radius: 15px;
            display: block;
            padding: 3px 10px;
            text-transform: uppercase;
            line-height: 22px;
            border: 0;
            width: 90px;
            text-align: center;
            text-decoration: none;
            outline: 0
        }

        .login-panel .login-button {
            background: var(--login-panel-login-btn-bg);
            color: var(--login-panel-login-btn-color);
            border: 1px solid var(--login-panel-login-btn-border)
        }

        .login-panel .login-button:hover {
            background: var(--login-panel-login-btn-hover-bg);
            color: var(--login-panel-login-btn-hover-color)
        }

        .login-panel .register-button {
            background: var(--login-panel-register-btn-bg);
            color: var(--login-panel-register-btn-color);
            border: 1px solid var(--login-panel-register-btn-border)
        }

        .login-panel .register-button:hover {
            background: var(--login-panel-register-btn-hover-bg);
            color: var(--login-panel-register-btn-hover-color);
            text-shadow: var(--login-panel-register-btn-hover-ts)
        }

        .login-panel [data-icon] {
            position: absolute;
            top: 8px;
            left: 6px;
            height: 14px;
            width: 14px;
            background: center no-repeat;
            background-size: contain;
            z-index: 1
        }

        .user-info {
            display: flex;
            flex-wrap: nowrap;
            justify-content: flex-end;
            color: var(--user-info-color)
        }

        .user-info .user-main-info {
            display: flex;
            flex-wrap: nowrap;
            justify-content: flex-end;
            border-radius: 4px;
            padding: 4px 8px;
            background: var(--user-info-main-info-bg);
            box-shadow: var(--user-info-main-info-bs)
        }

        .user-info .user-main-info .user-info-item+.user-info-item:before {
            content: '';
            background: var(--user-info-main-info-item-item-before-bg);
            height: 20px;
            width: 1px;
            margin: 0 8px
        }

        .user-info .user-main-info .user-info-item {
            margin-left: 0
        }

        .user-info .user-main-info .user-info-item button {
            margin-right: 6px
        }

        .user-info .user-info-item {
            position: relative;
            display: flex;
            align-items: center;
            margin-left: 10px
        }

        .user-info .user-info-item>a {
            position: relative
        }

        .user-info-item .btn-logout form {
            align-items: center;
            display: flex
        }

        .user-info-item a.btn-logout [data-icon="logout"] {
            display: inline-block;
            height: 14px;
            width: 14px;
            background: center no-repeat;
            background-size: contain;
            align-items: center
        }

        .user-info-item a.btn-logout {
            color: #fff;
            background-color: var(--user-info-item-a-btn-logout-bg);
            text-decoration: none;
            padding: 5px;
            border-radius: 3px;
            line-height: 1;
            white-space: nowrap
        }

        .user-info-item a.btn-logout:hover {
            background-color: var(--user-info-item-a-btn-logout-hover-bg)
        }

        .user-info button {
            padding: 0;
            border: 0;
            background: none;
            outline: 0
        }

        .user-info button[data-loading='true'] {
            pointer-events: none;
            animation: spin 2s linear infinite
        }

        .user-info .dropdown-menu {
            padding-top: 0;
            padding-bottom: 2px
        }

        .user-info .dropdown-menu>li+li {
            margin-top: 2px
        }

        .user-info .dropdown-menu>li>a {
            padding: 5px 20px;
            background-color: var(--user-info-dropdown-menu-li-a-bg);
            color: var(--user-info-dropdown-menu-li-a-color)
        }

        .user-info .dropdown-menu>li>a:focus,
        .user-info .dropdown-menu>li>a:hover {
            background-color: var(--user-info-dropdown-menu-li-a-focus-bg);
            color: var(--user-info-dropdown-menu-li-a-focus-color)
        }

        @keyframes spin {
            0% {
                transform: rotate(0deg)
            }

            100% {
                transform: rotate(360deg)
            }
        }

        .user-info .inbox-link {
            display: flex;
            flex-wrap: nowrap;
            justify-content: space-between
        }

        .user-info .user-info-icon {
            display: block;
            height: 22px;
            width: 22px;
            background: center no-repeat;
            background-size: contain
        }

        .user-info .user-info-icon[data-icon="daily-reward"] {
            height: 28px;
            width: 28px
        }

        .user-info .user-info-icon[data-daily-reward-available="true"] {
            content: var(--chest-available-background)
        }

        .user-info .user-info-icon[data-daily-reward-available="false"] {
            content: var(--chest-claimed-background)
        }

        .user-info .user-info-icon[data-icon="live-tv"] {
            content: var(--image-src);
            margin-top: 3px
        }

        .user-info [data-new-notification="true"]:before,
        .user-info [data-new-announcement="true"]:before {
            content: '∗';
            position: absolute;
            top: -12px;
            right: -5px;
            width: 16px;
            height: 16px;
            font-size: 21px;
            display: flex;
            justify-content: center;
            align-items: center;
            background: var(--user-info-new-notif-true-before-bg);
            color: var(--user-info-new-notif-true-before-color);
            border: var(--user-info-new-notif-true-before-border);
            border-radius: 50%
        }

        .user-info [data-new-announcement="true"]:before {
            content: attr(data-announcement-count);
            font-size: 12px
        }

        .user-info [data-new-announcement="true"][data-announcement-count="0"]:before {
            background: #808080
        }

        .user-info .wallet-container {
            display: flex;
            flex-wrap: nowrap;
            flex-direction: row;
            justify-content: center;
            align-items: center
        }

        .user-info .wallet-container .balance {
            font-size: 12px;
            color: var(--user-info-wallet-cntr-balance-color)
        }

        .user-info .wallet-container .balance>a {
            color: inherit;
            white-space: nowrap
        }

        .user-info .wallet-container[data-locked-balance="true"] .balance {
            font-size: 12px;
            line-height: 1
        }

        .user-info .wallet-container:not([data-locked-balance="true"]) .locked-balance {
            display: none
        }

        .user-info .wallet-container .locked-balance {
            background: var(--user-info-wallet-cntr-locked-balance-bg);
            color: var(--user-info-wallet-cntr-locked-balance-color);
            border-radius: 2px;
            padding: 5px;
            margin-left: 8px;
            font-size: 12px;
            line-height: 1;
            display: flex;
            flex-wrap: nowrap;
            align-items: center
        }

        .user-info .wallet-container .locked-balance span {
            margin-left: 4px
        }

        .user-info .wallet-container .locked-balance img {
            filter: var(--user-info-wallet-cntr-lock-balance-img-filter)
        }

        .user-info .wallet-container .locked-balance [data-icon="locked-balance"] {
            display: inline-block;
            height: 12px;
            width: 12px;
            margin-right: 3px;
            margin-bottom: 2px
        }

        .user-info .wallet-container .locked-balance[hidden] {
            display: none
        }

        .user-info .balance.open>.vendor-balances-container {
            left: 50%;
            -webkit-transform: translateX(-50%);
            transform: translateX(-50%)
        }

        .user-info .wallet-container>.balance a {
            position: relative
        }

        .user-info .wallet-container>.balance a::after {
            content: '';
            position: absolute;
            top: calc(100% + 5px);
            left: 50%;
            margin-left: -4px;
            margin-top: 0;
            width: 0;
            height: 0;
            border-top: solid 4px var(--user-info-wallet-cntr-balance-a-after);
            border-left: solid 4px transparent;
            border-right: solid 4px transparent;
            z-index: 2;
            cursor: pointer
        }

        .user-info .wallet-container[data-locked-balance="true"]>.balance a::after {
            top: calc(100% + 5px)
        }

        .user-info .wallet-container>.balance.open a::after {
            border-top: 0;
            border-bottom: solid 4px var(--user-info-wallet-cntr-balance-open-a-after-bbot)
        }

        .user-info .dropdown-menu.vendor-balances-container {
            padding-top: 15px;
            padding-bottom: 30px
        }

        .user-info .vendor-balances-container {
            border: var(--user-info-vendor-balances-cntr-border);
            min-width: 350px;
            background-color: var(--user-info-vendor-balances-cntr-bg);
            padding: 15px 30px;
            padding-right: 40px;
            border-radius: 15px
        }

        .user-info .vendor-balances-container .vendor-balances-header {
            border-bottom: var(--user-info-vendor-balances-cntr-header-border);
            margin-bottom: 25px
        }

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

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

        .user-info .vendor-balances-container .vendor-balances-header,
        .user-info .vendor-balances-container strong {
            color: var(--user-info-vendor-balances-cntr-header-strong-color);
            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;
            color: var(--user-info-vendor-balances-cntr-item-color)
        }

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

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

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

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

        .unread-announcements-popup {
            display: none;
            position: absolute;
            top: 40px;
            right: -66px;
            z-index: 99;
            width: 500px;
            border-radius: 15px;
            background-color: var(--unread-announcements-popup-bg);
            color: var(--unread-announcements-popup-color);
            border: var(--unread-announcements-popup-border)
        }

        .unread-announcements-popup.show {
            display: block
        }

        .unread-announcements-popup iframe {
            display: block;
            width: 100%;
            height: 75vh;
            border: 0;
            border-radius: 12px
        }

        .unread-announcements-popup:before {
            content: "";
            position: absolute;
            top: -12px;
            right: 64px;
            width: 20px;
            height: 0;
            border-bottom: var(--unread-announcements-popup-before-border);
            border-left: 10px solid transparent;
            border-right: 10px solid transparent
        }

        .unread-announcements-popup-overlay {
            display: none;
            position: fixed;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            width: 100vw;
            height: 100vh;
            z-index: 2
        }

        .unread-announcements-popup.show~.unread-announcements-popup-overlay {
            display: block
        }

        .unread-announcements-popup .loader {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            margin: auto;
            border: 5px solid transparent;
            border-radius: 50%;
            border-top: 5px solid var(--unread-ann-popup-loader-btop);
            border-left: 5px solid var(--unread-ann-popup-loader-bleft);
            border-bottom: 5px solid var(--unread-ann-popup-loader-bbot);
            width: 50px;
            height: 50px;
            animation: spin 2s linear infinite
        }

        @keyframes spin {
            0% {
                transform: rotate(0deg)
            }

            100% {
                transform: rotate(360deg)
            }
        }

        .user-info-loyalty-xp {
            display: flex;
            align-items: center;
            gap: 5px;
            margin: 0 5px
        }

        .user-info-loyalty-xp a {
            display: flex;
            flex-direction: row;
            gap: 5px
        }

        .user-info-loyalty-xp img {
            width: 22px;
            height: 22px;
            align-self: center
        }

        .user-info-loyalty-xp .username-container {
            display: flex;
            flex-direction: column;
            gap: 2px;
            position: relative;
            min-width: 80px;
            max-width: 120px
        }

        .user-info-loyalty-xp .username-container span {
            max-width: 120px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            color: var(--user-info-loyalty-xp-cntr-span-color)
        }

        .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-loyalty-point {
            display: flex;
            align-items: center;
            gap: 4px;
            margin: 0 5px;
            font-size: 12px;
            line-height: 1
        }

        .user-info-loyalty-point span {
            position: relative;
            color: var(--user-info-loyalty-point-span-color)
        }

        .loyalty-top-bar-container {
            background: var(--loyalty-top-bar-cntr-bg);
            display: flex;
            align-items: center;
            margin-bottom: 20px;
            padding: 16px;
            color: var(--loyalty-top-bar-cntr-color)
        }

        .loyalty-top-bar-container .vr {
            display: inline-block;
            align-self: stretch;
            width: 1px;
            min-height: 1em;
            background-color: var(--loyalty-top-bar-cntr-vr-bg);
            margin: 0 20px
        }

        .loyalty-top-bar-container .chevron-right {
            width: 16px;
            height: 16px;
            margin: 0 5px 0 20px;
            filter: var(--loyalty-top-bar-cntr-chev-right-filter)
        }

        .loyalty-top-bar-container .xp-label,
        .loyalty-top-bar-container .lp-label {
            padding: 4px
        }

        .loyalty-top-bar-container .loyalty-experience-section {
            flex-basis: 50%
        }

        .loyalty-top-bar-container .loyalty-experience-section>a {
            display: grid;
            grid-template-columns: 1fr auto;
            color: inherit
        }

        .loyalty-top-bar-container .loyalty-experience-section .loyalty-experience-container {
            display: flex;
            align-items: center;
            gap: 12px
        }

        .loyalty-top-bar-container .loyalty-experience-section .loyalty-badge img {
            width: 50px;
            height: auto
        }

        .loyalty-top-bar-container .loyalty-experience-section .loyalty-experience-item {
            width: 100%
        }

        .loyalty-top-bar-container .loyalty-experience-section .loyalty-experience-item .loyalty-experience-level {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 8px
        }

        .loyalty-top-bar-container .loyalty-experience-section .loyalty-experience-item .loyalty-experience-level .loyalty-level {
            font-size: 18px;
            font-weight: 900;
            text-transform: uppercase;
            background: -webkit-linear-gradient(#fff, #fff);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent
        }

        .loyalty-top-bar-container .loyalty-experience-section .loyalty-experience-item .loyalty-experience-level .loyalty-level.bronze {
            background: -webkit-linear-gradient(#d18a6d, #744a3b);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent
        }

        .loyalty-top-bar-container .loyalty-experience-section .loyalty-experience-item .loyalty-experience-level .loyalty-level.silver {
            background: -webkit-linear-gradient(#cecece, #727272);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent
        }

        .loyalty-top-bar-container .loyalty-experience-section .loyalty-experience-item .loyalty-experience-level .loyalty-level.gold {
            background: -webkit-linear-gradient(#ffe158, #775213);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent
        }

        .loyalty-top-bar-container .loyalty-experience-section .loyalty-experience-item .loyalty-experience-level .loyalty-level.platinum {
            background: -webkit-linear-gradient(#8cf2f2, #4d828a);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent
        }

        .loyalty-top-bar-container .loyalty-experience-section .loyalty-experience-item .loyalty-experience-level .loyalty-level.diamond {
            background: -webkit-linear-gradient(#4ebfe8, #134da3);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent
        }

        .loyalty-top-bar-container .loyalty-experience-section .loyalty-experience-item .loyalty-experience-level .loyalty-experience-amount {
            font-size: 16px
        }

        .loyalty-top-bar-container .loyalty-experience-section .loyalty-experience-item .loyalty-experience-level .loyalty-experience-amount>span {
            color: var(--loyalty-top-bar-cntr-exp-section-item-level-amount-span-color)
        }

        .loyalty-top-bar-container .loyalty-experience-section .loyalty-experience-item .loyalty-experience-bar {
            position: relative;
            display: flex;
            align-items: center;
            gap: 4px
        }

        .loyalty-top-bar-container .loyalty-experience-section .loyalty-experience-item .loyalty-experience-bar .xp-label {
            font-size: 14px;
            background-color: #676767;
            border-radius: 1px
        }

        .loyalty-top-bar-container .loyalty-experience-section .loyalty-experience-item .loyalty-experience-bar .loyalty-experience-progress {
            position: relative;
            width: 100%;
            height: 14px;
            overflow: hidden;
            background-color: var(--loyalty-top-bar-cntr-exp-section-item-bar-progress-bg);
            border-radius: 50px
        }

        .loyalty-top-bar-container .loyalty-experience-section .loyalty-experience-item .loyalty-experience-bar .loyalty-experience-progress .progress {
            position: absolute;
            background: #2cbb01;
            background: linear-gradient(to right, #2cbb01, #79cb09, #fff700);
            margin-bottom: 0;
            border-radius: 50px;
            z-index: 1;
            height: 14px
        }

        .loyalty-top-bar-container .loyalty-experience-section .loyalty-experience-chevron-right {
            align-self: center
        }

        .loyalty-top-bar-container .loyalty-experience-section .loyalty-experience-message {
            display: flex;
            font-size: 12px;
            color: var(--loyalty-top-bar-cntr-exp-section-msg-color);
            margin-top: 6px;
            line-height: 1.2
        }

        .loyalty-top-bar-container .loyalty-experience-section .loyalty-experience-message:before {
            min-width: calc(50px + 12px);
            content: " "
        }

        .loyalty-top-bar-container .loyalty-point-section {
            flex-basis: 50%
        }

        .loyalty-top-bar-container .loyalty-point-section>div {
            background-color: var(--loyalty-top-bar-cntr-point-section-div-bg);
            color: var(--loyalty-top-bar-cntr-point-section-div-color);
            display: flex;
            align-items: center;
            justify-content: space-between;
            border-radius: 8px;
            line-height: 1;
            padding: 12px 10px;
            width: 100%
        }

        .loyalty-top-bar-container .loyalty-point-section .refresh-container img {
            width: 16px;
            height: 16px
        }

        .loyalty-top-bar-container .loyalty-point-section .loyalty-point-title,
        .loyalty-top-bar-container .loyalty-point-section .loyalty-point-amount {
            display: flex;
            align-items: center;
            gap: 10px
        }

        .loyalty-top-bar-container .loyalty-point-section .loyalty-point-title span {
            text-transform: uppercase;
            font-weight: 700;
            font-size: 16px
        }

        .loyalty-top-bar-container .loyalty-point-section .lp-label {
            border-radius: 1px;
            font-size: 14px
        }

        .loyalty-top-bar-container .loyalty-point-section .loyalty-point {
            color: #ff9100;
            font-size: 16px;
            margin-right: 10px
        }

        .loyalty-top-bar-container .loyalty-point-section .refresh-container button {
            border: 0;
            background: none;
            outline: 0;
            padding: 0
        }

        .loyalty-top-bar-container .loyalty-point-section .refresh-container button[data-loading='true'] {
            pointer-events: none;
            animation: spin 2s linear infinite
        }

        @keyframes spin {
            0% {
                transform: rotate(0deg)
            }

            100% {
                transform: rotate(360deg)
            }
        }

        .loyalty-top-bar-container .loyalty-benefit-section {
            flex-basis: 50%
        }

        .loyalty-top-bar-container .loyalty-benefit-section>div {
            background-color: var(--loyalty-top-bar-cntr-benefit-section-div-bg);
            border-radius: 8px;
            line-height: 1;
            padding: 12px 10px;
            width: 100%;
            text-align: center;
            color: var(--loyalty-top-bar-cntr-benefit-section-div-color)
        }

        .loyalty-top-bar-container .loyalty-benefit-section .loyalty-benefit-item {
            position: relative;
            display: flex;
            align-items: center;
            justify-content: center
        }

        .loyalty-top-bar-container .loyalty-benefit-section .loyalty-benefit-item:first-of-type {
            border-bottom: 1px solid #ffffff1a;
            padding-bottom: 8px;
            margin-bottom: 8px
        }

        .loyalty-top-bar-container .loyalty-benefit-section .loyalty-benefit-item span {
            color: #92ff2d
        }

        .loyalty-top-bar-container .loyalty-benefit-section .loyalty-benefit-item .info-container {
            position: absolute;
            right: 0
        }

        .loyalty-top-bar-container .info-container .info-icon {
            border: 0;
            outline: 0;
            padding: 0;
            background-color: #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: 16px;
            height: 16px
        }

        .loyalty-top-bar-container .modal .loyalty-benefit-modal-body .popup-title {
            text-transform: none;
            margin-top: 0
        }

        .loyalty-top-bar-container .modal .loyalty-benefit-modal-body span {
            margin-top: 0
        }

        .loyalty-top-bar-container .modal .loyalty-benefit-modal-body .lp-label {
            width: auto;
            height: auto;
            font-size: 28px;
            border-color: #b86800;
            padding: 6px 12px;
            margin-bottom: 10px
        }

        .provider-container {
            display: inline-block;
            width: auto;
            padding: 15px;
            margin: 20px 10px 0 0;
            border: 1px solid;
            border-color: var(--provider-cntr-border);
            color: var(--provider-cntr-color);
            border-radius: 5px;
            position: relative;
            vertical-align: top
        }

        .provider-container>h5 {
            position: absolute;
            top: -20px;
            left: 10px;
            background: var(--provider-cntr-h5-bg);
            padding: 0 10px;
            font-size: 17px;
            color: var(--provider-cntr-h5-color)
        }

        .play-now,
        .free-play {
            border: var(--play-now-free-play-border);
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            white-space: nowrap;
            font-size: 14px;
            border-radius: 18px;
            padding: 3px 15px;
            margin: 5px 0;
            text-decoration: none
        }

        .play-now:hover,
        .free-play:hover {
            text-decoration: none
        }

        .play-now:before,
        .free-play:before {
            content: "";
            display: inline-block;
            height: 20px;
            width: 20px;
            margin-right: 5px;
            background: center no-repeat;
            background-image: var(--play-icon-src);
            background-size: contain
        }

        .free-play {
            background: var(--free-play-bg);
            color: var(--free-play-color);
            box-shadow: var(--free-play-bs)
        }

        .free-play:hover {
            background: var(--free-play-hover-bg);
            color: var(--free-play-hover-color)
        }

        .play-now {
            background: var(--play-now-bg);
            color: var(--play-now-color);
            box-shadow: var(--play-now-bs)
        }

        .play-now:hover {
            background: var(--play-now-hover-bg);
            color: var(--play-now-hover-color)
        }

        .game-list-title {
            display: flex;
            justify-content: center;
            background: var(--game-list-title-bg)
        }

        .game-list-title>div {
            background-color: var(--game-list-title-div-bg);
            font-size: 30px;
            color: var(--game-list-title-div-color);
            padding: 5px 15px
        }

        .game-list {
            border: var(--game-list-border);
            background: var(--game-list-bg);
            padding: 10px;
            margin-bottom: 25px;
            display: flex;
            flex-wrap: wrap
        }

        .game-list .game-item {
            width: calc((100% - (5px*5*2))/5);
            margin: 5px;
            background-color: var(--game-list-game-item-bg);
            position: relative
        }

        .game-list .game-item input[type=checkbox].favourite-game-btn {
            display: none
        }

        .game-list .game-item input[type=checkbox].favourite-game-btn+label {
            position: absolute;
            margin: 0;
            top: 5px;
            right: 5px;
            z-index: 2;
            width: 30px;
            height: 30px;
            padding: 5px;
            background: var(--star-off-icon) center no-repeat;
            background-size: 24px;
            background-color: #fff;
            border-radius: 50%;
            cursor: pointer;
            transition: background-image ease .35s
        }

        .game-list .game-item input[type=checkbox].favourite-game-btn:checked+label {
            background-image: var(--star-on-icon)
        }

        .game-list .game-item input[type=checkbox].favourite-game-btn+label:hover {
            animation: fav-icon-bounce .65s linear
        }

        .game-list img {
            position: absolute;
            top: 10px;
            left: 10px;
            height: calc(100% - 20px);
            width: calc(100% - 20px)
        }

        .game-list .game-name,
        .game-list .provider-name {
            font-size: 16px;
            padding: 10px 0;
            background: #ee9601;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            text-align: center
        }

        .game-list .game-name {
            color: var(--game-list-game-name-color);
            background: var(--game-list-game-name-bg)
        }

        .game-list .game-player {
            display: flex;
            gap: 8px;
            align-items: center;
            justify-content: center
        }

        .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: var(--game-list-game-player-color);
            font-size: 12px;
            font-weight: 700
        }

        .game-list .provider-name {
            color: #fff
        }

        .game-list .link-container {
            transition: .5s ease;
            opacity: 0;
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center
        }

        .game-list .rtp-container {
            position: absolute;
            left: 10px;
            right: 10px;
            bottom: 10px;
            padding: 8px;
            background-color: rgba(0, 0, 0, .7);
            color: #fff;
            display: flex;
            justify-content: space-between;
            align-items: center;
            gap: 5px;
            font-size: 12px;
            pointer-events: none;
            line-height: 1
        }

        .game-list .rtp-container .rtp-progress {
            flex-grow: 1;
            background-color: #fff;
            border: 1px solid #ddd;
            border-radius: 50px
        }

        .game-list .rtp-container .rtp-progress .rtp-progress-bar {
            height: 10px;
            border-radius: 50px
        }

        .game-list .rtp-container .rtp-progress .rtp-progress-bar[data-rtp="low"],
        .game-list .rtp-container .rtp-progress .rtp-progress-bar[data-rtp-from="low"] {
            background: linear-gradient(to right, #c81313, #d64646)
        }

        .game-list .rtp-container .rtp-progress .rtp-progress-bar[data-rtp="medium"],
        .game-list .rtp-container .rtp-progress .rtp-progress-bar[data-rtp-from="medium"] {
            background: linear-gradient(to right, #fcdc8f, #f2d064)
        }

        .game-list .rtp-container .rtp-progress .rtp-progress-bar[data-rtp="high"],
        .game-list .rtp-container .rtp-progress .rtp-progress-bar[data-rtp-from="high"] {
            background: linear-gradient(to right, #31a13b, #62c88d)
        }

        .game-list .rtp-container .rtp-progress .rtp-progress-bar[data-rtp-from][data-rtp-to] {
            animation: animate-rtp 2s linear infinite;
            --low: linear-gradient(to right, #c81313, #d64646);
            --medium: linear-gradient(to right, #fcdc8f, #f2d064);
            --high: linear-gradient(to right, #31a13b, #62c88d)
        }

        .game-list .rtp-container .rtp-percentage[data-rtp-from][data-rtp-to]::before {
            animation: alter-rtp-value 2s linear infinite;
            content: attr(data-rtp-from)'%'
        }

        .game-list .wrapper-container {
            position: relative;
            padding-top: 100%
        }

        .game-list .wrapper-container:hover {
            background: var(--game-list-wrapper-cntr-hover-bg)
        }

        .game-list .wrapper-container:hover:after,
        .game-list .wrapper-container:hover img {
            opacity: .1
        }

        .game-list .wrapper-container:hover .link-container {
            opacity: 1
        }

        .game-list .wrapper-container:hover .rtp-container {
            opacity: 0
        }

        .game-list .link-container a {
            margin: 10px;
            width: 70%;
            padding: 10px 15px
        }

        .large-game-list-arcade,
        .large-game-list-crash-game {
            padding: 15px;
            padding-bottom: 0;
            display: flex;
            justify-content: space-between;
            margin: 0
        }

        .large-game-list-container {
            margin-bottom: 25px;
            padding: 15px;
            background: var(--large-game-list-cntr-bg)
        }

        .large-game-list {
            padding: 15px;
            display: flex;
            flex-wrap: wrap;
            justify-content: left;
            margin: 0
        }

        .large-game-list li,
        .large-game-list .game-provider-img {
            flex-basis: calc((100% - (10px*3*2))/3);
            margin: 10px;
            position: relative;
            border-radius: 4px;
            background: var(--large-game-list-li-game-provider-img-bg);
            position: relative;
            aspect-ratio: 7/4
        }

        .large-game-list .game-provider-img {
            flex-basis: initial
        }

        .large-game-list li img,
        .large-game-list .game-provider-img img {
            width: 100%;
            height: auto
        }

        .large-game-list li .link-container,
        .large-game-list .game-provider-img .link-container {
            opacity: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 10px;
            background: var(--large-game-list-li-link-cntr-game-prov-img-bg);
            position: absolute;
            transition: opacity .15s ease;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            border-radius: 4px
        }

        .large-game-list li:hover .link-container,
        .large-game-list .game-provider-img:hover .link-container {
            opacity: 1
        }

        .large-game-list li .link-container .play-now,
        .large-game-list li .link-container .free-play,
        .large-game-list .game-provider-img .link-container .play-now,
        .large-game-list .game-provider-img .link-container .free-play {
            border: 0;
            font-size: 16px;
            padding: 4px 16px;
            line-height: normal
        }

        .large-game-list li .link-container .play-now,
        .large-game-list .game-provider-img .link-container .play-now {
            background: var(--large-game-list-li-game-provider-img-link-cntr-img-play-now-bg);
            color: var(--large-game-list-li-game-provider-img-link-cntr-img-play-now-color)
        }

        .large-game-list li .link-container .free-play,
        .large-game-list .game-provider-img .link-container .free-play {
            background: var(--large-game-list-li-game-provider-img-link-cntr-img-free-play-bg);
            color: var(--large-game-list-li-game-provider-img-link-cntr-img-free-play-color)
        }

        .large-game-list li .link-container .play-now::before,
        .large-game-list li .link-container .free-play::before,
        .large-game-list .game-provider-img .link-container .free-play::before,
        .large-game-list .game-provider-img .link-container .play-now::before {
            background: none;
            content: none
        }

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

        .provider-page .large-game-list-container {
            margin: 25px 0;
            background-color: var(--provider-page-large-game-list-cntr-bg)
        }

        .provider-page .large-game-list {
            align-items: center;
            justify-content: flex-start;
            flex-wrap: nowrap;
            padding: 15px 25px
        }

        .provider-page img {
            max-width: 100%
        }

        .link-container a.game-info,
        .game-info {
            z-index: 2;
            font-style: italic;
            font-weight: 800;
            border: var(--link-cntr-a-game-info-border);
            color: var(--link-cntr-a-game-info-color);
            font-size: 20px;
            border-radius: 50%;
            position: absolute;
            top: 0;
            right: 0;
            width: 30px;
            height: 30px;
            display: flex;
            justify-content: center;
            align-items: center;
            margin: 8px;
            text-indent: -2px;
            padding-top: 0
        }

        .link-container a.game-info:hover,
        .link-container a.game-info:focus,
        .game-info:hover,
        .game-info:focus {
            border-color: var(--link-cntr-a-game-info-hover-focus-border);
            color: var(--link-cntr-a-game-info-hover-focus-color);
            text-decoration: none
        }

        .link-container a.game-info {
            z-index: 2;
            top: 15px;
            right: 19px
        }

        .link-container a.game-info,
        .provider-slide .game-info {
            width: 20px;
            height: 20px;
            font-size: 13px
        }

        .game-provider-img-arcade {
            position: relative;
            display: flex;
            align-items: center
        }

        .game-provider-img-arcade img {
            max-width: initial
        }

        .game-provider-img-crash-game {
            position: relative;
            display: flex;
            align-items: center
        }

        .game-provider-img-crash-game img {
            max-width: initial
        }

        .game-provider-desc {
            padding: 0 25px;
            font-style: italic;
            font-size: 14px;
            line-height: 26px;
            font-weight: 600;
            flex-basis: calc((100% - (355px)))
        }

        .game-provider-desc-sport {
            padding: 15px 15px 15px 15px;
            font-style: italic;
            font-size: 14px;
            line-height: 26px;
            font-weight: 600;
            text-align: justify
        }

        .game-provider-desc-arcade {
            padding: 25px 25px 25px 25px;
            font-style: italic;
            font-size: 14px;
            line-height: 26px;
            font-weight: 600;
            display: flex;
            align-self: center
        }

        .game-provider-desc-crash-game {
            padding: 25px 25px 25px 25px;
            font-style: italic;
            font-size: 14px;
            line-height: 26px;
            font-weight: 600;
            display: flex;
            align-self: center
        }

        .provider-info {
            padding: 15px 25px;
            background-color: var(--provider-info-bg)
        }

        .provider-info h5 {
            text-align: center;
            font-size: 16px;
            padding-top: 10px;
            font-weight: 600;
            font-style: italic;
            margin-bottom: 15px
        }

        .provider-info p {
            text-align: justify;
            font-style: italic;
            line-height: 16px
        }

        .game-provider-desc-arcade,
        .game-provider-desc-sport,
        .game-provider-desc-crash-game,
        .game-provider-desc,
        .provider-info h5,
        .provider-info p {
            color: var(--game-provider-desc-arcade-sport-crashgame-provider-info-h5-p-color)
        }

        @keyframes fav-icon-bounce {

            0%,
            20%,
            60%,
            100% {
                transform: translateY(0)
            }

            80% {
                transform: translateY(-3px)
            }

            40% {
                transform: translateY(-6px)
            }
        }

        @keyframes animate-rtp {
            0% {
                width: var(--from-value);
                background: var(--from-color)
            }

            25% {
                background: var(--transition-color)
            }

            50%,
            100% {
                width: var(--to-value);
                background: var(--to-color)
            }
        }

        @keyframes alter-rtp-value {
            0% {
                content: attr(data-rtp-from)'%'
            }

            75%,
            100% {
                content: attr(data-rtp-to)'%'
            }
        }

        .large-game-list>li[data-maintenance-status="true"],
        .provider-slide>main>.slide-item[data-maintenance-status="true"] {
            filter: grayscale(1);
            pointer-events: none
        }

        .large-game-list>li[data-maintenance-status="true"] img,
        .provider-slide>main>.slide-item[data-maintenance-status="true"] img {
            filter: grayscale(1) brightness(50%)
        }

        .large-game-list>li[data-maintenance-status="true"]:after,
        .large-game-list>li[data-maintenance-status="true"] img:after,
        .provider-slide>main>.slide-item[data-maintenance-status="true"]:after {
            content: var(--maintenance-text, '') " ";
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            text-align: center;
            font-size: 20px;
            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
        }

        .provider-slide>main>.slide-item[data-maintenance-status="true"]:after {
            font-size: 16px
        }

        .large-game-list .bottom-link-container {
            padding: 4px 0;
            display: flex;
            align-items: flex-end
        }

        /* ==========================================================
           PREMIUM THEME OVERRIDE
           Palette: Black / Red / Gold / Emerald Green
           Structure-safe: visual overrides only
           ========================================================== */

        html,
        body {
            --theme-black: #050505;
            --theme-black-soft: #0b0b0d;
            --theme-black-card: #111114;
            --theme-red: #d4001a;
            --theme-red-bright: #ff1838;
            --theme-red-dark: #72000d;
            --theme-gold: #f4c542;
            --theme-gold-soft: #ffe28a;
            --theme-gold-dark: #9b6a00;
            --theme-green: #0fbf71;
            --theme-green-bright: #38ef9d;
            --theme-green-dark: #04663c;
            --theme-text: #f4f4f4;
            --theme-muted: #b8b8bd;
            --theme-border: rgba(244, 197, 66, .26);
            --theme-shadow: 0 12px 34px rgba(0, 0, 0, .48);
            --theme-red-glow: 0 0 18px rgba(255, 24, 56, .34);
            --theme-gold-glow: 0 0 22px rgba(244, 197, 66, .30);
            --theme-green-glow: 0 0 18px rgba(56, 239, 157, .28)
        }

        html {
            background: #050505
        }

        body {
            color: var(--theme-text) !important;
            background-color: var(--theme-black) !important;
            background-image:
                radial-gradient(circle at 12% 10%, rgba(212, 0, 26, .16), transparent 34%),
                radial-gradient(circle at 86% 18%, rgba(15, 191, 113, .12), transparent 30%),
                radial-gradient(circle at 50% 100%, rgba(244, 197, 66, .10), transparent 38%),
                linear-gradient(145deg, #030303 0%, #0b0809 45%, #050806 100%) !important;
            background-attachment: fixed !important
        }

        body,
        button,
        input,
        select,
        textarea {
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased
        }

        ::selection {
            color: #050505;
            background: var(--theme-gold)
        }

        ::-webkit-scrollbar {
            width: 10px;
            height: 10px
        }

        ::-webkit-scrollbar-track {
            background: #070707
        }

        ::-webkit-scrollbar-thumb {
            border: 2px solid #070707;
            border-radius: 999px;
            background: linear-gradient(180deg, var(--theme-red), var(--theme-gold), var(--theme-green))
        }

        ::-webkit-scrollbar-thumb:hover {
            background: linear-gradient(180deg, var(--theme-red-bright), var(--theme-gold-soft), var(--theme-green-bright))
        }

        /* Global typography and links */
        a {
            color: var(--theme-gold) !important
        }

        a:hover,
        a:focus {
            color: var(--theme-green-bright) !important;
            text-shadow: 0 0 10px rgba(56, 239, 157, .35)
        }

        h1,
        h2,
        h3,
        .h1,
        .h2,
        .h3 {
            color: var(--theme-gold-soft) !important;
            text-shadow: 0 2px 18px rgba(244, 197, 66, .16)
        }

        h4,
        h5,
        h6,
        .h4,
        .h5,
        .h6,
        strong,
        b {
            color: #fff
        }

        .text-muted,
        .help-block,
        .copyright {
            color: var(--theme-muted) !important
        }

        hr,
        .page-header {
            border-color: rgba(244, 197, 66, .20) !important
        }

        /* Main surfaces */
        .site-content-container,
        .standard-main-content,
        .standard-side-menu,
        .tab-content-container,
        .provider-container,
        .large-game-list-container,
        .search-popular-games-container,
        .payment-account-form-content {
            color: var(--theme-text)
        }

        .standard-main-content,
        .standard-side-menu,
        .tab-content-container,
        .panel,
        .well,
        .thumbnail,
        .list-group-item,
        .modal-content,
        .dropdown-menu,
        .ui-widget-content,
        .introjs-tooltip {
            border-color: var(--theme-border) !important;
            background-color: rgba(15, 15, 18, .96) !important;
            background-image: linear-gradient(145deg, rgba(24, 24, 28, .96), rgba(7, 7, 9, .98)) !important;
            color: var(--theme-text) !important;
            box-shadow: var(--theme-shadow)
        }

        .panel,
        .well,
        .thumbnail,
        .modal-content,
        .dropdown-menu,
        .introjs-tooltip {
            overflow: hidden
        }

        .panel:hover,
        .thumbnail:hover,
        .list-group-item:hover {
            border-color: rgba(244, 197, 66, .58) !important;
            box-shadow: var(--theme-shadow), var(--theme-gold-glow)
        }

        .panel-heading,
        .panel-footer,
        .modal-header,
        .modal-footer,
        .ui-widget-header,
        .introjs-tooltip-header,
        .introjs-tooltipbuttons {
            border-color: rgba(244, 197, 66, .20) !important;
            background: linear-gradient(90deg, rgba(114, 0, 13, .72), rgba(16, 16, 18, .98) 48%, rgba(4, 102, 60, .62)) !important;
            color: #fff !important
        }

        .modal-backdrop,
        .ui-widget-overlay {
            background: #000 !important;
            opacity: .82 !important
        }

        /* Header and navigation */
        .topbar-container {
            border-bottom: 1px solid rgba(244, 197, 66, .20) !important;
            background: linear-gradient(90deg, #050505, #310007 42%, #102b1f 100%) !important;
            box-shadow: 0 4px 18px rgba(0, 0, 0, .42)
        }

        .site-header,
        .navbar-default,
        .navbar-inverse {
            border-color: rgba(244, 197, 66, .34) !important;
            background: linear-gradient(180deg, rgba(20, 20, 22, .98), rgba(4, 4, 5, .98)) !important;
            box-shadow: 0 10px 34px rgba(0, 0, 0, .55), inset 0 -1px 0 rgba(244, 197, 66, .12)
        }

        .site-header .logo,
        .navbar-brand {
            filter: drop-shadow(0 0 12px rgba(244, 197, 66, .28))
        }

        .top-menu>li,
        .navbar-nav>li {
            position: relative
        }

        .top-menu>li>a,
        .navbar-default .navbar-nav>li>a,
        .navbar-inverse .navbar-nav>li>a {
            color: #e7e7e7 !important;
            letter-spacing: .35px
        }

        .top-menu>li::after,
        .navbar-nav>li::after {
            content: '';
            position: absolute;
            right: 18%;
            bottom: 0;
            left: 18%;
            height: 2px;
            opacity: 0;
            transform: scaleX(.25);
            background: linear-gradient(90deg, var(--theme-red), var(--theme-gold), var(--theme-green));
            box-shadow: var(--theme-gold-glow);
            transition: opacity .25s ease, transform .25s ease
        }

        .top-menu>li:hover::after,
        .top-menu>li[data-active="true"]::after,
        .navbar-nav>li:hover::after,
        .navbar-nav>.active::after {
            opacity: 1;
            transform: scaleX(1)
        }

        .top-menu>li:hover,
        .top-menu>li[data-active="true"],
        .navbar-default .navbar-nav>.active>a,
        .navbar-inverse .navbar-nav>.active>a {
            background: linear-gradient(180deg, rgba(212, 0, 26, .18), rgba(244, 197, 66, .06)) !important
        }

        .top-menu>li:hover>a,
        .top-menu>li[data-active="true"]>a,
        .navbar-nav>li>a:hover,
        .navbar-nav>.active>a {
            color: var(--theme-gold-soft) !important;
            text-shadow: 0 0 12px rgba(244, 197, 66, .34)
        }

        .top-menu .game-list,
        .topbar-left-section .language-selector {
            border: 1px solid rgba(244, 197, 66, .30) !important;
            background: rgba(8, 8, 10, .98) !important;
            box-shadow: 0 18px 40px rgba(0, 0, 0, .62), var(--theme-red-glow)
        }

        .top-menu .game-list>li:hover>a,
        .dropdown-menu>li>a:hover,
        .dropdown-menu>li>a:focus {
            color: #fff !important;
            background: linear-gradient(90deg, rgba(212, 0, 26, .86), rgba(155, 106, 0, .72)) !important
        }

        /* Buttons */
        .btn,
        .standard-button,
        .standard-primary-button,
        .standard-secondary-button,
        .login-panel .login-button,
        .login-panel .register-button,
        .large-game-list .play-now,
        .large-game-list .free-play {
            position: relative;
            overflow: hidden;
            border-radius: 7px !important;
            font-weight: 700;
            letter-spacing: .25px;
            transition: transform .22s ease, box-shadow .22s ease, filter .22s ease !important
        }

        .btn::before,
        .standard-button::before,
        .standard-primary-button::before,
        .standard-secondary-button::before,
        .login-panel .login-button::before,
        .login-panel .register-button::before,
        .large-game-list .play-now::after,
        .large-game-list .free-play::after {
            content: '';
            position: absolute;
            top: -120%;
            left: -55%;
            width: 38%;
            height: 340%;
            pointer-events: none;
            transform: rotate(24deg);
            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .48), transparent);
            transition: left .55s ease
        }

        .btn:hover::before,
        .standard-button:hover::before,
        .standard-primary-button:hover::before,
        .standard-secondary-button:hover::before,
        .login-panel .login-button:hover::before,
        .login-panel .register-button:hover::before,
        .large-game-list .play-now:hover::after,
        .large-game-list .free-play:hover::after {
            left: 125%
        }

        .btn:hover,
        .standard-button:hover,
        .standard-primary-button:hover,
        .standard-secondary-button:hover,
        .login-panel .login-button:hover,
        .login-panel .register-button:hover,
        .large-game-list .play-now:hover,
        .large-game-list .free-play:hover {
            transform: translateY(-2px);
            filter: brightness(1.08)
        }

        .btn-primary,
        .btn-danger,
        .standard-primary-button,
        .login-panel .login-button,
        .large-game-list .play-now {
            border-color: #ff4058 !important;
            color: #fff !important;
            background: linear-gradient(135deg, #7a000e, var(--theme-red) 52%, #ff3150) !important;
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, .18), var(--theme-red-glow)
        }

        .btn-primary:hover,
        .btn-danger:hover,
        .standard-primary-button:hover,
        .login-panel .login-button:hover,
        .large-game-list .play-now:hover {
            border-color: var(--theme-gold) !important;
            color: var(--theme-gold-soft) !important;
            box-shadow: var(--theme-red-glow), var(--theme-gold-glow)
        }

        .btn-success,
        .standard-secondary-button,
        .login-panel .register-button,
        .large-game-list .free-play {
            border-color: #38ef9d !important;
            color: #04150d !important;
            background: linear-gradient(135deg, #057044, var(--theme-green) 55%, #57f2ab) !important;
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, .24), var(--theme-green-glow)
        }

        .btn-success:hover,
        .standard-secondary-button:hover,
        .login-panel .register-button:hover,
        .large-game-list .free-play:hover {
            border-color: var(--theme-gold) !important;
            color: #050505 !important;
            background: linear-gradient(135deg, var(--theme-green), var(--theme-gold)) !important;
            box-shadow: var(--theme-green-glow), var(--theme-gold-glow)
        }

        .btn-warning,
        .btn-default {
            border-color: var(--theme-gold) !important;
            color: #0a0a0a !important;
            background: linear-gradient(135deg, var(--theme-gold-dark), var(--theme-gold-soft)) !important;
            box-shadow: var(--theme-gold-glow)
        }

        .btn-info {
            border-color: rgba(244, 197, 66, .52) !important;
            color: var(--theme-gold-soft) !important;
            background: linear-gradient(135deg, #17171a, #3b2300) !important
        }

        /* Forms */
        .form-control,
        input,
        select,
        textarea,
        .input-group-addon {
            border-color: rgba(244, 197, 66, .28) !important;
            background-color: rgba(5, 5, 7, .92) !important;
            color: #f4f4f4 !important;
            box-shadow: inset 0 1px 8px rgba(0, 0, 0, .42)
        }

        .form-control::placeholder,
        input::placeholder,
        textarea::placeholder {
            color: #818187 !important
        }

        .form-control:focus,
        input:focus,
        select:focus,
        textarea:focus {
            border-color: var(--theme-green-bright) !important;
            box-shadow: inset 0 1px 6px rgba(0, 0, 0, .45), 0 0 0 2px rgba(15, 191, 113, .12), var(--theme-green-glow) !important
        }

        label,
        legend {
            color: var(--theme-gold-soft) !important
        }

        /* Tabs, breadcrumbs, pagination and lists */
        .tab-menu-container,
        .standard-form-link-header,
        .breadcrumb,
        .pagination>li>a,
        .pagination>li>span,
        .pager li>a,
        .pager li>span {
            border-color: rgba(244, 197, 66, .22) !important;
            background: rgba(10, 10, 12, .94) !important;
            color: #dedee2 !important
        }

        .tab-menu-container a[data-active="true"],
        .standard-form-link-header a[data-active="true"],
        .nav-pills>li.active>a,
        .pagination>.active>a,
        .pagination>.active>span {
            border-color: var(--theme-gold) !important;
            color: #050505 !important;
            background: linear-gradient(135deg, var(--theme-red), var(--theme-gold)) !important;
            box-shadow: var(--theme-gold-glow)
        }

        .tab-menu-container a:hover,
        .standard-form-link-header a:hover,
        .pagination>li>a:hover,
        .pager li>a:hover {
            color: var(--theme-green-bright) !important;
            background: rgba(15, 191, 113, .12) !important
        }

        .badge,
        .label-primary,
        .label-danger {
            background: linear-gradient(135deg, var(--theme-red-dark), var(--theme-red-bright)) !important
        }

        .label-success {
            background: linear-gradient(135deg, var(--theme-green-dark), var(--theme-green-bright)) !important
        }

        .label-warning,
        .label-default {
            color: #050505 !important;
            background: linear-gradient(135deg, var(--theme-gold-dark), var(--theme-gold-soft)) !important
        }

        /* Tables */
        .table,
        table {
            color: var(--theme-text)
        }

        .table>thead>tr>th,
        .table>tbody>tr>th,
        .table>tfoot>tr>th,
        .table>thead>tr>td,
        .table>tbody>tr>td,
        .table>tfoot>tr>td,
        .table-bordered {
            border-color: rgba(244, 197, 66, .18) !important
        }

        .table-striped>tbody>tr:nth-child(odd)>td,
        .table-striped>tbody>tr:nth-child(odd)>th {
            background: rgba(212, 0, 26, .06) !important
        }

        .table-hover>tbody>tr:hover>td,
        .table-hover>tbody>tr:hover>th {
            background: rgba(15, 191, 113, .10) !important
        }

        /* Alerts */
        .alert {
            border-width: 1px !important;
            background: rgba(12, 12, 14, .94) !important;
            box-shadow: 0 10px 24px rgba(0, 0, 0, .30)
        }

        .alert-danger {
            border-color: rgba(255, 24, 56, .50) !important;
            color: #ff9aaa !important;
            box-shadow: var(--theme-red-glow)
        }

        .alert-warning {
            border-color: rgba(244, 197, 66, .52) !important;
            color: var(--theme-gold-soft) !important;
            box-shadow: var(--theme-gold-glow)
        }

        .alert-success {
            border-color: rgba(56, 239, 157, .48) !important;
            color: #8ff8c9 !important;
            box-shadow: var(--theme-green-glow)
        }

        .alert-info {
            border-color: rgba(244, 197, 66, .32) !important;
            color: #ececec !important
        }

        /* Game and provider cards */
        .game-list,
        .large-game-list-container,
        .provider-page .large-game-list-container {
            border-color: rgba(244, 197, 66, .20) !important;
            background: linear-gradient(145deg, rgba(14, 14, 17, .96), rgba(4, 4, 5, .98)) !important
        }

        .game-list-title,
        .game-list-title>div,
        .provider-container>h5,
        .search-popular-games-section-title {
            color: var(--theme-gold-soft) !important;
            background: linear-gradient(90deg, rgba(212, 0, 26, .80), rgba(23, 23, 26, .96) 52%, rgba(4, 102, 60, .66)) !important;
            text-shadow: 0 0 12px rgba(244, 197, 66, .24)
        }

        .game-list .game-item,
        .game-list .wrapper-container,
        .large-game-list li,
        .large-game-list .game-provider-img,
        .provider-slide>main>.slide-item,
        .search-result-game-list .game-item,
        .search-result-provider-list .provider-item,
        .game-info {
            border: 1px solid rgba(244, 197, 66, .16) !important;
            background: linear-gradient(145deg, rgba(27, 27, 31, .96), rgba(7, 7, 9, .98)) !important;
            box-shadow: 0 8px 20px rgba(0, 0, 0, .34);
            transition: transform .26s ease, border-color .26s ease, box-shadow .26s ease, filter .26s ease !important
        }

        .game-list .wrapper-container:hover,
        .large-game-list li:hover,
        .large-game-list .game-provider-img:hover,
        .provider-slide>main>.slide-item:hover,
        .search-result-game-list .game-item:hover,
        .search-result-provider-list .provider-item:hover,
        .game-info:hover {
            z-index: 2;
            border-color: rgba(244, 197, 66, .72) !important;
            transform: translateY(-4px) scale(1.015);
            box-shadow: 0 18px 32px rgba(0, 0, 0, .58), var(--theme-red-glow), var(--theme-gold-glow)
        }

        .game-list img,
        .large-game-list li img,
        .large-game-list .game-provider-img img,
        .provider-slide img,
        .search-result-game-list .game-item img,
        .search-result-provider-list .provider-item img {
            transition: transform .35s ease, filter .35s ease !important
        }

        .game-list .wrapper-container:hover img,
        .large-game-list li:hover img,
        .large-game-list .game-provider-img:hover img,
        .provider-slide>main>.slide-item:hover img,
        .search-result-game-list .game-item:hover img,
        .search-result-provider-list .provider-item:hover img {
            transform: scale(1.045);
            filter: saturate(1.12) contrast(1.04) brightness(1.06)
        }

        .game-list .game-name,
        .search-result-game-list .game-name,
        .search-result-provider-list .provider-name,
        .provider-info h5 {
            color: var(--theme-gold-soft) !important
        }

        .game-list .provider-name,
        .search-result-game-list .provider-name,
        .search-result-game-list .category,
        .provider-info p,
        .game-provider-desc {
            color: var(--theme-muted) !important
        }

        .game-list .link-container,
        .large-game-list li .link-container,
        .large-game-list .game-provider-img .link-container {
            background: linear-gradient(180deg, rgba(0, 0, 0, .10), rgba(0, 0, 0, .92)) !important
        }

        .game-list .rtp-container .rtp-progress,
        .search-result-game-list .rtp-progress,
        .progress {
            background: #050505 !important;
            box-shadow: inset 0 1px 8px rgba(0, 0, 0, .82)
        }

        .game-list .rtp-progress-bar[data-rtp="low"],
        .game-list .rtp-progress-bar[data-rtp-from="low"],
        .search-result-game-list .rtp-progress-bar[data-rtp="low"],
        .progress-bar-danger {
            background: linear-gradient(90deg, var(--theme-red-dark), var(--theme-red-bright)) !important;
            box-shadow: var(--theme-red-glow)
        }

        .game-list .rtp-progress-bar[data-rtp="medium"],
        .game-list .rtp-progress-bar[data-rtp-from="medium"],
        .search-result-game-list .rtp-progress-bar[data-rtp="medium"],
        .progress-bar-warning {
            background: linear-gradient(90deg, var(--theme-gold-dark), var(--theme-gold-soft)) !important;
            box-shadow: var(--theme-gold-glow)
        }

        .game-list .rtp-progress-bar[data-rtp="high"],
        .game-list .rtp-progress-bar[data-rtp-from="high"],
        .search-result-game-list .rtp-progress-bar[data-rtp="high"],
        .progress-bar-success {
            background: linear-gradient(90deg, var(--theme-green-dark), var(--theme-green-bright)) !important;
            box-shadow: var(--theme-green-glow)
        }

        /* Footer */
        .provider-section {
            border-top: 1px solid rgba(244, 197, 66, .18) !important;
            background: linear-gradient(180deg, #09090b, #050505) !important
        }

        .footer-separator {
            border-color: rgba(244, 197, 66, .24) !important
        }

        .site-footer {
            border-top: 1px solid rgba(244, 197, 66, .34) !important;
            background-color: #050505 !important;
            background-image:
                radial-gradient(circle at 14% 20%, rgba(212, 0, 26, .13), transparent 28%),
                radial-gradient(circle at 86% 70%, rgba(15, 191, 113, .10), transparent 30%),
                linear-gradient(180deg, #0c0c0e, #030303) !important;
            box-shadow: 0 -12px 32px rgba(0, 0, 0, .46)
        }

        .footer-links>li>a,
        .footer-section-title {
            color: var(--theme-gold-soft) !important
        }

        .footer-links>li>a:hover {
            color: var(--theme-green-bright) !important
        }

        .footer-links>li+li>a {
            border-color: rgba(244, 197, 66, .28) !important
        }

        /* Decorative animation without layout changes */
        @keyframes premiumGlowPulse {
            0%, 100% {
                box-shadow: 0 0 0 rgba(244, 197, 66, 0)
            }
            50% {
                box-shadow: 0 0 22px rgba(244, 197, 66, .20)
            }
        }

        .banner .carousel-indicators .active,
        .banner .carousel-indicators .slick-active,
        .resolved-transactions-carousel .carousel-indicators .active,
        .resolved-transactions-carousel .carousel-indicators .slick-active {
            border-color: var(--theme-gold) !important;
            background: linear-gradient(135deg, var(--theme-red), var(--theme-gold), var(--theme-green)) !important;
            animation: premiumGlowPulse 2.4s ease-in-out infinite
        }

        @media (max-width: 767px) {
            body {
                background-image:
                    radial-gradient(circle at 15% 7%, rgba(212, 0, 26, .13), transparent 28%),
                    radial-gradient(circle at 88% 22%, rgba(15, 191, 113, .09), transparent 26%),
                    linear-gradient(160deg, #030303, #0a0708 60%, #040705) !important
            }

            .game-list .wrapper-container:hover,
            .large-game-list li:hover,
            .large-game-list .game-provider-img:hover,
            .provider-slide>main>.slide-item:hover,
            .game-info:hover {
                transform: translateY(-2px) scale(1.006)
            }
        }

        @media (prefers-reduced-motion: reduce) {
            *,
            *::before,
            *::after {
                scroll-behavior: auto !important;
                animation-duration: .01ms !important;
                animation-iteration-count: 1 !important;
                transition-duration: .01ms !important
            }
        }