@charset "UTF-8";
    @supports (-ms-overflow-style: none) {
        .ps {
        overflow: auto!important;
    }
}
@font-face {
    font-family: FontAwesome;
    src: url(/fonts/fontawesome-webfont3e6e.eot?v=4.7.0);
    src: url(/fonts/fontawesome-webfontd41d.eot?#iefix&v=4.7.0) format("embedded-opentype"), url(/fonts/fontawesome-webfont3e6e.woff2?v=4.7.0) format("woff2"), url(/fonts/fontawesome-webfont3e6e.woff?v=4.7.0) format("woff"), url(/fonts/fontawesome-webfont3e6e.ttf?v=4.7.0) format("truetype"), url(/fonts/fontawesome-webfont3e6e.svg?v=4.7.0#fontawesomeregular) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
/* Regular - 400 */
@font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local("Open Sans Regular"), url(/css/fonts/mem8YaGs126MiZpBA-UFVZ0b.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* SemiBold - 600 */
@font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: local("Open Sans SemiBold"), url(/css/fonts/mem5YaGs126MiZpBA-UNirkOUuhp.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Bold - 700 */
@font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local("Open Sans Bold"), url(/css/fonts/mem5YaGs126MiZpBA-UN7rgOUuhp.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
body {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-family: "Open Sans", sans-serif;
    margin: 0;
    padding-bottom: 60px;
    overflow-x: hidden;
    color: #161B22;
    font-size: 13px;
    background-color: #0f172a;
    overflow-y: auto !important;
    height: auto !important;
    scroll-behavior: smooth;
}

button {
    touch-action: manipulation
}

::-webkit-scrollbar {
    width: 5px; 
    background-color: #0b0b0b; 
}

::-webkit-scrollbar-thumb {
    background: #1a1a1a; 
    border-radius: 10px;
    border: 1px solid #333; 
    transition: all 0.4s ease;
}

::-webkit-scrollbar-track {
    background: #050505;
    border-left: 1px solid #1a1a1a; 
}

.badge, .h1, .h2, .h3, .h4, .h5, .h6, .label, b, h1, h2, h3, h4, h5, h6, strong {
    font-family: "Nunito Sans", sans-serif;
}
html {
    position: relative;
    min-height: 100%;
    scrollbar-color: #333333 #0f0f0f;
    scrollbar-width: none;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    color: #666f7b;
    margin: 10px 0;
    font-weight: 700;
}
h5 {
    font-size: 15px;
}
p {
    line-height: 1.6;
}
* {
    outline: 0!important;
}
a:active, a:focus, a:hover {
    outline: 0;
    text-decoration: none;
}
.container {
    width: auto;
}
#wrapper, .text-overflow {
    width: 100%;
    overflow: hidden;
}
#wrapper {
    height: 100%}
.row {
    margin-right: -10px;
    margin-left: -10px;
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .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-md-1, .col-md-10, .col-md-11, .col-md-12, .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-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .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-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    padding-left: 10px;
    padding-right: 10px;
}
.media {
    margin-top: 25px;
}
.dropdown-menu {
    padding: 4px 0;
    box-shadow: 0 1px 3px rgba(49, 58, 70, .2);
    border: 1px solid rgba(152, 166, 173, .15);
}
.dropdown-menu>li>a {
    padding: 7px 20px;
    font-size: 13px;
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover, .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    background-color: hsla(0, 0%, 100%, .3);
    color: #fff!important;
}
.fa-star.on {
    color: gold;
    margin: 0 0px;
}
.fa-star.off {
    color: #fbf4c2;
    margin: 0 0px;
}
.bg-primary {
    background-color: #1E293B!important;
}
.bg-success {
    background-color: #00E676!important;
}
.bg-info {
    background-color: #34d3eb!important;
}
.bg-warning {
    background-color: #ffa91c!important;
}
.bg-danger {
    background-color: #FF5252!important;
}
.bg-muted {
    background-color: #797979!important;
}
.bg-white {
    background-color: #fff!important;
}
.text-warning {
    color: #f0ad52;
}
.text-danger {
    color: #FF5252!important;
}
.text-muted {
    color: #98a6ad!important;
}
.text-primary {
    color: #4989bd!important;
}
.text-warning {
    color: #ffa91c!important;
}
.text-success {
    color: #5cb85c!important;
}
.label {
    padding: .3em .6em;
}
.label-primary {
    background-color: #4489e4;
}
.label-warning {
    background-color: #ffa91c;
}
.badge {
    text-transform: uppercase;
    padding: 3px 5px;
    margin-top: 1px;
    background-color: #64c5b1;
}
.badge-info {
    background-color: #34d3eb;
}
.waves-effect {
    position: relative;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    vertical-align: middle;
    z-index: 1;
    will-change: opacity, transform;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
@-webkit-keyframes fa-spin {
    0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
}
100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
}
}@keyframes fa-spin {
    0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
}
100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
}
}
[class*=" dripicons-"]:before, [class^=dripicons-]:before, [data-icon]:before {
    font-family: dripicons-v2!important;
    font-style: normal!important;
    font-weight: 400!important;
    font-variant: normal!important;
    text-transform: none!important;
    -moz-osx-font-smoothing: grayscale;
    speak: none;
    -webkit-font-smoothing: antialiased;
}
@font-face {
    font-family: dripicons-v2;
    src: url(/fonts/dripicons-v2.eot);
    src: url(/fonts/dripicons-v2d41d.eot?#iefix) format("embedded-opentype"), url(/fonts/dripicons-v2.woff) format("woff"), url(/fonts/dripicons-v2.ttf) format("truetype"), url(/fonts/dripicons-v2.svg#dripicons-v2) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
[data-icon]:before {
    content: attr(data-icon);
}
.topbar {
    border: 0;
    height: 70px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 999;
    background-color: #1b212d;
}
.topbar .topbar-left {
    float: left;
    text-align: center;
    height: 70px;
    position: relative;
    width: 260px;
    z-index: 1;
    background-color: #1b212d;
}
.side-menu {
    width: 260px;
    z-index: 10;
    background: #1b212d;
    bottom: 0;
    margin-top: 0;
    padding-bottom: 30px;
    position: absolute;
    top: 70px;
    text-align: center;
    transition: var(--transition)
}
.enlarged .side-menu {
    position: absolute;
}
.content-page {
    margin-left: 160px;
    overflow: hidden;
    transition: var(--transition);
}
.content-page .content {
    padding: 0;
    margin-top: 70px;
}
.button-menu-mobile {
    border: none;
    color: #fff;
    display: inline-block;
    height: 31px;
    width: 26px;
    background-color: transparent;
    font-size: 16px;
}
#sidebar-menu>ul>li>a {
    color: #fff;
    display: block;
    padding: 8px 20px;
    margin: 2px 0;
    text-align: left;
    font-size: 13px;
}
/*#sidebar-menu>ul>li>a:active, #sidebar-menu>ul>li>a:focus, */
#sidebar-menu>ul>li>a:hover {
    color: #fff !important;
    transition: 0.2s;
    background-color: #111827;
    text-decoration: none;
}
#sidebar-menu>ul>li>a>span {
    vertical-align: middle;
    margin-right: 6px;
}
#sidebar-menu {
    padding-top: 10px;
}
#sidebar-menu .badge, #sidebar-menu .label {
    display: none;
}
#sidebar-menu li.active .menu-arrow {
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
#sidebar-menu ul li a i {
    display: inline-block;
    font-size: 18px;
    line-height: 18px;
    margin: 0 10px 0 0;
    text-align: left;
    vertical-align: middle;
}
.enlarged #wrapper #sidebar-menu .badge, .enlarged #wrapper #sidebar-menu .collapse.in, .enlarged #wrapper #sidebar-menu .label, .enlarged #wrapper #sidebar-menu .menu-arrow, .enlarged #wrapper #sidebar-menu .menu-title {
    display: none!important;
}
#sidebar-menu ul li a .drop-arrow i {
    margin-right: 0;
}
.enlarged .slimscroll-menu {
    overflow: inherit!important;
}
.enlarged #wrapper #sidebar-menu ul ul {
    margin-top: -2px;
    padding-bottom: 5px;
    padding-top: 5px;
    z-index: 9999;
    background-color: #111827;
}
.enlarged #wrapper #sidebar-menu .nav.collapse {
    height: inherit!important;
}
.enlarged #wrapper .left.side-menu {
    width: 71px;
    z-index: 5;
    text-align: left;
}
.enlarged #wrapper .left.side-menu #sidebar-menu>ul>li>a {
    padding: 8px 10px;
    min-height: 41px;
}
.enlarged #wrapper .left.side-menu #sidebar-menu>ul>li>a:hover {
    background-color: #111827;
}
.enlarged #wrapper .left.side-menu #sidebar-menu>ul>li>a:active, .enlarged #wrapper .left.side-menu #sidebar-menu>ul>li>a:focus {
    color: #fff!important;
    background-color: #2f3642;
}
.enlarged #wrapper .left.side-menu #sidebar-menu>ul>li>a i {
    font-size: 18px;
    margin-right: 48px;
    margin-left: 17px;
    float: left;
}
.enlarged #wrapper .left.side-menu #sidebar-menu ul>li {
    position: relative;
    white-space: nowrap;
    line-height: normal;
}
.enlarged #wrapper .left.side-menu #sidebar-menu ul>li:hover>a {
    background-color: #1b212d;
    color: #fff!important;
    position: relative;
    width: 330px;
}
.enlarged #wrapper .left.side-menu #sidebar-menu ul ul li.active a, .enlarged #wrapper .left.side-menu #sidebar-menu ul>li:hover>ul a:hover {
    color: #fff;
}
.enlarged #wrapper .left.side-menu #sidebar-menu ul>li:hover>ul {
    display: block;
    left: 70px;
    position: absolute;
    width: 260px;
    padding: 5px;
}
.enlarged #wrapper .left.side-menu #sidebar-menu ul>li:hover>ul a {
    box-shadow: none;
    padding: 8px 20px;
    position: relative;
    width: 260px;
    z-index: 6;
    padding: 10px;
    border-bottom: 1px solid rgba(87, 106, 145, .1);
    border-top: 1px solid rgba(87, 106, 145, .1);
}
.enlarged #wrapper .left.side-menu #sidebar-menu ul>li:hover a span {
    display: inline;
}
.enlarged #wrapper .left.side-menu #sidebar-menu ul ul li:hover>ul {
    display: block;
    left: 235px;
    margin-top: -36px;
    position: absolute;
    width: 305px;
}
.enlarged #wrapper .left.side-menu #sidebar-menu ul ul li>a span.pull-right {
    -ms-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    position: absolute;
    right: 20px;
    top: 12px;
    transform: rotate(270deg);
}
.enlarged #wrapper .left.side-menu #sidebar-menu ul>li:hover span.caret {
    position: absolute;
    top: 17px;
}

.enlarged #wrapper .left.side-menu #sidebar-menu ul>li>a span {
    display: none;
    padding-left: 0;
}
.collapse.drop_menu {
    background-color: #283440!important;
    text-align: left;
    width: 260px!important;
}
.collapse.drop_menu li {
    width: 100%;
    padding: 8px 10px;
    text-align: left;
}
.collapse.drop_menu li a {
    color: #fff;
    padding-left: 30px;
}
.collapse.drop_menu li a:hover {
    background-color: transparent!important;
}
.enlarged #wrapper .left.side-menu .user-details {
    display: none;
}
.enlarged #wrapper .content-page {
    margin-left: 50px;
}
.enlarged #wrapper .footer {
    left: 70px;
}
.enlarged #wrapper .topbar .topbar-left {
    width: 50px!important;
}
.enlarged #wrapper .topbar .topbar-left .logo span {
    display: none;
    opacity: 0;
}
.enlarged #wrapper .topbar .topbar-left .logo i {
    display: block;
    line-height: 70px;
    color: #64c5b1!important;
}
.enlarged #wrapper #sidebar-menu>ul>li:hover>a.active:after, .enlarged #wrapper #sidebar-menu>ul>li:hover>a.open:after {
    display: none;
}
body.enlarged {
    min-height: 1450px;
}
body.enlarged.bg-transparent {
    min-height: 500px;
}
.lang-option .bootstrap-select {
    margin: 18px 10px 0!important;
}
.lang-option .bootstrap-select .btn-default {
    background-color: #fff!important;
}
.footer {
    border-top: 1px solid rgba(152, 166, 173, .2);
    bottom: 0;
    text-align: left!important;
    padding: 19px 30px 20px;
    position: absolute;
    right: 0;
    left: 160px;
}
@media (min-width:768px) and (max-width:991px) {
    body {
        overflow-x: hidden;
    }
}
@media (max-width:768px) {
    body {
        overflow-x: hidden;
    }
    .topbar-left {
        width: 70px!important;
    }
    .topbar-left span {
        display: none!important;
    }
    .topbar-left i {
        display: block!important;
        line-height: 70px!important;
    }
    .topbar .topbar-left {
        height: 70px;
    }
    .navbar-nav.navbar-right {
        float: right;
    }
    .content-page {
        margin-left: 0!important;
    }
    .enlarged .left.side-menu {
        margin-left: -70px;
    }
    .footer {
        left: 0!important;
    }
    .mobile-sidebar {
        left: 0;
    }
    .mobile-content {
        left: 250px;
        right: -250px;
    }
    .dataTables_wrapper .col-xs-6 {
        width: 100%;
        text-align: left;
    }
    .m-t-sm-50 {
        margin-top: 50px!important;
    }
}
@media (max-width:480px) {
    .side-menu {
        z-index: 10!important;
    }

}
.content-page {
    margin-left: 70px;
}
.enlarged .side-menu.left {
    box-shadow: 0 1px 1px rgba(0, 0, 0, .1)!important;
}hr, img {
    border: 0;
}
body {
    margin: 0;
}
.btn-group>.btn-group, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .dropdown-menu {
    float: left;
}
.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
    max-height: 340px;
}
html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%}
details, footer, header, main, menu, nav, section, summary {
    display: block;
}
canvas {
    display: inline-block;
    vertical-align: baseline;
}
[hidden] {
    display: none;
}
a {
    background-color: transparent;
}
a:active, a:hover {
    outline: 0;
}
.fw-600 {
    font-weight: 600;
}
.ddd {
    color: #ddd !important;
}
b, strong, .b {
    font-weight: 700;
}
h1 {
    margin: .67em 0;
}
mark {
    color: #000;
    background: #ff0;
}
img {
    vertical-align: middle;
}
svg:not(:root) {
    overflow: hidden;
}
hr {
    height: 0;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
*, :after, :before, input[type=checkbox], input[type=radio] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
pre, textarea {
    overflow: auto;
}
pre {
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    word-break: break-all;
    word-wrap: break-word;
    background-color: #090C10;
    border: 1px solid #1e2229;
    border-radius: 4px;
}
code {
    font-size: 1em;
}
button, input, select, textarea {
    margin: 0;
    font: inherit;
    color: inherit;
}
.badge, .label {
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
    text-align: center;
}
button {
    overflow: visible;
}
button, select {
    text-transform: none;
}
button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer;
}
button[disabled], html input[disabled] {
    cursor: default;
}
button::-moz-focus-inner, input::-moz-focus-inner {
    padding: 0;
    border: 0;
}
input[type=checkbox], input[type=radio] {
    box-sizing: border-box;
    padding: 0;
}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    height: auto;
}
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none;
}
table {
    border-spacing: 0;
    border-collapse: collapse;
}
td, th {
    padding: 0;
}
.modal-content {
    -webkit-background-clip: padding-box;
}
.btn, .btn-danger.active, .btn-danger:active, .btn-default.active, .btn-default:active, .btn-info.active, .btn-info:active, .btn-primary.active, .btn-primary:active, .btn-warning.active, .btn-warning:active, .btn.active, .btn:active, .dropdown-menu>.disabled>a:focus, .dropdown-menu>.disabled>a:hover, .form-control, .navbar-toggle, .open>.dropdown-toggle.btn-danger, .open>.dropdown-toggle.btn-default, .open>.dropdown-toggle.btn-info, .open>.dropdown-toggle.btn-primary, .open>.dropdown-toggle.btn-warning {
    background-image: none;
}
body {
    background-color: #fff;
}


*, :after, :before {
    box-sizing: border-box;
}
html {
    font-size: 10px;
    -webkit-tap-highlight-color: transparent;
}
body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    line-height: 1.42857143;
    color: #333;
}
button, input, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}
a {
    color: #2979FF;
    text-decoration: none;
}
a:focus {
    outline: -webkit-focus-ring-color auto 5px;
    outline-offset: -2px;
}
.img-circle {
    border-radius: 50%}
hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border-top: 1px solid #eee;
}
[role=button] {
    cursor: pointer;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
}
.h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small {
    font-weight: 400;
    line-height: 1;
    color: #777;
}
.h1, .h2, .h3, h1, h2, h3 {
    margin-top: 20px;
    margin-bottom: 10px;
}
.h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small {
    font-size: 65%}
.h4, .h5, .h6, h4, h5, h6 {
    margin-top: 10px;
    margin-bottom: 10px;
}
.h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small {
    font-size: 75%}
.h1, h1 {
    font-size: 36px;
}
.h2, h2 {
    font-size: 30px;
}
.h3, h3 {
    font-size: 24px;
}
.h4, h4 {
    font-size: 18px;
}
.h5, h5 {
    font-size: 13px;
}
.h6, h6 {
    font-size: 12px;
}
p {
    margin: 0 0 10px;
}
dt, label {
    font-weight: 700;
}
address, dt, pre {
    line-height: 1.42857143;
}
.small, small {
    font-size: 85%}
.text-center {
    text-align: center;
}
.text-muted {
    color: #777;
}
.text-success {
    color: #3c763d;
}
.text-info {
    color: #31708f;
}
.text-danger {
    color: #a94442;
}
.bg-primary {
    color: #fff;
    background-color: #1E293B;
}
a.bg-primary:focus, a.bg-primary:hover {
    background-color: #448AFF;
}
.bg-success {
    background-color: #dff0d8;
}
a.bg-success:focus, a.bg-success:hover {
    background-color: #c1e2b3;
}
.bg-info {
    background-color: #d9edf7;
}
a.bg-info:focus, a.bg-info:hover {
    background-color: #afd9ee;
}
.bg-warning {
    background-color: #fcf8e3;
}
a.bg-warning:focus, a.bg-warning:hover {
    background-color: #f7ecb5;
}
.bg-danger {
    background-color: #f2dede;
}
a.bg-danger:focus, a.bg-danger:hover {
    background-color: #e4b9b9;
}
table {
    background-color: transparent;
}
.page-header {
    padding-bottom: 9px;
    margin: 40px 0 20px;
    border-bottom: 1px solid #eee;
}
ul {
    margin-top: 0;
}
ul ul {
    margin-bottom: 0;
}
address {
    margin-bottom: 20px;
}
ul {
    margin-bottom: 10px;
}
legend {
    display: block;
}
@media (min-width:768px) {
    .container {
        width: 750px;
    }
}
.close, pre {
    color: #aaa;
}
code {
    padding: 2px 4px;
    font-size: 90%}
caption, th {
    text-align: left;
}
code {
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}
code {
    color: #c7254e;
    background-color: #f9f2f4;
    border-radius: 4px;
}
.container {
    margin-right: auto;
    margin-left: auto;
}
.container {
    padding-right: 15px;
    padding-left: 15px;
}
@media (min-width:992px) {
    .container {
        width: 970px;
    }
    .container-alt {
        width: 970px;
    }
}
.v9-flex-row { display: block; gap: 10px; margin-bottom: 7px; flex-wrap: wrap; }
.v9-stats-grid-main {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 10px;
    margin: 0px 7px 0 7px;
}
@media (min-width:850px) {
    .v9-stats-grid-main {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (min-width:1200px) {
    .v9-flex-row { display: flex;}  
    .container {
        width: 1170px;
    }
}
.row {
    margin-right: -15px;
    margin-left: -15px;
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .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-md-1, .col-md-10, .col-md-11, .col-md-12, .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-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .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-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.col-xs-12 {
    width: 100%}
.col-xs-11 {
    width: 91.66666667%}
.col-xs-10 {
    width: 83.33333333%}
.col-xs-9 {
    width: 75%}
.col-xs-8 {
    width: 66.66666667%}
.col-xs-7 {
    width: 58.33333333%}
.col-xs-6 {
    width: 50%}
.col-xs-5 {
    width: 41.66666667%}
.col-xs-4 {
    width: 33.33333333%}
.col-xs-3 {
    width: 25%}
.col-xs-2 {
    width: 16.66666667%}
.col-xs-1 {
    width: 8.33333333%}
.col-xs-pull-12 {
    right: 100%}
.col-xs-pull-11 {
    right: 91.66666667%}
.col-xs-pull-10 {
    right: 83.33333333%}
.col-xs-pull-9 {
    right: 75%}
.col-xs-pull-8 {
    right: 66.66666667%}
.col-xs-pull-7 {
    right: 58.33333333%}
.col-xs-pull-6 {
    right: 50%}
.col-xs-pull-5 {
    right: 41.66666667%}
.col-xs-pull-4 {
    right: 33.33333333%}
.col-xs-pull-3 {
    right: 25%}
.col-xs-pull-2 {
    right: 16.66666667%}
.col-xs-pull-1 {
    right: 8.33333333%}
.col-xs-pull-0 {
    right: auto;
}
.col-xs-push-12 {
    left: 100%}
.col-xs-push-11 {
    left: 91.66666667%}
.col-xs-push-10 {
    left: 83.33333333%}
.col-xs-push-9 {
    left: 75%}
.col-xs-push-8 {
    left: 66.66666667%}
.col-xs-push-7 {
    left: 58.33333333%}
.col-xs-push-6 {
    left: 50%}
.col-xs-push-5 {
    left: 41.66666667%}
.col-xs-push-4 {
    left: 33.33333333%}
.col-xs-push-3 {
    left: 25%}
.col-xs-push-2 {
    left: 16.66666667%}
.col-xs-push-1 {
    left: 8.33333333%}
.col-xs-push-0 {
    left: auto;
}
@media (min-width:768px) {
    .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {
        float: left;
    }
    .col-sm-12 {
        width: 100%}
    .col-sm-11 {
        width: 91.66666667%}
    .col-sm-10 {
        width: 83.33333333%}
    .col-sm-9 {
        width: 75%}
    .col-sm-8 {
        width: 66.66666667%}
    .col-sm-7 {
        width: 58.33333333%}
    .col-sm-6 {
        width: 50%}
    .col-sm-5 {
        width: 41.66666667%}
    .col-sm-4 {
        width: 33.33333333%}
    .col-sm-3 {
        width: 25%}
    .col-sm-2 {
        width: 16.66666667%}
    .col-sm-1 {
        width: 8.33333333%}
    .col-sm-pull-12 {
        right: 100%}
    .col-sm-pull-11 {
        right: 91.66666667%}
    .col-sm-pull-10 {
        right: 83.33333333%}
    .col-sm-pull-9 {
        right: 75%}
    .col-sm-pull-8 {
        right: 66.66666667%}
    .col-sm-pull-7 {
        right: 58.33333333%}
    .col-sm-pull-6 {
        right: 50%}
    .col-sm-pull-5 {
        right: 41.66666667%}
    .col-sm-pull-4 {
        right: 33.33333333%}
    .col-sm-pull-3 {
        right: 25%}
    .col-sm-pull-2 {
        right: 16.66666667%}
    .col-sm-pull-1 {
        right: 8.33333333%}
    .col-sm-pull-0 {
        right: auto;
    }
    .col-sm-push-12 {
        left: 100%}
    .col-sm-push-11 {
        left: 91.66666667%}
    .col-sm-push-10 {
        left: 83.33333333%}
    .col-sm-push-9 {
        left: 75%}
    .col-sm-push-8 {
        left: 66.66666667%}
    .col-sm-push-7 {
        left: 58.33333333%}
    .col-sm-push-6 {
        left: 50%}
    .col-sm-push-5 {
        left: 41.66666667%}
    .col-sm-push-4 {
        left: 33.33333333%}
    .col-sm-push-3 {
        left: 25%}
    .col-sm-push-2 {
        left: 16.66666667%}
    .col-sm-push-1 {
        left: 8.33333333%}
    .col-sm-push-0 {
        left: auto;
    }
}@media (min-width:992px) {
    .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
        float: left;
    }
    .col-md-12 {
        width: 100%}
    .col-md-11 {
        width: 91.66666667%}
    .col-md-10 {
        width: 83.33333333%}
    .col-md-9 {
        width: 75%}
    .col-md-8 {
        width: 66.66666667%}
    .col-md-7 {
        width: 58.33333333%}
    .col-md-6 {
        width: 50%}
    .col-md-5 {
        width: 41.66666667%}
    .col-md-4 {
        width: 33.33333333%}
    .col-md-3 {
        width: 25%}
    .col-md-2 {
        width: 16.66666667%}
    .col-md-1 {
        width: 8.33333333%}
    .col-md-pull-12 {
        right: 100%}
    .col-md-pull-11 {
        right: 91.66666667%}
    .col-md-pull-10 {
        right: 83.33333333%}
    .col-md-pull-9 {
        right: 75%}
    .col-md-pull-8 {
        right: 66.66666667%}
    .col-md-pull-7 {
        right: 58.33333333%}
    .col-md-pull-6 {
        right: 50%}
    .col-md-pull-5 {
        right: 41.66666667%}
    .col-md-pull-4 {
        right: 33.33333333%}
    .col-md-pull-3 {
        right: 25%}
    .col-md-pull-2 {
        right: 16.66666667%}
    .col-md-pull-1 {
        right: 8.33333333%}
    .col-md-pull-0 {
        right: auto;
    }
    .col-md-push-12 {
        left: 100%}
    .col-md-push-11 {
        left: 91.66666667%}
    .col-md-push-10 {
        left: 83.33333333%}
    .col-md-push-9 {
        left: 75%}
    .col-md-push-8 {
        left: 66.66666667%}
    .col-md-push-7 {
        left: 58.33333333%}
    .col-md-push-6 {
        left: 50%}
    .col-md-push-5 {
        left: 41.66666667%}
    .col-md-push-4 {
        left: 33.33333333%}
    .col-md-push-3 {
        left: 25%}
    .col-md-push-2 {
        left: 16.66666667%}
    .col-md-push-1 {
        left: 8.33333333%}
    .col-md-push-0 {
        left: auto;
    }
}@media (min-width:1200px) {
    .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9 {
        float: left;
    }
    .col-lg-12 {
        width: 100%}
    .col-lg-11 {
        width: 91.66666667%}
    .col-lg-10 {
        width: 83.33333333%}
    .col-lg-9 {
        width: 75%}
    .col-lg-8 {
        width: 66.66666667%}
    .col-lg-7 {
        width: 58.33333333%}
    .col-lg-6 {
        width: 50%}
    .col-lg-5 {
        width: 41.66666667%}
    .col-lg-4 {
        width: 33.33333333%}
    .col-lg-3 {
        width: 25%}
    .col-lg-2 {
        width: 16.66666667%}
    .col-lg-1 {
        width: 8.33333333%}
    .col-lg-pull-12 {
        right: 100%}
    .col-lg-pull-11 {
        right: 91.66666667%}
    .col-lg-pull-10 {
        right: 83.33333333%}
    .col-lg-pull-9 {
        right: 75%}
    .col-lg-pull-8 {
        right: 66.66666667%}
    .col-lg-pull-7 {
        right: 58.33333333%}
    .col-lg-pull-6 {
        right: 50%}
    .col-lg-pull-5 {
        right: 41.66666667%}
    .col-lg-pull-4 {
        right: 33.33333333%}
    .col-lg-pull-3 {
        right: 25%}
    .col-lg-pull-2 {
        right: 16.66666667%}
    .col-lg-pull-1 {
        right: 8.33333333%}
    .col-lg-pull-0 {
        right: auto;
    }
    .col-lg-push-12 {
        left: 100%}
    .col-lg-push-11 {
        left: 91.66666667%}
    .col-lg-push-10 {
        left: 83.33333333%}
    .col-lg-push-9 {
        left: 75%}
    .col-lg-push-8 {
        left: 66.66666667%}
    .col-lg-push-7 {
        left: 58.33333333%}
    .col-lg-push-6 {
        left: 50%}
    .col-lg-push-5 {
        left: 41.66666667%}
    .col-lg-push-4 {
        left: 33.33333333%}
    .col-lg-push-3 {
        left: 25%}
    .col-lg-push-2 {
        left: 16.66666667%}
    .col-lg-push-1 {
        left: 8.33333333%}
    .col-lg-push-0 {
        left: auto;
    }
}
.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
}
.table>thead>tr>th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd;
}
.table>caption+thead>tr:first-child>td, .table>caption+thead>tr:first-child>th, .table>thead:first-child>tr:first-child>td, .table>thead:first-child>tr:first-child>th {
    border-top: 0;
}
.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #f9f9f9;
}
.table-responsive {
    min-height: .01%;
    overflow-x: auto;
}
@media screen and (max-width:767px) {
    .table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
    }
}
label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
}
input[type=search] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
}
input[type=checkbox], input[type=radio] {
    margin: 4px 0 0;
    line-height: normal;
}
.form-control {
    font-size: 13px;
    line-height: 1.42857143;
    display: block;
}
input[type=file] {
    display: block;
}
input[type=range] {
    display: block;
    width: 100%}
select[multiple], select[size] {
    height: auto;
}
input[type=checkbox]:focus, input[type=file]:focus, input[type=radio]:focus {
    outline: -webkit-focus-ring-color auto 5px;
    outline-offset: -2px;
}
.form-control {
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    color: hsla(0, 0%, 100%, .7);
    background-color: #fff;
    border: 1px solid #1e2229;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-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, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
}
.form-control::-webkit-input-placeholder {
    color: #999;
}
.form-control[disabled], .form-control[readonly] {
    background-color: #090C10;
    opacity: 1;
}
.form-control[disabled] {
    cursor: not-allowed;
}
textarea.form-control {
    height: auto;
}
.form-group {
    margin-bottom: 15px;
}
.checkbox, .radio {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
}
.checkbox label, .radio label {
    font-size: 13px!important;
    min-height: 20px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 400;
    cursor: pointer;
}
.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {
    position: absolute;
    margin-left: -20px;
}
.checkbox+.checkbox, .radio+.radio {
    margin-top: -5px;
}
.form-group-sm .form-control, .input-sm {
    padding: 5px 10px;
    border-radius: 3px;
    font-size: 12px;
}
.input-sm {
    height: 30px;
    line-height: 1.5;
}
select.input-sm {
    height: 30px;
    line-height: 30px;
}
.dropdown {
    position: relative;
}
@media (min-width:768px) {
    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle;
    }
}
.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
.btn.active:focus, .btn:active:focus, .btn:focus {
    outline: -webkit-focus-ring-color auto 5px;
    outline-offset: -2px;
}
.btn:focus, .btn:hover {
    color: #333;
    text-decoration: none;
}
.btn.active, .btn:active {
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.btn.disabled, .btn[disabled] {
    cursor: not-allowed;
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .65;
}
a.btn.disabled {
    pointer-events: none;
}
.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}
.btn-default:focus {
    color: #333;
    background-color: #e6e6e6;
    border-color: #8c8c8c;
}
.btn-default.active, .btn-default:active, .btn-default:hover, .open>.dropdown-toggle.btn-default {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}
.btn-default.active:focus, .btn-default.active:hover, .btn-default:active:focus, .btn-default:active:hover, .open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default:hover {
    color: #333;
    background-color: #d4d4d4;
    border-color: #8c8c8c;
}
.btn-primary {
    color: #fff;
    background-color: #2979FF;
    border-color: #2979FF;
}
.btn-primary:focus {
    color: #fff !important;
    background-color: #448AFF;
    border-color: #122b40;
}
.btn-primary.active, .btn-primary:active, .btn-primary:hover, .open>.dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #448AFF;
    border-color: #204d74;
}
.btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover {
    color: #fff;
    background-color: #204d74;
    border-color: #122b40;
}
.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}
.btn-success:focus {
    color: #fff;
    background-color: #449d44;
    border-color: #255625;
}
.btn-success.active, .btn-success:active, .btn-success:hover, .open>.dropdown-toggle.btn-success {
    color: #fff;
    background-color: #449d44;
    border-color: #398439;
}
.btn-success.active:focus, .btn-success.active:hover, .btn-success:active:focus, .btn-success:active:hover, .open>.dropdown-toggle.btn-success:focus, .open>.dropdown-toggle.btn-success:hover {
    color: #fff;
    background-color: #398439;
    border-color: #255625;
}
.btn-success.active, .btn-success:active, .open>.dropdown-toggle.btn-success {
    background-image: none;
}
.btn-info {
    background-color: #1E293B;
    border: 1px solid #2979FF !important;
}
.btn-info.active, .btn-info.active:focus, .btn-info.active:hover, .btn-info:active, .btn-info:active:focus, .btn-info:active:hover, .btn-info:focus, .btn-info:hover, .open>.dropdown-toggle.btn-info, .open>.dropdown-toggle.btn-info:focus, .open>.dropdown-toggle.btn-info:hover {
    color: #fff;
    background-color: rgba(41, 121, 255, 0.1);
    border-color: #2979FF;
}
.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
}
.btn-danger:focus {
    color: #fff;
    background-color: #c9302c;
    border-color: #761c19;
}
.btn-danger.active, .btn-danger:active, .btn-danger:hover, .open>.dropdown-toggle.btn-danger {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925;
}
.btn-danger.active:focus, .btn-danger.active:hover, .btn-danger:active:focus, .btn-danger:active:hover, .open>.dropdown-toggle.btn-danger:focus, .open>.dropdown-toggle.btn-danger:hover {
    color: #fff;
    background-color: #ac2925;
    border-color: #761c19;
}
.btn-danger.disabled:focus, .btn-danger.disabled:hover, .btn-danger[disabled]:focus, .btn-danger[disabled]:hover {
    background-color: #d9534f;
    border-color: #d43f3a;
}
.btn-danger .badge {
    color: #d9534f;
    background-color: #fff;
}
.btn-link {
    font-weight: 400;
    color: #2979FF;
    border-radius: 0;
}
.btn-link, .btn-link.active, .btn-link:active, .btn-link[disabled] {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.btn-link, .btn-link:active, .btn-link:focus, .btn-link:hover {
    border-color: transparent;
}
.btn-link:focus, .btn-link:hover {
    color: #23527c;
    text-decoration: underline;
    background-color: transparent;
}
.btn-group-lg>.btn, .btn-lg {
    padding: 10px 16px;
    font-size: 16px;
    line-height: 1.3333333;
    border-radius: 6px;
}
.btn-block {
    display: block;
    width: 100%}
.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear;
}
.fade.in {
    opacity: 1;
}
.collapse {
    display: none;
}
.collapse.in {
    display: block;
}
tr.collapse.in {
    display: table-row;
}
tbody.collapse.in {
    display: table-row-group;
}
.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 7px dashed;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    top: 10px;
    position: relative;
    float: right;
}
.dropdown-toggle:focus {
    outline: 0;
}
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 13px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
.dropdown-menu-right, .dropdown-menu.pull-right {
    right: 0;
    left: auto;
}
.dropdown-header, .dropdown-menu>li>a {
    display: block;
    padding: 3px 20px;
    line-height: 1.42857143;
    white-space: nowrap;
}
.dropdown-menu>li>a {
    clear: both;
    font-weight: 400;
    color: #333;
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    color: #262626;
    text-decoration: none;
    background-color: transparent;
}
.open>.dropdown-menu {
    display: block;
}
.open>a {
    outline: 0;
}
.input-group {
    position: relative;
    display: table;
    border-collapse: separate;
}
.input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0;
}
.input-group .form-control:focus {
    z-index: 3;
}
.input-group .form-control, .input-group-addon, .input-group-btn {
    display: table-cell;
}
.nav>li, .nav>li>a {
    display: block;
    position: relative;
}
.input-group .form-control:not(:first-child):not(:last-child), .input-group-addon:not(:first-child):not(:last-child), .input-group-btn: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: 13px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px;
}
.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child>.btn, .input-group-btn:first-child>.btn-group>.btn, .input-group-btn:first-child>.dropdown-toggle, .input-group-btn:last-child>.btn-group:not(:last-child)>.btn, .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:first-child>.btn-group:not(:first-child)>.btn, .input-group-btn:first-child>.btn:not(:first-child), .input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group>.btn, .input-group-btn:last-child>.dropdown-toggle {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.input-group-addon:last-child {
    border-left: 0;
}
.input-group-btn {
    position: relative;
    font-size: 0;
    white-space: nowrap;
}
.input-group-btn>.btn {
    position: relative;
}
.input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group {
    z-index: 2;
    margin-left: -1px;
}
.nav {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
.nav>li>a {
    padding: 10px 15px;
}
.nav>li>a:focus, .nav>li>a:hover {
    text-decoration: none;
    background-color: #eee;
}
.nav>li.disabled>a {
    color: #777;
}
.nav>li.disabled>a:focus, .nav>li.disabled>a:hover {
    color: #777;
    text-decoration: none;
    cursor: not-allowed;
    background-color: transparent;
}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
    background-color: #eee;
    border-color: #2979FF;
}
.nav>li>a>img {
    max-width: none;
}
.tab-content>.tab-pane {
    display: none;
}
.tab-content>.active {
    display: block;
}
.tab-pane>.panel.media.pad-all {
    padding-left: 0;
}
.modal, .modal-open {
    overflow: hidden;
}

.badge, .label {
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
    text-align: center;
}
.label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    color: #fff;
    vertical-align: baseline;
    border-radius: .25em;
}
.label-primary {
    background-color: #2979FF;
}
.label-warning {
    background-color: #f0ad4e;
}
.label-danger {
    background-color: #d9534f;
}
.badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    color: #fff;
    vertical-align: middle;
    background-color: #777;
    border-radius: 10px;
}
.badge:empty {
    display: none;
}
.alert {
    margin-bottom: 20px;
}
.alert .alert-link, .close {
    font-weight: 700;
}
.alert {
    padding: 15px;
    border: 1px solid transparent;
    border-radius: 4px;
}
.alert h4 {
    margin-top: 0;
    color: inherit;
}
.modal, .modal-backdrop {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}
.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}
.media {
    margin-top: 15px;
}
.media:first-child {
    margin-top: 0;
}
.media, .media-body {
    overflow: hidden;
    zoom: 1;
}
.media-body {
    width: 10000px;
}
.media-left, .media>.pull-left {
    padding: 7px 10px 0 0;
}
.media-body, .media-left, .media-right {
    display: table-cell;
    vertical-align: top;
}
.panel {
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}
.panel-body {
    padding: 15px;
}
.close {
    float: right;
    font-size: 21px;
    line-height: 1;
    text-shadow: 0 1px 0 #fff;
}
.tooltip {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 1.42857143;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    white-space: normal;
    line-break: auto;
    text-decoration: none;
}
.close:focus, .close:hover {
    color: #23527c;
    text-decoration: none;
    cursor: pointer;
}
button.close {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
}
.modal {
    position: fixed;
    z-index: 1050;
    display: none;
    -webkit-overflow-scrolling: touch;
    outline: 0;
    overscroll-behavior: contain
}
.modal.fade .modal-dialog {
    -webkit-transition: -webkit-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out;
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    -o-transform: translate(0, -25%);
    transform: translate(0, -25%);
}
.modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
}
.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}
.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px;
}
.modal-content {
    position: relative;
    background-color: #1a2235;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
}
.modal-backdrop {
    position: fixed;
    z-index: 1040;
    background-color: #000;
}
.modal-backdrop.fade {
    opacity: 0;
}
.modal-backdrop.in {
    opacity: .5;
}
.modal-header {
    padding: 15px;
    border-bottom: 1px solid rgba(87, 106, 145, .6);
}
.modal-header .close {
    margin-top: -2px;
}
.modal-title {
    margin: 0;
    line-height: 1.42857143;
}
.modal-body {
    position: relative;
    padding: 15px;
}
.modal-footer {
    padding: 15px;
    text-align: right;
    padding-bottom:0;
    border-top: 1px solid #e5e5e5;
}
.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 (min-width:768px) {
    .modal-dialog {
        width: 720px;
        margin: 30px auto;
    }
    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
        box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
    }
    .modal-sm {
        width: 300px;
    }
}
@media (min-width:992px) {
    .modal-lg {
        width: 900px;
    }
}
.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    font-size: 12px;
    text-align: left;
    text-align: start;
    opacity: 0;
}
.tooltip.in {
    opacity: .9;
}
.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;
    background-color: #000;
    border-radius: 4px;
}
.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}
.tooltip.top .tooltip-arrow, .tooltip.top-left .tooltip-arrow, .tooltip.top-right .tooltip-arrow {
    bottom: 0;
    border-width: 5px 5px 0;
    border-top-color: #000;
}
.tooltip.top .tooltip-arrow {
    left: 50%;
    margin-left: -5px;
}
.tooltip.top-left .tooltip-arrow {
    right: 5px;
    margin-bottom: -5px;
}
.tooltip.top-right .tooltip-arrow {
    left: 5px;
    margin-bottom: -5px;
}
.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #000;
}
.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #000;
}
.tooltip.bottom .tooltip-arrow, .tooltip.bottom-left .tooltip-arrow, .tooltip.bottom-right .tooltip-arrow {
    border-width: 0 5px 5px;
    border-bottom-color: #000;
    top: 0;
}
.tooltip.bottom .tooltip-arrow {
    left: 50%;
    margin-left: -5px;
}
.tooltip.bottom-left .tooltip-arrow {
    right: 5px;
    margin-top: -5px;
}
.tooltip.bottom-right .tooltip-arrow {
    left: 5px;
    margin-top: -5px;
}
.text-hide {
    text-shadow: none;
}
.btn-group-vertical>.btn-group:after, .btn-group-vertical>.btn-group:before, .clearfix:after, .clearfix:before, .container:after, .container:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .modal-footer:after, .modal-footer:before, .modal-header:after, .modal-header:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .panel-body:after, .panel-body:before, .row:after, .row:before {
    display: table;
    content: " "}
.btn-group-vertical>.btn-group:after, .clearfix:after, .container:after, .form-horizontal .form-group:after, .modal-footer:after, .modal-header:after, .nav:after, .navbar-collapse:after, .navbar-header:after, .navbar:after, .panel-body:after, .row:after {
    clear: both;
}
.pull-right {
    float: right!important;
}
.hide {
    display: none!important;
}
.show {
    display: block!important;
}
.hidden, .visible-lg, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block, .visible-md, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-sm, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-xs, .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block {
    display: none!important;
}
@media (max-width: 480px) {
    .hidden-480{
        display: none !important;
    }
}
@media (max-width:767px) {
    .hidden-xs {
        display: none!important;
    }
}
@media (min-width:768px) and (max-width:991px) {
    .hidden-sm {
        display: none!important;
    }
}
@media (min-width:992px) and (max-width:1199px) {
    .hidden-md {
        display: none!important;
    }
}

body {
    overflow-x: hidden;
}
#wrapper {
    padding-left: 0;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}
@media (min-width:768px) {
    #wrapper {
        padding-left: 0;
    }
}
.user_information {
    border: 0!important;
}

#loading_page {
    position: fixed;
    inset: 0;
    background: #0f172a; 
    z-index: 9999999;
    display: flex;
    justify-content: center;
    align-items: center;
}

.v9-loader-wrapper {
    width: 280px;
    text-align: center;
}

.v9-logo-text {
    font-family: 'Segoe UI', Roboto, sans-serif;
    font-weight: 900;
    font-size: 28px;
    color: #fff;
    letter-spacing: 4px;
    margin-bottom: 20px;
    text-shadow: 0 0 20px rgba(56, 189, 248, 0.4);
}

.v9-progress-bar {
    width: 100%;
    height: 4px;
    background: rgba(255, 255, 255, 0.05);
    border-radius: 10px;
    overflow: hidden;
    position: relative;
}

.v9-progress-line {
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, #38bdf8, #8b5cf6, transparent);
    animation: v9-scan 1.5s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}

.v9-loading-msg {
    margin-top: 15px;
    font-size: 10px;
    color: #64748b;
    letter-spacing: 1px;
    font-weight: 600;
    text-transform: uppercase;
}

@keyframes v9-scan {
    0% { left: -100%; }
    100% { left: 100%; }
}
.Ok_Icon {
    color: green;
    font-size: 30px;
}
.Error_Icon {
    color: red;
    font-size: 30px;
}
a {
    text-decoration: none;
}
form p {
    float: left;
}
img, table {
    max-width: 100%}
.alert, table {
    margin-bottom: 15px;
}
ul ul {
    margin-left: 20px;
}
#last_seed_client, #last_seed_server_hashed, #seed-client-current, #seed-server-hashed-current {
    word-wrap: break-word;
}
.ToolTip, .ToolTip p, .ToolTip span {
    white-space: normal;
}
.mCustomScrollBox, a:active, a:focus, a:hover, input[type=submit] {
    outline: 0;
}
* {
    margin: 0;
    padding: 0;
}
@media (max-width:1126px) {
    .hide_left_menu_max_width {
        display: none;
    }
}
@media (max-width:640px) {
    .bet_amount_small {
        display: none;
    }
    .roll_sign, .edit_sign{
        right:-15px !important;
    }
}
@media (max-width:320px) {
    .top_header_small {
        width: 100%;
        position: absolute;
    }
}
form p {
    position: relative;
}
@media (max-width:800px) {
    .bets_table_max_width_hide {
        display: none!important;
    }
    .bets_table_max_width_show {
        width: 26%!important;
        display: table-cell!important;
    }
}body, body h1, body h2, body h3, body h4, body h5, body h6 {
    font-family: "Open Sans", sans-serif;
}
.alert {
    padding: 10px 20px;
    background-color: #351B22;
    color: #FB7185;
    border: 0
}
a, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, label, p a, strong {
    color: hsla(0, 0%, 100%, .7);
}
label, p {
    margin-bottom: 10px;
}
body {
    background-color: #000;
    color: rgba(255, 255, 255, .7);
    font-size: 13px;
    font-weight: 400;
}
body h1, body h2, body h3, body h4, body h5, body h6 {
    font-style: normal;
    line-height: 1.5;
    margin: 0 0 8px;
}
h1 {
    font-size: 26px;
}
h2 {
    font-size: 24px;
}
h3 {
    font-size: 22px;
}
h4 {
    font-size: 20px;
}
h5 {
    font-size: 18px;
}
h6 {
    font-size: 16px;
}
p {
    line-height: 26px;
}
ul {
    margin-bottom: 0;
}
.container {
    width: 1200px;
}
img {
    height: auto;
}
select {
    border-radius: 0!important;
    background-color: #090C10!important;
    border: 1px solid #464646!important;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    font-weight: 300;
    height: 40px;
    padding: 8px 12px;
    width: 100%}
label {
    display: block;
    font-weight: 400;
}
button {
    border: none;
}
input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], textarea {
    /*background-color: transparent;*/
    background-color: #090c14;
    border: none;
    box-sizing: border-box;
    color: #aaa;
    display: inline-block;
    font-size: 16px;
    height: 30px;
    line-height: 20px;
    outline: 0;
    padding: 4px 6px;
    vertical-align: middle;
    box-shadow: none;
}
option {
    padding: 5px 15px;
}
li {
    line-height: 28px;
    list-style: none inside;
}
table {
    background-color: transparent;
    width: 100%}
th {
    text-align: left;
}
table>tbody>tr>td, table>tbody>tr>th, table>thead>tr>td, table>thead>tr>th {
    line-height: 2.5;
    padding-left: 3px;
    text-align: center;
    vertical-align: top;
}
table thead tr th {
    text-align: center;
    text-transform: capitalize;
}
table>thead>tr>th {
    border-bottom: 2px solid #ddd;
    vertical-align: bottom;
}
table>caption+thead>tr:first-child>td, table>caption+thead>tr:first-child>th, table>thead:first-child>tr:first-child>td, table>thead:first-child>tr:first-child>th {
    border-bottom: 0 none;
}
table>tbody+tbody {
    border-top: 2px solid #ddd;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 6px 10px;
}
.sportsmagazine-main-section {
    float: left;
    width: 100%;
    position: relative;
}
.dropdown-menu {
    text-align: left;
}
.dropdown-menu>li>a {
    color: rgba(255, 255, 255, .7);
}
.dropdown-menu {
    background-clip: padding-box;
    background-color: #1b212d;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .176);
    display: none;
    float: left;
    font-size: 13px;
    list-style: none;
    margin: 2px 0 0;
    width: auto;
    padding: 5px 0;
    position: absolute;
    left: 0;
    top: 44px;
    z-index: 1000;
}
.dropdown-menu>li, .navbar-collapse.collapse, .navbar-nav>li {
    display: block;
}
.navbar {
    background: 0 0;
    border: none;
    float: left;
    margin-bottom: 0;
}
.navbar-nav>li {
    padding: 20px 0 12px 19px;
    width: 100%}
.nav>li>a:focus, .nav>li>a:hover {
    background-color: transparent;
    text-decoration: none;
    color: white;
}
.nav li.hidden-xs a {
    padding-top: 5px;
}
.navbar-nav>li>a {
    font-size: 13px;
    font-weight: 600;
    color: #adb3b8;
    padding: 0;
    text-transform: uppercase;
    position: relative;
}
.navbar-nav>li:first-child>a {
    padding-left: 0;
}
.navbar-nav>li:last-child>a {
    padding-right: 0;
}
#main {
    padding: 0;
    overflow-x: hidden;
    transition: var(--transition);
}
#myModal .modal-header {
    border-bottom: 0 none;
}
#myModal .modal-body>p {
    text-align: center;
}
#myModal .form-control {
    height: 45px;
}
.footer_btn {
    text-align: center;
    width: 100%}
#myModal .modal-content {
    float: left;
    width: 100%}
.login_wrap {
    float: left;
    text-align: center;
    width: 100%}
.login_wrap>p {
    margin-top: 10px;
    text-align: left;
    width: 100%}
#myModal .sportsmagazine-login-box h4 {
    text-align: center;
}
.modal.fade.in {
    background-color: rgba(140, 156, 192, .3);
}
.sportsmagazine-login-box {
    float: left;
    width: 100%;
    background-color: #1b212d;
    padding: 20px 15px 20px;
}
.sportsmagazine-login-box h4 span {
    color: #aaa;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 15px;
    padding-bottom: 8px;
    text-align: center;
    border-bottom: 1px solid rgba(87, 106, 145, .6);
}
#myModal form {
    float: none;
    margin: 0 auto;
    width: 100%;
    max-width: 400px;
}
.sportsmagazine-login-box h4 strong {
    color: #484b68;
}
.sportsmagazine-client-detail thead th {
    border: none;
    color: hsla(0, 0%, 100%, .7);
}
.sportsmagazine-login-box form, .sportsmagazine-login-box form input[type=password], .sportsmagazine-login-box form input[type=text] {
    float: left;
    width: 100%}
.sportsmagazine-login-box form input[type=password], .sportsmagazine-login-box form input[type=text] {
    background-color: #090C10;
    padding: 6px 20px;
    height: 40px;
    font-size: 13px;
    color: hsla(0, 0%, 100%, .7);
    font-style: italic;
    margin-bottom: 15px;
}
#myModal .sportsmagazine-login-box form input[type=password], #myModal .sportsmagazine-login-box form input[type=text] {
    background-color: #090C10;
    border-radius: 3px;
    color: #8e8e8e;
    font-size: 16px;
    font-style: italic;
    height: 40px;
    margin-bottom: 15px;
    padding: 13px 24px;
}
.sportsmagazine-login-box form a {
    color: #999;
    font-size: 13px;
    float: right;
    line-height: 1;
    margin-top: 5px;
    margin-bottom: 15px;
}
.sportsmagazine-login-box form label {
    float: left;
    position: relative;
    margin-bottom: 0;
    width: 100%}
#loginModal .sportsmagazine-bordercolor, .sportsmagazine-login-box form input[type=submit] {
    background-color: #db5660;
    border: 1px solid #db5660;
    box-shadow: 0 -2px 0 rgba(0, 0, 0, .2) inset;
    color: #fff;
    float: left;
    font-size: 16px;
    line-height: 1;
    padding: 15px 0;
    text-transform: uppercase;
    width: 100%}
#loginModal form {
    float: none;
    margin: 0 auto;
    width: 100%;
    max-width: 400px;
}
#loginModal form input {
    background-color: #090C10;
    font-size: 16px;
    padding: 14px 23px;
}
.sportsmagazine-login-box p {
    float: left;
    width: 100%;
    text-align: left;
    font-size: 13px;
    color: hsla(0, 0%, 100%, .7);
    margin: 5px 0 0;
}
.sportsmagazine-login-close {
    position: absolute;
    right: 0;
    top: 0;
    width: 59px;
    height: 59px;
    border-radius: 100%;
    text-align: center;
    padding-top: 16px;
    font-size: 15px;
    font-weight: 700;
}
#jacjpot_question .back-dark {
    background-color: #090C10;
    float: left;
    padding: 15px;
    text-align: left!important;
    width: 100%}
#jacjpot_question .body_in>span {
    float: left;
    width: 100%}
.sportsmagazine-roster-graph>ul {
    margin: 10px 0 30px;
    width: 100%;
    float: left;
    padding: 0;
}
.sportsmagazine-roster-graph a {
    display: inline-block;
    margin-right: 5px;
    padding: 5px 12px;
    text-transform: uppercase;
    color: hsla(0, 0%, 100%, .7)!important;
    width: 95%;
    position: relative;
    text-align: center;
    border-bottom: 2px solid #2979FF;
}
.sportsmagazine-client-detail span a::before, .sportsmagazine-client-detail td a::before {
    display: none;
}
.sportsmagazine-roster-graph a.active::before {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #2979FF;
    bottom: -10px;
    content: "";
    height: 0;
    left: 50%;
    margin: 0 0 0 -9px;
    position: absolute;
    width: 0;
}
.sportsmagazine-roster-graph li a.active {
    color: #fff;
}
.sportsmagazine-client-detail a {
    border: none;
    padding: 0;
    background-color: transparent;
    color: rgba(255, 255, 255, .7);
}
.sportsmagazine-client-detail span a {
    text-transform: capitalize;
    background-color: transparent;
    color: hsla(0, 0%, 100%, .7) !important;
}
.sportsmagazine-roster-graph li {
    display: inline-block;
    float: left;
    width: 20%}
.text_head {
    float: left;
    width: 33.33%;
    line-height: 40px;
    margin-bottom:0;
}
.text_head a {
    color: rgba(255, 255, 255, .7);
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    float: left;
    width: 100%;
    background-color: #14181f;
}
.btn_dice, .roll_over {
    margin-top: 10px;
    float: left;
}
.banner_data_inn .profit {
    text-align: left;
    padding: 0;
    margin: 0;
    font-size: 13px;
    color: #aaa;
    float: left;
    text-transform: uppercase;
    font-weight: 500 !important;
}
.inn_txt input, .inn_txt123 input {
    font-weight: 600;
    float: left;
}
.banner_data_inn {
    width: 100%;
    float: left;
    padding: 20px 10px;
}
.profit {
    width: 60%}
.inn_txt input, .inn_txt123 input {
    font-size: 18px;
    margin-right: 5px;
    text-align: center;
}
.inn_txt input {
    height: 45px;
    width: 67%;
    border-radius: 5px;
    background-color: #090C10;
    color: #aaa;
}
.inn_txt .max-btn, .inn_txt .max-btn21 {
    background-color: #2979FF;
    border-right: 1px solid #448AFF;
    color: #fff;
    height: 45px;
    float: left;
}
.inn_txt .max-btn {
    width: 42px;
}
.inn_txt .max-btn21 {
    width: 45px;
}.inn_txt .max-btn21:hover, .inn_txt .max-btn:hover {
    background-color: #448AFF;
}
.inn_txt123 input {
    background: #090C10;
    border: 1px solid #1e2229;
    border-radius: 5px;
    color: #aaa;
    height: 45px;
    width: 100%}
.roll_over {
    background-color: #090C10;
    padding: 5px;
    width: 100%}
.pay_rpll_inn, .roll_name{
    float: left;
    width: 33%;
    text-align: center;
    font-size: 10px;
    font-weight: 500;
}
.btn_dice, .pay_rpll_inn label, .pay_rpll_inn span {
    width: 100%;
    text-align: center;
}
.pay_rpll_inn label, .pay_rpll_inn span {
    font-size: 12px!important;
    padding: 0!important;
}
.pay_rpll_inn .edit_txt {
    border-radius: 5px;
    height: 40px;
    width: 90%;
    color: #aaa;
    font-weight: 600;
    text-align: center;
    font-size: 20px;
    background-color: transparent;
}
























.btn_dice>button {
    background: linear-gradient(135deg, #2979FF 0%, #058 100%);
    border-radius: 5px;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    padding: 25px 70px;
    text-transform: uppercase;
}
.sportsmagazine-banner, .sportsmagazine-banner-one, .sportsmagazine-banner-one-layer {
    float: left;
    width: 100%;
    position: relative;
    height: auto;
    padding-bottom: 40px;
}
.sportsmagazine-banner-one-layer {
    position: relative;
}
.sportsmagazine-banner-caption {
    position: absolute;
    left: 0;
    width: 100%;
    top: 0;
}
.sportsmagazine-client-detail {
    margin-bottom: 24px;
    float: left;
    width: 100%;
    background-color: #090C10;
}
.sportsmagazine-client-detail tr>td {
    border: none;
    border-bottom: none;
    border-top: none;
    padding: 14px 27px 10px 30px;
    text-align: left;
    font-size: 13px;
    color: #aaa;
}
.sportsmagazine-client-detail tr>th:last-child {
    padding: 9px 36px 6px 30px;
}
.sportsmagazine-client-detail tr>td:last-child {
    padding: 14px 30px 10px;
}
.sportsmagazine-client-detail tr {
    border-bottom: 1px solid #090C10;
    background-color: #0f172a
}
.sportsmagazine-client-detail tr:last-child {
    border-bottom: none;
}
.sportsmagazine-client-detail tr>td>span {
    color: #292c31;
    line-height: 1;
}
.skillst {
    float: left;
    position: relative;
    width: 100%}
.sportsmagazine-roster-graph {
    float: left;
    width: 100%;
    margin: 0 0 16px;
}
.sportsmagazine-roster-graph .sportsmagazine-client-detail tr>td {
    padding: 14px 27px 10px 35px;
}
.sportsmagazine-roster-graph .sportsmagazine-client-detail tr>th, .sportsmagazine-roster-graph .sportsmagazine-client-detail tr>th:last-child {
    padding: 9px 27px 6px 33px;
}
.sportsmagazine-roster-graph .sportsmagazine-client-detail tr>td>span {
    font-size: 12px;
    font-weight: 700;
}
.left_sde {
    width: 90%;
    margin: 0 auto;
}
.rht_blck {
    float: left;
    width: 28%;
}
.rht_inner {
    /*background: rgba(87, 106, 145, .2);*/
    border-radius: 5px;
    float: left;
    width: 260px;
}
.content_in, .four_sec, .inn_heading {
    width: 100%;
    float: left;
}
.four_sec {
    border-top: 1px solid hsla(0, 0%, 100%, .0);
    box-shadow: 0 2px 5px rgba(0, 0, 0, .05);
    padding: 10px 0;
    text-align: center;
    position: relative;
    top:-19.2px;
}
.four_sec span, .four_sec span.color_cng, .index_dice .color_cng {
    width: 100%;
    font-weight: 600;
    float: left;
    text-transform: uppercase;
}
.four_sec span.color_cng {
    color: rgba(225, 225, 225, .5);
    font-size: 11px;
}
.four_sec span {
    color: #fff;
    font-size: 13px;
}
.inn_heading {
    padding: 10px 0;
    text-align: center;
    background-color:#14181f;
}
.content_in {
    padding-bottom: 0;
    background: rgba(87, 106, 145, .20);
    height:220.32px;
    
}
.index_dice {
    float: left;
    width: 50%;
    text-align: center;
}
.inn_heading span {
    color: #fff;
    cursor: pointer;
    font-size: 13px;
    text-transform: uppercase;
}
.sportsmagazine-banner-two {
    position: relative;
}
.sportsmagazine-banner-two .sportsmagazine-banner-caption {
    bottom: 50%;
    top: auto;
    margin: 0 0 -270px;
}
.sportsmagazine-banner-two-wrap {
    float: left;
    width: 72%;
    padding: 0 15px;
}
.sportsmagazine-banner-text {
    float: left;
    width: 100%;
    /*background-color: #1a2235;*/
    background-color: rgba(87, 106, 145, .20);
    text-align: center;
    position: relative;
}
.sportsmagazine-banner-upcoming-match {
    float: left;
    width: 100%;
    /*background-color: #1a2235;*/
    margin: 0;
}
.sportsmagazine-banner-upcoming-match label, .sportsmagazine-banner-upcoming-match span {
    float: left;
    font-size: 24px;
    color: #aaa;
    padding: 48px 30px 0 45px;
    text-transform: uppercase;
}
#sportsmagazine-footer {
    float: left;
    width: 100%}
.sportsmagazine-footer-widget {
    float: left;
    width: 100%;
    padding: 40px 0;
    position: relative;
}
.sportsmagazine-footer-widget a, .sportsmagazine-footer-widget p {
    color: #999;
}
.sportsmagazine-footer-two {
    background-position: top center;
    position: relative;
    background-color: #161B22;
}
.sportsmagazine-footer-two:after, .sportsmagazine-footer-two:before {
    content: "";
    position: absolute;
    background-color: #fff;
    top: -20px;
}
.sportsmagazine-footer-two:before {
    width: 51%;
    height: 0;
    left: 0;
    z-index: 1;
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    -o-transform: rotate(-2deg);
    transform: rotate(-2deg);
}
.sportsmagazine-footer-two:after {
    width: 50%;
    height: 48px;
    right: 0;
    -webkit-transform: rotate(2deg);
    -moz-transform: rotate(2deg);
    -ms-transform: rotate(2deg);
    -o-transform: rotate(2deg);
    transform: rotate(2deg);
}
.sportsmagazine-copyright-two {
    float: left;
    width: 100%;
    position: relative;
    padding: 32px 0 0;
    margin: 22px 0 0;
}
.sportsmagazine-copyright-two:after, .sportsmagazine-copyright-two:before {
    width: 48%;
    height: 1px;
    top: 0;
    content: "";
    background-color: #fff;
}
.sportsmagazine-copyright-two p {
    float: left;
    margin: 0;
    color: #fff;
}
.arrow, .sportsmagazine-footer-social {
    float: right;
}
.sportsmagazine-copyright-two p a {
    color: #fff;
}
.sportsmagazine-copyright-two:before {
    position: absolute;
    left: 0;
}
.sportsmagazine-copyright-two:after {
    position: absolute;
    right: 0;
}
.sportsmagazine-footer-two .sportsmagazine-top-back {
    position: absolute;
    left: 50%;
    top: -7px;
    color: #fff;
    font-size: 16px;
    line-height: 1;
    text-align: center;
    width: 46px;
    margin-left: -24px;
}
.sportsmagazine-footer-two .sportsmagazine-top-back:before {
    content: "";
    position: absolute;
    background-color: #fff;
    height: 34px;
    width: 1px;
    left: 12px;
    top: 2px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.sportsmagazine-footer-two .sportsmagazine-top-back:after {
    content: "";
    position: absolute;
    background-color: #fff;
    height: 34px;
    width: 1px;
    right: 11px;
    top: 2px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.sportsmagazine-footer-social li {
    float: left;
    list-style: none;
    margin: 0 0 0 15px;
}
.input_tp123, span.min_max {
    margin-bottom: 10px;
}
.sportsmagazine-footer-social li a {
    color: #fff;
    font-size: 20px;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.footer_links {
    float: left;
    width: 100%}
.footer_links>ul {
    float: none;
    text-align: center;
}
.footer_links li {
    display: inline-block;
    padding: 5px 20px;
    text-align: center;
}
.footer_links a {
    color: #fff;
}
.body_section {
    width: 100%;
    float: left;
}
#searchModal form label input {
    padding: 10px 16px;
    background-color: #2979FF;
}
.drop_slct, .input_tp, .input_tp123 {
    border-radius: 5px;
}
.bit_excng {
    float: left;
    width: 100%}
.b-left {
    width: 45%;
    float: left;
    text-align: center;
}
.b-left img {
    width: 89px;
}
.b-middle {
    width: 10%;
    float: left;
    text-align: center;
    height: 89px;
    line-height: 89px;
}
.b-right {
    width: 45%;
    float: left;
    text-align: center;
}
.b-right img {
    width: 89px;
}
#exchanger .modal-dialog, #support .modal-dialog {
    margin-top: 50px;
    width: 85%;
    max-width: 600px;
}
.drop_slct {
    margin-top: 25px;
    width: 80%}
.input_tp, .input_tp123 {
    margin-top: 10px;
    height: 40px!important;
    background-color: #090C10!important;
    color: rgba(255, 255, 255, .7)!important;
}
.input_tp {
    width: 60%;
    border: 1px solid #ddd!important;
}
.input_tp123 {
    width: 48%;
    border: 1px solid hsla(0, 0%, 100%, .15)!important;
}
span.min_max {
    float: left;
    width: 100%;
    font-size: 11px;
    margin-top: 5px;
}
.body_sprt, .body_sprt .drop_slct {
    float: left;
    width: 100%}
.body_sprt>p {
    font-size: 13px;
    text-align: left;
    color: #fff;
}
.two_input {
    float: left;
    width: 100%}
.two_input textarea {
    margin-top: 10px;
    width: 100%;
    border-radius: 5px;
    background-color: #090C10!important;
    color: rgba(255, 255, 255, .7)!important;
    border: 1px solid hsla(0, 0%, 100%, .15)!important;
    height: 80px;
    margin-bottom: 10px;
}
#Securitaccount .modal-dialog, #emailadress .modal-dialog, #jacjpot_question .modal-dialog {
    margin-top: 50px;
    max-width: 600px;
    width: 90%}
.edit_avatar, .edit_avatar .btn-file, .square_img {
    text-align: center;
    float: left;
}
#setngmodal .modal-dialog {
    margin-top: 50px;
    width: 85%;
    max-width: 600px;
}
#setngmodal .two_section {
    float: left;
    width: 50%}
.form-block, .pad-hor {
    width: 100%;
    float: left;
}
.two_section h5 {
    color: #484b68;
    font-size: 15px;
}
.form-block span, .pad-hor>label, .slct-optn {
    color: hsla(0, 0%, 100%, .7);
}
.pad-hor {
    padding: 0 10px 10px;
}
.form-block {
    margin-bottom: 5px;
}
.form-checkbox:not(.btn), .form-radio:not(.btn) {
    display: inline-block;
    background-color: transparent;
    border: 0;
    position: relative;
    padding: 3px;
    line-height: 1em;
    min-width: 19px;
    margin: 0;
    cursor: pointer;
}
.form-checkbox.form-normal.form-danger.active::after, .form-checkbox.form-normal.form-dark.active::after, .form-checkbox.form-normal.form-info.active::after, .form-checkbox.form-normal.form-primary.active::after, .form-checkbox.form-normal.form-purple.active::after, .form-checkbox.form-normal.form-success.active::after, .form-checkbox.form-normal.form-warning.active::after {
    border-color: #fff;
}
.form-checkbox.form-normal.active::after, .form-checkbox.form-normal:hover:not(.disabled)::after {
    border-bottom: 2.5px solid #6c8391;
    border-left: 2.5px solid #6c8391;
    content: "";
    height: 6px;
    left: 3px;
    margin-top: -5px;
    position: absolute;
    top: 50%;
    transform: rotate(-45deg);
    width: 11px;
}















.live_bets_section .form-checkbox.form-normal.form-primary.active::after {
    left: 5px!important;
}
.form-text.form-checkbox:not(.btn), .form-text.form-radio:not(.btn) {
    padding-left: 25px;
}
.form-checkbox.form-normal.form-primary.active:before, .form-radio.form-normal.form-primary.active:after {
    background-color: #2979FF;
    border-color: #2979FF;
}
.live_bets_section .form-checkbox.form-normal.form-primary.active:before {
    background-color: #000;
}
.form-checkbox.form-normal::before, .form-radio.form-normal::before {
    background-color: transparent;
    border: 1px solid #c3cedb;
    border-radius: 0;
    content: "";
    display: block;
    height: 16px;
    left: 0;
    margin-top: -9px;
    position: absolute;
    top: 66%;
    width: 16px;
}
.form-radio.form-normal::before, .live_bets_section .form-checkbox.form-normal::before {
    height: 20px;
    margin-top: -13px;
    width: 20px;
}
.form-checkbox>input[type=checkbox], .form-radio>input[type=radio] {
    margin-left: -50px;
    opacity: 0;
    position: absolute!important;
    visibility: hidden;
    z-index: -1;
}
#aside .form-checkbox.form-normal.form-primary.active::before, #aside .form-radio.form-normal.form-primary.active::after {
    background-color: #5fa2dd;
    border-color: #5fa2dd;
}
#aside .form-checkbox.form-normal::before, #aside .form-radio.form-normal::before {
    background-color: transparent;
    border: 1px solid #c3cedb;
    border-radius: 0;
    content: "";
    display: block;
    height: 16px;
    left: 0;
    margin-top: -9px;
    position: absolute;
    top: 50%;
    width: 16px;
}
.slct-optn {
    margin-top: 15px;
    width: 100%;
    border-radius: 5px;
    background-color: #090C10;
    border: 1px solid #aaa;
    margin-bottom: 15px;
}
#editavtar .modal-dialog {
    margin-top: 50px;
    max-width: 600px;
    width: 85%}
.edit_avatar {
    width: 100%}
.edit_avatar h5 {
    color: #8e8e8e;
    font-weight: 600;
    text-transform: uppercase;
}
.edit_avatar img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    margin: 20px 0;
}
.square_img {
    width: 100%;
    background-color: #e3e8ee;
    padding: 40px;
}
.square_img img {
    width: 100px;
    height: 100px;
    background-color: #fff;
    border-radius: 5px;
    border: 2px solid #232323;
}
.edit_avatar .btn-file {
    background-color: #ff7591;
    border-radius: 5px;
    color: #fff;
    height: 50px;
    width: 100%}
#bet_lookup .body_section p, #free_faucet .body_section p, #searchModal .body_section p, #tip_send .body_section p {
    text-align: left;
    font-size: 13px;
}
#following_list .modal-dialog, #friend-list .modal-dialog, #friend_awaiting .modal-dialog {
    margin-top: 50px;
    width: 80%}
.sml_input {
    float: left;
    width: 85%!important;
    margin-bottom: 0!important;
}
#friend-list form label input {
    color: #ffdc11;
    border: 1px solid #ffdc11;
}
.text_head a.active {
    /*background-color: #161B22;*/
    background-color: #1a2235;
    color: #fff;
    float: left;
    width: 100%}
#free_faucet .modal-dialog {
    max-width: 380px;
    width: 88%}
.verify_Sec {
    float: left;
    margin-top: 15px;
    width: 100%;
    margin-bottom: 25px;
}
#bet_lookup .modal-dialog, #searchModal .modal-dialog {
    width: 85%;
    max-width: 500px;
}
#bet_lookup .sml_input, #searchModal .sml_input {
    background-color: #090C10;
    border: 1px solid #1e2229;
    float: left;
    margin-bottom: 0!important;
    width: 75%!important;
}
#bet_lookup form label, #searchModal form label {
    float: left;
    width: 25%}
#bet_lookup form label button, #searchModal form label button {
    border: none;
    border-radius: 0;
    padding: 6px;
    width: 100%}
#bet_lookup form label input, #searchModal form label input {
    color: #ffdc11;
    border: 1px solid #ffdc11;
}
#tip_send .modal-dialog {
    margin-top: 150px;
    width: 500px;
}
#tip_send .sml_input {
    background-color: #fff;
    border: 1px solid #ddd;
    float: left;
    margin-bottom: 0!important;
    width: 75%!important;
}
#tip_send form label {
    float: left;
    width: 25%}
#tip_send forrm label button {
    border: none;
    border-radius: 0;
    padding: 13px;
}
#tip_send form label input {
    color: #ffdc11;
    border: 1px solid #ffdc11;
}
.btns_change {
    float: left;
    width: 100%;
    text-align: center;
}
.btns_change .btn_status {
    background-color: transparent;
    border: 1px solid hsla(0, 0%, 100%, .3);
    border-radius: 5px;
    color: rgba(255, 255, 255, .7);
    font-size: 15px;
    font-weight: 600;
    margin-right: 5px;
    padding: 7px 15px;
}
.btns_change .btn_status.active {
    background-color: #1b212d;
    border: 1px solid #1b212d;
}
.panel, .tab-base .tab-content {
    box-shadow: 0 2px 0 rgba(0, 0, 0, .05);
}
#mystats .modal-dialog {
    margin-top: 50px;
    width: 90%;
    max-width: 900px;
}
.left_in, .pop_logo, .tab-base, .user_profile {
    width: 100%;
    float: left;
}
#mystats .body_section p {
    text-align: left;
    font-size: 13px;
}
.drop_in li.active {
    background-color: #232832;
}
.drop_in li, .tab-base .tab-content {
    background-color: #1a2235;
    float: left;
}
.drop_in li.active a, .drop_in li.active a span {
    color: #fff;
}
.drop_in {
    margin: 0;
    padding: 0;
}
.drop_in li {
    border: 1px solid #090C10;
    border-bottom: 0;
    padding: 5px;
    margin-right: 5px;
    display: inline-block;
    color: hsla(0, 0%, 100%, .7);
    cursor: pointer;
}
.drop_in li span {
    color: hsla(0, 0%, 100%, .6);
    margin-left: 5px;
}
#withdraw button.btn-big {
    background: #2979FF;
    border-radius: 3px;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    transition: background .3s ease 0s, box-shadow .3s ease 0s;
    padding: 15px;
    width: 100%;
}
#container .badge, .bg-danger, .bg-danger a, .bg-info, .bg-info a, .bg-purple, .bg-purple a, .bg-success, .bg-success a, .bg-warning, .bg-warning a, .bitcoin-btn {
    color: #fff;
}
.drop_menu {
    margin: 0;
}
.drop_menu li {
    display: block;
    line-height: normal;
}
.nav.navbar-nav span {
    margin-left: 10px;
}
.bitcoin-btn {
    border: 1px solid hsla(0, 0%, 100%, .3);
    border-radius: 5px;
    font-size: 15px;
    padding: 8px 15px;
    text-transform: uppercase;
}
.pop_logo {
    text-align: center;
    margin-bottom: 20px;
}
#info-user-date-created, .h3 {
    text-align: center!important;
}
.tab-base {
    margin-bottom: 35px;
}
.tab-base .tab-content {
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    padding: 15px;
    width: 100%}
.panel {
    border: 0;
    border-radius: 0;
    margin-bottom: 24px;
}
.panel .panel-heading, .panel:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.panel .panel-footer, .panel:last-child {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.icon-wrap {
    border-radius: 2px;
    display: inline-block;
    padding: 2px;
}
.btn-circle, .icon-circle {
    border-radius: 50%}
.icon-wrap-sm {
    padding: 2px;
}
.mar-no {
    margin: 0!important;
}
.text-2x {
    font-size: 2em!important;
}
.bg-success {
    background-color: #9cc96b;
}
.bg-danger {
    background-color: #f76c51;
}
.bg-info {
    background-color: #4ebcda;
}
.bg-warning {
    background-color: #ebaa4b;
}
.text-thin {
    font-weight: 300;
}
.text-2x, .text-4x, .text-5x, .text-lg, .text-sm, .text-xs {
    font-size: 4em;
    line-height: 1.25;
}
.widget-header {
    min-height: 125px;
    overflow: hidden;
    padding: 15px 15px 50px;
    position: relative;
}
.badge-info {
    background-color: #4ebcda;
}
#container .badge {
    font-weight: 400;
}
.widget-body {
    padding: 50px 15px 15px;
    position: relative;
}
#games-menu, .pie-value, .widget-img {
    position: absolute;
}
.widget-img {
    height: 100px;
    left: 50%;
    margin-left: -50px;
    top: -50px;
    width: 100px;
}
.img-border-light {
    box-shadow: 0 0 0 4px #1a2235;
}
.bg-purple {
    background-color: #986291;
}
.h3 {
    font-size: 22px!important;
    font-weight: 600;
}
.bg-color-btc {
    background-color: #e69924;
}
.bg-color-ltc {
    background-color: #babdc3;
}
.bg-color-doge {
    background-color: #ecc01a;
}
#bets_info_model .modal-dialog {
    margin-top: 50px;
    max-width: 950px;
    width: 90%}
#bets_info_model .body_section p {
    text-align: left;
    font-size: 13px;
}
.btn-circle {
    padding: 7px;
}
.btn-dark, .btn-dark:focus, .btn-group.open .dropdown-toggle.btn.btn-active-dark, .btn-hover-dark.active, .btn-hover-dark:active, .btn-hover-dark:hover, .btn.btn-active-dark.active, .btn.btn-active-dark:active, .dropdown.open>.btn.btn-active-dark {
    background-color: #363c40;
    border-color: #3b4146;
    color: #fff;
}
.btn-icon.btn-circle::before {
    display: block;
    height: 1.4em;
    line-height: 1.4;
    width: 1.4em;
}
.icon-lg::before {
    font-size: 1.333em;
    line-height: 1.095em;
    vertical-align: middle;
}
.mCSB_inside>.mCSB_container {
    margin-right: 30px;
}
.pad-hor {
    padding-left: 15px;
    padding-right: 15px;
}
#modal-level-left-lvl, #modal-level-total-xp, #mylevel #modal-level-pie, #mylevel #modal-level-table tbody {
    color: #8f9091;
}
#mylevel .modal-dialog {
    margin-top: 50px;
    width: 85%;
    max-width: 600px;
}
#mylevel h4 {
    color: #656780;
}
#mylevel #modal-level-pie {
    margin: 0 auto;
    width: 220px;
}
#asd-tab-3 .mCSB_inside>.mCSB_container{
    margin-right: 0;
}
#mylevel #modal-level-pie span {
    font-size: 28px;
    text-align: center;
}
.pie-value {
    display: block;
    font-size: 13px;
    height: 40px;
    left: 0;
    line-height: 40px;
    margin-top: -20px;
    right: 0;
    top: 50%}
.ToolTip, .ToolTip::after {
    left: 50%;
    position: absolute;
}
#mylevel table {
    border: none!important;
}
#mylevel #modal-level-infos-right span #actual-lvl {
    font-size: 28px;
    text-align: center;
    color: #8f9091;
}
#mylevel #container .table th {
    font-size: 1.05em;
    font-weight: 600;
    border: 0;
}
.bg-gray-light {
    background-color: #232832;
}
#provably_fair .bg-gray-light.pad-all>h5, #provably_fair .bg-gray.pad-all>h5 {
    font-size: 12px;
}
.body_bottom .table-striped>tbody>tr:nth-of-type(2n+1) {
    background-color: #1b212d;
}

.table-striped>tbody>tr:nth-of-type(2n+1) {
    background-color: #090C10;
}















.tab-base .nav-tabs {
    border: 0;
}
.modal-footer {
    float: left;
    width: 100%;
    border-top: 1px solid rgba(87, 106, 145, .6);
    margin-top: 20px;
    margin-bottom: 0px;
}
.btn-close {
    width: 100%;
    background-color: #2979FF;
    border: 2px solid #2979FF;
    color: #fff;
    box-shadow: 0 -2px 0 rgba(0, 0, 0, .2) inset;
}
.btn-big, .btn-close:hover{ 
    background-color:#2979FF !important;
    color:white;
}
#provably_fair .bg-gray, #provably_fair .bg-gray-light, .bg-gray a, .bg-gray-light a {
    color: #6c8391;
}
#provably_fair .modal-dialog {
    margin-top: 50px;
    width: 80%}
#provably_fair .bg-gray-light {
    background-color: #f3f5f8;
}
#provably_fair .input-group-addon:first-child {
    border-right: 0 none;
}
#provably_fair #seed-server-hashed-new {
    height: 70px;
}
#provably_fair .body_sprt i {
    color: #fff;
}
#provably_fair #btn-change-seeds {
    margin-top: 15px;
    background-color: #579ddb;
    border: 1px solid #579ddb;
}
.btn-group-lg>.btn, .btn-lg {
    border-radius: 0;
}
#history_deposit .modal-dialog, #history_exchange .modal-dialog, #history_withdraw .modal-dialog, #tips_sender .modal-dialog {
    width: 80%}
#chat-rules .modal-dialog {
    margin-top: 50px;
    width: 500px;
}
#faq .modal-dialog, #verification .modal-dialog {
    margin-top: 50px;
    width: 80%}
#contact .modal-dialog {
    margin-top: 50px;
    width: 400px;
}
#tip_send button.btn.btn-lg.btn-info.btn-close.tip_send_close_btn {
    width: 100%;
    background-color: #1E293B;
    border: 2px solid #1E293B;
    color: #fff;
    box-shadow: 0 -2px 0 rgba(0, 0, 0, .2) inset;
    text-transform: uppercase;
    margin-left: 0;
}
#tip_send button.btn.btn-lg.btn-info.btn-close.tip_send_btn {
    background-color: #579ddb;
    border-color: #5fa2dd;
    color: #fff;
}
.ToolTip {
    background: #351B22;
    border-radius: 3px;
    box-shadow: 0 0 5px rgba(25, 25, 25, .1);
    color: #fff;
    filter: drop-shadow(0 2px 0 #7ba1e0);
    font-size: 13px;
    font-weight: 400;
    max-width: 300px;
    min-width: 200px;
    opacity: 0;
    padding: 1em;
    text-align: center;
    text-transform: none;
    top: 100%;
    transform: translate(-50%, 20px);
    transition: opacity .3s ease-out 0s, transform .3s ease-out 0s;
    visibility: hidden;
    width: auto;
    z-index: 100000;
}
.ToolTip.is--open {
    opacity: 1;
    transform: translate(-50%, 10px);
    visibility: visible;
}
.ToolTip::after {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid rgba(185, 205, 239, .95);
    bottom: 100%;
    content: "";
    height: 0;
    transform: translateX(-50%) rotate(180deg);
    width: 0;
}
.ToolTip__button {
    background: rgba(0, 0, 0, 0);
    border: 1px solid #fff;
    border-radius: 3px;
    color: #fff;
    font-size: 13px;
    margin-top: 1em;
    padding: 11px 20px;
    text-transform: uppercase;
    transition: opacity .3s ease 0s;
}
.ToolTip__button+.ToolTip__button {
    margin-left: 1em;
}
#seed-client-new.form-control {
    background-color: #090C10;
    margin-bottom: 0;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    background-color: transparent;
}
.dropdown-menu.lang_select a {
    color: rgba(255, 255, 255, .7)!important;
    padding: 0;
    font-size: 13px!important;
}
.dropdown-menu.lang_select>li {
    padding: 3px 3px!important;
}
.dropdown-menu.lang_select {
    top: 57px;
}
.text-center.pad-top {
    width: 100%;
    background-color: #fff;
    cursor: pointer;
}
.enlarged .text-center.pad-top {
    width: 44%}
.btn_popup {
    float: left;
    margin-right: 10px;
    padding: 10px;
    width: 100%;
    text-align: left;
    background-color: hsla(0, 0%, 100%, .3);
}
.btn_popup, .input_tp123, .play_with, span.min_max {
    margin-bottom: 10px;
}
.play_with span {
    color: #fff;
    float: left;
    line-height: 24px;
}
.play_with span {
    cursor: pointer;
    float: left;
    margin-left: 7px;
}
.chat_box {
    background-color: #1b212d;
    bottom: 0;
    height: auto;
    min-height: 100dvh;
    padding: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 300px;
    z-index: 999;
    max-width: 100%;
}

.pad-all {
    padding: 15px;
}

.dropdowm-menu-md {
    top: 100%;
    width: 250px;
}
.dropdown-menu.dropdown-menu-md.with-arrow {
    top: 100%;
    width: 300px;
}
.dropdown-menu.dropdown-menu-md.with-arrow .head-list {
    margin: 0;
    padding: 0;
    height: 251px;
    overflow-y: auto;
}
#notification-list>li {
    display: block;
    padding: 5px;
}
#notification-list>li:hover {
    background-color: rgba(0, 0, 0, .067);
}
#notification-list a.media {
    float: left;
    width: 100%;
    padding: 0;
}
#notification-list span.name12 {
    float: left;
    width: 100%;
    margin: 0!important;
    font-size: 13px;
    line-height: normal;
}
#notification-list a.media .media-body strong {
    font-size: 12px;
}
.nav-menu-left .dropdown a {
    padding: 28px 30px 22px 0!important;
}
.nav-menu-left .dropdown-menu a, .nav-menu-left li.dropdown {
    padding: 0!important;
}
.dropdown-menu.dropdown-menu-md.with-arrow {
    padding: 0;
}
.cust_tooltip_wp {
    float: left;
    position: relative;
    width: 100%}
.ToolTip.is--open.cust-tool {
    width: 50%}
.ToolTip span {
    color: #fff;
    font-size: 12px;
    padding: 0;
    font-weight: 400;
}
@media (min-width:768px) and (max-width:990px) {
    #user-link_main {
        padding-top: 20px;
    }
    .sportsmagazine-logo-two {
        text-align: center;
    }
    .navbar {
        position: relative;
    }
    .navbar-nav {
        margin: 0;
    }
    .sportsmagazine-banner-caption {
        display: block;
    }
    .navbar-nav>li>a {
        float: left;
        width: 100%;
        padding: 25px 10px 10px;
    }
    .sportsmagazine-footer-two, .sportsmagazine-section-post {
        background-size: cover;
    }
    .sportsmagazine-client-detail tr>td {
        padding: 14px 27px 10px 22px;
    }
    .sportsmagazine-roster-graph .sportsmagazine-client-detail tr>td, .sportsmagazine-roster-graph .sportsmagazine-client-detail tr>th {
        padding: 12px 10px;
    }
    .col-md-12 {
        float: left;
        width: 100%
    }
}
@media (max-width:767px) {
    .sportsmagazine-footer-two, .sportsmagazine-section-post {
    background-size: cover;
}
.navbar {
    position: relative;
    float: right;
}
.navbar-nav {
    margin: 0;
}
.navbar-nav>li>a {
    float: left;
    width: 100%;
    padding: 20px 20px 10px;
}
.col-md-12 {
    float: left;
    width: 100%}
.sportsmagazine-banner-caption {
    display: block;
}
.sportsmagazine-copyright-two:after, .sportsmagazine-copyright-two:before {
    width: 46%}
.sportsmagazine-overview-graph .sportsmagazine-client-detail tr>td, .sportsmagazine-roster-graph .sportsmagazine-client-detail tr>th, .sportsmagazine-roster-graph .sportsmagazine-client-detail tr>th:last-child {
    width: 30%;
    padding: 12px 20px;
}
.sportsmagazine-client-detail tr>td, .sportsmagazine-client-detail tr>th {
    float: left;
}
.loginmodal .modal-dialog {
    padding: 0;
}
.sportsmagazine-copyright, .sportsmagazine-copyright-two {
    text-align: center;
}
.sportsmagazine-copyright-two p, .sportsmagazine-footer-social, .sportsmagazine-next-game-text {
    float: none;
    display: inline-block;
}
.sportsmagazine-next-game-text {
    margin: 0 0 28px;
}
.sportsmagazine-copyright-two:after, .sportsmagazine-copyright-two:before {
    width: 42%}
.sportsmagazine-copyright-two p {
    margin: 0 0 20px;
}
.sportsmagazine-footer-two:after, .sportsmagazine-footer-two:before {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
}
.sportsmagazine-footer-two {
    background-size: cover;
}
.sportsmagazine-roster-graph .sportsmagazine-client-detail tr>th, .sportsmagazine-roster-graph .sportsmagazine-client-detail tr>th:last-child {
    width: 40%;
    float: left;
    padding: 10px 0;
}
.sportsmagazine-client-detail tr>td, .sportsmagazine-client-detail tr>th {
    width: 50%}
.sportsmagazine-client-detail tr {
    float: left;
    width: 100%}
.loginmodal .modal-dialog {
    width: 96%!important;
}
.sportsmagazine-login-box {
    padding: 20px 15px 20px;
}
}@media screen and (min-width:991px) and (max-width:1054px) {
    .sportsmagazine-banner-two-wrap {
    width: 61%}
.sportsmagazine-banner-text h1 {
    margin: 0 0 15px;
}
.sportsmagazine-banner-two .sportsmagazine-banner-caption {
    margin: 0 0 -147px;
}
.sportsmagazine-client-detail tr>td {
    padding: 14px 23px 10px 24px;
}
}#loader, #loader img {
    margin: auto;
    position: absolute;
}
.noUi-target, .noUi-target * {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}
#loader {
    width: 96%;
    height: 40%;
    z-index: 9999;
    display: none;
}
#loader img {
    max-height: 18%;
    max-width: 39%;
    height: auto;
    width: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.index__home__indicator.is-reversed {
    background: #00E676;
}
.index__home__indicator.is-reversed .index__home__indicator__inner {
    background: #FF5252;
}
.index__home__indicator {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 10px;
    transition: background .3s;
    transform: translateY(50%);
    background: #FF5252;
}
.index__home__indicator__input {
    position: absolute;
    z-index: 3;
    top: 50%;
    left: 0;
    width: 100%;
    height: 30px;
    cursor: -webkit-grab;
    cursor: grab;
    transform: translateY(-50%);
    opacity: 0;
}
.index__home__indicator__input::active {
    cursor: -webkit-grabbing;
    cursor: grabbing;
}
.index__home__indicator__inner {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    will-change: transform;
    background: #00E676;
}
.index__home__indicator__inner--line {
    transition: transform .5s;
    background: 0 0!important;
}
.index__home__indicator__inner__number {
    font-size: 15px;
    font-weight: 600;
    position: absolute;
    z-index: 10;
    bottom: -3px;
    left: 100%;
    display: flex;
    transition: all .2s;
    transform: translateX(-50%);
    transform-origin: 50% calc(100% + 6px);
    pointer-events: none;
    color: #596080;
}
.index__home__indicator__inner__number.is-hidden {
    opacity: 0;
}
.index__home__indicator__inner__number__roll {
    position: relative;
    z-index: 10;
    width: 88px;
    transition: all .2s;
    will-change: color, transform, animation;
    pointer-events: none;
    transform-origin: 50% calc(100% - 10px);
}
.index__home__indicator__inner__number__roll.is-enlarged {
    animation: enLarge .45s;
}
.index__home__indicator__inner__number__roll.is-negative {
    color: #FF5252 !important;
}
.index__home__indicator__inner__number__roll.is-positive {
    color: #00E676 !important;
}
.index__home__indicator__inner__number__roll span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, calc(-50% - 2px));
    text-shadow: 0 1px 0 #fff;
    font-weight: 600;
}
.index__home__indicator__inner__number__result, .index__home__indicator__inner__number__roll {
    padding: 7px 16px;
    border-radius: 3px;
}
.index__home__indicator__number {
    font-size: 13px;
    font-weight: 600;
    position: absolute;
    bottom: 0;
    padding: 24px 21px;
    pointer-events: none;
    color: #fff;
    background: 0 0;
}
.index__home__indicator__button {
    position: absolute;
    left: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    transform: translate(-50%, -50%);
    border-radius: 3px;
    background: #2979FF;
    box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .2);
}
.index__home__indicator__button svg {
    transform: translateY(-1px);
}
.index__home__indicator__button__chance {
    font-size: 12px;
    position: absolute;
    bottom: calc(100% + 7px);
    left: 50%;
    will-change: transform, opacity;
    padding: 3px 7px;
    transition: all .4s;
    transform: translateX(-50%);
    transform-origin: center bottom;
    pointer-events: none;
    border-radius: 2px;
    background: rgba(0, 0, 0, .35);
    color: #fff;
}
#bet_amount, #pay_out, #pay_out.error, #win_chance, #win_chance.error {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    outline: 0;
}
.index__home__indicator__button__chance.is-hidden {
    transform: translateX(-50%) scale(.6);
    opacity: 0;
}
.index__home__indicator__button__chance:after {
    position: absolute;
    top: 100%;
    left: 50%;
    width: 0;
    height: 0;
    content: "";
    transform: translateX(-50%);
    border-top: 5px solid rgba(0, 0, 0, .35);
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
}
.index__home__indicator__button {
    height: 24px;
    top: 0;
}
.sportsmagazine-roster-graph .sportsmagazine-client-detail tr>th, .sportsmagazine-roster-graph .sportsmagazine-client-detail tr>th:last-child {
    padding: 10px;
    text-align: center;
}
.sportsmagazine-roster-graph .sportsmagazine-client-detail tr>td {
    padding: 10px!important;
    text-align: center;
}
.sportsmagazine-client-detail a, .sportsmagazine-client-detail span a {
    text-align: center;
}
.container {
    width: 100%}
.enlarged .navbar.navbar-default.nav-lft {
    width: 100%}
.navbar.navbar-default.nav-lft .container {
    width: 100%}
.navbar.navbar-default.nav-lft {
    width: 100%}
.content-page {
    margin-left: 260px;
}
.enlarged .content-page {
    margin-left: 70px;
}
.sportsmagazine-banner-two .sportsmagazine-banner-caption, .sportsmagazine-banner-upcoming-match {
    margin: 0;
}

input#roll_over_under {
    cursor: pointer;
}
button img {
    float: left;
    margin-top: 5px;
    margin-right: 5px;
}
input::-webkit-inner-spin-button, input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.index__home__dice__wrap__option__rolls span {
    font-size: 18px;
    position: absolute;
    top: calc(27% - 1px);
    left: calc(24% + 3px);
    transition: .3s;
    transform: translate(2px, -50%);
    pointer-events: none;
    white-space: nowrap;
}
.index__home__dice__wrap__option__rolls {
    font-weight: 600;
    position: relative;
    display: flex;
    flex-grow: 1;
    color: #aaa;
}
.index__home__dice__wrap__option__rolls span.is-hidden {
    transform: translate(6px, -50%);
    opacity: 0;
}
.tab-base .col-md-6.col-lg-6 {
    padding: 0;
}
img.img-circle.user-img {
    margin-left: 5px!important;
    height: 32px;
    width: 32px;
}
@media (max-width:990px) {
    .nav li.hidden-xs a {
        padding-top: 25px;
    }
    .navbar-nav>li {
        padding: 0;
    }
}
.checkbox.col-sm-4.col-xs-6, .pad-all span {
    padding: 0;
}


@media (max-width:766px) {
    .chat_box {
        width: 100% !important;
    }
}
@media (max-width:767px) {
    
    .enlarged #wrapper .topbar .topbar-left {
        width: 70px!important;
    }
    .metismenu .arrow {
        float: right;
        line-height: 1.42857;
    }
    .metismenu .collapse {
        display: none;
    }
    .metismenu .collapse.in {
        display: block;
    }
    [dir=rtl] .metismenu .arrow {
        float: left;
    }
    .enlarged .navbar.navbar-default.nav-lft, .inn_txt input, .navbar.navbar-default.nav-lft {
        width: 100%}
    .inn_txt .max-btn, .inn_txt .max-btn21 {
        width: 33%}
    
    .input_wrapper_bet_amount {
        display: block !important;
        padding-right:0px !important;
    }

} 

.no-animation * {
    transition-delay: 0s!important;
    transition-duration: 0s!important;
}
.pad-all span.hidden-xs {
    float: unset;
}
label.form-checkbox.form-normal.form-primary.form-text {
    padding-bottom: 0;
}
.bord-no {
    border: 0!important;
}
.input-group-addon {
    border: 1px solid #1e2229;
    background-color: transparent;
    border-radius: 0;
    min-width: 45px;
}
.bg-gray {
    background-color: #090C10;
}
.bg-gray, .bg-gray a {
    color: rgba(255, 255, 255, .7);
}
btn-model.btn, i.fa.fa-eye.view-withdraw_requests {
    cursor: pointer;
}
.pad-all .panel-body .col-sm-3.col-xs-6 {
    margin: 10px auto;
}
.mar-top {
    margin-top: 17px;
}
.text-success, a.text-success:focus, a.text-success:hover {
    color: #699737;
}
.h5 {
    font-size: 12px!important;
    font-weight: 600;
}
.form-checkbox:not(.btn), .form-radio:not(.btn) {
    display: block;
    background-color: transparent;
    border: 0;
    position: relative;
    padding: 3px;
    line-height: 1em;
    min-width: 19px;
    margin: 0;
    font-size:12px !important;
    font-weight:500;
}
.checkbox p{
    font-weight: 500 !important;
}
.form-text.form-checkbox:not(.btn), .form-text.form-radio:not(.btn) {
    padding-left: 25px;
}
.form-checkbox>input[type=checkbox], .form-radio>input[type=radio] {
    margin-left: 0;
    opacity: 0;
    position: absolute!important;
    visibility: hidden;
    z-index: -1;
    left: 0;
}
.pad-no {
    padding: 0;
}
.form-checkbox.form-icon:after, .form-radio.form-icon:after {
    content: "\f096";
    color: inherit;
    font-size: 19px;
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    position: absolute;
    left: .1em;
    top: 50%;
    margin-top: -.44em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.form-radio.form-icon:after {
    content: "\f10c"}
[class^=col-]:not(.pad-no) {
    padding-left: 12px;
    padding-right: 12px;
}
.clear {
    clear: both;
}
.text-thin {
    font-weight: 300;
}
.sportsmagazine-banner-two .sportsmagazine-banner-caption {
    top: 50px;
    position: relative;
}
label.form-radio.form-icon.form-text {
    text-align: left;
    word-wrap: break-word;
}
.form-radio.form-icon.active:after {
    content: "\f192"}
.content {
    background-color: #0f172a;
}
.text-center.pad-top {
    background-color: #fff;
}
input#seed-client-new {
    height: 30px;
}
.div-auto-stats h5 {
    margin-top: 0;
    margin-bottom: 20px;
}
.panel .panel-heading, .panel>:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.display-none {
    display: none;
}
hr {
    border-color: rgba(87, 106, 145, .6);
}
h5.text-center {
    color: #fff;
    font-size: 12px;
}
.pad-hor {
    margin: 0 auto;
}
.icon-wrap {
    display: inline-block;
    padding: 2px;
}
.icon-wrap-xs {
    padding: 2px;
}
.icon-wrap i {
    line-height: .8em!important;
    width: 2em!important;
    padding: .3em!important;
}
.text-info, a.text-info:focus, a.text-info:hover {
    color: #2285a0;
}
.h3.text-thin.media-heading {
    text-align: left!important;
}
.checkbox .pad-no .col-xs-9 input, .notification {
    text-align: center;
}
h5.text-center.text-thin.title {
    color: #333;
}
input#speed-bet {
    position: absolute;
    bottom: -5px;
    left: 0;
    z-index: 1;
    opacity: 0;
}
.checkbox .pad-no .col-xs-9 {
    padding: 0;
    width: 45px;
}
div::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(50, 64, 78, .5);
    background-color: #161b22;
}
div::-webkit-scrollbar {
    width: 6px;
    background-color: #161b22;
    height: 6px;
}
div::-webkit-scrollbar-thumb {
    background-color: #0f172a;
}
html::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(50, 64, 78, .5);
    background-color: #161b22;
}
html::-webkit-scrollbar {
    width: 6px;
    background-color: #161b22;
}
html::-webkit-scrollbar-thumb {
    background-color: #0f172a;
}
label.col-sm-8.control-label, label.col-sm-9.control-label {
    margin: 0;
}
#checkbox-balance-display {
    border-radius: 5px;
    padding: 2px 10px;
    border: 1px solid #c3cedb;
    background: #fff;
    color: inherit;
    display: inline-block;
    font-weight: 300;
    height: unset;
    width: auto;
}
.bg-gray p, .bg-gray-light p, .sportsmagazine-login-box p {
    text-align: left;
}
.loader_img img {
    width: 100px;
}
.loginmodal.modal.fade {
    overflow-y: scroll;
}
.col-sm-6.pad-no {
    background: #2e323b;
}
button#change_seed_button {
    margin-top: 23px;
}
#provably_fair .sportsmagazine-login-box {
    padding: 0;
}
.sportsmagazine-login-box h4 {
    padding-top: 15px;
}
#provably_fair .bg-gray-light {
    background: #2e323b;
    padding: 0;
}
#provably_fair .clearfix {
    background: #2e323b;
}
.bg-gray-light p, span.all_balance {
    margin: 0!important;
}
#provably_fair .bg-gray.pad-all>h5, #provably_fair h5 {
    font-size: 12px;
}
.bg-gray-light h5 {
    padding-top: 10px;
    clear: both;
}
span.time {
    font-size: 10px;
    color: #8a8a8a;
    position:absolute;
    right:40px
}
li.currency_drop {
    padding: 0;
}
li.currency_drop>a {
    padding: 20px 7px!important;
    margin: 10px 10px 0;
}
.dropdown-menu.btc_cust>span {
    width: 130px;
    text-align: center;
}
.index__home__header__balance__btc span.dropdown.bitcoin-btn {
    margin: 12px 5px;
    position: relative;
}
.dropdown-menu.btc_cust {
    top: 65px;
    width: 170px;
    left: 15px;
    height: 100%}
.index__home__header__balance {
    padding: 0!important;
}
.nav-menu-left .dropdown a {
    padding: 28px 10px 22px!important;
}
.dataTables_wrapper {
    margin: 0;
}
.btn-model.btn {
    background-color: transparent;
    color: inherit;
    padding: 6px 12px;
    border-radius: 0;
    border: 1px solid;
    font-size: 12px;
    line-height: 1.42857;
    vertical-align: middle;
    -webkit-transition: all .25s;
    transition: all .25s;
}
.btn-model.btn-danger {
    background-color: #db5660;
    border-color: #c75660;
    color: #fff;
}
.btn-labeled .fa:before, .btn-labeled.fa:before {
    font-family: fontAwesome;
}
.btn-labeled, .btn-labeled.fa {
    overflow: hidden;
}
.btn-model.btn-success {
    background-color: #1eaa4d;
    border-color: #1e964d;
    color: #fff;
}
.btn-labeled:before {
    background-color: rgba(0, 0, 0, .05);
    display: inline-block;
    margin-left: -12px;
    margin-right: 6px;
    padding: 6px 12px;
}
.btn:not(.disabled):not(:disabled).active, .btn:not(.disabled):not(:disabled):active {
    box-shadow: inset 0 2px 1px rgba(0, 0, 0, .2);
}
.btn-labeled:not(.btn-block):not(.form-icon) {
    font-family: inherit;
    font-size: 12px;
    line-height: 1.42857;
    padding-bottom: 0;
    padding-top: 0;
}
.row.text-center {
    width: 100%}
.dataTables_info {
    display: none;
}
.form-checkbox label.error, label#bet_amount-error {
    display: none!important;
}
button.btn.btn-info.btn-labeled.fa.fa-search::before {
    background: 0 0;
}
.form-checkbox.form-normal.form-primary {
    margin: 5px 0;
}
.mar-no.text-thin {
    color: #fff;
}
.topbar {
    position: fixed;
}
.bet {
    width: 72%;
    float: right;
}
.currency {
    display: inline-flex;
    float: right;
}
ul.dropdown-menu.lang_select li:hover {
    background-color: #090C10;
}
ul.dropdown-menu.lang_select li {
    width: 100%!important;
}
ul.dropdown-menu.lang_select {
    padding: 0;
}
.cur_logo_td {
    text-align: -webkit-center!important;
    text-align: -moz-center!important;
}
.cur_logo_div {
    width: max-content;
}
.with-arrow .text-dark i.fa.fa-angle-right.fa-lg.pull-right {
    margin-top: 7px;
}
.dropdown-menu.dropdown-menu-md.with-arrow .pad-all.bord-top {
    padding: 4px 20px 0;
}
.dropdown-menu.dropdown-menu-md.with-arrow {
    height: 260px!important;
}
.btn-group.open .dropdown-toggle.btn.btn-active-purple, .btn-hover-purple.active, .btn-hover-purple:active, .btn-hover-purple:hover, .btn-purple, .btn-purple:focus, .btn.btn-active-purple.active, .btn.btn-active-purple:active, .dropdown.open>.btn.btn-active-purple {
    background-color: #925e8b;
    border-color: #986291;
    color: #fff!important;
}
 .m-lft.text-center {
    float: left;
    width: 45px;
    padding-top: 8px;
    height: fit-content;
}
img.img-circle.img-sm {
    width: 32px;
    height: 32px;
}

.modalbox.error, .modalbox.success {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-top: 15%;
    background: #090C10;
    padding: 25px 25px 15px;
    border: 1px solid #373b42;
    text-align: center;
    height: 270px;
}
.modalbox.error.animate .icon, .modalbox.success.animate .icon {
    -webkit-animation: fall-in .75s;
    -moz-animation: fall-in .75s;
    -o-animation: fall-in .75s;
    animation: fall-in .75s;
}
.modalbox.error h1, .modalbox.success h1 {
    font-family: Montserrat, sans-serif;
}
.modalbox.error p, .modalbox.success p {
    font-family: "Open Sans", sans-serif;
}
.modalbox.error .redo.btn, .modalbox.error .redo.btn:active, .modalbox.error .redo.btn:focus, .modalbox.success .redo.btn, .modalbox.success .redo.btn:active, .modalbox.success .redo.btn:focus {
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    margin-top: 15px;
    width: 80%;
    background: 0 0;
    color: #0a6;
    border-color: #0a6;
    outline: 0;
}
.center {
    float: none;
    margin-left: auto;
    margin-right: auto;
}
.content-page .content {
    margin-top: 50px;
}
table.dataTable {
    clear: both;
    margin-top: 6px!important;
    margin-bottom: 6px!important;
    max-width: none!important;
    border-collapse: separate!important;
}
table.dataTable td, table.dataTable th {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}
table.dataTable td.dataTables_empty, table.dataTable th.dataTables_empty {
    text-align: center;
}
table.dataTable.nowrap td, table.dataTable.nowrap th {
    white-space: nowrap;
}
div.dataTables_wrapper div.dataTables_info {
    padding-top: 8px;
    white-space: nowrap;
}
table.dataTable thead>tr>td:active, table.dataTable thead>tr>th:active {
    outline: 0;
}
@media screen and (max-width:767px) {
    div.dataTables_wrapper div.dataTables_info {
        text-align: center;
    }
}
.bg-gray-light {
    background-color: #232832;
}
@media (max-width:980px) {
    .sportsmagazine-banner-two .sportsmagazine-banner-caption {
        margin: 0!important;
        position: absolute;
        top: 30px !important;
    }
    .sportsmagazine-banner-one-layer.menual {
        height: auto;
    }
    .sportsmagazine-banner-two-wrap {
        width: 100%;
        margin-bottom: 10px;
    }
    
    .sportsmagazine-banner-upcoming-match {
        margin: 0;
    }
    .rht_blck, .rht_inner {
        width: 100%;
    }
    .rht_blck{
        padding: 0 15px;
    }
}

.form-checkbox.form-normal.active:after, .form-checkbox.form-normal:not(.disabled):hover:after {
    content: "";
    position: absolute;
    height: 6px;
    width: 11px;
    left: 3px;
    top: 50%;
    margin-top: -5px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    border-bottom: 2.5px solid #515151;
    border-left: 2.5px solid #515151;
}
.form-checkbox.form-normal.active:after {
    border-color: #404449;
}
.form-checkbox.form-normal.form-danger.active:after, .form-checkbox.form-normal.form-dark.active:after, .form-checkbox.form-normal.form-info.active:after, .form-checkbox.form-normal.form-primary.active:after, .form-checkbox.form-normal.form-purple.active:after, .form-checkbox.form-normal.form-success.active:after, .form-checkbox.form-normal.form-warning.active:after {
    border-color: #fff;
}
.tab-pane>.panel.media.pad-all {
    padding-left: 0;
}
#OpenRainModal, #OpenChatModal {
    float: right;
    background-color: transparent;
    margin: 11px;
    height: 28px;
    width: 28px;
    text-align: center;
    cursor: pointer;
    color:#b9c6d2;
}
td.text-center img {
    float: left;
    width: 20px!important;
}
.badge-chat {
    background-color: #ab5e8f;
}
.badge-notification {
    background-color: #f99a38;
}
.badge-message {
    background-color: #1587d1;
}
.icon-wrap {
    display: inline-block;
    padding: 2px;
    border-radius: 50%!important;
    height: 40px;
    width: 40px;
}
.dropdown-menu.dropdown-menu-md.with-arrow {
    height: 250px;
}
t div.dataTables_wrapper {
    margin-bottom: 3em;
}
input[type=file] {
    display: none;
}
.custom-file-upload {
    display: inline-block;
    padding: 6px 12px;
    cursor: pointer;
}
.top_bar_span {
    vertical-align: top;
}

.bg-green {
    color: #5cb85c;
}
/*!* metismenu * @version 3.0.6*/.metismenu .arrow {
    float: right;
    line-height: 1.42857;
}
[dir=rtl] .metismenu .arrow {
    float: left;
}
.metismenu .plus-minus {
    float: right;
}
[dir=rtl] .metismenu .plus-minus {
    float: left;
}
.metismenu .mm-collapse:not(.mm-show) {
    display: none;
}
.metismenu .collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    transition-timing-function: ease;
    transition-duration: .35s;
    transition-property: height, visibility;
}
.metismenu .has-arrow {
    position: relative;
}
.metismenu .has-arrow:after {
    position: absolute;
    content: "";
    width: .5em;
    height: .5em;
    border-style: solid;
    border-width: 1px 0 0 1px;
    border-color: initial;
    right: 1em;
    transform: rotate(-45deg) translateY(-50%);
    transform-origin: top;
    top: 50%;
    transition: all .3s ease-out;
}
[dir=rtl] .metismenu .has-arrow:after {
    right: auto;
    left: 1em;
    transform: rotate(135deg) translateY(-50%);
}
.metismenu .has-arrow[aria-expanded=true]:after, .metismenu .mm-active>.has-arrow:after {
    transform: rotate(-135deg) translateY(-50%);
}
[dir=rtl] .metismenu .has-arrow[aria-expanded=true]:after, [dir=rtl] .metismenu .mm-active>.has-arrow:after {
    transform: rotate(225deg) translateY(-50%);
}
.metismenu>li {
    border-bottom: 1px solid rgba(87, 106, 145, .0);
}
.metismenu>li>ul>li {
    border-top: 1px solid rgba(87, 106, 145, .0);
    border-bottom: 1px solid rgba(87, 106, 145, .0);
}
.metismenu>li>ul {
    text-align: left;
    background-color: #111827;
    margin: 0;
    color: #fff!important;
}
.metismenu>li:hover>ul {
    width: 100%;
    text-align: left;
    background-color: #111827;
    margin: 0;
    color: #fff!important;
}
.metismenu>li>ul>li>a {
    padding-left: 50px;
    color: #fff;
}
.metismenu>li>ul>li>a:hover {
    color: #adb5bd;
    background-color: rgba(22, 32, 52, .1);
}
.mm-collapse {
    width: 100%;
    text-align: left;
    padding-left: 58px;
    background-color: #111827;
    margin: 0;
    color: #fff!important;
}

.bg-dice_roll {
    width: 15px;
    height: 15px;
    background: url(/images/css_sprites11.png) -1px -161px;
}
.bg-English {
    background: url(/images/css_sprites11.png) -131px -90px;
}
.bg-Filipino {
    background: url(/images/css_sprites11.png) -154px -90px;
}
.bg-Hindi {
    background: url(/images/css_sprites11.png) -177px -90px;
}
.bg-Indonesian {
    background: url(/images/css_sprites11.png) -45px -139px;
}
.bg-Japanese {
    background-image: url(/images/flags/Japanese.png);
     background-size: contain;
}
.bg-logo3 {
    width: 210px;
    height: 53px;
    background: url(/images/css_sprites11.png) -1px -1px;
}
.bg-Mods {
    background: url(/images/css_sprites11.png) -68px -139px;
}
.bg-Portugese {
    background: url(/images/css_sprites11.png) -91px -139px;
}
.bg-rain {
    width: 31px!important;
    height: 28px!important;
    background: url(/images/css_sprites11.png) -177px -56px;
}
.bg-reply {
    width: 20px;
    height: 15px;
    background: url(/images/css_sprites11.png) -109px -90px;
}
.bg-Russian {
    background: url(/images/css_sprites11.png) -114px -139px;
}
.bg-sm_logo2 {
    width: 50px;
    height: 50px;
    background: url(/images/css_sprites11.png) -57px -56px;
}
.bg-Spanish {
    background: url(/images/css_sprites11.png) -137px -139px;
}
.bg-telegram {
    width: 32px;
    height: 32px;
    background: url(/images/css_sprites11.png) -109px -56px;
}
.bg-twitter {
    width: 32px;
    height: 32px;
    background: url(/images/css_sprites11.png) -143px -56px;
}
.bg-Arabic {
    background: url(/images/css_sprites11.png) -160px -139px;
}
.bg-Bengal {
    background: url(/images/css_sprites11.png) -183px -139px;
}

.bg-logo3, .bg-sm_logo2 {
    margin-top: 8px;
}
.bg-Bengal,  .bg-Mods,  .bg-Arabic, .bg-Portugese, .bg-English, .bg-Filipino, .bg-Hindi, .bg-Indonesian,  .bg-Japanese, .bg-Russian, .bg-Spanish {
    display: inline-block;
    margin-left: 10px;
    width: 21px;
    height: 14px;
}
.price  {
    margin-left: 0 !important;
}
   
.switch_currency_row {
    cursor: pointer;
    /*border-bottom: 1px solid rgba(87, 106, 145, .6);*/
    padding: 20px;
}
.switch_currency_row:hover {
    background-color: #1a2633;
    color: #fff;
}
.switch_currency_row_image {
    float: left;
    width: 50px;
}
.switch_currency_row_span {
    float: right;
    margin-top: 14px;
}
.dropdown-current-page {
    border-radius: 2px;
     text-transform: uppercase;
    padding:  0 15px;
    color:  white;
    background:  darkred;
}
.chatroom_opened {
    margin-right: 320px;
}
.decoration_none {
    text-decoration:  none;
}
.mg_top_bott_15 {
    margin:  15px 0 !important;
}
.card, .collapsing {
    position: relative;
}
.card-header-pills, .card-header-tabs {
    margin-right: -.625rem;
    margin-left: -.625rem;
}
.collapse {
    display: none;
}
.card, .card-deck {
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
}
.collapse.show {
    display: block;
}
tr.collapse.show {
    display: table-row;
}
tbody.collapse.show {
    display: table-row-group;
}
.collapsing {
    height: 0;
    overflow: hidden;
    transition: height .35s;
}
.condition_title {
    margin: 0;
}
.chat_rules {
    margin-left: 0;
    margin-right: 0;
}
.bg-AVAX_50, .bg-AAVE_50, .bg-USDC_50, .bg-ALGO_50, .bg-AXIE_50, .bg-BCH_50, .bg-BNB_50, .bg-BTC_50, .bg-BTT_50, .bg-BUSD_50, .bg-CAKE_50, .bg-CELO_50, .bg-DAI_50, .bg-DASH_50, .bg-DOGE_50, .bg-EGLD_50, .bg-ETH_50, .bg-FLOW_50, .bg-KLAY_50, .bg-LTC_50, .bg-MATIC_50, .bg-ONE_50, .bg-SHIB_50, .bg-SOL_50, .bg-TRX_50, .bg-TWT_50, .bg-USDT_50, .bg-VET_50, .bg-XLM_50, .bg-XRP_50 {
    width: 50px;
    height: 50px;
    display: inline-block;
}
.bg-AVAX_50, .bg-AAVE_50, .bg-USDC_50, .bg-ALGO_50, .bg-AXIE_50, .bg-BCH_50, .bg-BNB_50, .bg-BTC_50, .bg-BTT_50, .bg-BUSD_50, .bg-CAKE_50, .bg-CELO_50, .bg-DAI_50, .bg-DASH_50, .bg-DOGE_50, .bg-EGLD_50, .bg-ETH_50, .bg-FLOW_50, .bg-KLAY_50, .bg-LTC_50, .bg-MATIC_50, .bg-ONE_50, .bg-SHIB_50, .bg-SOL_50, .bg-TRX_50, .bg-TWT_50, .bg-USDT_50, .bg-VET_50, .bg-XLM_50, .bg-XRP_50, .bg-img_AVAX, .bg-img_AAVE, .bg-img_USDC, .bg-img_ALGO, .bg-img_AXIE, .bg-img_BCH, .bg-img_BTC, .bg-img_BTT, .bg-img_BUSD, .bg-img_CAKE, .bg-img_CELO, .bg-img_DAI, .bg-img_DASH, .bg-img_DOGE, .bg-img_EGLD, .bg-img_ETH, .bg-img_FLOW, .bg-img_KLAY, .bg-img_LTC, .bg-img_ONE, .bg-img_SHIB, .bg-img_SOL, .bg-img_TRX, .bg-img_TWT, .bg-img_USDT, .bg-img_VET, .bg-img_XLM, .bg-img_XRP {
    vertical-align: sub;
    display: inline-block;
}
.bg-USDC_50 {
    background: url('/images/cp9.png') -2705px 0;
}
.bg-CELO_50 {
    background: url('/images/cp9.png');
}
.bg-DAI_50 {
    background: url('/images/cp9.png') -50px 0;
}
.bg-DASH_50 {
    background: url('/images/cp9.png') -100px 0;
}
.bg-DOGE_50 {
    background: url('/images/cp9.png') -150px 0;
}
.bg-EGLD_50 {
    background: url('/images/cp9.png') -200px 0;
}
.bg-ETH_50 {
    background: url('/images/cp9.png') -250px 0;
}
.bg-FLOW_50 {
    background: url('/images/cp9.png') -300px 0;
}
.bg-KLAY_50 {
    background: url('/images/cp9.png') -350px 0;
}
.bg-LTC_50 {
    background: url('/images/cp9.png') -400px 0;
}
.bg-MATIC_50 {
    background: url('/images/cp9.png') -450px 0;
}
.bg-ONE_50 {
    background: url('/images/cp9.png') -500px 0;
}
.bg-SHIB_50 {
    background: url('/images/cp9.png') -550px 0;
}
.bg-SOL_50 {
    background: url('/images/cp9.png') -600px 0;
}
.bg-TRX_50 {
    background: url('/images/cp9.png') -650px 0;
}
.bg-TWT_50 {
    background: url('/images/cp9.png') -700px 0;
}
.bg-USDT_50 {
    background: url('/images/cp9.png') -750px 0;
}
.bg-VET_50 {
    background: url('/images/cp9.png') -800px 0;
}
.bg-XLM_50 {
    background: url('/images/cp9.png') -850px 0;
}
.bg-XRP_50 {
    background: url('/images/cp9.png') -900px 0;
}
.bg-AAVE_50 {
    background: url('/images/cp9.png') -950px 0;
}
.bg-ALGO_50 {
    background: url('/images/cp9.png') -1000px 0;
}
.bg-AXIE_50 {
    background: url('/images/cp9.png') -1050px 0;
}
.bg-BCH_50 {
    background: url('/images/cp9.png') -1100px 0;
}
.bg-BNB_50 {
    background: url('/images/cp9.png') -1150px 0;
}
.bg-BTC_50 {
    background: url('/images/cp9.png') -1200px 0;
}
.bg-BTT_50 {
    background: url('/images/cp9.png') -1250px 0;
}
.bg-BUSD_50 {
    background: url('/images/cp9.png') -1300px 0;
}
.bg-CAKE_50 {
    background: url('/images/cp9.png') -1350px 0;
}
.bg-AVAX_50 {
    background: url('/images/cp9.png') -2803px 0;
}
.bg-img_AVAX, .bg-img_AAVE, .bg-img_USDC, .bg-img_ALGO, .bg-img_AXIE, .bg-img_BCH, .bg-img_BNB, .bg-img_BTC, .bg-img_BTT, .bg-img_BUSD, .bg-img_CAKE, .bg-img_CELO, .bg-img_DAI, .bg-img_DASH, .bg-img_DOGE, .bg-img_EGLD, .bg-img_ETH, .bg-img_FLOW, .bg-img_KLAY, .bg-img_LTC, .bg-img_MATIC, .bg-img_ONE, .bg-img_SHIB, .bg-img_SOL, .bg-img_TRX, .bg-img_TWT, .bg-img_USDT, .bg-img_VET, .bg-img_XLM, .bg-img_XRP {
    width: 25px;
    height: 25px;
}
.bg-img_BTC {
    background: url('/images/cp9.png') -1400px -25px;
}
.bg-img_USDC {
    background: url('/images/cp9.png') -2680px 0px;
}
.bg-img_BTT {
    background: url('/images/cp9.png') -1425px -25px;
}
.bg-img_BUSD {
    background: url('/images/cp9.png') -1450px -25px;
}
.bg-img_CAKE {
    background: url('/images/cp9.png') -1475px -25px;
}
.bg-img_AVAX {
    background: url('/images/cp9.png') -2777px 0;
}
.bg-img_CELO {
    background: url('/images/cp9.png') -1500px -25px;
}
.bg-img_DAI {
    background: url('/images/cp9.png') -1525px -25px;
}
.bg-img_DASH {
    background: url('/images/cp9.png') -1550px -25px;
}
.bg-img_DOGE {
    background: url('/images/cp9.png') -1575px -25px;
}
.bg-img_EGLD {
    background: url('/images/cp9.png') -1600px -25px;
}
.bg-img_ETH {
    background: url('/images/cp9.png') -1625px -25px;
}
.bg-img_FLOW {
    background: url('/images/cp9.png') -1650px -25px;
}
.bg-img_KLAY {
    background: url('/images/cp9.png') -1675px -25px;
}
.bg-img_LTC {
    background: url('/images/cp9.png') -1700px -25px;
}
.bg-img_MATIC {
    background: url('/images/cp9.png') -1725px -25px;
    display: inline-block;
}
.bg-img_ONE {
    background: url('/images/cp9.png') -1750px -25px;
}
.bg-img_SHIB {
    background: url('/images/cp9.png') -1775px -25px;
}
.bg-img_SOL {
    background: url('/images/cp9.png') -1800px -25px;
}
.bg-img_TRX {
    background: url('/images/cp9.png') -1825px -25px;
}
.bg-img_TWT {
    background: url('/images/cp9.png') -1850px -25px;
}
.bg-img_USDT {
    background: url('/images/cp9.png') -1875px -25px;
}
.bg-img_VET {
    background: url('/images/cp9.png') -1900px -25px;
}
.bg-img_XLM {
    background: url('/images/cp9.png') -1925px -25px;
}
.bg-img_XRP {
    background: url('/images/cp9.png') -1950px -25px;
}
.bg-img_AAVE {
    background: url('/images/cp9.png') -1975px -25px;
}
.bg-img_ALGO {
    background: url('/images/cp9.png') -2000px -25px;
}
.bg-img_AXIE {
    background: url('/images/cp9.png') -2025px -25px;
}
.bg-img_BCH {
    background: url('/images/cp9.png') -2050px -25px;
}
.bg-img_BNB {
    background: url('/images/cp9.png') -2075px -25px;
    display: inline-block;
}
.bg-img_AVAX_table, .bg-img_AAVE_table, .bg-img_USDC_table, .bg-img_ALGO_table, .bg-img_AXIE_table, .bg-img_BCH_table, .bg-img_BNB_table, .bg-img_BTC_table, .bg-img_BTT_table, .bg-img_BUSD_table, .bg-img_CAKE_table, .bg-img_CELO_table, .bg-img_DAI_table, .bg-img_DASH_table, .bg-img_DOGE_table, .bg-img_EGLD_table, .bg-img_ETH_table, .bg-img_FLOW_table, .bg-img_KLAY_table, .bg-img_LTC_table, .bg-img_MATIC_table, .bg-img_ONE_table, .bg-img_SHIB_table, .bg-img_SOL_table, .bg-img_TRX_table, .bg-img_TWT_table, .bg-img_USDT_table, .bg-img_VET_table, .bg-img_XLM_table, .bg-img_XRP_table {
    vertical-align: sub;
    margin-left: 5px;
    width: 20px;
    height: 20px;
    display: inline-block;
} 
.bg-img_CELO_table {
    background: url('/images/cp9.png') -2100px -30px;
}
.bg-img_USDC_table {
    background: url('/images/cp9.png') -2660px 0px;
}
.bg-img_DAI_table {
    background: url('/images/cp9.png') -2120px -30px;
}
.bg-img_DASH_table {
    background: url('/images/cp9.png') -2140px -30px;
}
.bg-img_DOGE_table {
    background: url('/images/cp9.png') -2160px -30px;
}
.bg-img_EGLD_table {
    background: url('/images/cp9.png') -2180px -30px;
}
.bg-img_ETH_table {
    background: url('/images/cp9.png') -2200px -30px;
}
.bg-img_FLOW_table {
    background: url('/images/cp9.png') -2220px -30px;
}
.bg-img_KLAY_table {
    background: url('/images/cp9.png') -2240px -30px;
}
.bg-img_LTC_table {
    background: url('/images/cp9.png') -2260px -30px;
}
.bg-img_MATIC_table {
    background: url('/images/cp9.png') -2280px -30px;
}
.bg-img_ONE_table {
    background: url('/images/cp9.png') -2300px -30px;
}
.bg-img_SHIB_table {
    background: url('/images/cp9.png') -2320px -30px;
}
.bg-img_SOL_table {
    background: url('/images/cp9.png') -2340px -30px;
}
.bg-img_TRX_table {
    background: url('/images/cp9.png') -2360px -30px;
}
.bg-img_TWT_table {
    background: url('/images/cp9.png') -2380px -30px;
}
.bg-img_USDT_table {
    background: url('/images/cp9.png') -2400px -30px;
}
.bg-img_VET_table {
    background: url('/images/cp9.png') -2420px -30px;
}
.bg-img_XLM_table {
    background: url('/images/cp9.png') -2440px -30px;
}
.bg-img_XRP_table {
    background: url('/images/cp9.png') -2460px -30px;
}
.bg-img_AAVE_table {
    background: url('/images/cp9.png') -2480px -30px;
}
.bg-img_ALGO_table {
    background: url('/images/cp9.png') -2500px -30px;
}
.bg-img_AXIE_table {
    background: url('/images/cp9.png') -2520px -30px;
}
.bg-img_BCH_table {
    background: url('/images/cp9.png') -2540px -30px;
}
.bg-img_BNB_table {
    background: url('/images/cp9.png') -2560px -30px;
}
.bg-img_BTC_table {
    background: url('/images/cp9.png') -2580px -30px;
}
.bg-img_BTT_table {
    background: url('/images/cp9.png') -2600px -30px;
}
.bg-img_BUSD_table {
    background: url('/images/cp9.png') -2620px -30px;
}
.bg-img_CAKE_table {
    background: url('/images/cp9.png') -2640px -30px;
}
.bg-img_AVAX_table {
    background: url('/images/cp9.png') -2756px 0;
}
.share_stats {
    position:  relative;
    top:  -26px;
    font-size:  16px;
    cursor:  pointer;
    left:12px;
} 
.share_stats_overal {
    position:  relative;
    top:  -26px;
    font-size:  16px;
    cursor:  pointer;
    left:12px;
}

.f12b{
    font-size:12px !important;
    font-weight:bold;
}
.contest_tbl{
    width:33% !important;
    overflow-x:clip;
    font-size:12px !important;
    font-weight:bold;
    text-align:-webkit-center;
    text-align:-moz-center;
}
.contest_tbl_info{
     width:50% !important;
     text-align:left
}

.win{
    color:#00E676 !important
}
.lose{
    color:#FF5252 !important
}
.input_wrapper {
    display: flex;
    width: 100%;
}

.input_wrapper_bet_amount {
    display: flex;
    width: 100%;
    padding-right: 5px;
}

.input_search {
    flex: 1; 
    padding: 5px 10px;
    box-sizing: border-box; 
}
.btn_search {
    width: 50px; 
    flex-shrink: 0; 
    padding-left: 14px;
    border-radius: 0;
}
.balance_row {
    display: flex;
    align-items: center;
    width: 100%;
    
}

.balance_label {
    white-space: nowrap; 
    margin-right: 8px;
    padding: 10px 0 0 0 !important;
}

.balance_row input {
    flex: 1;        
    width: 100%;
    min-width: 0;        
    margin-top: 10px;
}
.body_bottom{
    display:flex;width:100%;padding:50px 15px 80px;background:#0f172a !important;
}
.btn_copy{
    color:#5288c1 !important;
    background-color:#1E293B !important;
}
.btn_copy:hover{
    color:white !important
}

/* 1. Global Variables for Toasts */
:root {
    --bg-toast: #1e293b; /* Translucent #161B22 */
    --success: #10b981;
    --error: #ef4444;
    --info: #38bdf8;
    --warning: #f56565;
    --text-main: #FFFFFF;
    --text-muted: #94A3B8;
    
    /* Chatroom */
    --bg-body: #050505;
    --bg-chat: #1b212d;
    --bg-item: #12151d;
    --bg-bubble: #111827;
    --bg-mention-highlight: rgba(157, 78, 221, 0.18);
    
    --accent: #8b5cf6;
    --accent-glow: rgba(157, 78, 221, 0.4);
    --role-bot: #00d4ff;
    --mentioned-me: #ffcc00;
    --role-mod: #00f5d4;
    
    --text-high: #d1d5db; /* Comfort White */
    --text-mid: #9ca3af;
    --text-low: #6b7280;
    
    --border: #212631;
    --rain-timer-color: #ff9f1c;
    --online-dot: #2ecc71;
    
    --transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
/* =========================================
           2. CHAT LAYOUT & ANIMATION
           ========================================= */
        .chat_box {
            position: fixed;
            top: 0;
            right: -1340px; /* Fully hidden */
            width: 320px;
            height: 100dvh;
            background: var(--bg-chat);
            border-left: 1px solid var(--border);
            display: flex;
            flex-direction: column;
            z-index: 999;
            box-shadow: -15px 0 40px rgba(0,0,0,0.7);
            transition: var(--transition);
        }

        .chat_box.active {
            right: 0;
        }

        /* =========================================
           3. HEADER SECTION (Stats & Tools)
           ========================================= */
        .chat-header {
            margin-top:70px;
            flex-shrink: 0;
            background: var(--bg-chat);
            border-bottom: 1px solid var(--border);
            display: flex;
            flex-direction: column;
        }

        .header-top-row {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 12px 10px 8px 15px;
        }

        .online-count {
            display: flex;
            align-items: center;
            gap: 6px;
            font-size: 11px;
            font-weight: 700;
            color: var(--text-mid);
            letter-spacing: 0.3px;
        }

        .online-dot {
            width: 8px;
            height: 8px;
            background-color: var(--online-dot);
            border-radius: 50%;
            box-shadow: 0 0 8px var(--online-dot);
            animation: pulse 2s infinite;
        }

        @keyframes pulse {
            0% { opacity: 1; }
            50% { opacity: 0.5; }
            100% { opacity: 1; }
        }

        .rain-info {
            display: flex;
            align-items: center;
            gap: 6px;
            color: var(--rain-timer-color);
            font-size: 11px;
            font-weight: 800;
            background: rgba(255, 159, 28, 0.08);
            padding: 4px 8px;
            border-radius: 6px;
        }

        .header-bottom-row {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 0 10px 10px 15px;
        }

        .tool-group {
            display: flex;
            gap: 12px;
            justify-content: space-between;
            width: 100%;
        }

        .tool-btn {
            background: none;
            border: none;
            color: var(--text-low);
            cursor: pointer;
            font-size: 16px;
            font-weight: 600;
            transition: var(--transition);
            display: flex;
            align-items: center;
            gap: 5px;
            padding: 0;
        }

        .tool-btn:hover {
            color: var(--accent);
        }

        .close-btn {
            width: 40px;
            height: 40px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #ef4444;
            background: none;
            border: none;
            font-size: 22px;
            cursor: pointer;
            border-radius: 8px;
            transition: var(--transition);
        }

        .close-btn:hover {
            background: rgba(239, 68, 68, 0.1);
        }

        /* =========================================
           4. MESSAGE LIST (Scroller)
           ========================================= */
        .chat-messages {
            flex-grow: 1;
            overflow-y: auto;
            padding: 15px;
            display: flex;
            flex-direction: column;
            gap: 16px;
            scroll-behavior: smooth;
            overscroll-behavior: contain;
            
            scrollbar-width: thin; /* firefox */
            scrollbar-color: #333333 #0f0f0f;
        }

        /* Custom Scrollbar */
        .chat-messages::-webkit-scrollbar { width: 5px; }
        .chat-messages::-webkit-scrollbar-track { background: transparent; }
        .chat-messages::-webkit-scrollbar-thumb { background: #2d3343; border-radius: 10px; }

        .message-wrapper {
            display: flex;
            gap: 12px;
            align-items: flex-start;
            position: relative;
        }

        .avatar-box {
            position: relative;
            flex-shrink: 0;
            top:3px;
        }

        .user-avatar {
            width: 38px;
            height: 38px;
            border: 2px solid var(--accent);
            border-radius: 10px;
            background-color: var(--bg-item);
            object-fit: cover;
        }

        .level-badge {
            position: absolute;
            bottom: -15px;
            left: 50%;
            transform: translateX(-50%);
            background: #12151d; 
            color: #fff;
            font-size: 12px; 
            padding: 2px 5px;
            border-radius: 6px;
            border: 1px solid var(--border);
            display: flex;
            align-items: center;
            justify-content: center;
            box-shadow: 0 2px 5px rgba(0,0,0,0.5);
            z-index: 10;
        }
        
        .level-badge i.fa-gem {
            animation: gem-glow 1.5s infinite alternate;
        }
        
        .rank-5 i {
            text-shadow: 0 0 8px currentColor;
        }
        
        @keyframes gem-glow {
            from { opacity: 0.7; transform: scale(0.9); }
            to { opacity: 1; transform: scale(1.1); }
        }

        .msg-content {
            flex-grow: 1;
            /*max-width: 82%;*/
        }

        .msg-info {
            display: flex;
            align-items: center;
            gap: 8px;
            margin-bottom: 4px;
        }

        .user-name {
            font-size: 12px;
            font-weight: 700;
            color: var(--accent);
            cursor: pointer;
        }

        .msg-time {
            font-size: 10px;
            color: var(--text-low);
            font-weight: 500;
        }

        .bubble {
            background: var(--bg-bubble);
            padding: 8px 14px;
            border-radius: 0 12px 12px 12px;
            font-size: 13.5px;
            color: var(--text-high);
            line-height: 1.6;
            word-break: break-word;
            position: relative;
            border: 1px solid transparent;
            transition: var(--transition);
        }

        /* Reply Button Overlay */
        .reply-icon-btn {
            position: absolute;
            right: -5px;
            top: 0;
            width: 26px;
            height: 26px;
            background: var(--bg-item);
            border: 1px solid var(--border);
            border-radius: 6px;
            color: var(--text-mid);
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 11px;
            cursor: pointer;
            opacity: 0;
            transition: var(--transition);
            z-index: 5;
        }

        .message-wrapper:hover .reply-icon-btn {
            opacity: 1;
            right: 5px;
        }

        .reply-icon-btn:hover {
            color: var(--accent);
            border-color: var(--accent);
        }



        .mention-link {
            color: var(--accent);
            text-decoration: none;
            font-weight: 800;
            cursor: pointer;
        }
        
        .mention-link:hover {
            text-decoration: underline;
        }

        /* Role Styles */
        .msg-bot .user-name { color: var(--role-bot); }
        .msg-bot .user-avatar { border-color: var(--role-bot); }
        .msg-bot .bubble { border-left: 2px solid var(--role-bot); }

        .msg-mod .user-name { color: var(--role-mod); }
        .msg-mod .user-avatar { border-color: var(--role-mod); }
        .msg-mod .bubble { border-left: 2px solid var(--role-mod); }

        /* =========================================
           5. INPUT SECTION
           ========================================= */
        .chat-input-area {
            padding: 15px;
            background: var(--bg-chat);
            border-top: 1px solid var(--border);
            flex-shrink: 0;
        }

        .input-box-container {
            display: flex;
            align-items: flex-end;
            background: var(--bg-item);
            border: 1px solid var(--border);
            border-radius: 14px;
            padding: 6px;
            transition: border-color 0.3s;
            overflow: hidden;
        }

        .input-box-container:focus-within {
            border-color: var(--accent);
        }

        #chat_main_input {
            flex: 1;
            background: transparent;
            border: none;
            color: var(--text-high);
            padding: 10px;
            font-size: 14px;
            transform-origin: left top;
            resize: none;
            max-height: 120px;
            min-height: 40px;
            line-height: 1.4;
        }
        #chat_main_input:focus {
            font-size: 16px; 
        }

        .send-action-btn {
            width: 40px;
            height: 40px;
            background: var(--accent);
            color: white;
            border: none;
            border-radius: 10px;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 16px;
            transition: var(--transition);
            flex-shrink: 0;
        }

        .send-action-btn:hover {
            transform: scale(1.05);
            box-shadow: 0 0 15px var(--accent-glow);
        }

        /* Trigger for Test */
        .chat-toggle-trigger {
            position: fixed;
            bottom: 20px;
            right: 15px;
            width: 60px;
            height: 55px;
            background: var(--accent);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            font-size: 28px;
            cursor: pointer;
            box-shadow: 0 10px 25px rgba(0,0,0,0.4);
            border: none;
            z-index: 999;
        }

        
        /* scrollbar redesign */
        .chat-messages::-webkit-scrollbar {
            width: 5px; 
        }
        
        .chat-messages::-webkit-scrollbar-track {
            background: #0f0f0f ; 
        }
        
        .chat-messages::-webkit-scrollbar-thumb {
            background: #333; 
            border-radius: 20px;
            transition: all 0.3s ease;
        }
        
        .chat-messages.is-scrolling{
            scrollbar-color: #333333 #0f0f0f;
        }
        
        
        .chat-messages.is-scrolling::-webkit-scrollbar-thumb
        , .chat-messages::-webkit-scrollbar-thumb:hover,
        .chat-messages::-webkit-scrollbar-thumb:active {
            background: var(--accent);
            /*box-shadow: 0 0 10px var(--accent), 0 0 20px var(--accent); */
        }
        
        /* hide default scrollbar and redesign */
        #chat_main_input::-webkit-scrollbar {
            width: 4px; 
        }
        
        #chat_main_input::-webkit-scrollbar-track {
            background: transparent; 
        }
        
        #chat_main_input::-webkit-scrollbar-thumb {
            background: var(--accent); 
            border-radius: 10px;
        }
        
        #chat_main_input::-webkit-scrollbar-thumb:hover {
            background: #b566ff; 
        }
        
        /* firefox */
        #chat_main_input {
            scrollbar-width: thin;
            scrollbar-color: var(--accent) transparent;
        }
        
        .bet-id-link {
            background: rgba(255, 159, 28, 0.1); 
            color: #ff9f1c;
            border: 1px dashed rgba(255, 159, 28, 0.4); 
            padding: 1px 6px;
            border-radius: 4px;
            font-family: 'Courier New', monospace; 
            font-weight: 800;
            cursor: pointer;
            text-decoration: none;
            transition: var(--transition);
            display: inline-block;
            margin: 0 2px;
        }
        
        .bet-id-link:hover {
            background: #ff9f1c;
            color: #000;
            border-style: solid;
            box-shadow: 0 0 10px rgba(255, 159, 28, 0.3);
        }
        
        .mention-tag, .mention-me {
            font-family: 'Courier New', monospace; 
            cursor: pointer;
            
            font-weight: 800;
            transition: var(--transition);
            display: inline-block;
            text-decoration: none;
            padding: 1px 6px;
            border-radius: 4px;
            margin: 0 2px;
        }
        
        .mention-tag{
            background: rgba(0, 255, 136, 0.1);
            border: 1px dashed rgba(0, 255, 136, 0.4);
            color: #00ff88; 
        }
        
        .mention-me {
            background: rgba(255, 204, 0, 0.1) !important;
            border: 1px dashed rgba(255, 204, 0, 0.4);
            color: #ffcc00; 
        }
        
        .mention-tag:hover {
            background: #00ff88;
            color: #000;
            border-style: solid;
            box-shadow: 0 0 10px rgba(255, 159, 28, 0.3);
        }
        
        .mention-me:hover {
            color: #000;
            border-style: solid;
            box-shadow: 0 0 10px rgba(255, 204, 0, 0.3);
            background: #ffcc00 !important;
        }
        
        
        
        /* stats box */
        .stats-card {
            background: rgba(20, 24, 34, 0.95);
            border: 1px solid var(--border);
            border-radius: 12px;
            padding: 14px;
            margin: 10px 0;
            width: 100%;
            box-shadow: 0 8px 20px rgba(0,0,0,0.4);
        }


        .stat-row-wide {
            display: flex;
            flex-direction: column;
            gap: 4px;
            margin-bottom: 12px;
        }
        
        
        .stat-value-heavy {
            font-size: 15px;
            font-weight: 900;
            color: var(--text-high);
            font-family: 'Roboto Mono', monospace;
            word-break: break-all; 
            line-height: 1.2;
        }
        
        /* header */
        .stats-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 15px;
            padding-bottom: 8px;
            border-bottom: 1px solid rgba(255,255,255,0.05);
        }
        
        .session-badge {
            font-size: 9px;
            text-transform: uppercase;
            padding: 2px 6px;
            border-radius: 4px;
            font-weight: 900;
        }
        
        /* colors */
        .badge-total { background: #5a189a; color: #fff; }
        .badge-normal { background: #2ecc71; color: #000; }
        .badge-faucet { 
            background: #2979FF;
            color: #fff; 
            font-size: 9px; padding: 2px 6px; border-radius: 4px; background: #2979FF; color: white;font-weight:700
        }
        .badge-bonus { background: #f1c40f; color: #000; }
        
        
        .stats-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 10px;
        }
        
        .stat-item {
            display: flex;
            flex-direction: column; 
            align-items: center;
            flex: 1; 
        }
        
        .stat-label {
            font-size: 10px;
            color: var(--text-low);
        }
        
        .stat-value {
            font-size: 11px;
            font-weight: 700;
            color: var(--text-high);
            font-family: 'Courier New', monospace;
        }
        
        /* profit color */
        .profit-pos { color: #2ecc71; }
        .profit-neg { color: #e74c3c; }
        
        
        .stats-footer-list {
            display: flex;
            flex-direction: column;
            gap: 6px;
            border-top: 1px solid rgba(255,255,255,0.08);
            padding-top: 10px;
        }
        
        .footer-item {
            display: flex;
            justify-content: space-between; 
            align-items: center;
        }
        
        .mini-label {
            font-size: 10px;
            color: var(--text-low);
            font-weight: 700;
            text-transform: uppercase;
        }
        
        .mini-value {
            font-size: 12px;
            font-weight: 800;
            font-family: 'Roboto Mono', monospace;
            color: var(--text-high);
        }
        
        .stats-grid-mini {
            display: flex; 
            justify-content: space-between;
            align-items: center;
            gap: 5px;
            border-top: 1px solid rgba(255,255,255,0.05);
            padding-top: 10px;
        }
        
        /* mute, ban */
        .system-msg {
            width: 100%;
            display: flex;
            justify-content: center;
            margin: 10px 0;
        }
        
        .system-bubble {
            background: rgba(255, 77, 77, 0.1); /* alert */
            border: 1px solid rgba(255, 77, 77, 0.2);
            color: #ff4d4d;
            font-size: 11px;
            padding: 4px 12px;
            border-radius: 20px;
            font-weight: 600;
            letter-spacing: 0.5px;
            display: flex;
            align-items: center;
            gap: 6px;
        }
        
        .system-bubble i {
            font-size: 10px;
        }
        
        .system-bubble a {
            color: #ff4d4d;
        }
        
        @keyframes shake {
            0%, 100% { transform: translateX(0); }
            25% { transform: translateX(-5px); }
            75% { transform: translateX(5px); }
        }
        
        .shake-animation {
            animation: shake 0.2s ease-in-out 0s 2;
            border-color: #ff4d4d !important;
        }
        
        .room-selector {
            position: relative;
        }
        
        .room-dropdown {
            position: absolute;
            top: 110%;
            left: 0;
            background: #1a1d26;
            border: 1px solid var(--border);
            border-radius: 8px;
            display: none; 
            flex-direction: column;
            min-width: 120px;
            z-index: 1000;
            box-shadow: 0 10px 25px rgba(0,0,0,0.5);
        }
        
        .room-dropdown.active {
            display: flex;
        }
        
        .room-item {
            padding: 10px 15px;
            font-size: 12px;
            cursor: pointer;
            transition: background 0.2s;
            color: var(--text-high);
        }
        
        .room-item:hover {
            background: rgba(255, 255, 255, 0.05);
            color: var(--accent);
        }
        
        
        
        
        
        
        
        
        
        
        
        
        .rain-wrapper {
            justify-content: center;
            padding: 10px 0;
        }
        
        .rain-card {
            border: 1px solid #00ffcc;
            background: linear-gradient(135deg, #1e3a8a 0%, #1e1b4b 100%);
            /*border: 1px solid #3b82f6;*/
            border-radius: 12px;
            width: 90%;
            overflow: hidden;
            box-shadow: 0 0 15px rgba(59, 130, 246, 0.3);
        }
        
        .rain-header {
            background: rgba(59, 130, 246, 0.2);
            padding: 8px;
            text-align: center;
            font-weight: bold;
            color: #60a5fa;
            letter-spacing: 1px;
        }
        
        .rain-body {
            padding: 15px;
            text-align: center;
        }
        

        
        .winners-grid {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 8px;
        }
        
        .rain-winner {
            background: rgba(255, 255, 255, 0.1);
            padding: 2px 8px;
            border-radius: 5px;
            font-size: 1.1rem;
            color: #e2e8f0;
            cursor: pointer;
            transition: 0.2s;
        }
        
        .rain-winner:hover {
            background: #3b82f6;
            color: white;
        }
        
        /* part 2*/
        .rain-prize-box {
            background: rgba(0, 0, 0, 0.2);
            padding: 10px;
            border-radius: 8px;
            margin-bottom: 15px;
            display: inline-block;
        }

        .rain-currency {
            color: #fbbf24;
            font-size: 1.16rem;
            font-weight: bold;
        }
        
        /* Container for the 50px icon */
        .rain-icon-container {
            margin-bottom: 10px;
            display: flex;
            justify-content: center;
        }
        
        .coin-icon-sprite {
            display: inline-block;
            width: 50px;  /* Your 50px size */
            height: 50px;
            background-repeat: no-repeat;
            /* Optional: shadow to make the coin pop */
            filter: drop-shadow(0 0 8px rgba(255, 255, 255, 0.2));
        }
        
        .rain-prize-info {
            margin-bottom: 20px;
        }
        
        /*.rain-amount {
            display: block; 
            font-size: 1.5rem;
            color: #00ffcc;
            font-weight: 800;
        }*/
        
        .rain-amount {
            color: #fbbf24; /* Gold color for the amount */
            font-size: 1.42rem;
            font-weight: bold;
            margin-bottom: 10px;
        }

.rain-card.gold-border {
    border: 2px solid #fbbf24; /* Golden border for rain */
    background: rgba(15, 23, 42, 0.95);
    border-radius: 15px;
}






        
        /* Mention Highlight & Link */
        .sent-by-me {
            background: var(--bg-mention-highlight) !important;
            border-left: 2px solid var(--accent) !important;
        }
        
        .mentioned-me {
            background: rgba(255, 204, 0, 0.1) !important;
            border-left: 2px solid var(--mentioned-me) !important;
        }
        
        
        /* Base style for text badges */
        .badge-text {
            font-size: 9px;
            font-weight: 700;
            padding: 1px 6px;
            border-radius: 4px;
            letter-spacing: 0.5px;
            display: inline-block;
            vertical-align: middle;
            line-height: 1.2;
        }
        
        /* Moderator Badge (Green Glow) */
        .mod-badge {
            background: rgba(0, 212, 255, 0.15);
            color: #00d4ff;
            border: 1px solid rgba(0, 212, 255, 0.4);
            text-shadow: 0 0 5px rgba(0, 212, 255, 0.5);
        }
        
        /* Styling for the Gradient MOD Badge */
        .mod-badge-gradient {
            color: #ffffff !important; /* White text looks best on gradients */
            border: none !important; /* No border needed for gradients */
            padding: 2px 6px;
            font-size: 8.5px;
            font-weight: 900;
            border-radius: 4px;
            text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3); /* Makes text pop */
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); /* Adds depth */
            display: inline-block;
            vertical-align: middle;
            margin-right: 6px;
        }
        
        /* Subtle animation to make it "shimmer" (Optional) */
        .mod-badge-gradient {
            background-size: 200% auto;
            transition: 0.5s;
        }
        
        .mod-badge-gradient:hover {
            background-position: right center; /* Moves the gradient on hover */
        }


/* 2. Toast Wrapper (The invisible container for stacking) */
.toast-wrapper {
    position: fixed;
    top: 75px;
    right: 24px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    z-index: 999999;
    pointer-events: none; /* Allows clicks to pass through gaps */
}

/* 3. Main Toast Container */
.toast-container {
    pointer-events: auto; /* Re-enable clicks for the toast itself */
    min-width: 300px;
    max-width: 380px;
    background: var(--bg-toast);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 10px;
    padding: 14px 16px;
    display: flex;
    align-items: flex-start;
    gap: 12px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);
    position: relative;
    overflow: hidden;
    animation: toastSlideIn 0.4s cubic-bezier(0.18, 0.89, 0.32, 1.28) forwards;
}

/* 4. Status-based Border Glows */
.toast-container.success { border-right: 4px solid var(--success); box-shadow: 0 4px 15px rgba(0, 230, 118, 0.1); }
.toast-container.error { border-right: 4px solid var(--error); box-shadow: 0 4px 15px rgba(255, 82, 82, 0.1); }
.toast-container.info { border-right: 4px solid var(--info); box-shadow: 0 4px 15px rgba(64, 196, 255, 0.1); }
.toast-container.warning { border-right: 4px solid var(--warning); box-shadow: 0 4px 15px rgba(255, 171, 64, 0.1); }

/* 5. Icon Styles */
.toast-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-top: 2px;
}
.toast-container.success .toast-icon { color: var(--success); }
.toast-container.error .toast-icon { color: var(--error); }
.toast-container.info .toast-icon { color: var(--info); }
.toast-container.warning .toast-icon { color: var(--warning); }

/* 6. Content & Typography */
.toast-content {
    flex-grow: 1;
}

.toast-title {
    color: var(--text-main);
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 3px;
    line-height: 1.4;
}

.toast-message {
    color: var(--text-muted);
    font-size: 13px;
    line-height: 1.5;
}

/* 7. Close Button */
.toast-close {
    background: none;
    border: none;
    color: var(--text-muted);
    font-size: 20px;
    line-height: 1;
    cursor: pointer;
    padding: 0;
    margin-left: 4px;
    transition: color 0.2s, transform 0.2s;
}

.toast-close:hover {
    color: var(--text-main);
    transform: scale(1.1);
}

/* 8. Progress Bar */
.toast-progress {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 3px;
    width: 100%;
    opacity: 0.3;
    transform-origin: left;
    animation: toastProgress linear forwards;
}

/* 9. Animations */
@keyframes toastSlideIn {
    from { transform: translateX(110%); opacity: 0; }
    to { transform: translateX(0); opacity: 1; }
}

@keyframes toastProgress {
    from { transform: scaleX(1); }
    to { transform: scaleX(0); }
}

/* 10. Mobile Responsiveness */
@media (max-width: 480px) {
    .toast-wrapper {
        top: 75px;
        right: 12px;
        left: 12px;
    }
    .toast-container {
        max-width: 100%;
        min-width: auto;
    }
}



/* Premium Header Container */
.sd-premium-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 25px 25px 20px 25px; /* Spacing */
    background: linear-gradient(180deg, rgba(22, 27, 40, 0.5) 0%, rgba(13, 17, 27, 0) 100%); /* Subtle blend */
    border-bottom: 1px solid rgba(255, 255, 255, 0.03); /* Faint divider */
}

/* Profile & User Area */
.sd-profile-area {
    display: flex;
    align-items: center;
    gap: 18px; /* Space between avatar and text */
}

/* Avatar Wrapper with Neon Ring */
.sd-avatar-wrapper {
    position: relative;
    width: 60px; /* Slightly larger */
    height: 60px;
    border-radius: 50%; /* Circular avatar */
    padding: 3px; /* Space for the ring */
    background: #111827; /* Match modal background */
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.5); /* Inner shadow for depth */
}

.sd-avatar-img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid #1a202c; /* Inner border */
    position: relative;
    z-index: 2; /* Above the glow */
}

/* The Neon Ring Effect (Dynamic) */
.sd-avatar-glow {
    position: absolute;
    inset: 0;
    border-radius: 50%;
    z-index: 1;
    transition: all 0.3s ease; /* Smooth color change */
}

/* User Text Details */
.sd-username {
    display: block;
    font-size: 20px; /* Larger font */
    font-weight: 800; /* Extra bold */
    color: #fff;
    letter-spacing: -0.5px;
    margin-bottom: 5px;
}

/* Game Mode & Platform Tags */
.sd-mode-tag-container {
    display: flex;
    gap: 8px;
    align-items: center;
}

.sd-mode-tag {
    font-size: 10px;
    font-weight: 900;
    padding: 3px 8px;
    border-radius: 6px;
    text-transform: uppercase;
    letter-spacing: 1px;
    border: 1px solid #30363d; /* Default */
}

/* Tag colors (same as before but more bold) */
.mode-main { color: #00f2ff; border-color: rgba(0, 242, 255, 0.4); background: rgba(0, 242, 255, 0.05); }
.mode-bonus { color: #f1c40f; border-color: rgba(241, 196, 15, 0.4); background: rgba(241, 196, 15, 0.05); }
.mode-faucet { color: #9b59b6; border-color: rgba(155, 89, 182, 0.4); background: rgba(155, 89, 182, 0.05); }

/* Dynamic Classes for JS */
.bg-win { background: #10b981; color: #fff; }
.bg-loss { background: #ef4444; color: #fff; }

/* Neon Avatar Ring Colors (JS handles this) */
.avatar-win { box-shadow: 0 0 15px rgba(16, 185, 129, 0.6); border: 2px solid #10b981; }
.avatar-loss { box-shadow: 0 0 15px rgba(239, 68, 68, 0.6); border: 2px solid #ef4444; }



/* Modal Container */
.sd-modal-content {
    background: #111827;
    width: 95%;
    max-width: 420px;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    border: 1px solid rgba(255, 255, 255, 0.05);
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.7);
    text-align: left;
    font-family: 'Rajdhani', sans-serif; /* Font for General UI */
    
    transform: scale(0.9) translateY(20px); 
    opacity: 0;
    transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1); 
    
    max-height: 90dvh;
    display: flex;
    flex-direction: column;
}

/* The Neon Line */
.sd-neon-line {
    height: 4px;
    background: linear-gradient(90deg, #00f2ff, #7000ff);
    box-shadow: 0 0 15px rgba(0, 242, 255, 0.5);
}

.sd-modal-body { padding: 24px; }

@media (max-width: 500px) {
    .sd-modal-body { padding: 15px; }
}

/* Hero Result Section */

.sd-label { 
    font-size: 10px; 
    color: #94a3b8; 
    letter-spacing: 1.2px; 
    font-weight: 800; 
    display: block; 
    margin-bottom: 8px;
    text-transform: uppercase;
    font-family: 'Rajdhani', sans-serif;
}

/* Win/Loss Colors */
.is-win { 
    color: #10b981 !important;
    text-shadow: 0 0 20px rgba(16, 185, 129, 0.4); 
}
.is-loss { color: #ef4444; text-shadow: 0 0 20px rgba(239, 68, 68, 0.4); }

/* Base Button Styling */
.sd-actions {
    display: flex;
    gap: 12px;
    padding-top: 10px;
}

.sd-btn {
    outline: none;
    border: none;
    padding: 14px 20px;
    border-radius: 12px;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 0.5px;
    cursor: pointer;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    position: relative;
    overflow: hidden;
}

/* Share Button (Primary - Blue Neon) */
.sd-btn-share {
    flex: 2;
    background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
    color: #ffffff;
    box-shadow: 0 4px 15px rgba(37, 99, 235, 0.3), 
                inset 0 1px 1px rgba(255, 255, 255, 0.2);
}

.sd-btn-share:hover {
    background: linear-gradient(135deg, #60a5fa 0%, #3b82f6 100%);
    box-shadow: 0 6px 20px rgba(37, 99, 235, 0.5);
    transform: translateY(-2px);
}

.sd-btn-share:active {
    transform: translateY(1px);
    box-shadow: 0 2px 10px rgba(37, 99, 235, 0.3);
}

/* Shimmer Animation for Share Button */
.sd-btn-share::after {
    content: '';
    position: absolute;
    top: -50%;
    left: -60%;
    width: 20%;
    height: 200%;
    background: rgba(255, 255, 255, 0.1);
    transform: rotate(30deg);
    transition: all 0.5s;
    animation: sd-shimmer 3s infinite;
}

@keyframes sd-shimmer {
    0% { left: -60%; }
    20% { left: 120%; }
    100% { left: 120%; }
}

/* Verify Button (Secondary - Dark/Ghost) */
.sd-btn-verify {
    flex: 1;
    background: #1a202c;
    color: #a0aec0;
    border: 1px solid #2d3748;
}

.sd-btn-verify:hover {
    background: #2d3748;
    color: #fff;
    border-color: #4a5568;
}

.sd-btn-verify:active {
    background: #161b22;
    transform: scale(0.97);
}

.sd-btn-icon {
    font-size: 16px;
}


/* Import Fonts from Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@500;700&family=JetBrains+Mono:wght@400;700&display=swap');



/* Buttons look better with Rajdhani */
.sd-btn {
    font-family: 'Rajdhani', sans-serif;
    text-transform: uppercase;
    font-weight: 700;
}

.sd-user-details {
    margin-left: 5px;
}


.sd-level-showcase {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.07);
    border-radius: 12px;
    box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.2);
    padding: 6px 10px;
    min-width: 55px;
}

.sd-lvl-text {
    font-family: 'JetBrains Mono', monospace;
    font-size: 13px;
    font-weight: 800;
    color: #fff;
    margin-bottom: 4px;
    letter-spacing: 0.5px;
}
.sd-lvl-icon-wrap {
    font-size: 14px;
    color: #94a3b8; 
    filter: drop-shadow(0 0 5px rgba(148, 163, 184, 0.3));
}
.lvl-high-rank {
    border-color: rgba(241, 196, 15, 0.4);
    background: rgba(241, 196, 15, 0.05);
}
.lvl-high-rank .sd-lvl-text { color: #f1c40f; }
.lvl-high-rank .sd-lvl-icon-wrap { color: #f1c40f; filter: drop-shadow(0 0 8px #f1c40f); }

.sd-money-item {
    background: #161b28;
    padding: 15px;
    border-radius: 12px;
    margin-bottom: 10px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.sd-amount-content {
    display: flex;
    align-items: center;
    gap: 10px;
}

.sd-mega-val {
    font-family: 'JetBrains Mono', monospace;
    font-size: 18px; 
    font-weight: 900;
    color: #fff;
    word-break: break-all; 
    line-height: 1.2;
}

.is-profit {
    border-left: 4px solid #10b981;
    background: linear-gradient(90deg, rgba(16, 185, 129, 0.08) 0%, #161b28 100%);
}
.is-neg-profit {
    border-left: 4px solid #ef4444;
    background: linear-gradient(90deg, rgba(16, 185, 129, 0.08) 0%, #161b28 100%);
}

.sd-hero-grid-3 {
    display: grid;
    grid-template-columns: 1fr 1.2fr 1fr;
    gap: 8px;
    margin-bottom: 15px;
    align-items: stretch;
}

.sd-hero-box {
    background: rgba(22, 27, 40, 0.5);
    padding: 10px 5px;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.05);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.is-main-result {
    background: rgba(255, 255, 255, 0.03);
    border-color: rgba(255, 255, 255, 0.1);
}

.sd-hero-val-lg {
    font-family: 'JetBrains Mono', monospace;
    font-size: 20px;
    font-weight: 900;
    color: #fff;
    line-height: 1;
    margin-top: 4px;
}

.sd-hero-val {
    font-family: 'JetBrains Mono', monospace;
    font-size: 14px;
    font-weight: 800;
    color: #fff;
}

.is-gold { color: #f1c40f; }



.sd-header-right {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 8px;
}


.sd-modal-footer-info {
    display: flex;
    justify-content: center;
    margin-bottom: 10px;
    padding-top: 15px;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
}

.sd-bet-id-pill {
    display: flex;
    align-items: center;
    gap: 8px;
    background: rgba(255, 255, 255, 0.03);
    padding: 4px 12px;
    border-radius: 100px;
    border: 1px solid rgba(255, 255, 255, 0.07);
    cursor: pointer;
    transition: all 0.2s;
}

.sd-bet-id-pill:hover {
    background: rgba(255, 255, 255, 0.06);
    border-color: rgba(255, 255, 255, 0.15);
}

.sd-pill-label {
    font-size: 9px;
    font-weight: 800;
    color: #64748b;
    letter-spacing: 0.5px;
}

.sd-pill-value {
    font-family: 'JetBrains Mono', monospace;
    font-size: 11px;
    color: #94a3b8;
    font-weight: 500;
}

.sd-copy-icon {
    font-size: 10px;
    color: #64748b;
    margin-left: 2px;
}

.sd-provably-fair-box {
    background: rgba(15, 23, 42, 0.6);
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 12px;
    padding: 15px;
    margin-top: 20px;
}

.sd-pf-header {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 10px;
    font-weight: 800;
    color: #64748b;
    margin-bottom: 12px;
    letter-spacing: 1px;
}

.sd-pf-row-split {
    display: grid;
    grid-template-columns: 3fr 1fr; 
    gap: 10px;
    margin-bottom: 10px;
}

.sd-pf-label {
    font-size: 9px;
    color: #475569;
    margin-bottom: 4px;
    display: block;
    font-weight: 700;
}

.sd-pf-value-box {
    background: #0f172a;
    padding: 6px 10px;
    border-radius: 6px;
    border: 1px solid rgba(255, 255, 255, 0.03);
    color: #94a3b8;
    font-size: 11px;
    word-break: break-all;
}

.monospace {
    font-family: 'JetBrains Mono', monospace;
}

.long-hash {
    font-size: 10px;
    color: #6366f1; 
    line-height: 1.4;
}

.sd-modal-close {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 32px;
    height: 32px;
    background: transparent;
    border-radius: 8px;
    color: #64748b;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 100; 
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.sd-modal-close:hover {
    background: rgba(239, 68, 68, 0.1); 
    color: #ef4444;
    border-color: rgba(239, 68, 68, 0.2);
    transform: rotate(90deg); 
}

.sd-modal-close i {
    font-size: 18px;
}
.sd-status-tag {
    font-size: 9px;
    font-weight: 900;
    padding: 3px 8px;
    border-radius: 5px;
    text-transform: uppercase;
    margin-top: 5px;
}



#ModalDynamicContent {
    transition: max-width 0.3s ease-in-out;
}

.v9-fade-out {
    opacity: 0 !important;
    transform: translateX(-20px) !important;
}

.v9-fade-in-prepare {
    opacity: 0 !important;
    transform: translateX(20px) !important;
}
.max-w-sm { max-width: 384px !important; }
.max-w-md { max-width: 448px !important; }
.max-w-lg { max-width: 512px !important; }
.max-w-3xl { max-width: 768px !important; }

/* Core Overlay */
.sd-modal-overlay {
    text-align:-webkit-center;
    background: rgba(4, 7, 12, 0.9);
    backdrop-filter: blur(8px);
    z-index: 1060;
    align-items: center;
    justify-content: center;
}

.sd-modal-overlay { 
    position: fixed;
    inset: 0;
    display: flex;
    pointer-events: none;
    transition: all 0.3s ease-in-out;
    background: rgba(4, 7, 12, 0); 
    backdrop-filter: blur(0px);
}

.sd-modal-overlay.active {
    background: rgba(4, 7, 12, 0.85);
    backdrop-filter: blur(8px);
    pointer-events: auto;
}

.active .sd-modal-content {
    transform: scale(1) translateY(0);
    opacity: 1;
}
.fa-spin {
    animation: fa-spin 0.8s infinite linear !important;
}

#MainModalWidth {
    transition: max-width 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

#address-display-container.sd-money-item.is-profit {
    border: 1px solid rgba(16, 185, 129, 0.3) !important;
    border-left: none !important; 
    background: radial-gradient(circle at top left, rgba(16, 185, 129, 0.15), transparent 70%) !important;
    position: relative;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}

#address-display-container.is-profit::after {
    content: '';
    position: absolute;
    top: 0; left: -100%;
    width: 50%; height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.08), transparent);
    animation: shine-sweep 3s infinite;
}

@keyframes shine-sweep {
    to { left: 200%; }
}

.sd-token-showcase {
    position: relative;
    width: 64px; height: 64px;
    background: #111622;
    border-radius: 18px;
    display: flex; align-items: center; justify-content: center;
}

.sd-token-glow {
    position: absolute;
    inset: -2px;
    border-radius: 20px;
    background: linear-gradient(135deg, var(--token-color, #6366f1), transparent);
    opacity: 0.3; filter: blur(8px);
}

#deposit_memo_container{
    display:none;
}
#deposit_memo_container.sd-money-item.is-memo-active {
    border: 1px solid rgba(241, 196, 15, 0.3) !important;
    border-left: none !important; 
    background: radial-gradient(circle at top left, rgba(241, 196, 15, 0.1), transparent 70%) !important;
    position: relative;
    overflow: hidden;
    display: flex; 
    flex-direction: column;
}

#deposit_memo_container.is-memo-active::after {
    content: '';
    position: absolute;
    top: 0; left: -100%;
    width: 50%; height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.05), transparent);
    animation: shine-sweep 3s infinite;
    pointer-events: none;
}


    .sd-withdraw-wrapper {
        font-family: 'Rajdhani', sans-serif;
        color: #fff;
        pointer-events: all !important;
    }

    .sd-withdraw-card {
        background: rgba(255, 255, 255, 0.03);
        border-radius: 14px;
        padding: 12px;
        margin-bottom: 10px;
    }

    .sd-input-group {
        display: flex;
        align-items: center;
        background: #090c14;
        border: 1px solid rgba(98, 126, 234, 0.05);
        border-radius: 10px;
        padding: 5px 12px;
        transition: 0.3s;
        height: 45px;
    }

    .sd-input-group:focus-within {
        border-color: rgba(98, 126, 234, 0.3);
        box-shadow: 0 0 15px rgba(98, 126, 234, 0.2);
    }

    .sd-field-input {
        border: none !important;
        color: #fff !important;
        font-family: 'JetBrains Mono', monospace;
        font-size: 14px;
        width: 100%;
        outline: none;
    }

    .sd-inline-btn {
        background: #627eea;
        color: #111827;
        border: none;
        border-radius: 6px;
        padding: 6px 15px;
        font-weight: 800;
        font-size: 11px;
        cursor: pointer;
        white-space: nowrap;
        margin-left: 10px;
    }

    .sd-avatar-container {
        position: relative;
        width: 50px;
        height: 50px;
        pointer-events: none;
    }
    .sd-avatar-glow-fixed {
        position: absolute;
        inset: -5px;
        background: radial-gradient(circle, rgba(98, 126, 234, 0.15) 0%, transparent 70%);
        z-index: 1;
    }

    .sd-confirm-btn {
        width: 100%;
        height: 55px;
        background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
        border: none;
        border-radius: 12px;
        color: #fff;
        font-weight: 800;
        font-size: 16px;
        cursor: pointer;
        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
        margin-top: 15px;
    }
    
    .loading-purple-color{
        color:#6366f1;
    }

/* --- Flexbox Utilities --- */

.flex {
    display: flex !important;
}

.justify-center {
    justify-content: center !important;
}

.items-center {
    align-items: center !important;
}

/* --- Tailwind Color: Indigo 500 --- */
.text-indigo-500 {
    color: #6366f1 !important; 
}

.mr-1 { margin-right: 0.25rem !important; }
.mr-2 { margin-right: 0.5rem !important; }
.ml-2 { margin-left: 0.5rem !important; }

/* --- Padding Utilities --- */

.p-20 {
    padding: 5rem !important; /* 80px */
}

.p-4 { padding: 1rem !important; }
.p-6 { padding: 1.5rem !important; }
.pt-6 { padding-top: 1.5rem !important; }
.pb-4 { padding-bottom: 1rem !important; }

/* --- Margin Utilities --- */

.mt-6 { margin-top: 1.5rem !important; }
.mb-4 { margin-bottom: 1rem !important; }
.mb-3 { margin-bottom: 0.75rem !important; }
.ml-1 { margin-left: 0.25rem !important; }

/* --- Text Utilities --- */

.text-center {
    text-align: center !important;
}

.text-right {
    text-align: right !important;
}

/* --- Sico Grid System (Tailwind Replacement) --- */

.grid {
    display: grid !important;
}

.gap-4 {
    gap: 1rem !important; /* 16px */
}

.gap-3 {
    gap: 0.75rem !important; /* 12px */
}

.grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
}

@media (min-width: 768px) {
    .md\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

.space-y-1 > * + * {
    margin-top: 0.25rem !important;
}

.space-y-4 > * + * {
    margin-top: 1rem !important;
}

.flex {
    display: flex !important;
}

.justify-between {
    justify-content: space-between !important;
}

.items-end {
    align-items: flex-end !important;
}

.px-1 { padding-left: 0.25rem; padding-right: 0.25rem; }
.px-2 { padding-left: 0.5rem; padding-right: 0.5rem; }
.mt-6 { margin-top: 1.5rem; }
.mb-3 { margin-bottom: 0.75rem; }
.ml-1 { margin-left: 0.25rem; }


/* Container & Grid System */
.sd-st-wrapper { font-family: 'Rajdhani', sans-serif; color: #fff;}
.sd-st-bento-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 12px; }

/* Profile Card (Takes 4 cols on top) */
.sd-st-card-profile {
    grid-column: span 4;
    background: linear-gradient(135deg, rgba(99, 102, 241, 0.1) 0%, rgba(13, 17, 27, 0.4) 100%);
    border-radius: 24px;
    padding: 20px;
    border: 1px solid rgba(255, 255, 255, 0.05);
    display: flex;
    align-items: center;
    gap: 15px;
}

/* Chat Card (Takes 2 cols on top) */
.sd-st-card-chat {
    grid-column: span 2;
    background: rgba(255, 255, 255, 0.03);
    border-radius: 24px;
    border: 1px solid rgba(255, 255, 255, 0.05);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

/* Win/Loss Cards (Each takes 3 cols) */
.sd-st-card-stat {
    grid-column: span 3;
    padding: 18px;
    border-radius: 20px;
    position: relative;
    overflow: hidden;
}

.sd-st-win { background: rgba(16, 185, 129, 0.05); border: 1px solid rgba(16, 185, 129, 0.2); }
.sd-st-loss { background: rgba(239, 68, 68, 0.05); border: 1px solid rgba(239, 68, 68, 0.2); }

/* Wager Area (Full width) */
.sd-st-wager-box {
    grid-column: span 6;
    background: rgba(0, 0, 0, 0.2);
    border-radius: 24px;
    padding: 20px;
    border: 1px solid rgba(255, 255, 255, 0.02);
}

.sd-st-token-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(70px, 1fr));
    gap: 15px;
    margin-top: 15px;
}

/* Mini Components */
.sd-st-avatar { width: 65px; height: 65px; border-radius: 18px; border: 2px solid #6366f1; object-fit: cover; }
.sd-st-online { width: 12px; height: 12px; background: #00f2ff; border-radius: 50%; box-shadow: 0 0 10px #00f2ff; display: inline-block; margin-right: 5px; }
.sd-st-val { font-family: 'JetBrains Mono', monospace; font-weight: 800; font-size: 18px; display: block; }
.sd-st-label { font-size: 10px; color: #64748b; text-transform: uppercase; letter-spacing: 1px; font-weight: 700; }

@media (max-width: 500px) {
    .sd-st-card-profile, .sd-st-card-chat { grid-column: span 6; }
}

.sd-st-avatar-container { position: relative; display: inline-block; }
.sd-st-pulse {
    position: absolute;
    bottom: 5px; right: 5px;
    width: 12px; height: 12px;
    background: #00f2ff;
    border-radius: 50%;
    border: 2px solid #111827;
    box-shadow: 0 0 8px #00f2ff;
}

.sd-st-wager-row {
display: grid;
    grid-template-columns: repeat(2, 1fr); 
    gap: 8px;

}

.sd-st-asset-item {
display: flex;
    align-items: center;
    justify-content: space-between;
    background: rgba(255, 255, 255, 0.03);
    padding: 10px 14px;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.05);
    transition: transform 0.2s;
}

.sd-st-asset-item:hover {
    background: rgba(99, 102, 241, 0.08);
    border-color: rgba(99, 102, 241, 0.3);
}



.sd-st-asset-left { display: flex; align-items: center; gap: 8px; }
.sd-st-asset-name { font-size: 10px; font-weight: 700; color: #64748b; }

.sd-st-asset-val {
    font-family: 'JetBrains Mono', monospace;
    font-size: 13px;
    font-weight: 700;
    color: #00f2ff; 
    white-space: nowrap;
}

@media (max-width: 480px) {
    .sd-st-wager-row {
        grid-template-columns: 1fr !important;
    }
    
    .sd-st-asset-val {
        font-size: 14px;
    }
}

.sd-st-wager-scroll {
    max-height: 280px; 
    overflow-y: auto;
    padding-right: 5px;
    scrollbar-width: thin; 
    scrollbar-color: rgba(99, 102, 241, 0.3) transparent;
}
.sd-st-wager-scroll::-webkit-scrollbar {
    width: 4px;
}

.sd-st-wager-scroll::-webkit-scrollbar-thumb {
    background: rgba(99, 102, 241, 0.3);
    border-radius: 10px;
}

.sd-st-stats-container {
    grid-column: span 6;
    background: rgba(255, 255, 255, 0.02);
    border-radius: 20px;
    padding: 15px;
    border: 1px solid rgba(255, 255, 255, 0.05);
}

.sd-st-stat-row {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 8px;
}
.sd-st-big-val {
    font-family: 'JetBrains Mono', monospace;
    font-size: 22px;
    font-weight: 900;
    line-height: 1;
}
.sd-st-progress-bar {
    height: 8px;
    width: 100%;
    background: #ef4444;
    border-radius: 10px;
    overflow: hidden;
    display: flex;
}

.sd-st-progress-fill {
    height: 100%;
    background: #10b981;
    box-shadow: 0 0 10px rgba(16, 185, 129, 0.5);
    transition: width 1s ease-in-out;
}
.sd-st-divider {
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.05), transparent);
    margin: 15px 0;
}

.sd-st-progress-fill {
    transition: width 1.5s cubic-bezier(0.1, 1, 0.1, 1);
    position: relative;
    overflow: hidden;
}
.sd-st-progress-fill::after {
    content: '';
    position: absolute;
    top: 0; left: -100%;
    width: 100%; height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent);
    animation: lightSweep 3s infinite;
}

@keyframes lightSweep {
    0% { left: -100%; }
    50% { left: 100%; }
    100% { left: 100%; }
}
.sd-st-asset-item {
    transition: all 0.3s ease;
}
.sd-st-asset-item:hover {
    background: rgba(99, 102, 241, 0.1) !important;
    transform: translateX(5px);
    border-color: #6366f1;
}

.sd-tip-btn-mini {
    background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
    border: none;
    color: white;
    padding: 4px 10px;
    border-radius: 8px;
    font-size: 10px;
    font-weight: 900;
    display: flex;
    align-items: center;
    gap: 5px;
    cursor: pointer;
    transition: all 0.2s ease;
    box-shadow: 0 0 10px rgba(245, 158, 11, 0.2);
}

.sd-tip-btn-mini:hover {
    transform: scale(1.05);
    box-shadow: 0 0 15px rgba(245, 158, 11, 0.4);
    filter: brightness(1.1);
}

.sd-tip-btn-mini i {
    font-size: 11px;
}

.sd-bl-container {
    display: grid;
    gap: 10px;
    padding-right: 5px;
}

.sd-bl-item {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 16px;
    padding: 12px 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: all 0.2s ease;
    cursor: pointer;
}

.sd-bl-item:hover {
    background: rgba(99, 102, 241, 0.08);
    border-color: rgba(99, 102, 241, 0.3);
    transform: translateX(4px);
}

.sd-bl-coin-info {
    display: flex;
    align-items: center;
    gap: 12px;
}

.sd-bl-coin-icon {
    width: 32px;
    height: 32px;
    filter: drop-shadow(0 0 5px rgba(0,0,0,0.5));
}

.sd-bl-details {
    display: flex;
    flex-direction: column;
}

.sd-bl-name {
    font-size: 13px;
    font-weight: 800;
    color: #fff;
    letter-spacing: 0.5px;
}

.sd-bl-amount {
    font-family: 'JetBrains Mono', monospace;
    font-size: 15px;
    font-weight: 700;
    color: #fff;
}

.sd-bl-fiat {
    font-size: 11px;
    color: #94a3b8;
    margin-top: 2px;
    font-weight: 500;
    letter-spacing: 0.3px;
}

.sd-bl-actions {
    display: flex;
    gap: 8px;
}

.sd-bl-btn {
    width: 32px;
    height: 32px;
    border-radius: 10px;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.2s;
    color: #fff;
    font-size: 12px;
}

.btn-deposit { background: rgba(16, 185, 129, 0.15); color: #10b981; }
.btn-deposit:hover { background: #10b981; color: #fff; }

.btn-withdraw { background: rgba(244, 63, 94, 0.15); color: #f43f5e; }
.btn-withdraw:hover { background: #f43f5e; color: #fff; }

:root {
    --sd-primary: #6366f1;
    --sd-bg-light: rgba(255, 255, 255, 0.05);
    --sd-text-gray: #64748b;
}

.sd-wallet-switch {
    display: flex;
    background: rgba(255, 255, 255, 0.05);
    padding: 4px;
    border-radius: 12px;
    margin-bottom: 20px;
    gap: 4px; 
}

.sd-switch-opt {
    flex: 1; 
    text-align: center;
    padding: 8px 4px;
    border-radius: 10px;
    cursor: pointer;
    transition: all 0.3s ease;
    color: #64748b;
    font-size: 11px; 
    font-weight: 800;
}

.sd-switch-opt.active {
    background: #6366f1;
    color: #fff;
}

.sd-switch-opt.active.bonus-active {
    background: #f59e0b; 
    box-shadow: 0 4px 12px rgba(245, 158, 11, 0.25);
}

.sd-switch-opt:not(.active):hover {
    background: rgba(255, 255, 255, 0.03);
    color: #fff;
}

.sd-show-loader {
    display: flex !important;
}

.sd-spinner {
    width: 35px;
    height: 35px;
    border: 3px solid rgba(99, 102, 241, 0.1);
    border-radius: 50%;
    border-top-color: #6366f1;
    animation: sd-spin 0.8s linear infinite;
}

@keyframes sd-spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}
@keyframes spin { to { transform: rotate(360deg); } }







#noResult{
    text-align: center; padding: 30px; color: #64748b; font-size: 12px;
}



.sd-portfolio-loader {
    display: none; 
    position: absolute;
    inset: 0; 
    background: rgba(15, 23, 42, 0.9);
    border-radius: 24px;
    z-index: 999;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px); 
}
.sd-portfolio-loader.active {
    display: flex !important;
}
.sd-loader-text {
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    margin-top: 15px;
    letter-spacing: 0.5px;
    font-family: 'Inter', sans-serif; 
}

.sd-search-wrapper {
    position: relative !important;
    margin-bottom: 15px;
    display: block;
    width: 100%;
}

.sd-search-icon {
    position: absolute !important;
    left: 14px !important; 
    top: 50% !important;
    transform: translateY(-50%) !important;
    color: #64748b;
    font-size: 14px;
    z-index: 2; 
    pointer-events: none;
}

.sd-search-input {
    width: 100% !important;
    background: rgba(255, 255, 255, 0.03) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 14px !important;
    
    padding: 12px 15px 12px 42px !important; 
    
    color: #fff !important;
    font-size: 13px;
    font-weight: 600;
    outline: none !important;
    transition: all 0.3s ease;
    box-sizing: border-box !important; 
}

.sd-search-input:focus {
    border-color: #6366f1 !important;
    background: rgba(99, 102, 241, 0.05) !important;
}

.sd-port-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 20px;
    padding: 0 5px;
}

.sd-port-title h3 {
    margin: 0;
    color: #fff;
    font-size: 20px;
    font-weight: 900;
    letter-spacing: -0.5px;
}

.sd-port-title p {
    margin: 5px 0 0;
    color: #64748b;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
}

.sd-port-stats {
    text-align: right;
}

.sd-stats-label {
    display: block;
    font-size: 10px;
    color: #6366f1; 
    font-weight: 800;
    margin-bottom: 2px;
    letter-spacing: 0.5px;
}

.sd-stats-value {
    font-size: 18px;
    color: #fff;
    font-weight: 900;
    font-family: 'JetBrains Mono', monospace !important;
}
.bonus-lock-icon{
    font-size:9px; margin-left:3px;
}


#qr-wrapper{
    background: #fff; padding: 6px; border-radius: 10px; opacity: 0.1; transition: opacity 0.3s;
}
#qr-code-placeholder{
    width: 100px; height: 100px; display: block;
}
#qr-lock-hint{
    position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #475569;
}
#min_deposit{
    font-size: 11px; color: #fff;
}
#address-display-container{
    margin-top: 15px; border: 1px dashed rgba(255,255,255,0.1); background: rgba(0,0,0,0.2);
}
#deposit_addr_text{
    font-size: 14px; color: #818cf8;
}
#deposit_warning_container{
    margin-top: 15px; border-color: rgba(239, 68, 68, 0.2); background: rgba(239, 68, 68, 0.02);
}
#deposit_token{
    font-size: 14px; opacity: 0.5;
}

.sd-pf-item {
    cursor: pointer;
    transition: transform 0.1s ease;
}

.sd-pf-item:active {
    transform: scale(0.98); 
}

.sd-pf-label i {
    margin-left: 5px;
    font-size: 10px;
    opacity: 0.5;
    transition: opacity 0.2s;
}

.sd-pf-item:hover .sd-pf-label i {
    opacity: 1;
    color: #6366f1; 
}

.long-hash {
    font-size: 10px;
    color: #6366f1;
    line-height: 1.4;
    
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    
    word-break: break-all;
    white-space: normal;
    max-height: 2.8em; 
}

.sd-user-details-box {
    padding-top: 5px;
    flex: 1;
    min-width: 0;
}

.sd-profile-name {
    margin: 0;
    font-size: 22px;
    font-weight: 900;
    color: #fff;
    line-height: 1.2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    letter-spacing: -0.5px;
}

.sd-status-container {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 8px;
}

.sd-badge-status {
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.5px;
    white-space: nowrap;
    text-transform: uppercase;
}

.sd-badge-online {
    color: #00f2ff;
    background: rgba(0, 242, 255, 0.1);
    padding: 2px 8px;
    border-radius: 20px;
    box-shadow: 0 0 10px rgba(0, 242, 255, 0.1);
}

.sd-badge-offline {
    color: #64748b;
}

.sd-token-container {
    padding: 10px 0;
    margin-bottom: 25px;
    width: 100%;
}

.sd-token-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr); 
    gap: 8px;
}

.sd-token-item {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 10px;
    padding: 8px 4px;
    text-align: center;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.sd-token-item:hover, .sd-token-item.active {
    border-color: #6366f1;
    background: rgba(99, 102, 241, 0.15);
    transform: translateY(-2px); 
}

.sd-token-item div[class^="bg-"] {
    transform: scale(0.45) !important;
    margin-bottom: -5px;
    margin-top: -5px;
}

.sd-token-item span {
    font-size: 9px;
    font-weight: 800;
    color: #94a3b8;
}
@media (max-width: 480px) {
    .sd-token-grid {
        grid-template-columns: repeat(4, 1fr); 
    }
}

.sd-bonus-modal {
    background: #0f172a;
    border-radius: 24px;
    padding: 20px;
    color: #fff;
    font-family: sans-serif;
    border: 1px solid rgba(255, 255, 255, 0.05);
}

.sd-step-title {
    font-size: 11px;
    font-weight: 800;
    color: #6366f1;
    text-transform: uppercase;
    margin-bottom: 12px;
    display: block;
}

.sd-plan-selector {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important; 
    gap: 15px;
    margin-bottom: 25px;
}

.sd-plan-card {
    background: rgba(255, 255, 255, 0.02);
    border: 2px solid rgba(255, 255, 255, 0.05);
    border-radius: 18px;
    padding: 20px 10px; 
    text-align: center;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.sd-plan-card.active {
    border-color: #f59e0b;
    background: rgba(245, 158, 11, 0.08);
    box-shadow: 0 0 20px rgba(245, 158, 11, 0.1);
}
.sd-plan-card .percent {
    font-size: 28px;
    font-weight: 900;
    color: #f59e0b;
    display: block;
}

.sd-plan-card .label {
    font-size: 10px;
    font-weight: 700;
    color: #64748b;
}

.sd-details-table {
    background: rgba(0, 0, 0, 0.2);
    border-radius: 14px;
    padding: 15px;
    margin-bottom: 20px;
}

.sd-detail-row {
    display: flex;
    justify-content: space-between;
    padding: 6px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.03);
}

.sd-detail-row:last-child { border: none; }
.sd-row-label { color: #64748b; font-size: 13px; font-weight: 600;transition: all 0.25s ease-in-out; }
.sd-row-value {
    color: #fff;
    font-size: 13px;
    font-weight: 700; 
    font-family: 'Inter', 'Roboto', sans-serif;
    letter-spacing: 0.3px; 
}

.sd-rules-note {
    font-size: 12px;
    color: #94a3b8;
    background: rgba(245, 158, 11, 0.05);
    border-left: 3px solid #f59e0b;
    padding: 10px;
    border-radius: 4px;
    line-height: 1.5;
}

.sd-btn-activate {
    width: 100%;
    padding: 14px;
    background: #6366f1;
    border: none;
    border-radius: 12px;
    color: #fff;
    font-weight: 800;
    margin-top: 20px;
    cursor: pointer;
    transition: 0.3s;
}

.sd-btn-activate:hover { background: #4f46e5; transform: translateY(-2px); }




.sd-switch-opt {
    flex: 1;
    text-align: center;
    padding: 10px;
    font-size: 11px;
    font-weight: 800;
    color: #64748b;
    cursor: pointer;
    border-radius: 8px;
    transition: 0.3s;
}

.sd-switch-opt.active {
    background: #6366f1;
    color: #fff;
}


.sd-mybonus-content {
    padding: 10px;
}

.sd-bonus-stats-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    margin-bottom: 20px;
}

.sd-stat-card {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.08);
    padding: 12px;
    border-radius: 16px;
    text-align: center;
}

.sd-progress-wrapper {
    margin-bottom: 20px;
}

.sd-progress-label {
    display: flex;
    justify-content: space-between;
    font-size: 11px;
    font-weight: 800;
    margin-bottom: 8px;
    color: #94a3b8;
}

.sd-progress-bar-bg {
    height: 10px;
    background: rgba(255, 255, 255, 0.05);
    border-radius: 20px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.05);
}

.sd-progress-fill {
    height: 100%;
    background: linear-gradient(90deg, #6366f1, #a855f7);
    box-shadow: 0 0 10px rgba(99, 102, 241, 0.4);
    border-radius: 20px;
    transition: width 0.5s ease;
}

.sd-progress-fill.completed {
    background: linear-gradient(90deg, #10b981, #34d399);
    box-shadow: 0 0 10px rgba(16, 185, 129, 0.4);
}

.sd-status-badge {
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.5px;
    background: rgba(245, 158, 11, 0.1);
    color: #f59e0b;
    padding: 4px 10px;
    border-radius: 8px;
    border: 1px solid rgba(245, 158, 11, 0.2);
    text-transform: uppercase;
}

.sd-bonus-timer {
    background: rgba(239, 68, 68, 0.05);
    border: 1px dashed rgba(239, 68, 68, 0.3);
    color: #ef4444;
    padding: 12px;
    border-radius: 12px;
    text-align: center;
    font-weight: 900;
    font-size: 13px;
    margin-bottom: 20px;
    font-family: 'JetBrains Mono', monospace;
}


.sd-btn-cancel {
    background: rgba(239, 68, 68, 0.1);
    border: 1px solid rgba(239, 68, 68, 0.2);
    color: #ef4444;
    padding: 12px;
    border-radius: 12px;
    font-weight: 800;
    font-size: 12px;
    cursor: pointer;
    transition: 0.3s;
}
.sd-bonus-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    margin-top: 25px;
}

.btn-bonus-cancel {
    background: rgba(239, 68, 68, 0.1);
    border: 1px solid rgba(239, 68, 68, 0.3);
    color: #ef4444;
    padding: 12px;
    border-radius: 12px;
    font-weight: 800;
    font-size: 12px;
    cursor: pointer;
    transition: 0.3s;
}
.btn-bonus-cancel:hover {
    background: rgba(239, 68, 68, 0.2);
    box-shadow: 0 0 15px rgba(239, 68, 68, 0.1);
}


.btn-bonus-claim {
    background: #10b981;
    border: none;
    color: #fff;
    padding: 12px;
    border-radius: 12px;
    font-weight: 800;
    font-size: 12px;
    cursor: pointer;
    transition: 0.3s;
    box-shadow: 0 4px 15px rgba(16, 185, 129, 0.2);
}

.btn-bonus-claim:disabled {
    background: #1e293b;
    color: #475569;
    cursor: not-allowed;
    box-shadow: none;
    border: 1px solid rgba(255, 255, 255, 0.05);
}


.sd-bonus-success-wrapper {
    text-align: center;
    padding: 30px 10px;
    animation: sdBonusFadeIn 0.4s ease-out;
}

.sd-bonus-success-icon {
    width: 70px;
    height: 70px;
    background: rgba(16, 185, 129, 0.1);
    border: 2px solid #10b981;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px;
    box-shadow: 0 0 20px rgba(16, 185, 129, 0.2);
}

.sd-bonus-success-icon i {
    color: #10b981;
    font-size: 32px;
}

.sd-bonus-deposit-box {
    background: rgba(245, 158, 11, 0.05);
    border: 1px dashed #f59e0b;
    border-radius: 12px;
    padding: 18px;
    margin: 22px 0;
}

.sd-bonus-deposit-label {
    display: block;
    color: #94a3b8;
    font-size: 12px;
    text-transform: uppercase;
    margin-bottom: 8px;
    letter-spacing: 1px;
}

.sd-bonus-deposit-value {
    color: #f59e0b;
    font-size: 22px;
    font-weight: 900;
    font-family: 'Inter', sans-serif;
}

@keyframes sdBonusFadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

.sd-free-details-panel {
    animation: sdBonusFadeIn 0.3s ease-out;
}

.sd-free-card-wrapper .label {
    transition: color 0.2s;
}
.sd-free-card-wrapper div[onclick]:hover .label {
    color: #00f2ff !important;
}
.sd-free-card-wrapper .fa-chevron-down {
    transition: transform 0.3s;
}
.sd-free-card-wrapper.open .fa-chevron-down {
    transform: rotate(180deg);
}


.sd-free-card-wrapper.sd-bonus-locked {
    position: relative;
    cursor: not-allowed;
    filter: grayscale(0.8);
    opacity: 0.7;
    pointer-events: none; 
}




.sd-bonus-footer-stats {
    background: rgba(0, 0, 0, 0.4);
    padding: 12px 15px;
    display: grid;
    grid-template-columns: 1fr 1fr 1.2fr 0.8fr;
    gap: 8px;
    border-top: 1px solid rgba(0, 242, 255, 0.1);
}


.sd-bonus-stat-col {
    display: flex;
    flex-direction: column;
}

.sd-bonus-stat-label {
    display: block;
    font-size: 10px;
    color: #94a3b8;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 4px;
}

.sd-bonus-stat-value {
    font-size: 14px;
    color: #fff;
    font-weight: 800;
    font-family: sans-serif;
}

.sd-bonus-stat-border {
    border-left: 1px solid rgba(255, 255, 255, 0.05);
    border-right: 1px solid rgba(255, 255, 255, 0.05);
    text-align: center;
}

.sd-bonus-stat-highlight .sd-bonus-stat-label,
.sd-bonus-stat-highlight .sd-bonus-stat-value {
    color: #00f2ff !important;
}

.sd-text-left { text-align: left; }
.sd-text-center { text-align: center; }
.sd-text-right { text-align: right; }



.sd-free-card-wrapper {
    margin-bottom: 20px;
    border-radius: 12px;
    background: rgba(0, 242, 255, 0.03);
    border: 1px solid rgba(0, 242, 255, 0.15);
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0,0,0,0.2);
    position: relative;
    transition: transform 0.2s;
}

.sd-bonus-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 18px 20px;
    background: rgba(255,255,255,0.02);
}

.sd-bonus-title-info {
    text-align: left;
}

.sd-bonus-prize-text {
    font-size: 22px;
    color: #00f2ff;
    display: block;
    font-weight: 900;
    letter-spacing: 0.5px;
    line-height: 1.2;
}

.sd-bonus-status-label {
    font-size: 12px;
    color: #fff;
    font-weight: 600;
    opacity: 0.8;
}

.sd-bonus-locked {
    filter: grayscale(0.8);
    opacity: 0.7;
    cursor: not-allowed;
}


.sd-input-group {
    margin-bottom: 20px;
    text-align: left;
}

.sd-input-label {
    display: block;
    font-size: 11px;
    font-weight: 800;
    color: #94a3b8;
    text-transform: uppercase;
    margin-bottom: 8px;
    letter-spacing: 0.5px;
}

.sd-verify-input {
    width: 100%;
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 10px;
    padding: 12px 15px;
    color: #fff;
    font-size: 14px;
    outline: none;
    transition: border-color 0.3s, box-shadow 0.3s;
}

.sd-verify-input:focus {
    border-color: #00f2ff;
    box-shadow: 0 0 10px rgba(0, 242, 255, 0.1);
}

.sd-code-input {
    letter-spacing: 10px;
    text-align: center;
    font-size: 20px;
    font-weight: 900;
    color: #00f2ff;
}
#verify_code{
    font-family:'JetBrains Mono', monospace; width: 100%; background: rgba(0,0,0,0.2); border: 1px solid rgba(255,255,255,0.05); border-radius: 12px; padding: 14px; color: #00f2ff; text-align: center; font-size: 20px; font-weight: 900; letter-spacing: 8px;
}
#user_email{
    width: 100%; background: rgba(0,0,0,0.2); border-radius: 12px; padding: 14px; color: #fff; outline: none;
}
.sd-verify-title{
    font-size: 18px; font-weight: 900; color: #fff; margin-bottom: 5px;
}
    .sd-profile-upload-wrapper {
    text-align: center;
    padding: 10px;
}

.sd-current-avatar-ext {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    border: 3px solid #00f2ff;
    padding: 5px;
    margin: 0 auto 20px;
    position: relative;
    background: rgba(0, 242, 255, 0.05);
    box-shadow: 0 0 20px rgba(0, 242, 255, 0.1);
}

.sd-current-avatar-ext img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
}

.sd-upload-area {
    border: 2px dashed rgba(255, 255, 255, 0.1);
    border-radius: 16px;
    padding: 30px 20px;
    cursor: pointer;
    transition: all 0.3s ease;
    background: rgba(0, 0, 0, 0.2);
    position: relative;
}

.sd-upload-area:hover {
    border-color: #00f2ff;
    background: rgba(0, 242, 255, 0.02);
}

.sd-upload-area i {
    font-size: 32px;
    color: #64748b;
    margin-bottom: 10px;
    transition: 0.3s;
}

.sd-upload-area:hover i {
    color: #00f2ff;
    transform: translateY(-5px);
}

#file_input_hidden {
    display: none;
}

.avatar_preview_icon{
    position: absolute; bottom: 0; right: 0; background: #00f2ff; width: 30px; height: 30px; border-radius: 50%; display: flex; align-items: center; justify-content: center; border: 3px solid #0f172a;
}

/* SEO Promo Box - Designed for SicoDice Dark Theme */
.sd-promo-wrapper {
    background: linear-gradient(135deg, rgba(15, 23, 42, 0.95), rgba(30, 41, 59, 0.8));
    border: 1px solid rgba(0, 242, 255, 0.2); /* Neon Cyan Border */
    border-radius: 10px;
    padding: 15px 45px 15px 20px;
    margin: 10px auto 20px;
    max-width: 1100px;
    position: relative;
    display: flex;
    flex-direction: column;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.5);
    transition: all 0.3s ease-in-out;
    top:25px;
}

/* SEO Title: H1 is small in size but carries high SEO weight */
.sd-promo-title {
    color: #00f2ff; /* Neon Cyan */
    font-size: 16px;
    font-weight: 700;
    margin: 0 0 5px 0;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Promo Description Text */
.sd-promo-desc {
    color: #94a3b8; /* Slate gray for readability */
    font-size: 13px;
    line-height: 1.5;
    margin: 0;
}

/* Interactive Close Button */
.sd-promo-close {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    background: transparent;
    border: none;
    color: #64748b;
    font-size: 18px;
    cursor: pointer;
}

.sd-promo-close:hover {
    color: #ff0055; /* Neon Pink/Red hover effect */
    text-shadow: 0 0 10px rgba(255, 0, 85, 0.5);
}
.sd-promo-wrapper.is-logged-in {
    position: absolute;
    left: -9999px;
    opacity: 0;
}
.sd-main-footer {
    background: #0f172a; 
    border-top: 1px solid rgba(0, 242, 255, 0.1); 
    padding: 50px 0 20px;
    margin-top: 50px;
}
.footer-container {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 2fr 1fr 1fr;
    gap: 40px;
    padding: 0 20px;
}
.footer-title {
    color: #fff;
    font-size: 16px;
    font-weight: 900;
    margin-bottom: 20px;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.footer-text {
    color: #94a3b8;
    font-size: 14px;
    line-height: 1.6;
}
.footer-links li {
    list-style: none;
    margin-bottom: 10px;
}
.footer-links a {
    color: #94a3b8 !important;
    text-decoration: none;
    transition: 0.3s;
}
.footer-links a:visited {
    color: #94a3b8 !important;
}
.footer-links a:hover {
    color: #00f2ff !important; 
    padding-left: 5px;
}
.social-icons a {
    font-size: 24px;
    color: #94a3b8;
    margin-right: 15px;
    transition: 0.3s;
}
.social-icons a:hover {
    color: #fcd34d; 
}
.footer-bottom {
    text-align: center;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
    margin-top: 40px;
    padding-top: 20px;
    color: #64748b;
    font-size: 12px;
}
.sd-seo-box {
    max-width: 1000px;
    margin: 40px auto;
    padding: 25px;
    background: rgba(15, 23, 42, 0.4); 
    border-radius: 12px;
    border-left: 4px solid #00f2ff; 
    text-align: left;
}

.sd-seo-title {
    color: #ffffff;
    font-size: 18px;
    margin-bottom: 15px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.sd-seo-text {
    color: #94a3b8;
    font-size: 14px;
    line-height: 1.8;
    margin: 0;
}

.sd-seo-text strong {
    color: #00f2ff; 
    font-weight: 600;
}

/* --- Global Theme Sync --- */
.sd-main-wrapper { background: #0f172a; color: #fff; overflow-x: hidden; }

.sd-landing-hero { padding: 100px 20px; text-align: center; }
.sd-hero-title { font-size: 3.5rem; font-weight: 900; margin-bottom: 20px; letter-spacing: -1px; }
.sd-hero-subtitle { font-size: 1.5rem; color: #94a3b8; max-width: 800px; margin: 0 auto 40px; line-height: 1.6; }

/* --- Buttons --- */
.sd-btn-neon {
    background: linear-gradient(135px, #00f2ff 0%, #0072ff 100%); 
    color: white !important;
    padding: 12px 30px;
    border-radius: 8px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1px;
    border: none;
    box-shadow: 0 4px 15px rgba(0, 242, 255, 0.2);
    transition: all 0.3s ease;
    display: inline-block;
    text-decoration: none;
    cursor: pointer;
    width:100%;
}

.sd-btn-neon:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(0, 242, 255, 0.4);
    filter: brightness(1.1); 
}

.sd-btn-outline {
    background: rgba(15, 23, 42, 0.5);
    color: #00f2ff !important;
    border-image: linear-gradient(135deg, #00f2ff, #0072ff) 1; 
    padding: 12px 30px;
    font-weight: 700;
    text-transform: uppercase;
    transition: all 0.3s ease;
    cursor: pointer;
}

.sd-btn-outline:hover {
    box-shadow: inset 0 0 10px rgba(0, 242, 255, 0.2), 0 0 20px rgba(0, 242, 255, 0.3);
    color: #fff !important;
    transform: scale(1.02);
}

/* --- Features & Stats --- */
.sd-landing-icon { font-size: 40px; color: #00f2ff; margin-bottom: 20px; display: block; justify-self:center; margin-left:auto;margin-right:auto;}
.sd-live-stats { padding-bottom: 80px; }
.sd-table-responsive { background: rgba(30, 41, 59, 0.4); border-radius: 16px; border: 1px solid rgba(255,255,255,0.05); padding: 10px; }
.sd-table { width: 100%; border-collapse: collapse; }
.sd-table th { padding: 15px; color: #64748b; font-size: 12px; border-bottom: 1px solid rgba(255,255,255,0.05); }
.sd-table td { padding: 15px; border-bottom: 1px solid rgba(255,255,255,0.02); font-weight: 500; }
.text-success { color: #00f2ff; font-weight: bold; }

/* --- Live Pulse Animation --- */
.pulse-icon { width: 10px; height: 10px; background: #ff0055; border-radius: 50%; display: inline-block; margin-right: 8px; box-shadow: 0 0 0 rgba(255, 0, 85, 0.4); animation: pulse 2s infinite; }
@keyframes pulse { 0% { box-shadow: 0 0 0 0 rgba(255, 0, 85, 0.7); } 70% { box-shadow: 0 0 0 10px rgba(255, 0, 85, 0); } 100% { box-shadow: 0 0 0 0 rgba(255, 0, 85, 0); } }
@keyframes highlight-fade {
    0% { background: rgba(0, 242, 255, 0.2); }
    100% { background: transparent; }
}

.new-bet-row {
    animation: highlight-fade 2s ease-out;
}

#live-bets-data tr {
    transition: all 0.5s ease;
}
.perticular_bet_info{
    cursor:pointer;
}




.sico-news-row-section { background: #0f172a; }

.sico-flex-row {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; 
    gap: 20px;
    width: 100%;
}

.sico-tweet-col {
    flex: 1 !important; 
    display: flex;
}

.sico-card-inner {
    background: #1e293b;
    border-top: 3px solid #00f2ff;
    padding: 20px;
    border-radius: 12px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: 0.3s;
}

.sico-card-inner:hover { transform: translateY(-5px); background: #243146; }

.sico-card-head { display: flex; justify-content: space-between; margin-bottom: 15px; }
.sico-badge { background: rgba(0, 242, 255, 0.1); color: #00f2ff; padding: 4px 8px; border-radius: 4px; font-size: 11px; font-weight: bold; }
.sico-date { color: #64748b; font-size: 12px; }
.sico-card-body { color: #cbd5e1; font-size: 14px; line-height: 1.6; margin-bottom: 15px; }
.sico-card-foot a { color: #64748b; font-size: 12px; text-decoration: none; border-top: 1px solid rgba(255,255,255,0.05); padding-top: 10px; display: block; }

@media (max-width: 768px) {
    .sico-flex-row {
        flex-wrap: wrap !important;
    }
    .sico-tweet-col {
        flex: none !important;
        width: 100% !important;
    }
}

@media (max-width: 768px) {
    .sico-flex-container {
        flex-wrap: wrap !important;
    }
    .sico-tweet-column {
        flex: none !important;
        width: 100% !important; 
    }
}
.sd-landing-icon {
    color: #ffcc00; 
    text-shadow: 0 0 10px rgba(255, 204, 0, 0.5);
    
    margin-bottom: 20px;
}
.features-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important; 
    gap: 30px !important; 
    align-items: start;
    text-align: center;
}
@media (max-width: 768px) {
    .features-grid, .sd-landing-live-betting, .footer-container {
        grid-template-columns: 1fr !important;
        gap: 40px !important;
    }
}

.sd-landing-updates {
    width: 100%;
    padding: 50px 0;
    background: #0f172a;
    display: block;
    clear: both;
}

.sd-landing-wrapper {
    background-color: #0f172a; 
    background-image: radial-gradient(circle at top center, rgba(0, 242, 255, 0.08) 0%, transparent 50%);
    background-attachment: scroll; 
    overflow: hidden;
}

.sd-landing-updates-header {
    width: 100%;
    margin-bottom: 30px;
}

.sd-landing-updates-header h2 {
    color: #fff;
    font-size: 28px;
    font-weight: 900;
    margin: 0;
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(0, 242, 255, 0.1);
    text-align: left;
}

.sd-landing-updates-header i {
    color: #00f2ff;
    margin-right: 15px;
}

.sd-landing-tweet-item {
    display: flex;
    min-width: 0;
}

.sd-landing-tweet-card {
    background: #1e293b;
    border-top: 4px solid #00f2ff;
    padding: 25px;
    border-radius: 15px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    box-shadow: 0 10px 25px rgba(0,0,0,0.3);
    text-align: left;
}

.sd-landing-tweet-meta {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
    align-items: center;
}

.sd-landing-tweet-tag {
    background: rgba(0, 242, 255, 0.1);
    color: #00f2ff;
    padding: 5px 12px;
    border-radius: 6px;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
}

.sd-landing-tweet-time {
    color: #64748b;
    font-size: 12px;
    font-weight: 600;
}

.sd-landing-tweet-text {
    color: #cbd5e1;
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 20px;
    flex-grow: 1;
}

.sd-landing-tweet-footer {
    border-top: 1px solid rgba(255,255,255,0.05);
    padding-top: 12px;
}

.sd-landing-tweet-link {
    color: #00f2ff;
    font-size: 13px;
    text-decoration: none;
    font-weight: bold;
    display: flex;
    align-items: center;
    gap: 5px;
}

.sd-landing-accent {
    color: #00f2ff;
}

.sd-landing-live-betting{
    display: grid !important;
    gap: 0px !important; 
    align-items: start;
    text-align: center;
    padding-top:100px !important;
    padding: 0 20px;
    max-width: 1000px;
    margin:auto;
}

.pill-group {
    background: #0a0d14;
    padding: 6px; 
    border-radius: 50px;
    display: none;
    gap: 5px; 
    border: 1px solid #232d45;
}

.pill-btn {
    flex: 1; border: none;
    padding: 10px 20px; 
    border-radius: 50px;
    font-weight: 800; font-size: 10px; 
    text-transform: uppercase;
    cursor: pointer; transition: 0.3s; 
    display: flex; align-items: center; 
    justify-content: center; gap: 4px;
    border: 1px solid rgba(255,255,255,0.1);
    backdrop-filter: blur(5px);
    border: 1px solid rgba(255, 255, 255, 0.1);
} 

.pill-dep {
    background: rgba(34, 197, 94, 0.85);
    color: #000; box-shadow: 0 4px 10px rgba(34, 197, 94, 0.2); }
.pill-with { background: rgba(0, 242, 255, 0.85); color: #000; box-shadow: 0 4px 10px rgba(0, 242, 255, 0.2); }

.enlarged .sb-v6-logo, .collapsed .sb-v6-link span, .collapsed .sb-v6-arrow { display: none; }
.enlarged .sb-v6-link i { margin-right: 0; width: 100%; font-size: 22px; }
.enlarged .pill-group { flex-direction: column; border-radius: 15px; padding: 8px; }
.enlarged .pill-btn span { display: none; }
.enlarged .pill-btn { border-radius: 10px; padding: 12px 0; }

.pill-btn:hover { transform: scale(1.05); filter: brightness(1.1); }
.submenu-icon{
    font-size: 14px !important;
}
.super-submenu-text{
    padding-left:45px !important;
}

.metismenu .has-arrow::after {
display: inline-block;
width: 0.5rem;
height: 0.5rem;
border-width: 1.5px 1.5px 0 0; 
border-style: solid;
border-color: #6c757d; 
content: "";
transform: rotate(135deg); 
transition: all .3s ease-out; 
position: absolute;
right: 20px; 
top: 50%;
margin-top: -3px;
}

.metismenu .mm-active > .has-arrow::after,
.metismenu .has-arrow[aria-expanded="true"]::after {
transform: rotate(-45deg); 
border-color: #00f2ff;  
}
#menu1 > li > .has-arrow::after {
    border-color: #ffffff; 
    width: 7px;
    height: 7px;
}

#menu1 ul li > .has-arrow::after {
    border-color: #6c757d; 
    width: 5px; 
    height: 5px;
    right: 15px; 
}

.faucet-neon-ring {
    background: linear-gradient(180deg, #00f2ff 0%, #0066ff 100%) !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.faucet-icon-glow {
    font-size: 24px;
    color: #fff;
    filter: drop-shadow(0 0 8px #00f2ff);
}

.faucet-body {
    text-align: center;
    background: radial-gradient(circle at center, rgba(0, 242, 255, 0.05) 0%, transparent 70%);
}

.timer-display {
    margin-bottom: 30px;
}

#faucet-clock {
    font-family: 'Rajdhani', sans-serif;
    font-size: 54px;
    font-weight: 900;
    color: #fff;
    text-shadow: 0 0 20px rgba(0, 242, 255, 0.5);
    display: block;
    letter-spacing: 2px;
}

#faucet-status-text {
    color: #94a3b8;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-top: -5px;
}

.faucet-reward-info {
    background: rgba(13, 17, 27, 0.6);
    border: 1px solid rgba(255, 255, 255, 0.03);
    border-radius: 15px;
    padding: 15px;
    margin-bottom: 30px;
}

.reward-box span {
    display: block;
    font-size: 11px;
    color: #64748b;
    text-transform: uppercase;
}

.reward-box strong {
    font-size: 18px;
    color: #22c55e;
}

#faucet-claim-btn:disabled {
    opacity: 0.3;
    filter: grayscale(1);
    cursor: not-allowed;
    transform: scale(0.95);
}

.faucet-currency-selector {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    margin-bottom: 25px;
    padding: 10px;
    background: rgba(0, 0, 0, 0.2);
    border-radius: 15px;
}

#cf-turnstile-container iframe {
    border-radius: 10px;
    border: 1px solid rgba(0, 242, 255, 0.1);
}

.v9-2fa-section {
    padding: 10px 0;
    border-bottom: 1px dashed rgba(17, 228, 211, 0.2);
    margin-bottom: 20px;
}
.v9-2fa-section input {
    text-align: center;
    letter-spacing: 5px;
    font-size: 20px !important;
    border-color: #11e4d3 !important; 
}
.v9-captcha div {
    transform: scale(0.85);
    transform-origin: center; 
}
.v9-auth-container { display: flex; min-height: 480px; background: #111827; border-radius: 20px; overflow: hidden; font-family: 'Rajdhani', sans-serif; }

/* Side Column */
.v9-big-logo{margin-bottom: 50px}
.v9-side-info { width: 200px; background: linear-gradient(135deg, #161b28 0%, #080b12 100%); padding: 20px 20px; border-right: 1px solid rgba(255,255,255,0.03); display: flex; align-items: center; justify-content: center; }
.v9-actual-logo { height: auto; margin-bottom: 10px; filter: drop-shadow(0 0 10px rgba(0, 242, 255, 0.3)); }
.v9-logo-text { text-align:center; display: block; color: #fff; font-size: 20px; font-weight: 900; letter-spacing: 2px; }
.v9-logo-text span { color: #11e4d3; }
.v9-f-card { border-top: 1px solid rgba(255,255,255,0.05); padding-top: 15px; text-align: center; }
.v9-f-card span { color: #11e4d3; font-weight: 900; font-size: 14px; display: block; }
.v9-f-card label { color: #fff; opacity: 0.9; font-size: 10px; font-weight: 800; letter-spacing: 1px; text-transform: uppercase; }

/* Main Content */
.v9-form-box { flex: 1; padding: 40px 10px 0 10px; background: #111827; }
.v9-nav { display: flex; gap: 30px; margin-bottom: 35px; border-bottom: 1px solid #1c2438; }
.v9-nav-item { padding-bottom: 12px; color: #94a3b8; font-weight: 800; cursor: pointer; font-size: 14px; position: relative; transition: 0.3s; }
.v9-nav-item.active { color: #fff; }
.v9-nav-item.active::after { content: ''; position: absolute; bottom: -1px; left: 0; width: 100%; height: 2px; background: #2979FF; box-shadow: 0 0 10px #2979FF; }

.v9-info-text { color: #94a3b8; font-size: 13px; margin-bottom: 20px; line-height: 1.5; }
.v9-field { margin-bottom: 15px; }
.v9-field input { width: 100%; background: #080b12; border: 1px solid #1c2438; padding: 15px 20px; border-radius: 10px; color: #fff; font-size: 14px; outline: none; transition: 0.3s; }
.v9-field input:focus { border-color: #11e4d3; background: #111827; }

.v9-captcha {width:250px; margin: 20px 0; min-height: 65px; display: flex; justify-content: center; }

.v9-btn-main { width: 100%; padding: 18px; border: none; border-radius: 10px; background: #11e4d3; color: #000; font-weight: 900; font-size: 15px; cursor: pointer; transition: 0.3s; box-shadow: 0 4px 15px rgba(0, 242, 255, 0.2); }
.v9-btn-main:hover { opacity: 0.8; transform: translateY(-2px); }
.v9-alt-btn { background: #6366f1; color: #fff; box-shadow: 0 4px 15px rgba(99, 102, 241, 0.2); }

.v9-link { display:block; text-align:center;color: #94a3b8; text-decoration: none; font-size: 12px; font-weight: 700; margin-top: 20px; transition: 0.3s; }
.v9-link:hover { color: #11e4d3; }

.v9-pane { display: none; }
.v9-pane.active { display: block; animation: v9Fade 0.4s cubic-bezier(0.23, 1, 0.32, 1); }

@keyframes v9Fade { from { opacity: 0; transform: translateX(15px); } to { opacity: 1; transform: translateX(0); } }

@media (max-width: 600px) {
    .v9-auth-container { flex-direction: column; }
    .v9-side-info { width: 100%; border-right: none; border-bottom: 1px solid rgba(255,255,255,0.05); padding: 30px; }
    .v9-form-box { padding: 30px 20px; }
}

    /* Security Hub specific styles */
.v9-security-status {
    display: flex;
    align-items: center;
    gap: 25px;
    padding: 20px;
    background: rgba(17, 228, 211, 0.03);
    border-radius: 15px;
    margin-bottom: 25px;
    border: 1px solid rgba(17, 228, 211, 0.1);
}
.v9-score-circle2 {
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.v9-circular-chart2 {
    overflow: visible !important;
    width: 100%;
    height: 100%;
}

.v9-circle-bg {
    fill: none;
    stroke: rgba(255, 255, 255, 0.05);
    stroke-width: 2.8;
}

.v9-circle2 {
    fill: none;
    stroke-width: 2.8;
    stroke-linecap: round;
    transition: stroke-dasharray 1s ease-in-out, stroke 0.5s ease;
}

.v9-percentage {
    fill: #fff;
    font-size: 0.5em;
    font-weight: 800;
    text-anchor: middle;
    font-family: sans-serif;
}

.v9-status-info h3 {
    color: #fff;
    margin: 0 0 5px 0;
    font-size: 18px;
    font-weight: 700;
}

.v9-status-info p {
    color: #94a3b8;
    font-size: 13px;
    margin: 0;
}

.v9-text-cyan { color: #11e4d3; font-weight: 700; 
}
.v9-text-cyan .fa-chevron-down{
    float: right;
}
.v9-text-cyan a:visited{
    color: #11e4d3;
}
/* Security List Items */
.v9-security-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.v9-sec-item {
    display: flex;
    align-items: center;
    padding: 15px;
    background: #080b12;
    border: 1px solid #1c2438;
    border-radius: 12px;
    cursor: pointer;
    transition: 0.3s;
}

.v9-sec-item:hover {
    border-color: rgba(17, 228, 211, 0.4);
    transform: translateX(5px);
    background: #111827;
}

.v9-sec-icon {
    width: 40px;
    height: 40px;
    background: rgba(255, 255, 255, 0.03);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    color: #94a3b8;
    margin-right: 15px;
}

.v9-sec-item.verified .v9-sec-icon {
    color: #22c55e;
    background: rgba(34, 197, 94, 0.1);
}

.v9-sec-item.pending .v9-sec-icon {
    color: #f59e0b;
    background: rgba(245, 158, 11, 0.1);
}

.v9-sec-details {
    flex: 1;
}

.v9-sec-details label {
    display: block;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 2px;
    cursor: pointer;
}

.v9-sec-details span {
    color: #94a3b8;
    font-size: 12px;
}

.v9-sec-action {
    font-size: 16px;
    color: #1c2438;
}

.v9-sec-item.verified .v9-sec-action {
    color: #22c55e;
}

.v9-sec-item.pending .v9-sec-action {
    color: #11e4d3;
}

  .v9-ref-table-container {
    margin-top: 20px;
}

.v9-table-head {
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding: 10px 15px;
    background: rgba(255, 255, 255, 0.02);
    border-radius: 8px;
    font-size: 0.8rem;
    color: #8b949e;
    font-weight: 800;
}

.v9-table-body {
    max-height: 450px;
    min-height: 400px; 
    overflow-y: auto;
    margin-top: 10px;
    scrollbar-width: thin
}

.v9-table-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding: 15px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.03);
    align-items: center;
    font-size: 1rem; 
}

.v9-ref-row-wrapper.v9-table-row{
    cursor: pointer;
}

.v9-ref-user { display: flex; align-items: center; gap: 10px; color: #fff; font-weight: 700; 
    font-size: 13px;
}
.v9-mini-avatar { width: 25px; height: 25px; border-radius: 50%; background: #1c2438;
    background-size: contain !important;}
.v9-ref-amount { color: #8b949e; font-family: 'Roboto Mono'; }


.v9-ref-tools {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
    gap: 15px;
}

.v9-search-wrapper {
    position: relative;
    flex: 1;
}

.v9-search-wrapper i {
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    color: #8b949e;
}

.v9-search-wrapper input {
    width: 100%;
    background: #111827;
    border: 1px solid #1c2438;
    padding: 12px 15px 12px 40px;
    border-radius: 10px;
    color: #fff;
    font-weight: 700;
    font-size: 0.9rem;
    outline: none;
    transition: 0.3s;
}

.v9-search-wrapper input:focus {
    border-color: #11e4d3;
    box-shadow: 0 0 15px rgba(17, 228, 211, 0.1);
}

.v9-val-white {
    color: #fff;
    font-weight: 800;
    font-family: 'Roboto Mono', monospace;
}
.v9-table-amount {
    font-family: 'Roboto Mono', monospace !important;
    font-size: 1.15rem !important;
    font-weight: 800 !important;
    letter-spacing: -0.5px;
}

.v9-table-amount.v9-text-cyan {
    text-shadow: 0 0 15px rgba(17, 228, 211, 0.2);
}

.v9-table-wagered {
    font-family: 'Roboto Mono', monospace !important;
    font-size: 13px;
    color: #ffffff;
    font-weight: 700;
}

.v9-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    margin-top: 20px;
    padding-top: 15px;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
}

.v9-pag-btn {
    background: #1c2438;
    border: none;
    color: #fff;
    width: 35px;
    height: 35px;
    border-radius: 8px;
    cursor: pointer;
    transition: 0.3s;
}

.v9-pag-btn:hover {
    background: #11e4d3;
    color: #000;
}

.v9-pag-info {
    font-size: 0.8rem;
    font-weight: 800;
    color: #8b949e;
    letter-spacing: 1px;
}


.v9-tokens-scroll {
    max-height: 320px;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 8px;
    margin-top: 10px;
    scrollbar-width: thin
}

.v9-tokens-scroll::-webkit-scrollbar { width: 4px; }
.v9-tokens-scroll::-webkit-scrollbar-track { background: rgba(255, 255, 255, 0.02); border-radius: 10px; }
.v9-tokens-scroll::-webkit-scrollbar-thumb { 
    background: #11e4d3; 
    border-radius: 10px; 
    box-shadow: 0 0 10px rgba(17, 228, 211, 0.5); 
}

.v9-tokens-scroll .v9-token-row:last-child { margin-bottom: 5px; }

.v9-aff-wrapper { display: flex; flex-direction: column; gap: 20px; padding: 10px; }
.v9-aff-header { text-align: center; margin-bottom: 10px; }
.v9-aff-header h3 { color: #fff; font-size: 1.5rem; margin-top: 10px; }

.v9-aff-link-box {
    background: rgba(17, 228, 211, 0.05);
    padding: 15px;
    border-radius: 12px;
    border: 1px solid rgba(17, 228, 211, 0.2);
}

.v9-copy-group {
    display: flex;
    margin-top: 10px;
    background: #080b12;
    border-radius: 8px;
    border: 1px solid #1c2438;
    overflow: hidden;
}

.v9-copy-group input {
    background: transparent;
    border: none;
    color: #fff !important;
    padding: 12px 15px;
    flex: 1;
    font-size: 1.1rem;
    font-weight: bold;
}

.v9-copy-btn {
    background: #11e4d3;
    color: #000;
    border: none;
    padding: 0 25px;
    font-size: 1rem;
    font-weight: 900;
    cursor: pointer;
}

.v9-aff-commissions-section {
    background: #080b12;
    padding: 15px;
    border-radius: 12px;
    border: 1px solid #1c2438;
}

.v9-token-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px;
    background: rgba(255, 255, 255, 0.02);
    margin-bottom: 8px;
    border-radius: 8px;
}

.v9-token-info { display: flex; align-items: center; gap: 12px; }

.v9-aff-number {
    color: #ffffff;
    font-family: 'Roboto Mono', monospace;
    font-size: 1.38rem;
    font-weight: 700;
    text-shadow: 0 0 10px rgba(17, 228, 211, 0.3);
}

.v9-mini-claim {
    background: rgba(17, 228, 211, 0.1);
    border: 1px solid rgba(17, 228, 211, 0.3);
    color: #11e4d3;
    font-size: 0.85rem;
    font-weight: 800;
    padding: 6px 15px;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.2s ease;
    text-transform: uppercase;
}

.v9-mini-claim:hover:not(:disabled) {
    background: #11e4d3;
    color: #000;
    transform: scale(1.05);
}

.v9-mini-claim:disabled { opacity: 0.3; cursor: not-allowed; filter: grayscale(1); }

.v9-section-title { font-size: 1.07rem; font-weight: 700; color: #8b949e; text-transform: uppercase; }

.v9-aff-extra-info { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; margin-bottom: 20px; }

.v9-info-card {
    background: linear-gradient(180deg, #111827 0%, #080b12 100%);
    border: 1px solid rgba(17, 228, 211, 0.15);
    padding: 20px 10px;
    border-radius: 15px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    transition: 0.3s ease;
}

.v9-info-card:hover { border-color: #11e4d3; transform: translateY(-5px); }

.v9-info-icon {
    width: 55px; height: 55px;
    background: rgba(255, 255, 255, 0.03);
    border-radius: 12px;
    display: flex; align-items: center; justify-content: center;
    font-size: 1.5rem; color: #11e4d3; margin-bottom: 12px;
    border: 1px solid rgba(17, 228, 211, 0.1);
}

.v9-info-label { font-size: 1.1rem; color: #8b949e; font-weight: 700; text-transform: uppercase; }
.v9-info-value { font-size: 1.38rem; font-weight: 900; margin-top: 4px; }
.v9-aff-info-text { display: flex; flex-direction: column; gap: 3px; }
.v9-text-gold { color: #ffb703; text-shadow: 0 0 10px rgba(255, 183, 3, 0.2); }

.v9-referral-reward-box {
    background: rgba(255, 183, 3, 0.03);
    border: 1px dashed rgba(255, 183, 3, 0.4);
    padding: 18px; border-radius: 12px;
    margin-bottom: 25px; display: flex; flex-direction: column; gap: 8px;
}

.v9-reward-header { display: flex; justify-content: space-between; align-items: center; }
.v9-reward-title-wrap { display: flex; align-items: center; gap: 12px; font-weight: 900; color: #fff; font-size: 1.1rem; }
.v9-badge-auto { background: #ffb703; color: #000; font-size: 0.94rem; font-weight: 900; padding: 4px 10px; border-radius: 5px; }

.v9-reward-desc { font-size: 13px; color: #cbd5e0; line-height: 1.6; margin: 5px 0 0 0; }
.v9-reward-desc b { color: #ffb703; font-size: 13px; }

.v9-claim-all-btn {
    background: rgba(17, 228, 211, 0.08);
    border: 1px solid #11e4d3;
    color: #11e4d3;
    font-size: 0.75rem;
    font-weight: 800;
    padding: 6px 14px;
    border-radius: 6px;
    cursor: pointer;
    transition: 0.3s;
    text-transform: uppercase;
}

.v9-claim-all-btn:hover { background: #11e4d3; color: #000; }

.v9-aff-stats-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-bottom: 5px; }

.v9-stat-card-mini {
    background: #111827; border: 1px solid #1c2438;
    padding: 12px 10px; border-radius: 10px;
    text-align: center; display: flex; flex-direction: column; justify-content: center;
}

.v9-stat-card-mini label { font-size: 0.88rem; color: #8b949e; font-weight: 800; text-transform: uppercase; margin-bottom: 5px; }
.v9-stat-value { font-size: 1.5rem; font-weight: 900; color: #fff; }

.v9-view-list-btn {
    width: 100%; background: rgba(255, 255, 255, 0.03); border: 1px solid #1c2438;
    color: #8b949e; padding: 12px; border-radius: 10px; font-size: 0.9rem;
    font-weight: 700; cursor: pointer; transition: 0.3s;
    display: flex; align-items: center; justify-content: center; gap: 10px;
}

.v9-view-list-btn:hover { background: rgba(17, 228, 211, 0.05); border-color: #11e4d3; color: #fff; }

/* --- Elite Partnership Graphic Interface (No Conflicts) --- */

.v9-elite-graphic-layout {
    max-width: 1200px;
    margin: 0 auto;
    padding: 80px 20px;
    background: radial-gradient(circle at center, rgba(17, 228, 211, 0.05) 0%, rgba(13, 17, 23, 0) 70%);
}

.v9-elite-graphic-hero {
    text-align: center;
    margin-bottom: 100px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.v9-elite-graphic-hero h1 {
    font-size: 3.2rem;
    font-weight: 900;
    margin-bottom: 15px;
    text-shadow: 0 0 25px rgba(255, 255, 255, 0.1);
}

.v9-elite-card-flex {
    display: flex;
    justify-content: center;
    gap: 40px;
    flex-wrap: wrap;
    margin-top: 80px;
    width: 100%;
}

.v9-3d-graphic-card {
    background: rgba(13, 17, 23, 0.7); 
    border: 1px solid rgba(28, 36, 56, 0.8);
    padding: 60px 40px;
    border-radius: 25px;
    width: 350px;
    position: relative;
    overflow: hidden;
    transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.7), 0 15px 40px rgba(0, 0, 0, 0.4);
    cursor: default;
}

.v9-3d-graphic-card:hover {
    transform: translateY(-15px) rotateX(5deg) scale(1.03);
    box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.5), 0 30px 60px rgba(0, 0, 0, 0.6);
}

.v9-card-gold-graphic::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: #ffb703;
    box-shadow: 0 0 15px #ffb703;
}

.v9-card-cyan-graphic::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: #11e4d3;
    box-shadow: 0 0 15px #11e4d3;
}

.v9-num-graphic-display {
    font-size: 5.5rem;
    font-weight: 900;
    line-height: 1;
    display: block;
    margin-bottom: 15px;
    font-family: 'Inter', sans-serif;
}

.v9-text-gold-graphic { color: #ffb703; text-shadow: 0 0 30px rgba(255, 183, 3, 0.6); }
.v9-text-cyan-graphic { color: #11e4d3; text-shadow: 0 0 30px rgba(17, 228, 211, 0.6); }

.v9-label-graphic {
    color: #fff;
    font-size: 1.1rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 2px;
    opacity: 0.9;
    display: block;
}

.v9-bg-icon-rotate {
    position: absolute;
    right: -25px;
    bottom: -25px;
    font-size: 9rem;
    opacity: 0.04;
    color: #fff;
    transform: rotate(-15deg);
    pointer-events: none;
    transition: transform 0.8s ease;
}

.v9-3d-graphic-card:hover .v9-bg-icon-rotate {
    transform: rotate(15deg) scale(1.1);
}

.v9-token-visualizer {
    margin-top: 100px;
    width: 100%;
    text-align: center;
}

.v9-token-showcase {
    display: flex;
    justify-content: center;
    gap: 15px;
    flex-wrap: wrap;
    margin-top: 40px;
}
.v9-token-icon-mini {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #111827; 
    border: 1px solid rgba(28, 36, 56, 0.8);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    padding: 10px; 
}

.v9-token-icon-mini div {
    filter: grayscale(1); 
    opacity: 0.7;
    transition: 0.3s;
}

.v9-token-icon-mini:hover {
    transform: translateY(-5px);
    border-color: #11e4d3;
    box-shadow: 0 0 15px rgba(17, 228, 211, 0.3);
}

.v9-token-icon-mini:hover div {
    filter: grayscale(0); 
    opacity: 1;
}


:root {
    --sd-topbar-neon: #00ffcc;
    --sd-topbar-height: 70px;
    
    --sd-topbar-bg: #1b212d;
    --sd-neon: #00ffcc;
    --sd-height: 70px;
}

.sd-topbar-wrapper {
    left: 0;
    background: var(--sd-topbar-bg);
    backdrop-filter: blur(10px);
    height: var(--sd-height);
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 1000;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.sd-topbar-wrapper.sd-scrolled {
    height: 55px;
    background: rgba(10, 15, 28, 0.95);
}

.sd-topbar-container {
    display: flex;
    justify-content: space-between; 
    align-items: center;
    height: 100%;
    padding: 0 20px;
}

.sd-topbar-left {
    display: flex;
    align-items: center;
    gap: 15px;
    flex: 1; 
}

.sd-topbar-menu-btn {
    background: none;
    border: none;
    color: #fff;
    font-size: 1.2rem;
    cursor: pointer;
    padding: 5px;
}

.sd-topbar-center {
    display: flex;
    justify-content: center;
    flex: 1;
}

.sd-topbar-right {
    display: flex !important; 
    align-items: center;
    justify-content: flex-end;
    gap: 15px;
    flex: 1; 
    min-width: 200px; 
}

.sd-topbar-user-section {
    display: flex;
    align-items: center;
    gap: 12px;
}

.sd-topbar-logo-link {
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
}
.sd-topbar-logo-img { height: 35px; width: auto; }
.sd-topbar-brand-text {
    color: #fff;
    font-weight: 900;
    font-size: 1.2rem;
    letter-spacing: 1px;
    display: -webkit-inline-box;
}

.sd-topbar-wallet {
    background: rgba(30, 41, 59, 0.6);
    border: 1px solid rgba(0, 255, 204, 0.15);
    padding: 6px 15px;
    border-radius: 12px;
    cursor: pointer;
    transition: 0.3s;
}
.sd-topbar-wallet:hover {
    border-color: var(--sd-topbar-neon);
    background: rgba(30, 41, 59, 0.9);
}
.sd-topbar-balance-row {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--sd-topbar-neon);
    font-family: 'monospace', sans-serif;
    font-weight: bold;
}
.sd-topbar-coin-icon { width: 20px; height: 20px; }

.sd-topbar-btn-deposit {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background: linear-gradient(135deg, #00ffcc 0%, #00ccaa 100%);
    border: none;
    padding: 8px 16px;
    border-radius: 8px;
    color: #0f172a;
    font-weight: 800;
    cursor: pointer;
    white-space: nowrap; 
    flex-shrink: 0; 
}

.sd-topbar-btn-login {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background: linear-gradient(135deg, #00ffcc 0%, #00ccaa 100%);
    border: none;
    padding: 8px 16px;
    border-radius: 8px;
    color: #0f172a;
    font-weight: 800;
    cursor: pointer;
    white-space: nowrap; 
    flex-shrink: 0; 
}

.sd-topbar-btn-register {
    background: linear-gradient(135deg, #a855f7 0%, #7c3aed 100%); 
    box-shadow: 0 0 10px rgba(168, 85, 247, 0.3);
    opacity: 0.9;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border: none;
    padding: 8px 16px;
    border-radius: 8px;
    color: #0f172a;
    font-weight: 800;
    cursor: pointer;
    white-space: nowrap; 
    flex-shrink: 0; 
}

.sd-topbar-icon-item {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    color: #94a3b8;
    font-size: 1.2rem;
    cursor: pointer;
    width: 32px;
    height: 32px;
}

.sd-topbar-notif-dot {
    position: absolute;
    top: -2px;
    right: -2px;
    width: 8px;
    height: 8px;
    background: #ff4b2b;
    border-radius: 50%;
    border: 2px solid var(--sd-topbar-bg);
}

.sd-topbar-avatar-ring {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    border: 2px solid #00ffcc;
    padding: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.sd-topbar-avatar-ring img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
}

.sd-topbar-ticker {
    font-size: 13px !important;
    opacity: 0.8;
}

.sd-topbar-btn-label {
    font-size: 14px !important;
    font-weight: 800;
}

@media (max-width: 768px) {
    .sd-topbar-btn-deposit{display: none;}
    .pill-group { display: flex; }
    
    .sd-topbar-brand-text, .sd-topbar-btn-label {
        display: none;
    }
    .sd-topbar-container {
        padding: 0 10px;
    }
    .sd-topbar-right {
        gap: 8px;
    }
}

@media (max-width: 550px) {
    .sd-topbar-logo-link, .sd-topbar-profile-box, .sd-topbar-ticker{
        display: none !important;
    }
}

@media (max-width: 480px) {
    .sd-topbar-btn-deposit{
        display: none !important;
    }
    .sd-topbar-right {
        gap: 5px;
        min-width: auto;
    }
}

.sd-topbar-profile-box {
    display: flex;
    align-items: center;
    text-decoration: none;
}
.sd-notif-dropdown {
    position: absolute;
    top: 65px; 
    right: -10px;
    width: 340px; 
    background: rgba(15, 23, 42, 0.98);
    backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.8);
    display: none;
    flex-direction: column;
    z-index: 1001;
    overflow: hidden;
}

.sd-notif-dropdown.active {
    display: flex;
}

@keyframes slideIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

.sd-notif-header {
    padding: 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    background: rgba(0, 0, 0, 0.2);
}

.sd-notif-header span {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
}

.sd-mark-read {
    color: var(--sd-topbar-neon);
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
}

.sd-notif-body {
    max-height: 350px;
    overflow-y: auto;
}



.sd-notif-item:hover {
    background: rgba(255, 255, 255, 0.03);
}

.sd-notif-item.unread {
    background: rgba(0, 255, 204, 0.1);
}

.sd-notif-item {
    cursor: pointer; 
    display: flex;
    gap: 15px;
    padding: 15px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.03);
    transition: background 0.2s;
}



.sd-notif-icon {
    color: var(--sd-topbar-neon);
    font-size: 18px; 
    width: 24px;
    text-align: center;
}

.sd-notif-content p {
    margin: 0;
    font-size: 14px; 
    color: #e2e8f0;
    line-height: 1.5;
    font-weight: 500;
}

.sd-notif-time {
    font-size: 12px; 
    color: #94a3b8;
    margin-top: 5px;
    display: block;
}

.sd-notif-footer {
    padding: 14px;
    text-align: center;
    background: rgba(0, 0, 0, 0.3);
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    font-weight: 700;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
}

.sd-notif-footer:hover {
    color: var(--sd-topbar-neon);
}

@media (max-width: 480px) {
    .sd-notif-dropdown {
        position: fixed;
        top: 70px;
        width: 95vw; 
        right: 2.5vw;
        left: 2.5vw;
    }
}

.sd-topbar-amount {
    font-size: 16px !important; 
    letter-spacing: 0.5px;
}


.sd-topbar-balance-container {
    display: flex;
    flex-direction: column;
    align-items: center; 
    gap: 2px;
}

.sd-topbar-fiat-value {
    font-size: 11px; 
    color: #fff;
    font-weight: 500;
    letter-spacing: 0.3px;
    font-family: 'monospace', sans-serif;
    opacity: 0.9;
    margin-top: -2px;
    font-variant-numeric: tabular-nums;
}

.sd-topbar-wallet {
    padding: 4px 15px; 
    min-width: 140px;
    display: flex;
    justify-content: center;
}

.sd-topbar-arrow {
    font-size: 10px;
    margin-left: 5px;
}

.sd-topbar-notif-dot {
    display: none;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    color: white;
    font-weight: bold;
}

.sd-modal-tip {
    padding: 10px;
    color: #eee;
}

.tip-user-info {
    display: flex;
    align-items: center;
    gap: 12px;
    background: rgba(255, 255, 255, 0.05);
    padding: 12px;
    border-radius: 10px;
    margin-bottom: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.tip-avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 2px solid #00ffcc;
}

.tip-field-group {
    margin-bottom: 15px;
}

.tip-label-row {
    display: flex;
    justify-content: space-between;
    margin-bottom: 5px;
    font-size: 12px;
    opacity: 0.8;
}

.tip-input-wrapper {
    position: relative;
    display: flex;
    align-items: center;
}

.tip-max-btn {
    position: absolute;
    right: 10px;
    background: rgba(0, 255, 204, 0.1);
    border: 1px solid #00ffcc;
    color: #00ffcc;
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 10px;
    cursor: pointer;
}

.tip-quick-amounts {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 8px;
    margin: 15px 0;
}

.tip-quick-amounts button {
    background: #1e293b;
    border: 1px solid #334155;
    color: #94a3b8;
    padding: 8px;
    border-radius: 6px;
    cursor: pointer;
    transition: 0.3s;
}

.tip-quick-amounts button:hover {
    border-color: #00ffcc;
    color: #fff;
}

.tip-submit-btn {
    width: 100%;
    background: linear-gradient(135deg, #00ffcc 0%, #00ccaa 100%);
    color: #0b121e;
    border: none;
    padding: 12px;
    border-radius: 8px;
    font-weight: 800;
    cursor: pointer;
    box-shadow: 0 4px 15px rgba(0, 255, 204, 0.3);
}


.tip-adjust-group {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 15px 0;
}

.tip-row {
    display: flex;
    gap: 8px;
}

.btn-adj {
    flex: 1;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(0, 255, 204, 0.2);
    color: #eee;
    padding: 8px;
    border-radius: 6px;
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
    transition: 0.2s;
}

.btn-adj:hover {
    background: rgba(0, 255, 204, 0.1);
    border-color: #00ffcc;
    color: #00ffcc;
}

.tip-reset-btn {
    width: 100%;
    background: transparent;
    border: none;
    color: #64748b;
    font-size: 11px;
    text-decoration: underline;
    cursor: pointer;
    margin-bottom: 10px;
}



/* Container for Features Grid */
.partnership-features-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
    margin-top: 30px;
}

/* Individual Feature Box */
.feature-item {
    background: rgba(255, 255, 255, 0.03);
    padding: 20px;
    border-radius: 12px;
    border: 1px solid rgba(0, 255, 204, 0.1);
    transition: transform 0.3s ease;
}

.feature-item:hover {
    transform: translateY(-5px);
    background: rgba(255, 255, 255, 0.05);
}

.feature-item h4 {
    color: #00ffcc;
    margin-bottom: 10px;
}

.feature-item p {
    font-size: 14px;
    color: #94a3b8;
    line-height: 1.6;
}

/* CTA Section Container */
.v9-partnership-cta {
    text-align: center;
    margin: 60px 20px 80px 20px;
    padding: 40px;
    background: rgba(0, 255, 204, 0.02);
    border-radius: 20px;
    border: 1px dashed rgba(0, 255, 204, 0.2);
    animation: border-pulse 4s infinite;
}

.v9-partnership-cta h3 {
    color: #fff;
    margin-bottom: 20px;
    font-size: 1.5rem;
}

.v9-partnership-cta .cta-desc {
    color: #94a3b8;
    margin-bottom: 30px;
}

/* Glow Button Style */
.v9-btn-glow {
    padding: 15px 45px;
    font-size: 1.1rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: linear-gradient(135deg, #00ffcc 0%, #00ccaa 100%);
    color: #0b121e !important;
    border-radius: 8px;
    box-shadow: 0 4px 15px rgba(0, 255, 204, 0.3);
    transition: all 0.3s ease;
}

.v9-btn-glow:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 25px rgba(0, 255, 204, 0.5);
    filter: brightness(1.1);
}

.cta-footer-note {
    margin-top: 20px;
    font-size: 12px;
    color: #64748b;
}

@keyframes border-pulse { 
    0% { border-color: rgba(0, 255, 204, 0.1); }
    50% { border-color: rgba(0, 255, 204, 0.4); }
    100% { border-color: rgba(0, 255, 204, 0.1); }
}

#btn-stop-auto-roll .fa-dice-d6, #btn-start-auto-roll .fa-dice-d6, .submit_roller .fa-dice-d6{
    margin-right: 5px;
}
.enlarged #wrapper .left.side-menu #sidebar-menu .has-arrow:after {
    border-color:transparent !important;
}

.v9-ref-details-panel {
    background: rgba(13, 17, 23, 0.8);
    border-top: 1px dashed rgba(0, 136, 255, 0.2);
    padding: 15px;
    animation: slideDown 0.3s ease-out;
}

.v9-details-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 10px;
}

.v9-token-card {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 8px;
    padding: 10px;
    display: flex;
    flex-direction: column;
    gap: 5px;
    transition: transform 0.2s;
}

.v9-token-card:hover {
    background: rgba(0, 136, 255, 0.05);
    border-color: rgba(0, 136, 255, 0.3);
    transform: translateY(-2px);
}

.v9-token-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    padding-bottom: 5px;
    margin-bottom: 5px;
}

.v9-token-name {
    font-weight: 800;
    color: #fff;
    font-size: 12px;
    letter-spacing: 0.5px;
}

.v9-token-usd {
    font-size: 10px;
    color: #64748b;
}

.v9-token-stat {
    display: flex;
    justify-content: space-between;
    font-size: 12px;
    font-family: 'Roboto Mono', monospace;
}

.v9-stat-label { color: #94a3b8; }
.v9-stat-val { color: #e2e8f0; }
.v9-stat-profit { color: #00ffcc; text-shadow: 0 0 5px rgba(0, 255, 204, 0.3); }

@keyframes slideDown {
    from { opacity: 0; transform: translateY(-10px); }
    to { opacity: 1; transform: translateY(0); }
}


.v9-cashback-dashboard {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 10px;
}

.v9-cashback-header-stats {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
}

.v9-cb-stat-card {
    background: linear-gradient(135deg, rgba(0, 136, 255, 0.1), rgba(0, 0, 0, 0.4));
    border: 1px solid rgba(0, 136, 255, 0.2);
    border-radius: 12px;
    padding: 15px;
    text-align: center;
    position: relative;
    overflow: hidden;
}

.v9-cb-stat-card::before {
    content: '';
    position: absolute;
    top: -50%; left: -50%;
    width: 200%; height: 200%;
    background: radial-gradient(circle, rgba(0, 136, 255, 0.05) 0%, transparent 70%);
}

.v9-cb-label { font-size: 11px; color: #94a3b8; text-transform: uppercase; letter-spacing: 1px; }
.v9-cb-value { font-size: 20px; font-weight: 800; color: #fff; margin-top: 5px; width: auto;}
.v9-cb-value.loss { color: #ff4d4d; }
.v9-cb-value.profit { color: #00ffcc; }

.v9-next-payout-box {
    background: rgba(241, 196, 15, 0.1);
    border: 1px solid rgba(241, 196, 15, 0.3);
    border-radius: 8px;
    padding: 10px;
    text-align: center;
    font-size: 13px;
    color: #f1c40f;
}

.v9-token-grid-scroll {
    display: grid;
    grid-template-columns: 1fr; 
    gap: 10px;
    max-height: 400px;
    overflow-y: auto;
    padding-right: 5px;
}

@media (min-width: 800px) {
    .v9-cashback-header-stats, .v9-token-grid-scroll {
        grid-template-columns: 1fr 1fr; 
    }
}

.v9-cb-token-row {
    background: rgba(255, 255, 255, 0.03);
    border-radius: 6px;
    padding: 8px 12px;
    display: flex;
    flex-direction: column;
}

.v9-cb-token-name { font-size: 11px; font-weight: bold; color: #cbd5e1; }
.v9-cb-token-val { font-size: 10px; color: #94a3b8; font-family: monospace; }
.v9-cb-est-val { font-size: 11px; color: #00ffcc; font-weight: bold; }

.v9-cb-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
    padding-top: 15px;
}

.v9-cb-link {
    color: #0088ff;
    text-decoration: none;
    font-size: 12px;
    font-weight: 600;
    transition: 0.3s;
}

.v9-cb-rules-btn {
    background: none;
    border: 1px solid #475569;
    color: #94a3b8;
    padding: 5px 12px;
    border-radius: 4px;
    font-size: 11px;
    cursor: pointer;
    transition: 0.3s;
}

.v9-empty-token {
    display: none;
}

.v9-show-all-toggle {
    align-content: center;
    grid-column: 1 / -1;
    text-align: center;
    font-size: 10px;
    color: #94a3b8;
    cursor: pointer;
    padding: 10px;
    border: 1px dashed rgba(255, 255, 255, 0.1);
    border-radius: 6px;
    margin-top: 5px;
    transition: 0.3s;
}

.v9-show-all-toggle:hover, .v9-cb-rules-btn:hover {
    color: #fff;
    background: rgba(255, 255, 255, 0.02);
}

.v9-cb-rules-list {
    list-style: none;
    padding: 0;
    margin: 0;
    max-height: 250px;
    overflow-y: auto;
}

.v9-cb-rules-list li {
    background: rgba(255, 255, 255, 0.03);
    margin-bottom: 8px;
    padding: 12px;
    border-radius: 8px;
    font-size: 12px;
    color: #cbd5e1;
    border-left: 3px solid #0088ff;
    line-height: 1.5;
}

.v9-cb-rules-list li b {
    color: #fff;
    text-shadow: 0 0 5px rgba(255,255,255,0.2);
}

.v9-cb-rules-list li i {
    color: #0088ff;
    margin-right: 8px;
}

.v9-fade-in {
    animation: fadeIn 0.3s ease forwards;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(5px); }
    to { opacity: 1; transform: translateY(0); }
}

.v9-cb-value.profit {
    color: #00ffcc;
    text-shadow: 0 0 10px rgba(0, 255, 204, 0.4);
}

.v9-info-alert {
    grid-column: 1 / -1;
    background: rgba(0, 255, 204, 0.05);
    border: 1px solid rgba(0, 255, 204, 0.2);
    color: #00ffcc;
    padding: 20px;
    border-radius: 10px;
    text-align: center;
    font-size: 13px;
    margin: 10px 0;
}

.v9-info-alert i {
    font-size: 24px;
    display: block;
    margin-bottom: 10px;
}

.v9-cb-token-card {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 10px;
    padding: 12px;
    display: flex;
    /*justify-content: space-between;*/
    align-items: center;
    transition: all 0.2s ease;
    margin: 7px;
}

.v9-cb-token-card:hover {
    background: rgba(0, 136, 255, 0.05);
    border-color: rgba(0, 136, 255, 0.2);
    transform: scale(1.02);
}

.v9-cb-token-info {
    display: flex;
    align-items: center;
    gap: 12px;
}

.v9-token-icon {
    transform: scale(0.64);
    flex-shrink: 0;
    filter: drop-shadow(0 0 5px rgba(0,0,0,0.5));
}

.v9-token-details {
    display: flex;
    flex-direction: column;
}

.v9-token-name {
    font-size: 13px;
    font-weight: 700;
    color: #fff;
}

.v9-token-profit {
    font-size: 13px;
    color: #00ffcc; 
    font-family: monospace;
}

.v9-token-profit.loss {
    color: #ff4d4d;
}

.v9-cb-amount-box {
    text-align: right;
    display: flex;
    flex-direction: column;
}

.v9-cb-est-amt {
    font-size: 13px;
    font-weight: 800;
    color: #00ffcc;
    text-shadow: 0 0 8px rgba(0, 255, 204, 0.3);
}

.v9-cb-est-usd {
    font-size: 11px;
    color: #fff;
    opacity: 0.9;
}

.v9-empty-token {
    display: none;
}

.v9-cashback-history-container {
    background: rgba(13, 17, 23, 0.6);
    border-radius: 15px;
    border: 1px solid rgba(255, 255, 255, 0.05);
    padding: 0px;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.v9-cashback-history-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
    padding-top: 10px;
    gap: 15px;
    padding-left: 0;
    padding-right: 0;
}

.v9-cashback-history-header h3 {
    font-size: 16px;
    color: #fff;
    margin: 0;
}

.v9-cashback-history-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
    flex-grow: 1;
    overflow-y: auto;
}

.v9-cashback-history-thead {
    display: grid;
    grid-template-columns: 0.4fr 1fr 1fr;
    padding: 10px 15px;
    color: #64748b;
    font-size: 11px;
    font-weight: bold;
}

.v9-cashback-history-row {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 10px;
    display: grid;
    grid-template-columns: 0.4fr 1fr 1fr;
    padding: 12px 15px;
    align-items: center;
    transition: 0.2s;
    place-items: anchor-center;
}

.v9-date-box { display: flex; flex-direction: column;     align-items: anchor-center;}
.v9-date-sub { font-size: 13px; color: #64748b; }
.v9-loss-amt { color: #ff4d4d; font-weight: 600; }
.v9-reward-amt { color: #00ffcc; font-weight: 800; text-shadow: 0 0 10px rgba(0, 255, 204, 0.2); }
.v9-reward-cur { font-size: 10px; color: #94a3b8; }
.v9-mobile-label { display: none; }

.v9-cashback-history-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;
    padding: 15px;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
    background: #1a1d21;
    z-index: 10;
    border-radius: 0 0 15px 15px;
}

.v9-history-info { font-size: 11px; color: #64748b; letter-spacing: 0.5px; }
.v9-history-pagination { display: flex; gap: 8px; align-items: center; }
.v9-pag-numbers { display: flex; gap: 5px; }

.v9-pag-btn {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #cbd5e1;
    width: 32px;
    height: 32px;
    border-radius: 6px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.2s;
}

.v9-pag-btn:hover:not(:disabled) {
    background: rgba(0, 136, 255, 0.1);
    border-color: #0088ff;
    color: #fff;
}

.v9-pag-btn.active {
    background: #0088ff;
    border-color: #0088ff;
    color: #fff;
    box-shadow: 0 0 10px rgba(0, 136, 255, 0.3);
}

.v9-pag-btn:disabled { opacity: 0.3; cursor: not-allowed; }

@media (max-width: 600px) {
    .one-cloumn{grid-column: 1 / 3; place-items: anchor-center}
    .v9-hist-loss, .v9-username{justify-self: end !important}
    .v9-date-box{align-items: start;}
    .v9-cashback-history-thead { display: none; }
    .v9-cashback-history-row { grid-template-columns: 1fr 1fr; gap: 10px; padding: 15px; place-items: unset}
    .v9-hist-date { display:contents; grid-column: 1 / -1; border-bottom: 1px solid rgba(255, 255, 255, 0.05); padding-bottom: 8px; margin-bottom: 5px; }
    .v9-mobile-label { display: block; font-size: 9px; color: #64748b; margin-bottom: 2px; }
    .v9-reward-wrapper { justify-content: flex-end; }
    .v9-reward-details { align-items: flex-end; }
    .v9-cashback-history-footer { flex-direction: column; gap: 15px; }
}

.v9-reward-wrapper { display: flex; align-items: center; gap: 8px; }
.v9-reward-details { display: flex; flex-direction: column; }

@media (min-width: 600px) {
    .v9-reward-details { align-items: center; gap: 4px; }
    .v9-reward-wrapper { justify-content: flex-start; }
}

.v9-cb-stat-card.highlight {
    border: 1px solid rgba(0, 255, 204, 0.2);
    background: rgba(0, 255, 204, 0.03);
}

.v9-lvl-container { color: #fff; font-family: sans-serif; padding: 10px; }
.v9-lvl-card { background: rgba(255, 255, 255, 0.03); border: 1px solid rgba(255,255,255,0.05); border-radius: 15px; padding: 20px; margin-bottom: 20px; }

.v9-lvl-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px; }
.v9-lvl-badge { background: linear-gradient(135deg, #0088ff, #00ffcc); padding: 6px 16px; border-radius: 8px; font-weight: 800; font-size: 18px; box-shadow: 0 0 15px rgba(0,136,255,0.3); }
.v9-xp-stats { text-align: right; }
.v9-xp-main { font-size: 16px; font-weight: bold; color: #fff; display: block; }
.v9-xp-sub { font-size: 11px; color: #94a3b8; }

.v9-progress-wrapper { height: 12px; background: rgba(0,0,0,0.3); border-radius: 10px; overflow: hidden; position: relative; border: 1px solid rgba(255,255,255,0.05); }
.v9-progress-fill { height: 100%; background: linear-gradient(90deg, #0088ff, #00ffcc); border-radius: 10px; transition: width 1s ease; position: relative; }
.v9-progress-fill::after { content: ''; position: absolute; right: 0; top: 0; bottom: 0; width: 4px; background: #fff; filter: blur(4px); }

.v9-tabs-nav { display: flex; gap: 10px; margin-bottom: 15px; border-bottom: 1px solid rgba(255,255,255,0.05); padding-bottom: 10px; }
.v9-tab-btn { background: none; border: none; color: #94a3b8; padding: 8px 15px; cursor: pointer; font-weight: bold; transition: 0.3s; font-size: 13px; }
.v9-tab-btn.active { color: #00ffcc; border-bottom: 2px solid #00ffcc; }

.v9-benefits-list { text-align: center; display: flex; flex-direction: column; gap: 8px; }
.v9-benefit-item { display: grid; grid-template-columns: 0.8fr 1fr 1fr 1fr; background: rgba(255,255,255,0.02); padding: 12px; border-radius: 10px; align-items: center; border: 1px solid transparent; font-size: 12px; }
.v9-benefit-item.active { border-color: #00ffcc; background: rgba(0, 255, 204, 0.05); box-shadow: inset 0 0 10px rgba(0,255,204,0.05); }
.v9-stars { color: #ffcc00; font-size: 10px; }
.v9-stars i.off { color: #334155; }
.v9-val-cb { color: #00ffcc; font-weight: bold; }
.v9-val-rb { color: #ff00ff; font-weight: bold; }
.v9-val-fc { color: #cbd5e1; }

.v9-benefit-header-row {
    display: grid; 
    grid-template-columns: 0.8fr 1fr 1fr; 
    padding: 5px 12px; 
    font-size: 10px; 
    color: #94a3b8;
}
.v9-benefit-item {
    display: grid;
    grid-template-columns: 0.8fr 1fr 1fr;
    margin-bottom: 5px;
}

.v9-options-list::-webkit-scrollbar {
    display: none;
}

.v9-options-list {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
    position: absolute;
    top: calc(100% + 5px);
    left: 0;
    width: 100%;
    background: #1a1e26;
    border: 1px solid rgba(0, 255, 204, 0.2);
    border-radius: 10px;
    max-height: 250px;
    overflow-y: auto;
    z-index: 100;
    display: none;
    box-shadow: 0 10px 25px rgba(0,0,0,0.5), inset 0 -15px 15px -15px rgba(0, 255, 204, 0.2);
}

.v9-options-list.show {
    display: block;
    animation: fadeIn 0.2s ease;
}

.v9-option {
    padding: 10px 15px;
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    transition: 0.2s;
}

.v9-option:hover {
    background: rgba(0, 255, 204, 0.1);
    color: #00ffcc;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(-10px); }
    to { opacity: 1; transform: translateY(0); }
}

.v9-segmented-wrapper {
    margin-bottom: 20px;
}

.v9-segment-tabs {
    display: flex;
    gap: 8px;
    background: rgba(0, 0, 0, 0.2);
    padding: 5px;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.05);
}

.v9-seg-btn {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    background: transparent;
    border: none;
    color: #94a3b8;
    padding: 10px 7px 10px 0px;
    border-radius: 8px;
    cursor: pointer;
    font-size: 13px;
    font-weight: bold;
    transition: 0.3s;
}

.v9-seg-btn.active {
    background: rgba(0, 255, 204, 0.2);
    color: #00ffcc;
    box-shadow: inset 0 0 10px rgba(0, 255, 204, 0.1);
    border: 1px solid rgba(0, 255, 204, 0.2);
}

.v9-more-btn {
    border-radius: 8px;
    padding: 10px 10px 10px 15px;
}

.v9-more-tokens-dropdown {
    position: relative;
    flex: 0.8;
}


/* --- SicoDice V9 Clean Architecture - Full Eye-Care Refined --- */
.v9-bet-wrapper { padding: 15px 10px; font-family: 'Open Sans', sans-serif;
max-width: 1400px;
}
.v9-bet-main-box { background: #1b212d; border-radius: 12px; overflow: hidden; 
    margin: 0 auto;
    max-width: 1200px;
}

/* Tabs */
.v9-bet-nav { display: flex; background: rgba(0, 0, 0, 0.3); border-bottom: 1px solid rgba(56, 189, 248, 0.1); }
.v9-nav-item { flex: 1; padding: 12px 5px; text-align: center; color: #94a3b8; cursor: pointer; font-weight: 700; font-size: 11px; text-transform: uppercase; transition: 0.3s; }
.v9-nav-item.active { color: #38bdf8 !important; background: rgba(56, 189, 248, 0.05) !important; box-shadow: inset 0 -3px 0 #38bdf8 !important; }

.v9-bet-body { padding: 15px; }

/* Flex Rows & Groups */

.v9-group { flex: 1; min-width: 140px; }
.v9-group label { display: contents; font-size: 10px; margin-bottom: 5px; text-transform: uppercase; 
    width:fit-content;
}

/* Inputs */
.v9-input-container { display: flex; align-items: center; background: #090C10; border-radius: 6px; padding: 5px 8px; margin-top: 2px;}

.v9-bet-input-container { display: contents; }
.v9-bet-input-container-small-screen{
    display: flex; align-items: center; background: #090C10; border-radius: 6px; padding: 5px 8px;
    margin-top: 2px;
}

.v9-input { background: transparent; border: none; color: #f8fafc; width: 100%; font-weight: 600; font-size: 13px; outline: none; }

/* Strategy Panels */
.v9-panel { background: rgba(0, 0, 0, 0.1); border: 1px solid rgba(56, 189, 248, 0.1); border-radius: 8px; padding: 12px; margin-bottom: 15px; }
.v9-panel-title { color: #7dd3fc; font-size: 11px; font-weight: bold; margin-bottom: 10px; display: block; text-transform: uppercase; }
.v9-panel-advanced { border-color: #38bdf8; border-style: dashed; padding-top: 7px; margin-top: 8px; margin-bottom: 0; padding-bottom: 0;}
.v9-panel-lightning { border-left: 3px solid #fbbf24; margin-bottom: 10px; }

/* Strategy Cards (ON WIN / ON LOSS) */
.v9-strategy-container { 
    display: grid;
    grid-template-columns: 1fr;
    background: #111827; padding: 7px; border-radius: 10px; flex-direction: column; gap: 8px; border: 1px solid rgba(45, 212, 191, 0.15); }

.v9-compact-card { background: rgba(255, 255, 255, 0.03); border: 1px solid rgba(255, 255, 255, 0.05); border-radius: 8px; padding: 8px 12px; display: flex; align-items: center; justify-content: space-between; }
.v9-status-text { font-size: 10px; font-weight: 800; letter-spacing: 1px; }

/* Toggle System */
.v9-toggle-pill { display: flex; background: #0f172a; padding: 2px; border-radius: 6px; border: 1px solid #1e293b; }
.v9-btn-item { padding: 5px 10px; border-radius: 5px; font-size: 10px; font-weight: 700; color: #94a3b8; text-transform: uppercase; cursor: pointer; transition: all 0.3s ease; display: flex; align-items: center; }
.v9-btn-item.active-reset { background: #334155; color: #fff; }
.v9-btn-item.active-increase { background: #14b8a6; color: #0b121e; box-shadow: 0 0 10px rgba(20, 184, 166, 0.2); }

/* Embedded Input Animation */
.v9-embedded-input { align-items: center; margin-left: 6px; animation: slideInBetSection 0.3s forwards; }
.v9-btn-item.active-increase .v9-embedded-input { display: flex; }
.v9-embedded-input input { width: 60px; background: rgba(0, 0, 0, 0.15); border: none; color: #0b121e; text-align: center; font-weight: 800; font-size: 13px; outline: none; }
.v9-embedded-input span { font-size: 12px; font-weight: 900; margin-left:2px; }

/* Dice Over/Under Switch */
.v9-dice-switch-container { display: flex; background: rgba(0, 0, 0, 0.2); border-radius: 8px; padding: 3px; margin: 10px 0; border: 1px solid rgba(56, 189, 248, 0.15); }
.v9-switch-btn { flex: 1; padding: 8px 2px; text-align: center; color: #94a3b8; cursor: pointer; font-weight: bold; font-size: 11px; border-radius: 6px; transition: 0.2s; }
.v9-switch-btn.active { background: #38bdf8 !important; color: #fff !important; box-shadow: 0 0 10px rgba(56, 189, 248, 0.3); }

/* Stats Cards */
.v9-game-stats-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0px; margin-bottom: 7px; }
.v9-stat-card { background: #090C10; padding: 8px; text-align: center; border: 1px solid rgba(255,255,255,0.05); }
.v9-stat-card input{
    font-size: 20px;
}
.v9-stat-label { font-size: 12px; display: block; margin-bottom: 4px; text-transform: uppercase; }
.v9-stat-value { background: #090C10; border: none !important; color: #fff !important; width: 100%; text-align: center; font-weight: bold; font-size: 16px; outline: none; opacity: 0.9; 
    padding: 4px 6px;
    
}

/* Main Buttons */
.v9-main-roll-btn {
    width: 100%; 
    background: linear-gradient(135deg, #2979FF 0%, #058 100%); 
    color: #fff;
    border: none; 
    padding: 15px; 
    border-radius: 8px;
    font-weight: 800; 
    font-size: 16px; 
    cursor: pointer; 
    transition: 0.3s; 
    text-transform: uppercase;
    letter-spacing: 2px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.4);
    position: relative;
    overflow: hidden;
}

@keyframes v9shimmer {
    0% { transform: translateX(-100%) rotate(45deg); }
    100% { transform: translateX(100%) rotate(45deg); }
}

.v9-stop-btn { background: linear-gradient(135deg, #ef4444 0%, #b91c1c 100%) !important; }

/* Rule Card Styling */
.v9-rule-item {
    padding: 8px;
    margin: 2px;
    background: #0f172a;
    border: 1px solid #1e293b;
    border-radius: 6px;
    overflow: hidden;
    transition: all 0.3s ease;
}

.v9-unit-label {
    display: contents; margin-left:3px; font-size:13px; font-weight:bold;
}

@media (max-width: 850px) {
    .v9-rule-row-if {
        grid-template-columns: 1fr !important;
        gap: 8px;
    }

    .v9-rule-row-then-inside {
        grid-template-columns: 1fr !important; 
        gap: 8px;
    }

    .v9-rule-input {
        padding: 12px 10px !important; 
        width: 100% !important;
        min-width: unset;
    }

    .v9-rule-select {
        height: 45px; 
        width: 100% !important;
    }

    .v9-rule-title {
        display: block;
        margin-bottom: 5px;
        font-size: 12px;
    }
}

.v9-rule-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid rgba(255,255,255,0.05);
    padding-bottom: 5px;
    
    padding: 12px;
    background: #1e293b;
    cursor: pointer;
}

.v9-header-left { display: flex; align-items: center; gap: 10px; }

.rules_red_header{
    border-left: 4px solid #ef4444;
    box-shadow: -5px 0 10px -5px rgba(239, 68, 68, 0.5);
}

.rules_green_header{
    border-left: 4px solid #10b981;
    box-shadow: -5px 0 10px -5px rgba(16, 185, 129, 0.5);
}

.rules_gold_header {
    border-left: 4px solid #ffcc00;
    box-shadow: -5px 0 10px -5px rgba(255, 204, 0, 0.6);
}

.rules_blue_header {
    border-left: 4px solid #38bdf8;
    box-shadow: -5px 0 10px -5px rgba(56, 189, 248, 0.6);
}

.rules_cyan_header {
    border-left: 4px solid #81ecec;
    box-shadow: -5px 0 10px -5px rgba(129, 236, 236, 0.6);
}

.rules_purple_header {
    border-left: 4px solid #a855f7;
    box-shadow: -5px 0 10px -5px rgba(168, 85, 247, 0.6);
}

.rules_indigo_header {
    border-left: 4px solid #6366f1;
    box-shadow: -5px 0 10px -5px rgba(99, 102, 241, 0.6);
}

.v9-arrow { 
    font-size: 10px; 
    transition: transform 0.3s ease; 
    color: #14b8a6;
}

.v9-rule-item.active { border-color: rgba(20, 184, 166, 0.4); }
.v9-rule-item.active .v9-arrow { transform: rotate(90deg); }

.v9-rule-content {
    max-height: 0;
    overflow: hidden;
    transition: 0.3s ease-out;
    padding: 0 12px;
}

.v9-rule-item.active .v9-rule-content {
    max-height: 500px; 
    padding: 15px 12px;
    padding-bottom: 0;
}

.v9-rule-summary {
    font-size: 11px;
    text-transform: uppercase;
    font-weight: bold;
    color: #94a3b8;
}

.v9-rule-title { font-size: 10px; color: #14b8a6; font-weight: bold; margin-bottom: 2px;}

.v9-rule-remove {
    color: #ef4444;
    cursor: pointer;
    font-size: 14px;
    line-height: 1;
}

.v9-rule-row-if{
    display: grid;
    grid-template-columns: 2fr 1fr 1fr; 
    align-items: center;
    gap: 5px;
    font-size: 11px;
    color: #94a3b8;
}

.v9-rule-row-then{
    display: grid;
    grid-template-columns: 1fr;
    align-items: center;
    gap: 10px;
    font-size: 11px;
    color: #94a3b8;
    border-top: 1px solid rgba(255,255,255,0.05); padding-top: 8px; margin-top: 5px;
}

.v9-rule-row-then-inside{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

.v9-rule-select, .v9-rule-input {
    background: #090C10 !important;
    border: 1px solid #1e293b !important;
    color: #fff;
    border-radius: 4px;
    padding: 2px 10px;
    font-size: 13px;
    outline: none;
}

.v9-rule-input{
    padding: 19.2px 6px !important;
    min-width: -webkit-fill-available;
}
.v9-auto-grid {
    display: grid; 
    grid-template-columns: 1fr 1fr;
    gap: 8px; 
    margin-top: 8px; 
}
.v9-input-group-sm {
    background: rgba(0,0,0,0.1);
    border: 1px solid rgba(255,255,255,0.05);
    padding: 8px 12px; 
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.v9-input-group-sm label {
    font-size: 12px; 
    white-space: nowrap; 
    margin: inherit;
}

.v9-input-group-sm input {
    width: 50%; 
    border: none;
    color: #fff;
    text-align: right;
    font-family: monospace; 
    font-size: 14px;
    outline: none;
    background: #090C10;
}
.v9-checkbox-wrapper { display: flex; align-items: center; gap: 5px; cursor: pointer; font-size: 10px; color: #7dd3fc; font-weight: bold; }

/* --- Advanced Stop Panel --- */
.v9-advanced-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 5px;
    border-bottom: 1px solid rgba(255,255,255,0.05);
    margin-bottom: 10px;
}

.v9-header-title {
    font-size: 12px;
    font-weight: bold;
    color: #94a3b8;
    letter-spacing: 1px;
}

.v9-header-actions {
    display: flex;
    gap: 8px;
    align-items: center;
}

.v9-btn-icon {
    background: #1e293b;
    border: 1px solid #334155;
    color: #38bdf8;
    width: 32px;
    height: 32px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.2s;
}

.v9-btn-icon:hover {
    background: #38bdf8;
    color: #0f172a;
    border-color: #38bdf8;
}

.v9-btn-add {
    background: #14b8a6;
    border: none;
    color: #fff;
    padding: 6px 12px;
    border-radius: 6px;
    font-size: 11px;
    font-weight: bold;
    cursor: pointer;
}

.v9-advanced-trigger, .v9-auto-switch-trigger, .v9-auto-bet-speed-trigger {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    padding: 10px;
    color: #94a3b8;
    font-size: 11px;
    font-weight: bold;
    cursor: pointer;
    transition: 0.3s;
    text-transform: uppercase;
}
.v9-advanced-trigger:hover, .v9-auto-switch-trigger:hover, .v9-auto-bet-speed-trigger:hover { color: #38bdf8; }
.v9-advanced-trigger i, .v9-auto-switch-trigger i, .v9-auto-bet-speed-trigger i { transition: transform 0.3s; }
.v9-advanced-trigger.active i, .v9-auto-switch-trigger.active i, .v9-auto-bet-speed-trigger.active i { transform: rotate(180deg); }

.v9-stop-content, .v9-switch-content, .v9-bet-speed-content {
    max-height: 0;
    overflow: hidden;
    transition: 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    background: rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    padding: 0 10px;
    border: 1px dashed rgba(148, 163, 184, 0.2);
}
.v9-stop-content.show, .v9-switch-content.show, .v9-bet-speed-content.show {
    padding: 0 10px;
    max-height: 500px; 
}

.v9-stop-grid {
    display: grid;
    grid-template-columns: 1fr; 
    gap: 8px;
}

/* --- Auto-Switch Segmented Controller --- */

.v9-switch-label {
    display: block;
    font-size: 9px;
    color: #7dd3fc;
    text-align: center;
    margin-bottom: 8px;
    font-weight: 800;
    letter-spacing: 0.5px;
}

.v9-segmented-control {
    display: flex;
    border-radius: 6px;
    padding: 2px;
    background: #020617; 
    border: 1px solid rgba(139, 92, 246, 0.2);
}

.v9-seg-btn {
    flex: 1;
    padding: 6px 2px;
    font-size: 12px;
    color: #94a3b8;
    text-align: center;
    cursor: pointer;
    border-radius: 4px;
    font-weight: 700;
    transition: 0.2s;
    text-transform: uppercase;
}

.v9-seg-btn:hover:not(.active) {
    color: #94a3b8;
    background: rgba(255,255,255,0.03);
}

/* --- Optimized Live Stats V9 --- */
.v9-stats-panel {
    background: #111827;
    border: 1px solid rgba(56, 189, 248, 0.15);
    border-radius: 12px;
    margin-bottom: 15px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
}

.v9-stats-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0px;
    padding-bottom: 8px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    background: rgba(0, 0, 0, 0.3);
}

.v9-stat-card-v3 {
    border-radius: 8px;
    padding: 10px;
    display: flex;
    flex-direction: column;
    position: relative;
    overflow: hidden;
    align-items: center;
}

.v9-stat-label-v3 {
    font-size: 10.5px;
    color: #94a3b8;
    text-transform: uppercase;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 5px;
}

.v9-stat-val-group {
    display: flex;
    align-items: center;
    margin-top: 5px;
}

.v9-stat-value-big {
    font-size: 16px;
    opacity: 0.9;
    letter-spacing: -0.5px;
    color: white;
    font-weight:600;
}

/* Win/Loss Footer Section */
.v9-stats-footer {
    margin: 0px 12px 12px;
}

.v9-stats-summary-text {
    display: grid;
    justify-content: space-between;
    align-items: center;
    font-size: 15px;
    margin-bottom: 6px;
    font-weight: 800;
    place-items: anchor-center;
    grid-template-columns: 1fr 1fr;
}

.v9-text-win { color: #10b981; }
.v9-text-loss { color: #ef4444; }
.v9-text-muted { color: #94a3b8; font-size: 9px; }

.v9-progress-container {
    width: 100%;
    height: 5px;
    background: rgba(0, 0, 0, 0.4);
    border-radius: 10px;
    overflow: hidden;
    display: flex;
    border: 1px solid rgba(255, 255, 255, 0.05);
}

.v9-progress-fill-win { background: linear-gradient(90deg, #10b981, #059669); transition: 0.6s cubic-bezier(0.17, 0.67, 0.83, 0.67); }
.v9-progress-fill-loss { background: linear-gradient(90deg, #ef4444, #b91c1c); transition: 0.6s cubic-bezier(0.17, 0.67, 0.83, 0.67); }

.v9-icon-btn-group {
    display: flex;
    gap: 10px;
}

.v9-icon-btn {
    margin: 7px 7px 0px 7px;
    width: 40px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    cursor: pointer;
    transition: 0.2s;
    font-size: 12px;
}

.v9-icon-btn-reset { background: rgba(239, 68, 68, 0.1); color: #ef4444; }
.v9-icon-btn-share { background: rgba(56, 189, 248, 0.1); color: #38bdf8; }
.v9-icon-btn:hover { transform: translateY(-2px); filter: brightness(1.2); }

/* Target Clickable */
.v9-target-clickable {
    cursor: pointer;
    transition: all 0.2s ease;
    position: relative;
    user-select: none;
}

.v9-target-clickable:hover {
    border-color: rgba(56, 189, 248, 0.3);
}

.v9-target-clickable:active {
    transform: scale(0.95);
}

.v9-roll-mode-label {
    font-size: 9px;
    font-weight: 800;
    margin-top: 4px;
    display: block;
    text-transform: uppercase;
}

.v9-mode-under { color: #38bdf8; }
.v9-mode-over { color: #f1c40f; }

#v9_speed_range {
    -webkit-appearance: none;
    height: 6px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 5px;
    outline: none;
    margin: 15px 0;
}

#v9_speed_range::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 18px;
    height: 18px;
    background: #f1c40f; 
    cursor: pointer;
    border-radius: 50%;
    box-shadow: 0 0 10px rgba(241, 196, 15, 0.4);
    border: 2px solid #0f172a;
}

.v9-usd-preview {
    font-size: 13px;
    color: #64748b; 
    margin-top: 0px;
    font-weight: 600;
    padding-left: 2px;
    float: right;
    width:fit-content;
}

#fiat_bet_amount, #fiat_profit_on_win {
    color: #94a3b8;
    transition: color 0.3s;
}

/* Stats Mode Switcher */
.v9-stats-mode-switcher {
    display: flex;
    margin-top: 7px;
    padding: 2px;
}

.v9-mode-tab {
    font-size: 12px;
    padding: 4px 10px;
    color: #94a3b8;
    cursor: pointer;
    font-weight: 800;
    text-transform: uppercase;
    transition: 0.3s;
    border-radius: 4px;
}

.v9-mode-tab.active {
    color: #fff;
}

.v9-icon-btn.disabled {
    opacity: 0.3;
    pointer-events: none;
    filter: grayscale(1);
}

@keyframes v9-value-glow {
    0% { text-shadow: 0 0 0px transparent; }
    50% { text-shadow: 0 0 10px #38bdf8; color: #fff; }
    100% { text-shadow: 0 0 0px transparent; }
}

.v9-animate-glow {
    animation: v9-value-glow 0.5s ease;
}

::selection{
    color:white;
    background-color: #1d4ed8;
}

@keyframes fadeInRules { from { opacity: 0; transform: translateY(-5px); } to { opacity: 1; transform: translateY(0); } }
@keyframes slideInBetSection { from { width: 0; opacity: 0; } to { width: 75px; opacity: 1; } }

.v9-adj-btn { background: #2979FF; color: white; font-size: 13px; padding: 5px 9px; border-radius: 3px; cursor: pointer;width: 33%; height: 40px;}
@media (min-width: 770px) {
    .v9-adj-btn { width: 55px; height: 30px;}
    
    .v9-strategy-container{
        grid-template-columns: 1fr 1fr;
    }
    .v9-bet-input-container{
        display: flex; align-items: center; background: #090C10; border-radius: 6px; padding: 5px 8px;
        margin-top: 2px;
    }
    .v9-bet-input-container-small-screen { display: contents; }
    
}
@media (min-width: 480px) {
    .v9-stop-grid {
        grid-template-columns: 1fr 1fr; 
    }
}

.dp-status-badge {
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
}
.status-success { background: rgba(16, 185, 129, 0.2); color: #10b981; }
.status-pending { background: rgba(240, 185, 11, 0.2); color: #f0b90b; }
.status-failed { background: rgba(239, 68, 68, 0.2); color: #ef4444; }

.v9-tx-link {
    color: #2979FF;
    text-decoration: none;
    font-size: 13px;
    font-weight: 600;
}

.v9-tx-link:hover { text-decoration: underline; }

.v9-deposi-history-row{
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 10px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    padding: 12px 15px;
    align-items: center;
    transition: 0.2s;
}

.dp-history-row {
    display: grid;
    justify-content: space-between;
    align-items: center;
    padding: 12px 15px;
    gap: 10px;
}

.v9-dp-status-tx{
    width: 180px;
    text-align: -webkit-center;
    justify-self: center;
}
@media (max-width: 768px) {
    .dp-history-row {
        flex-wrap: wrap; 
        padding: 15px;
    }

    .v9-hist-date {
        flex: 1 1 40%; 
    }

    .v9-dp-status-tx {
        flex: 1 1 50%;
        text-align: right;
        display: flex;
        flex-direction: column; 
        align-items: center;
        gap: 5px;
    }

    .v9-dp-amount {
        flex: 1 1 100%; 
        order: 3;
        margin-top: 10px;
        padding-top: 10px;
        border-top: 1px solid rgba(255,255,255,0.05);
        place-items: center
    }
    
    .v9-usd-sub {
        display: inline-block;
        margin-left: 5px;
    }
}

.dp-status-badge {
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 600;
    margin-right: 5px;
}

.v9-username{
    font-weight: 600;
    color:#fff;
    justify-self: center
}

.v9-hist-loss{
    justify-self: center
}

.v9-input-icon {
    display: contents;
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: #4b5563;
}

.v9-rules-container {
    scrollbar-width: thin;
    scrollbar-color: #4b5563 #1a1d21;
}

.v9-rules-item {
    display: flex;
    align-items: flex-start;
    background: rgba(255, 255, 255, 0.03);
    border-radius: 8px;
    padding: 12px;
    margin-bottom: 10px;
    border-left: 3px solid #4b5563;
    transition: 0.3s;
}

.v9-rules-item:hover {
    background: rgba(255, 255, 255, 0.06);
}

.v9-rule-num {
    background: #32373d;
    color: #94a3b8;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    font-weight: bold;
    flex-shrink: 0;
    margin-right: 12px;
}

.v9-rule-text {
    color: #cbd5e1;
    font-size: 13px;
    line-height: 1.5;
}

.v9-rules-item.warning {
    border-left-color: #ef4444;
    background: rgba(239, 68, 68, 0.05);
}

.v9-rules-item.highlight {
    border-left-color: #f0b90b;
    background: rgba(240, 185, 11, 0.05);
}

.v9-rule-text strong {
    color: #fff;
}

.v9-info-card-verification {
    background: rgba(0, 255, 204, 0.05);
    border: 1px solid rgba(0, 255, 204, 0.1);
    padding: 15px;
    border-radius: 8px;
    font-size: 13px;
    line-height: 1.6;
    color: #cbd5e1;
}

.v9-seed-info {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin-top: 10px;
}

.v9-seed-item {
    background: #1a1d21;
    padding: 12px;
    border-radius: 6px;
    border: 1px solid #32373d;
}

.v9-s-title {
    display: block;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 5px;
}

.v9-s-desc {
    font-size: 13px;
    color: #94a3b8;
}

.v9-alert-box {
    margin-top: 15px;
    padding: 10px;
    background: rgba(240, 185, 11, 0.1);
    border-radius: 6px;
    color: #f0b90b;
    font-size: 13px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.v9-code-block {
    background: #0d0f11;
    padding: 15px;
    border-radius: 8px;
    border: 1px solid #1e2228;
    position: relative;
}

.v9-code-block pre {
    margin: 0;
    font-family: 'Monaco', 'Consolas', monospace;
    font-size: 13px;
    color: #00ffcc;
    line-height: 1.5;
    white-space: pre-wrap;
}