/*Goole Font Use*/
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");
/*Goole Font Use*/
/*CSS Table Of Content Ends Here*/
/*Abstracts / mixins*/
/*Abstracts / mixins*/
/*Abstracts / variables*/
:root {
        --body-color: #060C1F;
        --active-color: #97d23a;
        --active-two: #97d23a;
        --theme-one: #ffc800;
        --theme-two: #1877F2;
        --button-one: #97d23a;
        --button-two: #ffc800;
        --header: #202A39;
        --subheader: #161F2C;
        --startable: #97d23a;
        --white: #fff;
        --black: #000;
        --social-box: #283968;
        --slidebox: #141C33;
        --textcolor: #8A92AB;
        --pointbox: #283352;
        --betslip: #636B82;
        --multiborder: #7A8899;
        --signbet: #20283F;
        --signborder: #526271;
        --leftpreborder: #4C546A;
        --preactive: #0F62E6;
        --place: #858B9D;
        --paycheck: #40507C;
}
@keyframes splide-loading {
        0% {
                transform: rotate(0)
        }
        to {
                transform: rotate(1turn)
        }
}

.splide__container {
        position: relative;
        box-sizing: border-box
}
.tata{
        font-size: 11px;
        color: #ffe600;
}
.tete{
        font-size: 12px;
        color: #ffffff;
}

.splide__list {
        margin: 0 !important;
        padding: 0 !important;
        width: -webkit-max-content;
        width: max-content;
        will-change: transform
}

.splide.is-active .splide__list {
        display: flex
}

.splide__pagination {
        display: inline-flex;
        align-items: center;
        width: 95%;
        flex-wrap: wrap;
        justify-content: center;
        margin: 0
}

.splide__pagination li {
        list-style-type: none;
        display: inline-block;
        line-height: 1;
        margin: 0
}

.splide {
        visibility: hidden
}

.splide,
.splide__slide {
        position: relative;
        outline: none
}

.splide__slide {
        box-sizing: border-box;
        list-style-type: none !important;
        margin: 0;
        flex-shrink: 0
}

.splide__slide img {
        vertical-align: bottom
}

.splide__slider {
        position: relative
}

.splide__spinner {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        display: inline-block;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        border: 2px solid #999;
        border-left-color: transparent;
        animation: splide-loading 1s linear infinite
}

.splide__track {
        position: relative;
        z-index: 0;
        overflow: hidden
}

.splide--draggable>.splide__track>.splide__list>.splide__slide {
        -webkit-user-select: none;
        user-select: none
}

.splide--fade>.splide__track>.splide__list {
        display: block
}

.splide--fade>.splide__track>.splide__list>.splide__slide {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 0;
        opacity: 0
}

.splide--fade>.splide__track>.splide__list>.splide__slide.is-active {
        position: relative;
        z-index: 1;
        opacity: 1
}

.splide--rtl {
        direction: rtl
}

.splide--ttb>.splide__track>.splide__list {
        display: block
}

.splide--ttb>.splide__pagination {
        width: auto
}

.splide__arrow {
        position: absolute;
        z-index: 1;
        top: 50%;
        transform: translateY(-50%);
        width: 2em;
        height: 2em;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        border: none;
        padding: 0;
        opacity: .7;
        background: #222222
}

.splide__arrow svg {
        width: 1.2em;
        height: 1.2em
}

.splide__arrow:hover {
        cursor: pointer;
        opacity: 0.9
}

.splide__arrow:focus {
        outline: none
}

.splide__arrow--prev {
        left: 1em
}

.splide__arrow--prev svg {
        transform: scaleX(-1)
}

.splide__arrow--next {
        right: 1em
}

.splide__pagination {
        position: absolute;
        z-index: 1;
        bottom: .5em;
        left: 50%;
        transform: translateX(-50%);
        padding: 0
}

.splide__pagination__page {
        display: inline-block;
        width: 8px;
        height: 8px;
        background: #222222;
        border-radius: 50%;
        margin: 3px;
        padding: 0;
        transition: transform .2s linear;
        border: none;
        opacity: 0.7
}

.splide__pagination__page.is-active {
        transform: scale(1.4);
        background: #fff
}

.splide__pagination__page:hover {
        cursor: pointer;
        opacity: 0.9
}

.splide__pagination__page:focus {
        outline: none
}

.splide__progress__bar {
        width: 0;
        height: 3px;
        background: #222222
}

.splide--nav>.splide__track>.splide__list>.splide__slide {
        border: 3px solid transparent
}

.splide--nav>.splide__track>.splide__list>.splide__slide.is-active {
        border-color: #000
}

.splide--nav>.splide__track>.splide__list>.splide__slide:focus {
        outline: none
}

.splide--rtl>.splide__arrows .splide__arrow--prev,
.splide--rtl>.splide__track>.splide__arrows .splide__arrow--prev {
        right: 1em;
        left: auto
}

.splide--rtl>.splide__arrows .splide__arrow--prev svg,
.splide--rtl>.splide__track>.splide__arrows .splide__arrow--prev svg {
        transform: scaleX(1)
}

.splide--rtl>.splide__arrows .splide__arrow--next,
.splide--rtl>.splide__track>.splide__arrows .splide__arrow--next {
        left: 1em;
        right: auto
}

.splide--rtl>.splide__arrows .splide__arrow--next svg,
.splide--rtl>.splide__track>.splide__arrows .splide__arrow--next svg {
        transform: scaleX(-1)
}

.splide--ttb>.splide__arrows .splide__arrow,
.splide--ttb>.splide__track>.splide__arrows .splide__arrow {
        left: 50%;
        transform: translate(-50%)
}

.splide--ttb>.splide__arrows .splide__arrow--prev,
.splide--ttb>.splide__track>.splide__arrows .splide__arrow--prev {
        top: 1em
}

.splide--ttb>.splide__arrows .splide__arrow--prev svg,
.splide--ttb>.splide__track>.splide__arrows .splide__arrow--prev svg {
        transform: rotate(-90deg)
}

.splide--ttb>.splide__arrows .splide__arrow--next,
.splide--ttb>.splide__track>.splide__arrows .splide__arrow--next {
        top: auto;
        bottom: 1em
}

.splide--ttb>.splide__arrows .splide__arrow--next svg,
.splide--ttb>.splide__track>.splide__arrows .splide__arrow--next svg {
        transform: rotate(90deg)
}

.splide--ttb>.splide__pagination {
        display: flex;
        flex-direction: column;
        bottom: 50%;
        left: auto;
        right: .5em;
        transform: translateY(50%)
}

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

body {
        margin: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
        display: block
}

audio,
canvas,
progress,
video {
        display: inline-block;
        vertical-align: baseline
}

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

[hidden],
template {
        display: none
}

a {
        background-color: transparent
}

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

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

b,
strong {
        font-weight: bold
}

dfn {
        font-style: italic
}

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

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

small {
        font-size: 80%
}

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

sup {
        top: -0.5em
}

sub {
        bottom: -0.25em
}

img {
        border: 0
}

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

figure {
        margin: 1em 40px
}

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

pre {
        overflow: auto
}

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

button,
input,
optgroup,
select,
textarea {
        color: inherit;
        font: inherit;
        margin: 0
}

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 {
        border: 0;
        padding: 0
}

input {
        line-height: normal
}

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-appearance: textfield;
        box-sizing: content-box
}

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

fieldset {
        border: 1px solid #c0c0c0;
        margin: 0 2px;
        padding: 0.35em 0.625em 0.75em
}

legend {
        border: 0;
        padding: 0
}

textarea {
        overflow: auto
}

optgroup {
        font-weight: bold
}

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

td,
th {
        padding: 0;
        font-size: 16px !important;
        padding: 12px !important;
        margin: 5px !important;
        text-align: left !important;
}

html {
        scroll-behavior: smooth;
        -webkit-overflow-scrolling: touch;
        -webkit-tap-highlight-color: transparent
}
.freshBet{
        font-size: 18px;
        color: #ffffff;
}
.fostest{
        color: #FFFFFF;
        font-size: 16px;
        padding-top: 6px;
}
.buttonPin{
        background: #ffc800 !important;
        color: #222222 !important;
}
body {
        background-color: #060c1f;
        font-family: "GT-Walsheim-Pro", Tahoma, Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #eee;
        font-weight: 400;
        letter-spacing: 0.2px;
        line-height: 1.5;
        margin: 0;
        height: 100%
}

body.SB-sideMenu-opened {
        overflow: hidden;
        max-width: 100%;
        margin: 0 auto
}

body.SB-sideMenu-opened .SB-Lite-Mobile {
        position: fixed;
        overflow: hidden;
        width: 100%
}

body.SB-sideMenu-opened .SB-leftMenu-mask {
        display: block
}

body.SB-rightMenu-opened {
        overflow: hidden;
        max-width: 100%;
        margin: 0 auto
}

body.SB-rightMenu-opened .SB-Lite-Mobile {
        position: relative;
        overflow: hidden;
        width: 100%
}

body.SB-rightMenu-opened .SB-rightMenu-mask {
        display: block
}

*,
*::before,
*::after {
        box-sizing: border-box
}

a {
        color: inherit;
        text-decoration: none
}

img {
        vertical-align: middle;
        border-style: none;
        max-width: 100%
}

h1,
h2,
h3,
h4,
h5,
h6 {
        padding: 0;
        margin: 0
}

ul {
        padding: 0;
        margin: 0
}

ul li {
        list-style: none;
        list-style-image: none;
        list-style-type: none
}

input,
textarea {
        font-family: inherit;
        outline: none
}

.btn {
        cursor: pointer;
        padding: 0 6px;
        border: none;
        font-family: "GT-Walsheim-Pro", Tahoma, Arial, Helvetica, sans-serif;
        white-space: nowrap;
        border-radius: 3px;
        font-size: 18px !important;
}
.btn-link {
        font-weight: 400;
        color: #000000 !important;
        background-color: transparent;
}

.btn:focus {
        outline: none;
        box-shadow: none
}

button:focus {
        outline: none;
        box-shadow: none
}

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

.text-left {
        text-align: left !important
}

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

.text-justify {
        text-align: justify !important
}

.d-none {
        display: none !important
}

.d-block {
        display: block !important
}

.truncate {
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
}

.SB-space5 {
        height: 5px
}

.SB-space10 {
        height: 10px
}

.SB-space15 {
        height: 15px
}

.SB-space20 {
        height: 20px
}

table {
        width: 100%;
        max-width: 100%;
        background-color: transparent;
        border-collapse: collapse !important
}

.p-0 {
        padding: 0 !important
}

.SB-Lite-Mobile {
        max-width: 100%;
        margin: 0 auto;
        overflow-x: hidden;
        position: relative;
        height: 100%;
        background-color: #171b31;
        display: block
}

.SB-mainSection {
        margin-bottom: 10px
}

body.SB-sticky-layoutHeader .SB-layout-header {
        position: fixed;
        top: 0;
        max-width: 100%;
        z-index: 110;
        width: 100%
}

body.SB-sticky-layoutHeader .SB-depositMpesa-header {
        height: 0;
        min-height: 0;
        overflow: hidden;
        padding: 0
}

body.SB-sticky-layoutHeader .SB-mainHeader {
        height: auto;
        padding-top: 6px;
        padding-bottom: 6px
}

body.SB-sticky-layoutHeader .SB-mainHeader .SB-mainHeader-rightSection .SB-mainHeader-beforeLogin .SB-mainHeader-loginRegister {
        flex-direction: row
}

body.SB-sticky-layoutHeader .SB-mainHeader .SB-mainHeader-rightSection .SB-mainHeader-beforeLogin .SB-mainHeader-loginRegister .btn {
        width: 70px
}

body.SB-sticky-layoutHeader .SB-mainHeader .SB-mainHeader-rightSection .SB-mainHeader-afterLogin .SB-mainHeader-userBalance {
        margin-top: 5px;
        font-size: 10px
}

body.SB-sticky-layoutHeader .SB-subHeader {
        min-height: auto
}

body.SB-sticky-layoutHeader .SB-subHeader ul {
        min-height: 28px
}

body.SB-sticky-layoutHeader .SB-subHeader ul li i {
        display: none
}

body.SB-sticky-layoutHeader .SB-subHeader ul li .SB-iconSvg {
        display: none
}

body.SB-sticky-layoutHeader .SB-layout-content {
        margin-top: 90px
}

.SB-flashScreen {
        background-color: #515151;
        background-repeat: repeat;
        background-size: contain;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 999;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center
}

.SB-flashScreen .SB-flashIcon {
        animation: SB-flash .5s alternate infinite ease-in
}

@keyframes SB-flash {
        0% {
                transform: scale(1)
        }
        100% {
                transform: scale(1.5)
        }
}

.SB-site-underMaintenance {
        background-color: #515151;
        background-repeat: repeat;
        background-size: contain;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 20px
}

.SB-site-underMaintenance .SB-underMaintenance-container {
        border-radius: 6px;
        height: 500px;
        max-width: 650px;
        width: 100%;
        padding: 15px;
        color: #333;
        text-align: center;
        background-color: #FFF;
        padding: 15px
}

.SB-site-underMaintenance .SB-logoBox img {
        width: 150px;
        margin: 25px 0 35px
}

.SB-site-underMaintenance .SB-oopsTxt {
        font-size: 36px;
        font-weight: 700;
        line-height: 48px;
        border-top: 2px solid #515151;
        border-bottom: 2px solid #515151;
        padding: 20px 0;
        margin-bottom: 20px
}

.SB-site-underMaintenance .SB-underMaintenanceTxt {
        font-size: 18px;
        font-weight: 600;
        color: #515151
}

.SB-site-underMaintenance .SB-underMaintenance-footer {
        max-width: 650px;
        width: 100%;
        padding: 20px
}

.SB-site-underMaintenance .SB-underMaintenance-footer p {
        text-align: center;
        color: #DDD
}

.SB-errorPage {
        display: flex;
        height: 100vh;
        width: 100%
}

.SB-errorPage .SB-errorPage-left,
.SB-errorPage .SB-errorPage-right {
        flex: 1 1 0%;
        display: flex;
        align-items: center
}

.SB-errorPage .SB-errorPage-left {
        display: flex;
        align-items: center;
        justify-content: center
}

.SB-errorPage .SB-errorPage-left img {
        width: 350px
}

@media screen and (min-width: 50px) and (max-width: 767px) {
        .SB-errorPage .SB-errorPage-left {
                display: none
        }
}

.SB-errorPage .SB-errorPage-right {
        background-color: #515151
}

.SB-errorPage .SB-errorPage-content {
        padding: 40px 80px;
        color: #FFF
}

@media screen and (min-width: 50px) and (max-width: 767px) {
        .SB-errorPage .SB-errorPage-content {
                padding: 30px
        }
}

@media screen and (max-width: 300px) {
        .SB-errorPage .SB-errorPage-content {
                padding: 12px
        }
}

.SB-errorPage .SB-brand-logo {
        margin-bottom: 20px;
        display: none
}

@media screen and (min-width: 50px) and (max-width: 767px) {
        .SB-errorPage .SB-brand-logo {
                display: block
        }
}

.SB-errorPage .SB-errorPage_maintext {
        font-size: 52px;
        line-height: 52px;
        padding-bottom: 20px;
        font-weight: bold;
        color: #97d23a
}

@media screen and (min-width: 50px) and (max-width: 767px) {
        .SB-errorPage .SB-errorPage_maintext {
                font-size: 36px;
                line-height: 36px;
                padding-bottom: 10px
        }
}

@media screen and (max-width: 300px) {
        .SB-errorPage .SB-errorPage_maintext {
                font-size: 18px;
                line-height: 1
        }
}

.SB-errorPage .SB-errorPage_subtext {
        font-size: 24px;
        font-weight: bold
}

@media screen and (min-width: 50px) and (max-width: 767px) {
        .SB-errorPage .SB-errorPage_subtext {
                font-size: 18px
        }
}

@media screen and (max-width: 300px) {
        .SB-errorPage .SB-errorPage_subtext {
                font-size: 10px
        }
}

.SB-errorPage .SB-btnGoToHome {
        margin-top: 30px;
        width: auto;
        padding: 0 30px
}

@media screen and (max-width: 300px) {
        .SB-errorPage .SB-btnGoToHome {
                padding: 0 10px;
                width: 100%;
                font-size: 14px;
                white-space: normal;
                min-height: 36px;
                height: auto;
                line-height: 1
        }
}

@media screen and (max-width: 120px) {
        .SB-errorPage .SB-btnGoToHome {
                font-size: 12px;
                min-height: 28px;
                height: auto
        }
}

.SB-nonLoggedIn .SB-sidePanel-favorites {
        display: none
}

.SB-nonLoggedIn .SB-leagueBox .SB-matchBox .SB-stats-container .icon-streaming {
        display: none
}

@media screen and (min-width: 200px) and (max-width: 1023px) {
        .SB-verifyMobileNumberPage .SB-subHeader {
                display: none
        }
        .SB-verifyMobileNumberPage .SB-mobile-footer {
                display: none
        }
        .SB-verifyMobileNumberPage .SB-footer {
                margin-bottom: 0
        }
        .SB-verifyMobileNumberPage .SB-mainHeader-beforeLogin {
                display: none
        }
        .SB-verifyMobileNumberPage .SB-hamBurger-menu {
                display: none
        }
}

@media screen and (min-width: 200px) and (max-width: 1023px) {
        .SB-sticky {
                position: fixed;
                top: 0;
                z-index: 99;
                width: 100%
        }
}

@media screen and (min-width: 200px) and (max-width: 1023px) {
        #SB-page-stickyHeader.SB-sticky {
                background-color: #efefef;
                -webkit-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.1);
                -moz-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.1);
                box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.1)
        }
}

@media screen and (min-width: 200px) and (max-width: 1023px) {
        .SB-sports .SB-page-innerContent.SB-sticky-active {
                margin-top: 180px
        }
}

@media screen and (min-width: 200px) and (max-width: 1023px) {
        .SB-liveNow .SB-page-innerContent.SB-sticky-active {
                margin-top: 200px
        }
}

.SB-eventPage .SB-sticky .SB-breadCrumb {
        margin-top: 5px
}

@media screen and (min-width: 200px) and (max-width: 1023px) {
        .SB-eventPage .SB-page-innerContent.SB-sticky-active {
                margin-top: 130px
        }
}

.SB-eventPageLive .SB-sticky .SB-breadCrumb {
        margin-top: 5px
}

@media screen and (min-width: 200px) and (max-width: 1023px) {
        .SB-eventPageLive .SB-page-innerContent.SB-sticky-active {
                margin-top: 260px
        }
}

.SB-countryPage .SB-sticky .SB-breadCrumb {
        margin-top: 5px
}

@media screen and (min-width: 200px) and (max-width: 1023px) {
        .SB-countryPage .SB-page-innerContent.SB-sticky-active {
                margin-top: 120px
        }
}

.SB-helpPage .SB-sticky .SB-breadCrumb {
        margin-top: 5px
}

@media screen and (min-width: 200px) and (max-width: 1023px) {
        .SB-helpPage .SB-page-innerContent.SB-sticky-active {
                margin-top: 70px
        }
}

@media screen and (max-width: 300px) {
        .SB-loginRegisterPage .SB-mainHeader .SB-mainHeader-container {
                min-height: auto
        }
}

@media screen and (max-width: 300px) {
        .SB-loginRegisterPage .SB-mainHeader .SB-mainHeader-leftSection .SB-selectSideMenu {
                display: none
        }
}

@media screen and (max-width: 300px) {
        .SB-loginRegisterPage .SB-mainHeader .SB-mainHeader-rightSection .SB-mainHeader-beforeLogin {
                display: none
        }
}

.SB-loginRegisterPage .SB-subHeader {
        display: none
}

.SB-loginRegisterPage .SB-footer {
        display: none
}

@media screen and (min-width: 200px) and (max-width: 1023px) {
        .SB-loginRegisterPage .SB-layout-header {
                display: none
        }
        .SB-loginRegisterPage .SB-mobile-footer {
                display: none
        }
        .SB-loginRegisterPage .SB-mainSection {
                margin-bottom: 0
        }
        .SB-loginRegisterPage .SB-loginRegister {
                height: 100vh;
                display: flex;
                flex-direction: column;
                justify-content: space-between;
                overflow-y: auto
        }
}

@media screen and (min-width: 1024px) {
        .SB-Lite-Mobile.SB-loginRegisterPage .SB-layout-content .SB-leftSection {
                display: none
        }
        .SB-Lite-Mobile.SB-loginRegisterPage .SB-layout-content .SB-rightSection {
                display: none
        }
        .SB-Lite-Mobile.SB-loginRegisterPage .SB-layout-content .SB-mainSection {
                width: 80%;
                max-width: 80%;
                margin: 0 auto
        }
}

@media screen and (max-width: 300px) {
        .SB-Lite-Mobile.SB-depositPage .SB-mainHeader .SB-mainHeader-container {
                min-height: auto
        }
        .SB-Lite-Mobile.SB-depositPage .SB-mainHeader .SB-mainHeader-rightSection .SB-mainHeader-afterLogin .SB-btnDeposit {
                display: none
        }
}

@media screen and (min-width: 1024px) {
        .SB-Lite-Mobile.SB-leaderboardPage .SB-layout-content .SB-leftSection {
                display: none
        }
        .SB-Lite-Mobile.SB-leaderboardPage .SB-layout-content .SB-rightSection {
                display: none
        }
        .SB-Lite-Mobile.SB-leaderboardPage .SB-layout-content .SB-mainSection {
                width: 80%;
                max-width: 80%;
                margin: 0 auto
        }
}

@media screen and (min-width: 1024px) {
        .SB-Lite-Mobile.SB-fullPage .SB-leftSection,
        .SB-Lite-Mobile.SB-fullPage .SB-rightSection {
                display: none
        }
}

.SB-Lite-Mobile.SB-fullPage .SB-layout-content .SB-mainSection {
        width: 100% !important;
        max-width: 100%
}

@media screen and (min-width: 1024px) {
        .SB-Lite-Mobile.SB-casinoPage .SB-layout-content .SB-leftSection,
        .SB-Lite-Mobile.SB-casinoPage .SB-layout-content .SB-rightSection {
                display: none
        }
        .SB-Lite-Mobile.SB-casinoPage .SB-layout-content .SB-mainSection {
                width: 100%;
                max-width: 100%;
                margin: 0 auto
        }
}

.SB-Lite-Mobile.SB-casinoPlayPage .SB-layout-header {
        display: none
}

.SB-Lite-Mobile.SB-casinoPlayPage .SB-container {
        max-width: 100%
}

.SB-Lite-Mobile.SB-casinoPlayPage .SB-footer {
        display: none
}

.SB-Lite-Mobile.SB-casinoPlayPage .SB-mobile-footer {
        display: none
}

@media screen and (min-width: 1024px) {
        .SB-Lite-Mobile.SB-casinoPlayPage .SB-layout-content .SB-leftSection,
        .SB-Lite-Mobile.SB-casinoPlayPage .SB-layout-content .SB-rightSection {
                display: none
        }
        .SB-Lite-Mobile.SB-casinoPlayPage .SB-layout-content .SB-mainSection {
                width: 100%;
                max-width: 100%;
                margin: 0 auto
        }
}

.SB-Lite-Mobile.SB-virtualsPage .SB-layout-content .SB-mainSection {
        margin-bottom: 0
}

@media screen and (min-width: 1024px) {
        .SB-Lite-Mobile.SB-virtualsPage .SB-layout-content .SB-leftSection,
        .SB-Lite-Mobile.SB-virtualsPage .SB-layout-content .SB-rightSection {
                display: none
        }
        .SB-Lite-Mobile.SB-virtualsPage .SB-layout-content .SB-mainSection {
                width: 100%;
                max-width: 100%;
                margin: 0 auto
        }
}

@media screen and (min-width: 200px) and (max-width: 1023px) {
        .SB-Lite-Mobile.SB-virtualsPage .SB-footer {
                display: none
        }
}

@media screen and (min-width: 200px) and (max-width: 1023px) {
        .SB-Lite-Mobile.SB-virtualsPage .SB-mobile-footer {
                display: none
        }
}

.SB-Lite-Mobile.SB-penaltyShootOutPage .SB-layout-content .SB-mainSection {
        margin-bottom: 0
}

@media screen and (min-width: 1024px) {
        .SB-Lite-Mobile.SB-penaltyShootOutPage .SB-layout-content .SB-leftSection,
        .SB-Lite-Mobile.SB-penaltyShootOutPage .SB-layout-content .SB-rightSection {
                display: none
        }
        .SB-Lite-Mobile.SB-penaltyShootOutPage .SB-layout-content .SB-mainSection {
                width: 100%;
                max-width: 100%;
                margin: 0 auto
        }
}

@media screen and (min-width: 200px) and (max-width: 1023px) {
        .SB-Lite-Mobile.SB-penaltyShootOutPage .SB-footer {
                display: none
        }
}

@media screen and (min-width: 200px) and (max-width: 1023px) {
        .SB-Lite-Mobile.SB-penaltyShootOutPage .SB-mobile-footer {
                display: none
        }
}

.SB-Lite-Mobile.SB-top6Page .SB-layout-content .SB-mainSection {
        margin-bottom: 0
}

@media screen and (min-width: 1024px) {
        .SB-Lite-Mobile.SB-top6Page .SB-layout-content .SB-leftSection,
        .SB-Lite-Mobile.SB-top6Page .SB-layout-content .SB-rightSection {
                display: none
        }
        .SB-Lite-Mobile.SB-top6Page .SB-layout-content .SB-mainSection {
                width: 100%;
                max-width: 100%;
                margin: 0 auto
        }
}

.SB-Lite-Mobile.SB-dailyjackpotPag .SB-layout-content .SB-mainSection {
        margin-bottom: 0
}

@media screen and (min-width: 1024px) {
        .SB-Lite-Mobile.SB-dailyjackpotPag .SB-layout-content .SB-leftSection,
        .SB-Lite-Mobile.SB-dailyjackpotPag .SB-layout-content .SB-rightSection {
                display: none
        }
        .SB-Lite-Mobile.SB-dailyjackpotPag .SB-layout-content .SB-mainSection {
                width: 100%;
                max-width: 100%;
                margin: 0 auto
        }
}

.SB-Lite-Mobile.SB-worldcupjackpotPage .SB-layout-content .SB-mainSection {
        margin-bottom: 0
}

@media screen and (min-width: 1024px) {
        .SB-Lite-Mobile.SB-worldcupjackpotPage .SB-layout-content .SB-leftSection,
        .SB-Lite-Mobile.SB-worldcupjackpotPage .SB-layout-content .SB-rightSection {
                display: none
        }
        .SB-Lite-Mobile.SB-worldcupjackpotPage .SB-layout-content .SB-mainSection {
                width: 100%;
                max-width: 100%;
                margin: 0 auto
        }
}

.SB-betsStop .SB-matchBox .SB-btnOddsGroup li .SB-btnOdds {
        opacity: 0.5;
        pointer-events: none
}

.SB-betsStop .SB-outRightList .SB-outRightList-item {
        opacity: 0.5;
        pointer-events: none
}

.SB-betsStop .SB-marketBox .SB-marketOutComeOddsList li .SB-btnOutComeOdds {
        opacity: 0.5;
        pointer-events: none
}

.SB-betsStop .SB-rightMenu .SB-betSlipBox {
        opacity: 0.5;
        pointer-events: none
}

.SB-btnExtraLarge {
        height: 50px;
        font-size: 18px
}

.SB-btnLarge {
        height: 40px;
        font-size: 16px
}

@media screen and (max-width: 300px) {
        .SB-btnLarge {
                height: 32px
        }
}

.SB-btnMedium {
        height: 32px;
        font-size: 14px
}
.refreshHere{
        color: #ffc800;
        font-size: 15px;
        /*padding-right: 104px;*/
}

.SB-btnSmall {
        height: 36px;
        font-size: 15px;
        background: #97d23a !important;
        padding-left: 17px;
        padding-right: 17px;
}

.SB-btnDefault {
        background-color: transparent;
        border: 1px solid #DDD;
        color: #DDD;
        border-radius: 4px;
        width: 100%;
        font-weight: 600
}

.SB-btnDefault.active {
        background-color: #DDD;
        color: #000
}

.SB-btnDefault .SB-loader .SB-dot-pulse span {
        background-color: #FFF
}

.SB-btnPrimary {
        background-color: transparent;
        border: 1px solid #515151;
        color: #515151;
        border-radius: 4px;
        width: 100%;
        font-weight: 600
}

.SB-btnPrimary.active {
        background-color: #515151;
        color: #FFF
}

.SB-btnPrimary .SB-loader .SB-dot-pulse span {
        background-color: #FFF
}

.SB-btnSecondary {
        background-color: transparent;
        border: 1px solid #97d23a;
        color: #97d23a;
        border-radius: 4px;
        width: 100%;
        font-weight: 600
}

.SB-btnSecondary.active {
        background-color: #97d23a;
        color: #fff
}

.SB-btnSecondary .SB-loader .SB-dot-pulse span {
        background-color: #ffffff
}

.SB-btnTertiary {
        background-color: transparent;
        border: 1px solid #D96900;
        color: #D96900;
        border-radius: 4px;
        width: 100%;
        font-weight: 600
}

.SB-btnTertiary.active {
        background-color: #D96900;
        color: #000
}

.SB-btnTertiary .SB-loader .SB-dot-pulse span {
        background-color: #000
}

.SB-btnQuaternary {
        background-color: transparent;
        border: 1px solid #f36;
        color: #f36;
        border-radius: 4px;
        width: 100%;
        font-weight: 600
}

.SB-btnQuaternary.active {
        background-color: #f36;
        color: #FFF
}

.SB-btnQuaternary .SB-loader .SB-dot-pulse span {
        background-color: #FFF
}
.SB-leagueBoxGroup{
        background: transparent !important;
        width: 100%;
}

.fishbanner1{
        background-image: url('../images/mba.png');
        color:#ffffff
}
.fishbanner2 {
        background-image: url('../images/ccr.jpeg');
        color:#191818;
}
.fishbanner3 {
        background-image: url('../images/ccr.jpeg');
        color:#191818;
}
.SB-btnOdds {
        width: 50px;
        /* height: 19px !important; */
        background-color: #FFF;
        border-radius: 3px;
        text-align: center;
        color: #000;
        font-size: 9px;
        padding: 0 4px;
        font-weight: bold;
}

@media screen and (min-width: 1024px) {
        .SB-btnOdds {
                width: 100%
        }
}

@media screen and (min-width: 200px) and (max-width: 1023px) {
        .SB-btnOdds {
                width: 100%
        }
}

@media screen and (min-width: 50px) and (max-width: 767px) {
        .SB-btnOdds {
                width: 34px
        }
}

@media screen and (max-width: 300px) {
        .SB-btnOdds {
                min-height: 35px;
                height: auto;
                width: 100%
        }
}

.SB-btnOdds.active {
        background-color: #97d23a;
        border: 0;
        font-weight: 600;
        color: #000
}

.SB-btnOdds.active .SB-marketOutcome {
        color: #000
}

.SB-btnOdds.active:hover {
        background-color: #97d23a;
        color: #000
}

.SB-btnOdds.active.SB-btnOddsIncreased::after {
        border-right-color: #236634;
        border-top-color: #236634
}

.SB-btnOdds:hover {
        background-color: #f1fff5
}

.SB-btnOdds .SB-marketOutcome {
        color: #666;
        font-size: 10px;
        font-weight: normal;
        display: none;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
}

@media screen and (max-width: 300px) {
        .SB-btnOdds .SB-marketOutcome {
                display: block
        }
}

.SB-btnOdds .SB-subMarket {
        font-weight: normal;
        color: #777;
        margin-bottom: 3px
}

.SB-btnOdds.SB-btnOddsDisabled {
        background-color: #FFF;
        pointer-events: none;
        color: #666;
        opacity: .6
}

.SB-btnOdds.SB-btnOdds-highlight {
        border: 1px solid #D96900
}

.SB-btnOdds.SB-btnOddsIncreased {
        position: relative
}

.SB-btnOdds.SB-btnOddsIncreased::after {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        border-color: transparent;
        border-style: solid;
        border-top-right-radius: 2px;
        border-width: 5px;
        border-right-color: #97d23a;
        border-top-color: #97d23a;
        animation: SB-oddsIncreasedAnimation 0.75s ease-in-out infinite;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
}

@keyframes SB-oddsIncreasedAnimation {
        0%,
        100% {
                transform: translate(-5px, 5px) rotate(0deg);
                border-width: 5px
        }
        50% {
                transform: translate(0, 0) rotate(0deg);
                border-width: 5px
        }
}

.SB-btnOdds.SB-btnOddsDecreased {
        position: relative
}

.SB-btnOdds.SB-btnOddsDecreased::after {
        content: '';
        position: absolute;
        bottom: 0;
        right: 0;
        border-color: transparent;
        border-style: solid;
        border-bottom-right-radius: 2px;
        border-width: 5px;
        border-right-color: red;
        border-bottom-color: red;
        animation: SB-oddsDecreasedAnimation 0.75s ease-in-out infinite;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
}

@keyframes SB-oddsDecreasedAnimation {
        0%,
        100% {
                transform: translate(0, 0) rotate(0deg);
                border-width: 5px
        }
        50% {
                transform: translate(-5px, -5px) rotate(0deg);
                border-width: 5px
        }
}

.SB-btnOdds.SB-btnOutComeOdds {
        width: 100%;
        display: flex;
        padding: 0 8px;
        align-items: center;
        position: relative;
        white-space: normal
}

@media screen and (min-width: 50px) and (max-width: 767px) {
        .SB-btnOdds.SB-btnOutComeOdds {
                display: block
        }
}

.SB-btnOdds.SB-btnOutComeOdds .SB-outcome-container {
        padding-right: 20px;
        flex: 1 1 auto;
        text-align: left;
        min-width: 0;
        color: #868686;
        display: flex;
        align-items: center
}

.SB-btnOdds.SB-btnOutComeOdds .SB-outcome-container b {
        margin-left: 5px
}

@media screen and (min-width: 50px) and (max-width: 767px) {
        .SB-btnOdds.SB-btnOutComeOdds .SB-outcome-container {
                padding-right: 0;
                justify-content: center
        }
}

.SB-btnOdds.SB-btnOutComeOdds .SB-outcome {
        line-height: 12px;
        font-weight: normal;
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        min-width: 0
}

.SB-btnOdds.SB-btnOutComeOdds .SB-odds {
        text-align: right;
        font-weight: bold;
        color: #000
}

@media screen and (min-width: 50px) and (max-width: 767px) {
        .SB-btnOdds.SB-btnOutComeOdds .SB-odds {
                text-align: center
        }
}

.SB-btnOdds.SB-btnOutComeOdds.active {
        color: #000
}

.SB-btnOdds.SB-btnOutComeOdds.active .SB-outcome-container {
        color: #000
}

.SB-btnOdds.SB-btnOutComeOdds.active .SB-odds {
        color: #000
}

.SB-btnOdds.SB-btnOutComeOdds .SB-oddsCenter {
        width: 100%;
        text-align: center;
        font-weight: 600
}

.SB-btnOddsGroup ul {
        display: flex;
        align-items: center
}

.SB-btnOddsGroup ul li {
        padding-right: 44px;
        margin: -4px;
}


.button {
        width: 100px;
        height: 50px;
        color: #FFFFFF;
        float: left;
        margin-right: 3px;
        background-color: red;
}

.button:hover,
.button.selected {
        background-color: yellow;
}

.SB-btnOddsGroup ul li:last-child {
        padding-right: 0
}

@media screen and (max-width: 300px) {
        .SB-btnOddsGroup ul li {
                width: 100%;
                flex: 1 1 0%;
                min-width: 0
        }
}

.SB-marketGroup ul {
        display: flex;
        align-items: center
}

.SB-marketGroup ul li {
        padding-right: 3px;
        float: left
}

.SB-marketGroup ul li:last-child {
        padding-right: 0
}

.SB-marketGroup ul li .SB-marketItem {
        width: 50px;
        text-align: center;
        font-weight: 500
}

.SB-btnDisabled {
        pointer-events: none;
        opacity: .5
}

.SB-loader {
        display: flex;
        justify-content: center
}

.SB-loader .SB-loader-container {
        text-align: center;
        border: 1px solid #999;
        width: 100%;
        padding: 15px 8px;
        border-radius: 4px
}

.SB-loader .SB-loader-container .SB-loader-txt {
        font-size: 10px;
        margin-top: 5px
}

.SB-loader .SB-dot-pulse {
        display: flex
}

.SB-loader .SB-dot-pulse span {
        width: 10px;
        height: 10px;
        border-radius: math(10px / 2);
        background: #FFF;
        -webkit-animation: dot-pulse 1.7s infinite ease-in-out both;
        animation: dot-pulse 1.7s infinite ease-in-out both;
        margin-right: 3px;
        display: inline-block
}

.SB-loader .SB-dot-pulse span:nth-child(1) {
        -webkit-animation-delay: 0.6s;
        animation-delay: 0.6s
}

.SB-loader .SB-dot-pulse span:nth-child(2) {
        -webkit-animation-delay: 0.4s;
        animation-delay: 0.4s
}

.SB-loader .SB-dot-pulse span:nth-child(3) {
        -webkit-animation-delay: 0.2s;
        animation-delay: 0.2s
}

.SB-loader .SB-dot-pulse span:nth-child(4) {
        -webkit-animation-delay: 0.1s;
        animation-delay: 0.1s
}

@keyframes dot-pulse {
        0%,
        80%,
        100% {
                -webkit-transform: scale(0);
                transform: scale(0);
                -webkit-transform: scale(0);
                transform: scale(0);
                opacity: 0
        }
        40% {
                -webkit-transform: scale(1);
                transform: scale(1);
                -webkit-transform: scale(1);
                transform: scale(1);
                opacity: 1
        }
}

@-webkit-keyframes dot-pulse {
        0%,
        80%,
        100% {
                -webkit-transform: scale(0);
                transform: scale(0);
                opacity: 0
        }
        40% {
                -webkit-transform: scale(1);
                transform: scale(1);
                opacity: 1
        }
}

.SB-form-group .SB-form-label {
        font-size: 12px;
        color: #000;
        margin-bottom: 3px
}

.SB-form-errorMsg {
        color: #f36;
        min-height: 20px;
        display: flex;
        align-items: center;
        padding: 4px 0
}

.SB-form-errorMsg img {
        margin-right: 5px
}

.SB-form-errorMsg.SB-height-auto {
        min-height: auto;
        padding: 0
}

.SB-form-control input {
        width: 100%;
        padding: 0 10px;
        height: 36px;
        border-radius: 3px;
        font-size: 12px;
        color: #000;
        border: 1px solid #e0dfdf;
        background-color: #FFF
}

.SB-form-control input:focus {
        background-color: #efefef;
        border: 1px solid #000
}

.SB-form-control textarea {
        width: 100%;
        padding: 10px;
        border-radius: 3px;
        font-size: 12px;
        color: #000;
        border: 1px solid #e0dfdf;
        background-color: #FFF
}

.SB-form-control:focus+.SB-form-addon {
        background-color: #efefef !important
}

.SB-form-control.SB-error input {
        border: 1px solid #f36;
        background-color: #fff1f4
}

.SB-form-control.SB-form-control-pin input[type=tel] {
        -webkit-text-security: disc
}

.SB-form-control input::-webkit-outer-spin-button,
.SB-form-control input::-webkit-inner-spin-button {
        -webkit-appearance: none
}

.SB-form-control input[type=number] {
        -moz-appearance: textfield
}

.SB-form-control ::-webkit-input-placeholder {
        color: #333;
        opacity: 0.5
}

.SB-form-control :-ms-input-placeholder {
        color: #333;
        opacity: 0.5
}

.SB-form-control ::placeholder {
        color: #333;
        opacity: 0.5
}

.SB-form-control.SB-form-OTP-control {
        display: flex;
        align-items: center;
        justify-content: center
}

.SB-form-control.SB-form-OTP-control input {
        width: 36px;
        font-size: 20px;
        padding: 0;
        text-align: center;
        margin-right: 8px
}

.SB-form-control.SB-form-OTP-control input:last-child {
        margin-right: 0
}

.SB-form-control.SB-form-OTP-control input:focus {
        border: 2px solid #97d23a
}

.SB-form-control-group {
        display: flex;
        border: 1px solid #e0dfdf;
        border-radius: 3px;
        overflow: hidden
}

@media screen and (max-width: 120px) {
        .SB-form-control-group {
                display: block
        }
}

.SB-form-control-group .SB-form-addon {
        min-width: 40px;
        max-width: 40px;
        height: 100%;
        text-align: center;
        background-color: #efefef;
        height: 36px;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        color: #000;
        font-weight: 500;
        padding: 0 5px
}

@media screen and (max-width: 120px) {
        .SB-form-control-group .SB-form-addon {
                min-width: 100% !important;
                max-width: 100% !important;
                justify-content: center !important
        }
}

.SB-form-control-group .SB-form-control {
        flex: 1 1 auto
}

.SB-form-control-group .SB-form-control input {
        border: 0 !important
}

.SB-form-control-group.SB-error {
        border: 1px solid #f36;
        border-radius: 3px
}

.SB-form-control-group.SB-error input {
        background-color: #fff1f4
}

.SB-form-control-group.SB-form-control-password .SB-form-addon {
        background-color: #FFF;
        justify-content: center;
        cursor: pointer
}

.SB-form-control-group.SB-form-control-password .SB-form-addon img {
        width: 20px;
        min-width: 20px;
        max-width: 20px
}

.SB-select {
        border-radius: 3px;
        border: 1px solid #e0dfdf;
        height: 36px;
        color: #7E7E7E;
        font-weight: 500;
        position: relative
}

.SB-select select {
        background-color: transparent;
        border: 0;
        width: 100%;
        height: 100%;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        padding: 0 25px 0 8px
}

.SB-select select option {
        color: #515151
}

.SB-select select option:hover {
        background: #97d23a !important
}

.SB-select select option::selection {
        background: #97d23a !important
}

.SB-select select:focus {
        outline: none
}

.SB-select select:focus option:checked {
        background: #97d23a !important
}

.SB-select::after {
        font-family: '10bet-icon' !important;
        content: "\e94e";
        position: absolute;
        top: 52%;
        transform: translate(0, -50%);
        right: 8px;
        border: 0;
        pointer-events: none;
        font-size: 11px
}

.SB-select select:-moz-focusring {
        color: transparent;
        text-shadow: 0 0 0 #000
}

.SB-select.SB-selectTransparent {
        background-color: transparent;
        border: 0;
        height: auto;
        width: auto;
        color: #000;
        display: inline-block
}

.SB-select.SB-selectTransparent select {
        width: auto;
        padding: 0 12px 0 0
}

.SB-select.SB-selectTransparent::after {
        right: 0;
        color: #000;
        font-size: 9px;
        line-height: 1
}

.SB-select.SB-select-white {
        background-color: #FFF;
        border: 0
}

.SB-select.SB-select-auto {
        display: inline-block;
        width: auto
}

.SB-select.SB-select-auto select {
        width: auto
}

select::-ms-expand {
        display: none
}

.SB-checkbox {
        display: flex
}

.SB-checkbox .SB-checkboxLabel {
        padding-left: 10px;
        position: relative;
        top: -3px;
        color: #000
}

.SB-checkbox input[type=radio],
.SB-checkbox input[type=checkbox] {
        display: none
}

.SB-checkbox label {
        width: 20px;
        height: 20px;
        min-width: 20px;
        margin-bottom: 0;
        padding-left: 0;
        padding-bottom: 0;
        float: left;
        position: relative
}

.SB-checkbox label::before {
        content: "";
        display: inline-block;
        width: 20px;
        height: 20px;
        position: absolute;
        left: 0;
        background-color: #FFF;
        border: 1px solid #222222;
        border-radius: 3px
}

.SB-checkbox input[type=checkbox]:checked+label:before {
        text-align: center;
        line-height: 20px;
        color: #222;
        font-family: '10bet-icon' !important;
        content: "\e9c0";
        font-size: 10px;
        border: 0;
        background-color: #97d23a
}

.SB-checkbox a {
        text-decoration: underline
}

.SB-radioBox {
        display: flex;
        align-items: center
}

.SB-radioBox input[type=radio] {
        display: none
}

.SB-radioBox [type="radio"]:checked,
.SB-radioBox [type="radio"]:not(:checked) {
        position: absolute;
        left: -9999px
}

.SB-radioBox [type="radio"]:checked+label,
.SB-radioBox [type="radio"]:not(:checked)+label {
        position: relative;
        padding-left: 25px;
        cursor: pointer;
        display: inline-block;
        font-weight: 300;
        margin-bottom: 0
}

.SB-radioBox [type="radio"]:checked+label:before,
.SB-radioBox [type="radio"]:not(:checked)+label:before {
        content: '';
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 20px;
        height: 20px;
        border: 1px solid #222222;
        border-radius: 100%;
        background: #FFF
}

.SB-radioBox [type="radio"]:checked+label:after,
.SB-radioBox [type="radio"]:not(:checked)+label:after {
        content: '';
        width: 10px;
        height: 10px;
        background-color: #515151;
        position: absolute;
        top: -5px;
        left: 5px;
        border-radius: 100%;
        -webkit-transition: all 0.2s ease;
        transition: all 0.2s ease
}

.SB-radioBox [type="radio"]:not(:checked)+label:after {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
}

.SB-radioBox [type="radio"]:checked+label:after {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
}

.SB-radioBox input[type="radio"]:checked+label::before {
        color: #515151;
        border: 1px solid #515151;
        background-color: transparent
}

.SB-radioBox input[type="radio"]:checked+label {
        color: #515151
}

.SB-radioBox input[type="radio"]:checked+label span {
        color: #515151
}

.SB-radioBoxGroup {
        display: flex;
        margin-top: 5px
}

.SB-radioBoxGroup .SB-radioBox {
        margin-right: 12px
}

.SB-radioBoxGroup .SB-radioBox:last-child {
        margin-right: 0
}

.SB-toggleSwitch {
        display: inline-flex
}

.SB-toggleSwitch input[type=checkbox] {
        height: 0;
        width: 0;
        visibility: hidden;
        display: none
}

.SB-toggleSwitch label {
        cursor: pointer;
        text-indent: -9999px;
        width: 40px;
        height: 20px;
        background: #9d989c;
        display: block;
        border-radius: 20px;
        position: relative
}

.SB-toggleSwitch label:after {
        content: '';
        position: absolute;
        top: 2px;
        left: 2px;
        width: 16px;
        height: 16px;
        background: #FFF;
        border-radius: 90px;
        transition: 0.3s
}

.SB-toggleSwitch input:checked+label {
        background: #97d23a
}

.SB-toggleSwitch input:checked+label:after {
        left: calc(100% - 2px);
        transform: translateX(-100%)
}

@font-face {
        font-family: '10bet-icon';
        src: url("../fonts/SB-icon.eot?str9fe#iefix") format("embedded-opentype"), url("../fonts/SB-icon.woff?str9fe") format("woff"), url("../fonts/SB-icon.svg?str9fe#SB-icon") format("svg");
        font-weight: normal;
        font-style: normal;
        font-display: block
}

.SB-icon {
        font-family: '10bet-icon' !important;
        speak: never;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
}

.icon-line-arrow-left:before {
        content: "\e9bf"
}

.icon-check-mark:before {
        content: "\e9c0"
}

.icon-search-without-circle:before {
        content: "\e9c1"
}

.icon-close:before {
        content: "\e9c2"
}

.icon-line-arrow-right:before {
        content: "\e9c3"
}

.icon-account-avatar:before {
        content: "\e94a"
}

.icon-active-withdraw:before {
        content: "\e94b"
}

.icon-add-credit:before {
        content: "\e94c"
}

.icon-add-credit-alternative:before {
        content: "\e94d"
}

.icon-angle-arrow-down:before {
        content: "\e94e"
}

.icon-angle-arrow-left:before {
        content: "\e94f"
}

.icon-angle-arrow-right:before {
        content: "\e950"
}

.icon-angle-arrow-up:before {
        content: "\e951"
}

.icon-available-bonus:before {
        content: "\e952"
}

.icon-balance:before {
        content: "\e953"
}

.icon-bet-history:before {
        content: "\e954"
}

.icon-blackjack:before {
        content: "\e955"
}

.icon-board:before {
        content: "\e956"
}

.icon-breakdown-deposit:before {
        content: "\e957"
}

.icon-broadcast-on-tv:before {
        content: "\e958"
}

.icon-calendar:before {
        content: "\e959"
}

.icon-captcha-refresh:before {
        content: "\e95a"
}

.icon-cashout:before {
        content: "\e95b"
}

.icon-cashout-slider:before {
        content: "\e95c"
}

.icon-casino-calender:before {
        content: "\e95d"
}

.icon-casino-games:before {
        content: "\e95e"
}

.icon-casino-games-new:before {
        content: "\e95f"
}

.icon-clock:before {
        content: "\e960"
}

.icon-coins:before {
        content: "\e961"
}

.icon-collapse:before {
        content: "\e962"
}

.icon-combined-markets:before {
        content: "\e963"
}

.icon-corner:before {
        content: "\e964"
}

.icon-countries:before {
        content: "\e965"
}

.icon-credit:before {
        content: "\e966"
}

.icon-currency:before {
        content: "\e967"
}

.icon-delete-credit:before {
        content: "\e968"
}

.icon-delete-credit-alternative:before {
        content: "\e969"
}

.icon-deposit:before {
        content: "\e96a"
}

.icon-deposit-limit:before {
        content: "\e96b"
}

.icon-down:before {
        content: "\e96c"
}

.icon-error:before {
        content: "\e96d"
}

.icon-fast-market:before {
        content: "\e96e"
}

.icon-favorite:before {
        content: "\e96f"
}

.icon-file-upload:before {
        content: "\e970"
}

.icon-filter:before {
        content: "\e971"
}

.icon-forgot-password:before {
        content: "\e972"
}

.icon-free-bet:before {
        content: "\e973"
}

.icon-gaming:before {
        content: "\e974"
}

.icon-get-extra-cash-medal:before {
        content: "\e975"
}

.icon-goals:before {
        content: "\e976"
}

.icon-help:before {
        content: "\e977"
}

.icon-hollywood:before {
        content: "\e978"
}

.icon-home:before {
        content: "\e979"
}

.icon-idea:before {
        content: "\e97a"
}

.icon-inbox:before {
        content: "\e97b"
}

.icon-information:before {
        content: "\e97c"
}

.icon-keno:before {
        content: "\e97d"
}

.icon-league:before {
        content: "\e97e"
}

.icon-live:before {
        content: "\e97f"
}

.icon-live-betting:before {
        content: "\e980"
}

.icon-live-casino:before {
        content: "\e981"
}

.icon-live-chat:before {
        content: "\e982"
}

.icon-lotteries:before {
        content: "\e983"
}

.icon-lucky5:before {
        content: "\e984"
}

.icon-lucky6:before {
        content: "\e985"
}

.icon-lucky7:before {
        content: "\e986"
}

.icon-market-statistics:before {
        content: "\e987"
}

.icon-match-tracker:before {
        content: "\e988"
}

.icon-medical-break:before {
        content: "\e989"
}

.icon-menu:before {
        content: "\e98a"
}

.icon-menu-without-circle:before {
        content: "\e98b"
}

.icon-minus:before {
        content: "\e98c"
}

.icon-more:before {
        content: "\e98d"
}

.icon-my-account-header:before {
        content: "\e98e"
}

.icon-my-bets:before {
        content: "\e98f"
}

.icon-notifications:before {
        content: "\e990"
}

.icon-open-bets:before {
        content: "\e991"
}

.icon-penalty:before {
        content: "\e992"
}

.icon-pin-locked:before {
        content: "\e993"
}

.icon-pin-unlocked:before {
        content: "\e994"
}

.icon-player-female:before {
        content: "\e995"
}

.icon-player-male:before {
        content: "\e996"
}

.icon-plus:before {
        content: "\e997"
}

.icon-poker:before {
        content: "\e998"
}

.icon-popular:before {
        content: "\e999"
}

.icon-priceboost:before {
        content: "\e99a"
}

.icon-printer:before {
        content: "\e99b"
}

.icon-pulse:before {
        content: "\e99c"
}

.icon-reality-check:before {
        content: "\e99d"
}

.icon-reality-check-history:before {
        content: "\e99e"
}

.icon-reality-check-logout:before {
        content: "\e99f"
}

.icon-red-card:before {
        content: "\e9a0"
}

.icon-refresh-account-alternative:before {
        content: "\e9a1"
}

.icon-refresh-credit:before {
        content: "\e9a2"
}

.icon-reply:before {
        content: "\e9a3"
}

.icon-resize:before {
        content: "\e9a4"
}

.icon-roulette:before {
        content: "\e9a5"
}

.icon-scan:before {
        content: "\e9a6"
}

.icon-scoreboard:before {
        content: "\e9a7"
}

.icon-scores:before {
        content: "\e9a8"
}

.icon-search:before {
        content: "\e9a9"
}

.icon-settings:before {
        content: "\e9aa"
}

.icon-slip:before {
        content: "\e9ab"
}

.icon-slots:before {
        content: "\e9ac"
}

.icon-snooze-notifications:before {
        content: "\e9ad"
}

.icon-sports:before {
        content: "\e9ae"
}

.icon-statistics:before {
        content: "\e9af"
}

.icon-streaming:before {
        content: "\e9b0"
}

.icon-sunday-spins:before {
        content: "\e9b1"
}

.icon-table-games:before {
        content: "\e9b2"
}

.icon-terms-conditions:before {
        content: "\e9b3"
}

.icon-ticket:before {
        content: "\e9b4"
}

.icon-time-out-facility:before {
        content: "\e9b5"
}

.icon-top-games:before {
        content: "\e9b6"
}

.icon-trash:before {
        content: "\e9b7"
}

.icon-t-shirt:before {
        content: "\e9b8"
}

.icon-up:before {
        content: "\e9b9"
}

.icon-up-and-down-without-circle:before {
        content: "\e9ba"
}

.icon-weekly-mobile-cashback:before {
        content: "\e9bb"
}

.icon-wheel-of-fortune:before {
        content: "\e9bc"
}

.icon-world-cup:before {
        content: "\e9bd"
}

.icon-yellow-card:before {
        content: "\e9be"
}

.icon-all-sports:before {
        content: "\e904"
}

.icon-american-football:before {
        content: "\e905"
}

.icon-archery:before {
        content: "\e906"
}

.icon-athletics:before {
        content: "\e907"
}

.icon-aussie-rules:before {
        content: "\e908"
}

.icon-badminton:before {
        content: "\e909"
}

.icon-bandy:before {
        content: "\e90a"
}

.icon-baseball:before {
        content: "\e90b"
}

.icon-basketball:before {
        content: "\e90c"
}

.icon-beach-handball:before {
        content: "\e90d"
}

.icon-beach-socer:before {
        content: "\e90e"
}

.icon-beach-volelyball:before {
        content: "\e90f"
}

.icon-biathlon:before {
        content: "\e910"
}

.icon-bowling:before {
        content: "\e911"
}

.icon-boxing:before {
        content: "\e912"
}

.icon-chess:before {
        content: "\e913"
}

.icon-cricket:before {
        content: "\e914"
}

.icon-curling:before {
        content: "\e915"
}

.icon-cyclism:before {
        content: "\e916"
}

.icon-darts:before {
        content: "\e917"
}

.icon-diving:before {
        content: "\e918"
}

.icon-e-sports:before {
        content: "\e91a"
}

.icon-equestrian:before {
        content: "\e919"
}

.icon-fencing:before {
        content: "\e91b"
}

.icon-floorball:before {
        content: "\e91c"
}

.icon-football:before {
        content: "\e91d"
}

.icon-futsal:before {
        content: "\e91e"
}

.icon-gaelic-football:before {
        content: "\e91f"
}

.icon-gaelic-hockey:before {
        content: "\e920"
}

.icon-general-sports:before {
        content: "\e921"
}

.icon-gift:before {
        content: "\e903"
}

.icon-golf:before {
        content: "\e922"
}

.icon-greyhounds:before {
        content: "\e923"
}

.icon-gymnastics:before {
        content: "\e924"
}

.icon-handball:before {
        content: "\e925"
}

.icon-hockey:before {
        content: "\e926"
}

.icon-horse-racing:before {
        content: "\e927"
}

.icon-hurling:before {
        content: "\e928"
}

.icon-ice-hockey:before {
        content: "\e929"
}

.icon-jackpots:before {
        content: "\e902"
}

.icon-judo:before {
        content: "\e92a"
}

.icon-kayak:before {
        content: "\e92b"
}

.icon-live-now:before {
        content: "\e901"
}

.icon-marbels:before {
        content: "\e92c"
}

.icon-mma:before {
        content: "\e92d"
}

.icon-modern-pentathlon:before {
        content: "\e92e"
}

.icon-motor-sports:before {
        content: "\e92f"
}

.icon-netball:before {
        content: "\e930"
}

.icon-olympic-games:before {
        content: "\e931"
}

.icon-pesapallo:before {
        content: "\e932"
}

.icon-pick6:before {
        content: "\e900"
}

.icon-rowing:before {
        content: "\e933"
}

.icon-rugby-league:before {
        content: "\e934"
}

.icon-rugby-union:before {
        content: "\e935"
}

.icon-sailing:before {
        content: "\e936"
}

.icon-shooting:before {
        content: "\e937"
}

.icon-snooker:before {
        content: "\e938"
}

.icon-specials:before {
        content: "\e939"
}

.icon-speedway:before {
        content: "\e93a"
}

.icon-squash:before {
        content: "\e93b"
}

.icon-swimming:before {
        content: "\e93c"
}

.icon-table-tennis:before {
        content: "\e93d"
}

.icon-taekwondo:before {
        content: "\e93e"
}

.icon-tennis:before {
        content: "\e93f"
}

.icon-triathlon:before {
        content: "\e940"
}

.icon-trorring:before {
        content: "\e941"
}

.icon-virtual-league:before {
        content: "\e949"
}

.icon-virtuals:before {
        content: "\e942"
}

.icon-volleyball:before {
        content: "\e943"
}

.icon-waterpolo:before {
        content: "\e944"
}

.icon-wave-surfing:before {
        content: "\e945"
}

.icon-weight-lifting:before {
        content: "\e946"
}

.icon-winter-sports:before {
        content: "\e947"
}

.icon-wrestling:before {
        content: "\e948"
}

@media screen and (min-width: 1024px) {
        .SB-mobileTopBanner {
                display: none
        }
}

.SB-mobileTopBanner .SB-mobileTopBanner-container {
        display: flex;
        background-color: #515151;
        align-items: center;
        padding: 0 12px 0 0;
        color: #FFF;
        min-height: 60px;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: right
}

.SB-mobileTopBanner .SB-mobileTopBanner-container .SB-mobileTopBanner_close {
        min-width: 40px;
        max-width: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 40px
}

.SB-mobileTopBanner .SB-mobileTopBanner-container .SB-mobileTopBanner_close img {
        width: 12px
}

.SB-mobileTopBanner .SB-mobileTopBanner-container .SB-mobileTopBanner_content {
        flex: 1 1 auto;
        min-height: 40px;
        padding: 8px 0
}

.SB-mobileTopBanner .SB-mobileTopBanner-container .SB-mobileTopBanner_logo {
        background-color: #FFF;
        border-radius: 4px;
        padding: 8px;
        display: inline-block;
        margin-right: 10px
}

.SB-mobileTopBanner .SB-mobileTopBanner-container .SB-mobileTopBanner_logo img {
        width: 36px
}

.SB-mobileTopBanner .SB-mobileTopBanner-container .SB-mobileTopBanner_txtBig {
        font-size: 14px;
        font-weight: bold;
        line-height: 1.1
}

.SB-mobileTopBanner .SB-mobileTopBanner-container .SB-mobileTopBanner_txtSmall {
        font-size: 10px
}

.SB-mobileTopBanner .SB-mobileTopBanner-container .SB-mobileTopBanner_btn .SB-btnGet {
        min-width: 60px
}

.SB-depositPayBill-header {
        background-color: #97d23a;
        font-size: 10px;
        text-align: center;
        display: none
}

@media screen and (max-width: 300px) {
        .SB-depositPayBill-header {
                display: block !important
        }
}

.SB-depositPayBill-header .SB-iconSvg {
        display: flex
}

.SB-depositPayBill-header .SB-iconSvg svg {
        height: 12px
}

.SB-depositPayBill-header .SB-payBill-vodacom {
        padding: 1px 8px;
        background-color: #EE3124;
        color: #FFF
}

.SB-depositPayBill-header .SB-payBill-tigo {
        padding: 1px 8px;
        background-color: #223F99;
        color: #FFF
}

.SB-mainHeader {
        background-color: #152534;
        transition: all 0.3s
}

.SB-mainHeader .SB-mainHeader-container {
        min-height: 62px;
        display: flex;
        flex-wrap: nowrap;
        padding: 4px 12px;
        justify-content: space-between;
        align-items: center
}

@media screen and (min-width: 1024px) {
        .SB-mainHeader .SB-mainHeader-container {
                padding: 8px 0
        }
}

@media screen and (max-width: 300px) {
        .SB-mainHeader .SB-mainHeader-container {
                padding: 4px 8px;
                display: block
        }
}

.SB-mainHeader .SB-mainHeader-leftSection {
        display: flex;
        align-items: center
}

@media screen and (max-width: 300px) {
        .SB-mainHeader .SB-mainHeader-leftSection {
                display: block
        }
}

.SB-mainHeader .SB-mainHeader-leftSection .SB-mainHeader-divider {
        width: 1px;
        height: 30px;
        background-color: #999;
        margin: 0 15px
}

.SB-mainHeader .SB-mainHeader-leftSection .SB-selectSideMenu {
        display: none;
        min-width: 65px;
        max-width: 65px;
        width: 65px;
        margin-right: 5px
}

@media screen and (max-width: 300px) {
        .SB-mainHeader .SB-mainHeader-leftSection .SB-selectSideMenu {
                display: block;
                min-width: 100%;
                max-width: 100%;
                width: 100%;
                margin: 5px 0 5px 0;
                height: 26px
        }
}

.SB-mainHeader .SB-mainHeader-leftSection .SB-mainHeader-logo {
        margin: 0 5px 0 0
}

@media screen and (max-width: 300px) {
        .SB-mainHeader .SB-mainHeader-leftSection .SB-mainHeader-logo img {
                min-width: 50px;
                max-width: 50px
        }
}

@media screen and (max-width: 300px) {
        .SB-mainHeader .SB-mainHeader-leftSection .SB-mainHeader-logo {
                text-align: center;
                margin-right: 0
        }
}

.SB-mainHeader .SB-mainHeader-leftSection .SB-sponsorship-logo {
        position: relative;
        padding-left: 8px;
        margin-left: 8px
}

.SB-mainHeader .SB-mainHeader-leftSection .SB-sponsorship-logo::before {
        content: '';
        width: 1px;
        height: 25px;
        background-color: #999;
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%)
}

@media screen and (max-width: 300px) {
        .SB-mainHeader .SB-mainHeader-leftSection .SB-sponsorship-logo {
                display: none
        }
}

@media screen and (max-width: 300px) {
        .SB-mainHeader .SB-mainHeader-rightSection .SB-mainHeader-beforeLogin {
                margin: 0 -4px
        }
}

.SB-mainHeader .SB-mainHeader-rightSection .SB-mainHeader-beforeLogin .SB-searchIcon-container {
        min-width: 40px;
        max-width: 40px;
        text-align: center;
        height: 32px;
        display: flex;
        align-items: center;
        justify-content: center
}

.SB-mainHeader .SB-mainHeader-rightSection .SB-mainHeader-beforeLogin .SB-searchIcon-container .sb-icon_search {
        font-size: 14px;
        color: #000
}

.SB-mainHeader .SB-mainHeader-rightSection .SB-mainHeader-beforeLogin .btn {
        min-width: 44px;
        font-size: 7px !important;
        /* font-weight: bold; */
        height: 44px;
        padding: 1px 2px;
        border-radius: 50%;
}

@media screen and (max-width: 300px) {
        .SB-mainHeader .SB-mainHeader-rightSection .SB-mainHeader-beforeLogin .btn {
                width: 100%;
                padding: 0 6px;
                font-size: 10px
        }
}

.SB-mainHeader .SB-mainHeader-rightSection .SB-mainHeader-beforeLogin .SB-login {
        background-color: #dfdfdf;
        border: 1px solid #dfdfdf;
        color: #000
}

@media screen and (max-width: 300px) {
        .SB-mainHeader .SB-mainHeader-rightSection .SB-mainHeader-beforeLogin .SB-login {
                width: 100%
        }
}

.SB-mainHeader .SB-mainHeader-rightSection .SB-mainHeader-beforeLogin .SB-register {
        margin-left: 1px;
        background-color: #97d23a !important;
        border: 1px solid #97d23a;
        color: #ffffff;
        max-width: 39px;

}

@media screen and (max-width: 300px) {
        .SB-mainHeader .SB-mainHeader-rightSection .SB-mainHeader-beforeLogin .SB-register {
                width: 100%;
                margin-left: 0
        }
}

.SB-mainHeader .SB-mainHeader-rightSection .SB-mainHeader-beforeLogin .SB-mainHeader-loginRegister {
        display: flex
}

@media screen and (max-width: 300px) {
        .SB-mainHeader .SB-mainHeader-rightSection .SB-mainHeader-beforeLogin .SB-mainHeader-loginRegister {
                flex-wrap: wrap;
                justify-content: center
        }
        .SB-mainHeader .SB-mainHeader-rightSection .SB-mainHeader-beforeLogin .SB-mainHeader-loginRegister a {
                flex: 1 1 0%;
                padding: 2px 4px
        }
}

.SB-mainHeader .SB-mainHeader-rightSection .SB-mainHeader-beforeLogin .SB-loginRegister-mobile {
        align-items: center
}

.SB-mainHeader .SB-mainHeader-rightSection .SB-mainHeader-beforeLogin .SB-loginRegister-desktop .btn {
        margin-top: 0;
        margin-bottom: 0;
        border-right: 2px solid #ffc800;
}

.SB-mainHeader .SB-mainHeader-rightSection .SB-mainHeader-beforeLogin .SB-loginRegister-desktop .SB-login {
        margin-left: 0
}

.SB-mainHeader .SB-mainHeader-rightSection .SB-mainHeader-beforeLogin .SB-loginRegister-desktop .SB-register {
        margin-left: 10px !important;
}

.SB-mainHeader .SB-mainHeader-rightSection .SB-mainHeader-beforeLogin .SB-loginRegister-desktop .SB-errorMsg-container {
        display: flex;
        text-align: right;
        margin-top: 3px;
        justify-content: center
}

.SB-mainHeader .SB-mainHeader-rightSection .SB-mainHeader-beforeLogin .SB-loginRegister-desktop .SB-errorMsg-container .SB-link {
        color: #777;
        text-decoration: underline;
        font-size: 10px;
        min-width: 70px;
        cursor: pointer;
        text-align: center
}

.SB-mainHeader .SB-mainHeader-rightSection .SB-mainHeader-beforeLogin .SB-loginRegister-desktop .SB-form-group {
        margin-right: 8px
}

.SB-mainHeader .SB-mainHeader-rightSection .SB-mainHeader-beforeLogin .SB-loginRegister-desktop .SB-form-group .SB-form-control input {
        height: 32px;
        width: 120px;
        font-size: 12px;
        border: 1px solid #222222
}

.SB-mainHeader .SB-mainHeader-rightSection .SB-mainHeader-beforeLogin .SB-loginRegister-desktop .SB-form-control-group {
        border: 1px solid #222222
}

.SB-mainHeader .SB-mainHeader-rightSection .SB-mainHeader-beforeLogin .SB-loginRegister-desktop .SB-form-errorMsg {
        font-size: 11px;
        min-height: auto;
        flex: 1 1 auto;
        text-align: center;
        padding-right: 8px
}

.SB-mainHeader .SB-mainHeader-rightSection .SB-mainHeader-beforeLogin .SB-loginRegister-desktop .SB-form-control-group .SB-form-addon {
        height: 32px
}

.SB-mainHeader .SB-mainHeader-rightSection .SB-mainHeader-beforeLogin .SB-mainHeader-login .SB-mainHeader-login-container {
        display: flex;
        align-items: flex-start
}

.SB-mainHeader .SB-mainHeader-rightSection .SB-mainHeader-beforeLogin .SB-mainHeader-forgotPIN .SB-mainHeader-forgotPIN-container {
        display: flex;
        align-items: flex-start
}

.SB-mainHeader .SB-mainHeader-rightSection .SB-mainHeader-beforeLogin.SB-disabled .SB-form-group {
        opacity: 0.7;
        pointer-events: none
}

.SB-mainHeader .SB-mainHeader-rightSection .SB-mainHeader-beforeLogin.SB-disabled .btn {
        opacity: 0.7;
        pointer-events: none
}

.SB-mainHeader .SB-mainHeader-rightSection .SB-mainHeader-beforeLogin.SB-disabled a {
        opacity: 0.7;
        pointer-events: none
}

.SB-mainHeader .SB-mainHeader-rightSection .SB-mainHeader-afterLogin {
        display: flex
}

@media screen and (max-width: 300px) {
        .SB-mainHeader .SB-mainHeader-rightSection .SB-mainHeader-afterLogin {
                display: block
        }
}

.SB-mainHeader .SB-mainHeader-rightSection .SB-mainHeader-afterLogin .SB-freeBetSelect {
        background-color: #FFF;
        border: 1px solid #e0dfdf;
        border-radius: 3px;
        font-size: 10px;
        height: 32px;
        width: 70px;
        color: #515151;
        margin-left: 8px
}

.SB-mainHeader .SB-mainHeader-rightSection .SB-mainHeader-afterLogin .SB-freeBetSelect select {
        padding: 0 16px 0 8px
}

.SB-mainHeader .SB-mainHeader-rightSection .SB-mainHeader-afterLogin .SB-freeBetSelect::after {
        font-size: 9px
}

@media screen and (max-width: 300px) {
        .SB-mainHeader .SB-mainHeader-rightSection .SB-mainHeader-afterLogin .SB-freeBetSelect {
                display: none
        }
}

.SB-mainHeader .SB-mainHeader-rightSection .SB-mainHeader-afterLogin .SB-btnDeposit {
        min-width: 80px;
        width: auto;
        margin-left: 8px;
        height: 32px;
        font-size: 14px;
        display: none
}

@media screen and (min-width: 1024px) {
        .SB-mainHeader .SB-mainHeader-rightSection .SB-mainHeader-afterLogin .SB-btnDeposit {
                display: block
        }
}

.SB-mainHeader .SB-mainHeader-rightSection .SB-mainHeader-afterLogin .SB-mainHeader-userBalance {
        color: #000;
        font-weight: 600;
        text-align: right;
        margin-top: 1px
}

.SB-mainHeader .SB-mainHeader-rightSection .SB-mainHeader-afterLogin .SB-myAccountDropdown {
        margin-left: 10px
}

@media screen and (max-width: 300px) {
        .SB-mainHeader .SB-mainHeader-rightSection .SB-mainHeader-afterLogin .SB-myAccountDropdown {
                margin-top: 5px
        }
}

.SB-mainHeader .SB-mainHeader-rightSection .SB-mainHeader-afterLogin .SB-myAccountDropdown .SB-dropdown-btn {
        display: flex;
        height: 32px;
        align-items: center;
        padding: 0 8px;
        border-radius: 4px;
        border: 1px solid #222222;
        cursor: pointer
}

.SB-mainHeader .SB-mainHeader-rightSection .SB-mainHeader-afterLogin .SB-myAccountDropdown .SB-dropdown-btn .SB-mainHeader-userBalance {
        margin-right: 8px;
        pointer-events: none
}

.SB-mainHeader .SB-mainHeader-rightSection .SB-mainHeader-afterLogin .SB-myAccountDropdown .SB-dropdown-btn .icon-account-avatar {
        font-size: 16px;
        pointer-events: none
}

.SB-mainHeader .SB-mainHeader-rightSection .SB-mainHeader-afterLogin .SB-myAccountDropdown .SB-dropdown-btn img {
        min-width: 16px;
        max-width: 16px;
        min-height: 16px;
        max-height: 16px;
        pointer-events: none
}

.SB-mainHeader .SB-mainHeader-rightSection .SB-mainHeader-afterLogin .SB-myAccountDropdown .SB-dropdown-btn:hover {
        border: 1px solid #222222;
        background-color: #FFF
}

.SB-mainHeader .SB-mainHeader-rightSection .SB-mainHeader-afterLogin .SB-myAccountDropdown.active .SB-dropdown-btn {
        border: 1px solid #222222;
        background-color: #FFF
}

.SB-mainHeader .SB-mainHeader-rightSection .SB-mainHeader-afterLogin .SB-myAccountDropdown .SB-dropdown-menu {
        background-color: #FFF;
        border-radius: 4px;
        width: 265px;
        right: 0;
        margin-top: 8px;
        box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.1)
}

.SB-mainHeader .SB-mainHeader-rightSection .SB-mainHeader-afterLogin .SB-myAccountDropdown .SB-dropdown-menu:after {
        content: "";
        display: inline-block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 8px 8px 8px;
        border-color: transparent transparent #515151 transparent;
        right: 8px;
        top: -8px;
        position: absolute
}

.SB-mainHeader .SB-mainHeader-rightSection .SB-mainHeader-afterLogin .SB-myAccountDropdown .SB-dropdown-menu .SB-myAccount-container .SB-myAccountBalance-container {
        background-color: #515151;
        color: #FFF
}

.SB-mainHeader .SB-mainHeader-rightSection .SB-mainHeader-afterLogin .SB-myAccountDropdown .SB-dropdown-menu .SB-myAccount-container .SB-myAccountBalance-container .SB-userMobileNumber {
        color: #EEE
}

.SB-mainHeader .SB-mainHeader-rightSection .SB-mainHeader-afterLogin .SB-myAccountDropdown .SB-dropdown-menu .SB-myAccount-container .SB-myAccountBalance-container .SB-balanceLabel {
        color: #BBB
}

.SB-mainHeader .SB-mainHeader-rightSection .SB-mainHeader-afterLogin .SB-myAccountDropdown .SB-dropdown-menu .SB-myAccount-container .SB-myAccountBalance-container .SB-freeBetBlock.SB-accordion .SB-accordion-content {
        color: #BBB
}

.SB-mainHeader .SB-mainHeader-rightSection .SB-mainHeader-afterLogin .SB-myAccountDropdown .SB-dropdown-menu .SB-myAccount-container .SB-myAccountList {
        background-color: #3d373b
}

.SB-mainHeader .SB-mainHeader-rightSection .SB-mainHeader-afterLogin .SB-myAccountDropdown .SB-dropdown-menu .SB-myAccount-container .SB-myAccountList .SB-myAccountList-item {
        color: #DDD
}

.SB-mainHeader .SB-mainHeader-rightSection .SB-mainHeader-afterLogin .SB-myAccountDropdown .SB-dropdown-menu .SB-myAccount-container .SB-myAccountList .SB-myAccountList-item:hover {
        color: #FFF
}

.SB-mainHeader .SB-mainHeader-rightSection .SB-mainHeader-afterLogin .SB-myAccountDropdown .SB-dropdown-menu .SB-myAccount-container .SB-myAccountList .SB-myAccountList-item .SB-myAccountList-item-content {
        border-bottom: 1px solid #515151
}

.SB-mainHeader .SB-mainHeader-rightSection .SB-mainHeader-afterLogin .SB-myAccountDropdown .SB-dropdown-menu .SB-myAccount-container .SB-myAccountList .SB-myAccountList-item:last-child .SB-myAccountList-item-content {
        border-bottom: 0
}

@media screen and (min-width: 1024px) {
        .SB-mainHeader .SB-mainHeader-rightSection .SB-mainHeader-afterLogin .SB-myAccountDropdown .SB-dropdown-menu .SB-myAccount-container .SB-myAccountList .SB-myAccountList-item.SB-settings-item {
                display: none
        }
}

.SB-hamBurger-menu {
        margin-right: 10px
}

.SB-hamBurger-menu .SB-hamBurger-bar {
        width: 24px;
        height: 3px;
        background-color: #ffe600;
        transition: 0.4s
}

.SB-hamBurger-menu .SB-hamBurger-bar.one {
        margin-bottom: 3px
}

.SB-hamBurger-menu .SB-hamBurger-bar.two {
        margin-bottom: 3px
}

@media screen and (max-width: 300px) {
        .SB-hamBurger-menu {
                display: none
        }
}
.pageSide{
        background: #192434 !important;
}

.SB-subHeader {
        background-color: #97d23a !important;
        color: #fff;
        font-size: 12px;
        position: relative;
        transition: all 0.3s;
        padding-bottom: 5px;
        padding-top: 5px;
        -ms-overflow-style: none;
}

@media screen and (max-width: 300px) {
        .SB-subHeader {
                display: none
        }
}

.SB-subHeader ul {
        display: flex;
        width: 100%;
        height: 100%;
        min-height: 32px;
        padding-left: 12px
}

@media screen and (min-width: 1024px) {
        .SB-subHeader ul {
                display: flex
        }
}

.SB-subHeader ul li {
        flex: 1 1 auto;
        text-align: center;
        cursor: pointer;
        /*min-height: 44px;*/
        position: relative;
        padding-right: 10px
}

.SB-subHeader ul li .SB-subHeader-item {
        background: transparent;
        color: #ffffff;
        font-weight: 500;
        line-height: 22px;
        font-size: 17px;
        display: flex;
        align-items: center;
        gap: 5px;
        outline: none;
        padding: 0;
        box-shadow: none;
        border: none;
        border-radius: 0px;
        /*position: relative;*/
        /*display: flex;*/
        /*align-items: center;*/
        /*justify-content: center;*/
        /*background-color: #171b31;*/
        /*color: #fff !important;*/
        /*height: 100%;*/
        /*border-radius: 4px;*/
        /*border-width: 0;*/
        /*border-style: solid;*/
        /*padding: 0 8px;*/
        /*white-space: nowrap;*/
        /*font-size: 15px !important;*/
}

.SB-subHeader ul li img {
        min-width: 22px;
        max-width: 22px;
        min-height: 22px;
        max-height: 22px;
        margin-right: 5px
}

.SB-subHeader ul li i {
        font-size: 20px;
        margin-right: 1px;
        /* color: #000 !important; */
        padding-left: 14px;
        font-weight: 900 !important;
}

.SB-subHeader ul li .SB-iconSVG {
        height: 24px;
        margin-bottom: 3px;
        display: none !important
}

.SB-subHeader ul li .SB-iconSVG svg {
        height: 24px
}

.SB-subHeader ul li .SB-iconSVG svg .icon {
        fill: #FFF
}

.SB-subHeader ul li .SB-iconSVG svg .bg {
        fill: #000
}

.SB-subHeader ul li.active .SB-subHeader-item {
        color: #000;
        font-weight: bold;
        background-color: #222222;
        border: 0
}

.SB-subHeader ul li.active .SB-subHeader-item i {
        color: #000
}

.SB-subHeader ul li.active .SB-iconSvg svg path {
        fill: #000
}

.SB-subHeader ul li .SB-icon-container {
        width: 25px;
        position: relative;
        display: inline-block
}

.SB-subHeader ul li .SB-badge {
        position: absolute;
        font-size: 9px;
        height: auto;
        width: auto;
        min-width: auto;
        margin-left: 5px;
        top: 2px
}

.SB-subHeader ul li .SB-bets-count {
        width: 16px;
        height: 16px;
        border-radius: 50%;
        background-color: #DDD;
        text-align: center;
        color: #000;
        display: inline-block;
        margin-left: 2px
}

.SB-subHeader ul li .SB-bets-count.active {
        background-color: #97d23a;
        color: #000
}

.SB-subHeader .SB-container {
        display: flex;
        justify-content: space-between
}

.SB-subHeader .SB-subHeader-rightSections {
        display: flex;
        height: 100%;
        align-items: center;
        color: #777
}

.SB-subHeader .SB-subHeader-rightSections .SM-rightSection-item {
        position: relative;
        padding: 0 10px
}

.SB-subHeader .SB-subHeader-rightSections .SM-rightSection-item:last-child {
        padding-right: 0
}

.SB-subHeader .SB-subHeader-rightSections .SB-selectTransparent select {
        color: #777
}

.SB-subHeader .SB-subHeader-rightSections .SB-selectTransparent::after {
        color: #777
}

.SB-subHeader-mobile {
        background-color: transparent;
        font-size: 12px;
        padding-bottom: 15px
}

@media screen and (max-width: 300px) {
        .SB-subHeader-mobile {
                display: none
        }
}

.SB-subHeader-mobile .SB-subHeader-mobile-menuList ul li {
        flex: 1 1 0%
}

.SB-subHeader-mobile-menuList ul {
        display: flex;
        width: 100%
}

.SB-subHeader-mobile-menuList ul li {
        flex: 1 1 0%;
        text-align: center;
        cursor: pointer;
        min-height: 32px;
        position: relative
}

.SB-subHeader-mobile-menuList ul li .SB-subHeader-item {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        flex-direction: column;
        height: 100%;
        border-radius: 4px;
        padding: 0 4px;
        color: #ffe600
}

.SB-subHeader-mobile-menuList ul li .SB-subHeader-item .SB-subHeaderItem-icon {
        background-color: #FFF;
        border-radius: 50%;
        padding: 10px;
        margin-bottom: 3px
}

.SB-subHeader-mobile-menuList ul li img {
        min-width: 22px;
        max-width: 22px;
        min-height: 22px;
        max-height: 22px
}

.SB-subHeader-mobile-menuList ul li.active .SB-subHeader-item {
        color: #ffffff
}

.SB-subHeader-mobile-menuList ul li.active .SB-subHeader-item .SB-subHeaderItem-icon {
        background-color: #97d23a
}

@media screen and (max-width: 300px) {
        .SB-subHeader-opera {
                display: none
        }
}

.SB-subHeader-opera .SB-subHeader-container {
        width: 100%
}

.SB-subHeader-opera ul {
        padding: 0 12px
}

@media screen and (max-width: 300px) {
        .SB-subHeader-opera ul {
                padding: 0
        }
}

.SB-subHeader-opera ul li {
        flex: 1 1 auto;
        height: auto;
        padding-right: 6px;
        font-size: 10px;
        height: 50px
}

.SB-subHeader-opera ul li:last-child {
        padding-right: 0
}

@media screen and (max-width: 300px) {
        .SB-subHeader-opera ul li {
                padding-right: 1px;
                font-size: 10px;
                height: 70px
        }
}

.SB-subHeader-opera ul li .SB-icon-container {
        display: block;
        width: 100%
}

.SB-subHeader-opera ul li .SB-icon-container img {
        margin-right: 0
}

.SB-subHeader-opera ul li .SB-subHeader-item {
        padding: 4px 2px 2px;
        flex-direction: column;
        text-align: center;
        white-space: normal;
        height: 100%
}

.SB-search {
        background-color: #EEE;
        height: 34px;
        padding: 2px;
        /* margin-bottom: 10px; */
        position: relative;
        border-radius: 8px;
}

@media screen and (min-width: 1024px) {
        .SB-search {
                background-color: #DDD
        }
}

.SB-searchBox {
        display: flex;
        align-items: center;
        position: relative
}

.SB-searchBox .SB-form-control {
        flex: 1 1 auto;
        position: relative;
        display: flex;
        align-items: center
}

.SB-searchBox .SB-form-control input {
        width: 100%;
        height: 30px;
        border-radius: 3px 0 0 3px;
        border: 0;
        padding: 0 30px 0 5px;
        color: #000;
        font-size: 13px;
        background-color: transparent
}

.SB-searchBox .SB-searchbtn {
        min-width: 32px;
        max-width: 32px;
        background-color: transparent;
        color: #000;
        height: 30px;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 0;
        position: relative
}

.SB-searchBox .SB-searchbtn .SB-icon {
        font-size: 16px;
        font-weight: bold
}

.SB-searchBox .SB-searchbtn img {
        min-width: 16px;
        max-width: 16px;
        min-height: 16px;
        max-height: 16px
}

.SB-searchBox .SB-searchClear {
        display: none;
        position: absolute;
        width: 30px;
        right: 0;
        text-align: center;
        top: 50%;
        transform: translateY(-50%);
        cursor: pointer
}

.SB-searchBox .SB-searchClear i {
        font-size: 12px;
        color: #000
}

.SB-searchBox .SB-searchClear img {
        min-width: 12px;
        max-width: 12px;
        min-height: 12px;
        max-height: 12px
}

.SB-searchBox .SB-searchBtnClose {
        min-width: 40px;
        max-width: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 30px
}

.SB-searchBox .SB-searchBtnClose i {
        color: #000
}

.SB-searchBox.active .SB-searchClear {
        display: block
}

.SB-searchResultBox {
        background-color: #FFF;
        border-radius: 3px;
        overflow: hidden;
        position: absolute;
        width: calc(100% - 20px);
        top: 45px;
        left: 10px;
        z-index: 99;
        display: none;
        box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.25);
        max-height: 500px;
        overflow-y: auto
}

.SB-searchResultBox .SB-searchResultCount {
        padding: 8px 10px
}

.SB-searchResultBox ul {
        display: inline-block;
        width: 100%
}

.SB-searchResultBox ul li {
        color: #000;
        border-bottom: 1px solid #EEE
}

.SB-searchResultBox ul li:hover {
        background-color: #EEE;
        cursor: pointer
}

.SB-searchResultBox .SB-searchResultItem {
        display: flex;
        align-items: center;
        line-height: 1.5;
        font-size: 11px
}

.SB-searchResultBox .SB-searchResultItem .SB-icon-container {
        min-width: 35px;
        max-width: 35px;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center
}

.SB-searchResultBox .SB-searchResultItem .SB-icon-container .SB-icon {
        font-size: 18px
}

.SB-searchResultBox .SB-searchResultItem .SB-searchResult-container {
        flex: 1 1 auto;
        padding: 4px 4px;
        min-width: 0
}

.SB-searchResultBox .SB-searchResultItem .SB-searchResult-header {
        color: #999
}

.SB-searchResultBox .SB-searchResultItem .SB-searchResult-content {
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
}

.SB-loginRegister {
        background-color: #515151;
        padding: 0 16px 0;
        position: relative
}

@media screen and (min-width: 1024px) {
        .SB-loginRegister {
                border: 1px solid #DDD;
                border-radius: 6px;
                overflow: hidden;
                margin: 0 12px
        }
}

.SB-loginRegister .SB-loginRegisterBanner {
        max-width: 500px;
        margin: 0 auto
}

.SB-loginRegister.SB-register .SB-loginRegisterBanner {
        border-top-left-radius: 12px;
        border-top-right-radius: 12px;
        overflow: hidden
}

.SB-loginRegister.SB-register .SB-loginRegisterBox {
        border-top-left-radius: 0;
        border-top-right-radius: 0
}

.SB-loginRegister .SB-loginRegisterBox {
        background-color: #FFF;
        border-radius: 12px;
        padding: 20px 16px;
        margin: 0 auto;
        max-width: 500px
}

.SB-loginRegister .SB-loginRegister-brandImage {
        text-align: right;
        margin-top: 45px;
        margin-right: -16px
}

.SB-loginRegister .SB-loginRegister-brandImage img {
        position: relative
}

.SB-loginRegister .SB-pageHeader .SB-pageBackButton {
        margin-top: -30px;
        justify-content: flex-start
}

.SB-loginRegister .SB-pageHeader .SB-pageBackButton img {
        min-width: 18px;
        max-width: 18px
}

.SB-loginRegister .SB-pageHeader .SB-pageBackButton a {
        display: inline-block;
        width: auto
}

@media screen and (min-width: 1024px) {
        .SB-loginRegister .SB-pageHeader .SB-pageBackButton {
                display: none
        }
}

.SB-loginRegister .SB-pageHeader .SB-pageHeader-title {
        color: #FFF
}

.SB-loginRegister .SB-pageHeader .SB-pageHeader-title img {
        margin-bottom: 10px
}

@media screen and (min-width: 1024px) {
        .SB-loginRegister .SB-pageHeader .SB-pageHeader-title {
                margin-left: 0 !important
        }
        .SB-loginRegister .SB-pageHeader .SB-pageHeader-title img {
                display: none
        }
}

.SB-loginRegister .SB-select {
        background-color: #FFF
}

.SB-loginRegister .SB-checkbox a {
        text-decoration: none;
        font-weight: bold
}

.SB-loginRegister .SB-forgotPin {
        text-align: right
}

.SB-loginRegister .SB-forgotPin span {
        text-decoration: underline;
        color: #000
}

.SB-loginRegister .SB-loginRegister-navigation {
        text-align: center;
        margin-top: 20px
}

.SB-loginRegister .SB-loginRegister-navigation .SB-txtHightlight {
        padding-left: 5px;
        display: inline-block;
        text-decoration: underline;
        color: #000
}

.SB-loginRegister .SB-content {
        max-width: 500px
}

.SB-loginRegister.SB-disabled .SB-form-group {
        opacity: 0.7;
        pointer-events: none
}

.SB-loginRegister.SB-disabled .btn {
        opacity: 0.7;
        pointer-events: none
}

.SB-loginRegister.SB-disabled a {
        opacity: 0.7;
        pointer-events: none
}

.SB-loginRegister.SB-disabled .SB-signUpMore {
        opacity: 0.7;
        pointer-events: none
}

.SB-loginRegister .SB-row {
        display: flex;
        margin: 0 -4px
}

.SB-loginRegister .SB-row .SB-col {
        flex: 1 1 0%;
        padding: 0 4px
}

.SB-loginRegister .SB-ID-form-control .SB-selectID {
        max-width: 120px
}

.SB-verifyMobileNumber {
        text-align: center
}

@media screen and (min-width: 1024px) {
        .SB-verifyMobileNumber .SB-btnVerify {
                width: 250px
        }
}

b {
        font-weight: 600
}

p {
        margin: 0 0 10px 0;
        font-size: 16px !important;
        color: #100f0f;

}

.SB-content {
        padding-left: 12px;
        padding-right: 12px
}

.SB-txtHighlight-primary {
        color: #515151 !important;
        font-weight: 600
}

.SB-txtHighlight-secondary {
        color: #97d23a !important;
        font-weight: 600
}

.SB-txtHighlight-tertiary {
        color: #D96900 !important;
        font-weight: 600
}

.SB-textLower {
        text-transform: none !important
}

.SB-txt-gray {
        color: #999
}

.SB-tabs ul {
        display: flex;
        align-items: center
}

.SB-tabs ul li {
        margin-right: 12px
}

.SB-tabs ul li .SB-tab-item {
        font-size: 13px;
        color: #222222;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0 12px;
        min-height: 42px;
        cursor: pointer;
        text-align: center;
        border-bottom: 2px solid transparent;
        line-height: 1.2
}

.SB-tabs ul li .SB-tab-item.active {
        border-bottom: 2px solid #97d23a;
        font-weight: 700;
        color: #FFF
}

.SB-tabs ul li .SB-tab-item:hover {
        color: #FFF
}

.SB-tabs ul li.active {
        border-bottom: 2px solid #97d23a
}

.SB-tabs ul li.active .SB-tab-item {
        font-weight: 700;
        color: #FFF
}

.SB-tabs.BLM-scrollable {
        overflow-x: auto
}

.SB-tabsDeafult ul {
        display: flex;
        align-items: center
}

.SB-tabsDeafult ul li {
        margin-right: 12px
}

.SB-tabsDeafult ul li .SB-tab-item {
        font-size: 14px;
        color: #666;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0 12px;
        min-height: 42px;
        cursor: pointer;
        text-align: center;
        border-bottom: 2px solid transparent;
        line-height: 1.2
}

.SB-tabsDeafult ul li .SB-tab-item.active {
        font-weight: bold;
        color: #000
}

.SB-tabsDeafult ul li .SB-tab-item:hover {
        color: #000
}

.SB-tabsDeafult ul li.active .SB-tab-item {
        font-weight: bold
}

.SB-tabsDeafult.BLM-scrollable {
        overflow-x: auto
}

.SB-tabsDeafult.SB-center ul {
        justify-content: center
}

.SB-tab-content .SB-tab-pane {
        display: none
}

.SB-tab-content .SB-tab-pane.active {
        display: block
}

.SB-filterButtons {
        padding: 10px 0
}

@media screen and (min-width: 1024px) {
        .SB-filterButtons {
                padding: 10px 12px
        }
}

.SB-filterButtons.is-active ul li:first-child {
        padding-left: 12px
}

@media screen and (min-width: 1024px) {
        .SB-filterButtons.is-active ul li:first-child {
                padding-left: 0
        }
}

.SB-filterButtons ul {
        display: flex;
        align-items: center
}

.SB-filterButtons ul li {
        padding-right: 1px
}
.testLogo{
        width: 105px !important;
}

.SB-filterButtons ul li .SB-filterButtonsItem {
        height: 32px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background-color: transparent;
        border: 1px solid #ffffff;
        border-radius: 4px;
        padding: 2px 5px;
        line-height: 14px;
        color: #ffffff;
        /*font-size: 15px !important;*/
        white-space: normal;
        cursor: pointer;
        text-align: center
}

.SB-filterButtons ul li .SB-filterButtonsItem.active {
        background-color: #97d23a;
        color: #FFFFFF;
        font-weight: 500;
        border: 0
}

.nav-link {
        display: block !important;
        padding: 0.1em !important;
}
.point__box4 {
        background: transparent;
        border-radius: 5px;
        padding: 15px 5px;
        display: flex;
        width: auto;
        justify-content: center;
        align-items: center;
        text-align: center;
        transition: all 0.4s;
        border: 1px solid #fff!important;
        color: #fff;
        /*height: 32px !important;*/
        font-size: 12px !important;
        padding-top: -10px !important;
        /*width: 40px;*/
        font-weight: 600 !important;
}

.placeBet{
        padding: 2px 11px !important;
        border: none;
        font-family: "GT-Walsheim-Pro", Tahoma, Arial, Helvetica, sans-serif !important;
        white-space: nowrap;
        border-radius: 3px !important;
        font-size: 15px !important;
        background: #97d23a !important;
        color: #FFFFFF;
        font-weight: 500 !important;
}

.SB-filterButtons ul li:last-child {
        padding-right: 0
}

.SB-filterButtons ul li .SB-select {
        padding: 0
}

.SB-filterButtons ul li .SB-subText {
        display: block;
        width: 100%;
        font-size: 10px
}

.SB-popularWidget {
        padding: 0 12px
}

@media screen and (max-width: 300px) {
        .SB-popularWidget {
                padding: 0
        }
}

@media screen and (max-width: 300px) {
        .SB-popularWidget .SB-sectionTitle {
                padding-left: 8px
        }
}

.SB-popularWidget .SB-matchCard {
        min-width: 220px
}

@media screen and (min-width: 1024px) {
        .SB-popularWidget .SB-matchCard {
                min-width: 300px
        }
}

@media screen and (max-width: 300px) {
        .SB-popularWidget .SB-matchCard {
                min-width: auto
        }
}

.SB-popularWidget .SB-splide-popularMatches {
        height: 101px;
        overflow: hidden
}

.SB-popularWidget .SB-splide-popularMatches.is-active ul li .SB-matchCard {
        margin-right: 8px
}

.SB-popularWidget .SB-splide-popularMatches.is-active .SB-splide-arrow {
        display: none
}

.SB-popularWidget .SB-matchCardGroup {
        padding-bottom: 8px
}

.SB-sectionTitle {
        font-size: 14px;
        font-weight: bold;
        color: #000;
        margin-bottom: 8px;
        line-height: 16px
}

.SB-matchCard {
        background-color: #97d23a;
        border: 1px solid #97d23a;
        border-radius: 8px;
        padding: 4px 10px 10px
}

.SB-matchCard .SB-leagueKickOff-container {
        font-size: 11px;
        text-align: center;
        padding: 0 4px
}

.SB-matchCard .SB-leagueKickOff-container .SB-kickOff {
        color: #999
}

.SB-matchCard .SB-leagueInfo {
        text-align: center
}

.SB-matchCard .SB-fixtureInfo {
        margin-bottom: 8px
}

.SB-matchCard .SB-fixtureInfo .SB-teamInfo .SB-teamName {
        font-weight: bold;
        font-size: 12px;
        cursor: pointer
}

.SB-matchCard .SB-fixtureInfo .SB-teamInfo .SB-teamName.SB-home {
        margin-bottom: 3px
}

.SB-matchCard .SB-fixtureInfo .SB-score {
        font-weight: 600;
        font-size: 12px;
        min-width: 20px;
        max-width: 20px
}

.SB-matchCard .SB-fixtureInfo .SB-matchMinute {
        text-align: center;
        font-size: 10px;
        color: #868686
}

.SB-matchCard .SB-fixtureInfo .SB-matchMinute div {
        margin: 3px 0
}

.SB-matchCard .SB-fixtureInfo.SB-rowLayout {
        display: flex;
        align-items: center;
        min-height: 45px
}

.SB-matchCard .SB-fixtureInfo.SB-rowLayout .SB-teamInfo {
        flex: 1 1 auto
}

.SB-matchCard .SB-fixtureInfo.SB-rowLayout .SB-kickOff {
        text-align: right;
        font-size: 10px;
        color: #868686
}

.SB-matchCard .SB-btnOddsGroup {
        margin: 0 -4px;
        height: 32px
}

.SB-matchCard .SB-btnOddsGroup ul {
        display: inline-block;
        width: 100%
}

.SB-matchCard .SB-btnOddsGroup ul li {
        min-width: 33.33%;
        max-width: 33.33%;
        padding: 0 4px
}

.SB-matchCard .SB-btnOddsGroup ul li .SB-btnOdds-matchCard {
        height: 32px;
        background-color: #FFF;
        border: 1px solid #e0dfdf;
        width: 100%
}

.SB-matchCard .SB-btnOddsGroup ul li .SB-btnOdds-matchCard .SB-outcome {
        color: #868686;
        text-align: left;
        float: left;
        width: 30%
}

.SB-matchCard .SB-btnOddsGroup ul li .SB-btnOdds-matchCard .SB-odds {
        font-weight: bold;
        float: right;
        width: 70%;
        text-align: right
}

.SB-matchCard .SB-btnOddsGroup ul li .SB-btnOdds-matchCard.active {
        background-color: #97d23a;
        color: #000;
        border: 1px solid #97d23a
}

.SB-matchCard .SB-btnOddsGroup ul li .SB-btnOdds-matchCard.active .SB-outcome {
        color: #000
}

.SB-matchCard .SB-btnOddsGroup ul li .SB-btnOdds-matchCard.active:hover {
        background-color: #97d23a;
        color: #000;
        border: 1px solid #97d23a
}

.SB-matchCard .SB-btnOddsGroup ul li .SB-btnOdds-matchCard:hover {
        background-color: #f1fff5
}

.SB-matchMarketDropDown-outcomeHeader {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 8px 12px;
        font-size: 11px
}

.SB-marketOutComeHeaderGroup ul {
        display: flex;
        align-items: center
}

.SB-marketOutComeHeaderGroup ul li {
        padding-right: 4px;
        float: left
}

@media screen and (min-width: 1024px) {
        .SB-marketOutComeHeaderGroup ul li {
                width: 100%
        }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
        .SB-marketOutComeHeaderGroup ul li {
                width: 100%
        }
}

.SB-marketOutComeHeaderGroup ul li:last-child {
        padding-right: 0
}

.SB-marketOutComeHeaderGroup ul li .SB-outcomeHeaderItem {
        width: 50px;
        text-align: center;
        font-size: 12px;
        color: #FFF
}

@media screen and (min-width: 1024px) {
        .SB-marketOutComeHeaderGroup ul li .SB-outcomeHeaderItem {
                width: 100%
        }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
        .SB-marketOutComeHeaderGroup ul li .SB-outcomeHeaderItem {
                width: 100%
        }
}

.SB-leagueBox {
        margin-bottom: 2px
}

.SB-leagueBox .SB-leagueBox-header {
        background-color: #97d23a;
        min-height: 36px;
        color: #FFF;
        display: flex;
        flex: 1 1 auto;
        align-items: center;
        padding: 6px 12px;
        font-size: 12px;
        margin-bottom: 10px
}

@media screen and (min-width: 1024px) {
        .SB-leagueBox .SB-leagueBox-header {
                margin: 0 12px 8px;
                padding: 3px 10px;
                border-radius: 4px;
                /*width: 100%;*/
        }
}
.tosh{
        margin-bottom: 20px;
        font-weight: 400;
        color: #ffc800;
}
@media screen and (max-width: 300px) {
        .SB-leagueBox .SB-leagueBox-header {
                padding: 0 8px;
                height: auto;
                min-height: 36px
        }
}

.SB-leagueBox .SB-leagueBox-header .SB-leagueBox-header__leagueInfo {
        flex: 1 1 auto;
        color: #1b1919;
        /* border-left: 2px solid #97d23a; */
        padding-left: 6px;
        font-size: 19px;
        font-weight: 800;
}
.pinBolt{
        padding: 2px 14px !important;
        border: none;
        font-family: "GT-Walsheim-Pro", Tahoma, Arial, Helvetica, sans-serif;
        white-space: nowrap;
        border-radius: 8px !important;
        font-size: 15px !important;
}

.SB-leagueBox .SB-leagueBox-header .SB-leagueBox-header__leagueInfo .SB-icon {
        font-size: 10px;
        color: #222222;
        padding: 0 3px
}

.SB-leagueBox .SB-leagueBox-header .SB-leagueBox-header__leagueInfo a:hover {
        text-decoration: underline
}

@media screen and (min-width: 1024px) {
        .SB-leagueBox .SB-leagueBox-header .SB-leagueBox-header__marketInfo {
                max-width: calc(50% + 40px);
                width: 100%;
                padding-right: 50px
        }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
        .SB-leagueBox .SB-leagueBox-header .SB-leagueBox-header__marketInfo {
                max-width: calc(50% + 40px);
                width: 100%;
                padding-right: 50px
        }
}

@media screen and (max-width: 300px) {
        .SB-leagueBox .SB-leagueBox-header .SB-leagueBox-header__marketInfo {
                display: none
        }
}

.SB-leagueBox.SB-accordion .SB-leagueBox-header__leagueInfo {
        padding-left: 8px
}

.SB-leagueBox.SB-accordion.collapsed .SB-leagueBox-header__marketInfo {
        opacity: 0
}

.SB-leagueBox .SB-leagueBox-content {
        position: relative
}

.SB-leagueBox .SB-leagueBox-content .SB-matchBox:first-child {
        padding-top: 0
}

.SB-leagueBox .SB-leagueBox-content .SB-matchBox:last-child .SB-matchDetails-container {
        border-bottom: 0;
        height: 39px !important

}
@media screen and (max-width: 500px) {
        .SB-btnOddsGroup ul li {
                padding-right: 11px;
                margin: -4px;
        }}


.saPsa {
        height: 32px !important;
        font-size: 12px !important;
        padding-top: -10px !important;
        width: 40px;
        font-weight: 600 !important;

}
.SB-leagueBox .SB-matchBox {
        padding: 10px 12px 0;
        color: #fff
}

@media screen and (max-width: 300px) {
        .SB-leagueBox .SB-matchBox {
                padding: 8px
        }
}

.SB-leagueBox .SB-matchBox .SB-matchDetails-container {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        border-bottom: 1px solid #d7d7d7;
        padding-bottom: 10px
}

@media screen and (min-width: 1024px) {
        .SB-leagueBox .SB-matchBox .SB-matchDetails-container {
                padding: 21px 11px 12px
        }
}

@media screen and (max-width: 300px) {
        .SB-leagueBox .SB-matchBox .SB-matchDetails-container {
                flex-direction: column;
                width: 100%
        }
}

.SB-leagueBox .SB-matchBox .SB-matchDetails {
        display: flex;
        flex: 1 1 auto;
        flex-direction: column;
        min-width: 0
}

@media screen and (max-width: 300px) {
        .SB-leagueBox .SB-matchBox .SB-matchDetails {
                width: 100%
        }
}

.SB-leagueBox .SB-matchBox .SB-stats-container {
        padding-left: 12px;
        min-width: 50px;
        max-width: 50px;
        text-align: center
}

@media screen and (min-width: 50px) and (max-width: 767px) {
        .SB-leagueBox .SB-matchBox .SB-stats-container {
                min-width: 30px;
                max-width: 30px
        }
}

.SB-leagueBox .SB-matchBox .SB-stats-container a {
        padding: 3px 0;
        display: inline-flex
}

.SB-leagueBox .SB-matchBox .SB-stats-container .SB-icon {
        font-size: 18px;
        color: #f6f6f6
}

.SB-leagueBox .SB-matchBox .SB-matchBox__fixtureInfo {
        display: flex;
        align-items: center;
        flex: 1 1 auto;
        font-size: 15px;
        cursor: pointer
}

@media screen and (max-width: 300px) {
        .SB-leagueBox .SB-matchBox .SB-matchBox__fixtureInfo {
                font-size: 10px
        }
}

.SB-leagueBox .SB-matchBox .SB-matchBox__fixtureInfo .SB-match__teamsInfo {
        flex: 1 1 auto;
        /*font-weight: bold;*/
        min-width: 0;
        padding-right: 5px
}

.SB-leagueBox .SB-matchBox .SB-matchBox__fixtureInfo .SB-match__teamsInfo .SB-ball-bat {
        width: 10px;
        margin-right: 5px
}

.richardCss{
        font-size: 12px !important;
        color: #ffc800;
}
.port{
        font-size: 12px !important;
        /* font-weight: bold; */
        padding-top: 3px;
        color: #ffc800;
        margin-left: 8px;
}
.trackedPost{
        font-size: 27px !important;
        color: #ffffff !important;
}
.postVersion{
        font-size: 9px !important;
        margin-left: 8px;
}
.SB-leagueBox .SB-matchBox .SB-matchBox__fixtureInfo .SB-match__kickOffInfo {
        font-size: 10px;
        text-align: right;
        color: #ffffff;
        padding: 5px;
}
.sikTry{
        font-size: 24px !important;
        color: #fff;
}
.SB-date{
        color: #f8f9fa;
        background-color: #97d23a;
        font-size: 9px;
        border-radius: 2px;
        padding: 4px;
        margin-left: 5px;
}
.SB-leagueBox .SB-matchBox .SB-matchBox__fixtureInfo .SB-match__kickOffInfo .SB-time,
.SB-leagueBox .SB-matchBox .SB-matchBox__fixtureInfo .SB-match__kickOffInfo .SB-date {
        /*height: 19px;*/
        display: flex;
        align-items: center;
        justify-content: flex-end
}

@media screen and (max-width: 300px) {
        .SB-leagueBox .SB-matchBox .SB-matchBox__fixtureInfo .SB-match__kickOffInfo .SB-time,
        .SB-leagueBox .SB-matchBox .SB-matchBox__fixtureInfo .SB-match__kickOffInfo .SB-date {
                height: auto
        }
}

.SB-leagueBox .SB-matchBox .SB-vs {
        color: #515151;
        font-weight: 500
}

.SB-leagueBox .SB-matchBox .SB-matchBox__leagueInfo {
        color: #f6f6f6;
        font-size: 10px;
        display: flex;
        align-items: center;
        margin-top: 5px;
        min-width: 0;
        flex: 1 1 auto
}

.SB-leagueBox .SB-matchBox .SB-matchBox__leagueInfo .SB-match__leagueName {
        flex: 1 1 auto;
        min-width: 0
}

.SB-leagueBox .SB-matchBox .SB-matchBox__leagueInfo .SB-match__matchMinute {
        white-space: nowrap
}

.SB-leagueBox .SB-matchBox .SB-matchBox__extraInfo {
        font-size: 10px;
        color: #f6f6f6;
        margin-top: 2px;
        display: flex;
        justify-content: space-between;
        align-items: center
}

.SB-leagueBox .SB-matchBox .SB-matchBox__extraInfo .SB-matchBox__extraInfo-left {
        text-align: left;
        display: flex;
        align-items: center;
        flex-wrap: wrap
}

.SB-leagueBox .SB-matchBox .SB-matchBox__extraInfo .SB-matchBox__extraInfo-left span {
        margin-right: 5px
}

@media screen and (max-width: 300px) {
        .SB-leagueBox .SB-matchBox .SB-matchBox__extraInfo .SB-matchBox__extraInfo-left {
                display: inline-block
        }
}

.SB-leagueBox .SB-matchBox .SB-matchBox__extraInfo .SB-matchBox__extraInfo-right {
        text-align: right;
        display: flex;
        align-items: center
}

.SB-leagueBox .SB-matchBox .SB-matchBox__extraInfo .SB-matchBox__extraInfo-right a {
        margin-left: 8px
}

@media screen and (max-width: 300px) {
        .SB-leagueBox .SB-matchBox .SB-matchBox__extraInfo .SB-matchBox__extraInfo-right {
                display: inline-block
        }
}

.SB-leagueBox .SB-matchBox .SB-matchBox__extraInfo span {
        display: inline-block;
        vertical-align: middle
}

.SB-leagueBox .SB-matchBox .SB-matchBox__extraInfo .SB-icon {
        font-size: 14px
}

.SB-leagueBox .SB-matchBox .SB-matchBox__extraInfo .SB-match__matchMinute {
        color: #f36;
        font-weight: bold
}

.SB-leagueBox .SB-matchBox .SB-matchBox__extraInfo .SB-match__smsCode {
        color: #f36
}

.SB-leagueBox .SB-matchBox .SB-matchBox__extraInfo .SB-match__marketsCount {
        background-color: #DDD;
        border-radius: 2px;
        padding: 1px 3px 1px;
        min-height: 13px;
        line-height: 12px;
        font-size: 10px;
        color: #000;
        white-space: nowrap;
        margin-right: 0;
        float: right;
        position: relative;
        top: 2px
}

@media screen and (max-width: 300px) {
        .SB-leagueBox .SB-matchBox .SB-matchBox__extraInfo .SB-match__marketsCount {
                float: none
        }
}

.SB-leagueBox .SB-matchBox .SB-match__scoreInfo .SB-match__score {
        display: flex;
        justify-content: flex-end
}

.SB-leagueBox .SB-matchBox .SB-match__scoreInfo .SB-match__score .SB-score {
        min-width: 15px;
        white-space: nowrap;
        display: inline-block;
        text-align: right;
        color: #666
}

.SB-leagueBox .SB-matchBox .SB-match__scoreInfo .SB-match__score .SB-score.active {
        color: #515151;
        font-weight: bold
}

.SB-leagueBox .SB-matchBox .SB-match__scoreInfo.SB-tennis-score {
        padding-left: 5px
}

.SB-leagueBox .SB-matchBox .SB-match__scoreInfo.SB-tennis-score .SB-match__score .SB-gameScore {
        border-right: 1px solid #555;
        width: 20px;
        padding-right: 5px;
        margin-right: 3px
}

.SB-leagueBox .SB-matchBox .SB-match__scoreInfo.SB-tennis-score .SB-match__score .SB-setPoints {
        width: 25px;
        color: #444
}

.SB-leagueBox .SB-matchBox .SB-match__scoreInfo.SB-cricket-score .SB-match__score .SB-score {
        min-width: 35px
}

.SB-leagueBox .SB-matchBox .SB-outcomeDetails {
        padding-left: 12px;
        max-width: 58%;
        width: 100%
}

.SB-leagueBox .SB-matchBox .SB-outcomeDetails .SB-matchBox__extraInfo {
        justify-content: flex-end;
        margin-top: 5px
}

.SB-leagueBox .SB-matchBox .SB-outcomeDetails .SB-matchBox__extraInfo .SB-match__marketsCount {
        margin-right: 0
}

@media screen and (min-width: 50px) and (max-width: 767px) {
        .SB-leagueBox .SB-matchBox .SB-outcomeDetails {
                /*width: auto*/
        }
}

@media screen and (max-width: 300px) {
        .SB-leagueBox .SB-matchBox .SB-outcomeDetails {
                width: 100%;
                padding-left: 0;
                margin: 8px 0 5px;
                max-width: 100%
        }
}

.SB-leagueBox .SB-matchBox .SB-marketOutcomeGroup {
        margin-top: 10px;
        margin-left: -3px;
        margin-right: -3px
}

.SB-leagueBox .SB-matchBox .SB-marketOutcomeGroup .SB-subMarket {
        padding-left: 3px
}

.SB-leagueBox .SB-matchBox .SB-marketCount-container {
        min-width: 50px;
        max-width: 50px;
        text-align: right;
        color: #f6f6f6;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        cursor: pointer
}

@media screen and (min-width: 50px) and (max-width: 767px) {
        .SB-leagueBox .SB-matchBox .SB-marketCount-container {
                display: none
        }
}

.SB-leagueBox .SB-matchBox .SB-marketCount-container .SB-icon {
        margin-left: 3px;
        font-size: 10px
}

.SB-leagueBox .SB-matchBox.SB-matchBoxDisabled .SB-btnOddsGroup ul li .SB-btnOdds {
        opacity: 0.5;
        pointer-events: none
}

.SB-servingBefore:before {
        content: "";
        position: absolute;
        margin-left: -6px;
        margin-top: 7px;
        width: 5px;
        height: 5px;
        border-radius: 5px;
        background-color: #515151
}

.SB-accordion>.SB-accordion-header {
        justify-content: space-between
}

.SB-accordion>.SB-accordion-header.SB-arrowBefore {
        position: relative
}

.SB-accordion>.SB-accordion-header.SB-arrowBefore:before {
        font-family: '10bet-icon' !important;
        content: "\e951";
        color: inherit;
        font-size: 10px
}

.SB-accordion>.SB-accordion-header.SB-arrowAfter {
        position: relative
}

.SB-accordion>.SB-accordion-header.SB-arrowAfter:after {
        /*font-family: '10bet-icon' !important;*/
        /*content: "\e951";*/
        /*color: inherit;*/
        /*font-size: 10px*/
}

.SB-accordion>.SB-accordion-header .SB-arrowAfter {
        position: relative
}

.SB-accordion>.SB-accordion-header .SB-arrowAfter:after {
        font-family: '10bet-icon' !important;
        content: "\e951";
        color: inherit;
        font-size: 10px
}

.SB-accordion.collapsed>.SB-accordion-header.SB-arrowBefore:before {
        content: "\e94e"
}

.SB-accordion.collapsed>.SB-accordion-header.SB-arrowAfter:after {
        content: "\e94e"
}

.SB-accordion.collapsed>.SB-accordion-header .SB-arrowAfter:after {
        content: "\e94e"
}

.SB-accordion.collapsed>.SB-accordion-content {
        display: none
}

.SB-accordion .SB-accordionArrow {
        position: relative
}

.SB-accordion .SB-accordionArrow:after {
        font-family: '10bet-icon' !important;
        content: "\e951";
        color: inherit;
        font-size: 10px
}

.SB-accordion.collapsed .SB-accordionArrow:after {
        content: "\e94e"
}

.SB-league-accordion.collapsed {
        border-bottom: 1px solid #303878
}

.SB-showMore-container {
        text-align: center
}

.SB-showMore {
        display: inline-flex;
        align-items: center;
        text-align: center;
        color: #515151;
        font-size: 14px;
        padding: 8px 10px;
        cursor: pointer
}

.SB-showMore span {
        text-decoration: underline
}

.SB-showMore i {
        font-size: 10px
}

.SB-showMore img {
        min-width: 12px;
        max-width: 12px;
        min-height: 12px;
        max-height: 12px;
        margin-left: 5px
}

.SB-btnShowAll {
        width: auto;
        min-width: 120px;
        margin: 30px auto;
        font-size: 14px
}

.SB-btnShowAll .SB-icon {
        margin-left: 6px;
        font-size: 12px
}

.SB-outRights .SB-leagueHeader {
        margin-bottom: 5px;
        font-size: 14px;
        font-weight: 600;
        color: #D96900
}

.SB-outRights .SB-marketBox .SB-marketBox-header {
        background-color: #1f232b
}

.SB-outRights .SB-marketBox .SB-marketBox-content {
        border-color: #e0dfdf
}

.SB-myAccount-beforeLogin-container {
        text-align: center;
        padding: 15px 10px
}

.SB-myAccount-beforeLogin-container .SB-btnLogin {
        width: 150px;
        margin-top: 15px
}

.SB-myAccount-afterLogin-container .SB-logout-container {
        padding: 20px 0;
        text-align: center
}

.SB-myAccount-afterLogin-container .SB-logout-container a {
        display: inline-block
}

.SB-myAccount-afterLogin-container .SB-logout-container .SB-btnLogout {
        width: 150px
}

.SB-contentBlock {
        display: flex;
        justify-content: space-between
}

.SB-contentBlock .SB-leftContent {
        text-align: left
}

.SB-contentBlock .SB-rightContent {
        text-align: right
}

.SB-signUpMore .SB-accordion-header {
        background-color: #DDD;
        height: 36px;
        border-radius: 3px;
        padding: 4px 10px;
        margin-bottom: 10px;
        display: flex;
        align-items: center
}

.SB-signUpMore .collapsed {
        margin-bottom: 20px
}

.SB-content-xSmall {
        padding: 0 35px
}

.SB-content-medium {
        padding: 0 16px
}

.SB-pageHeader {
        background-color: transparent;
        min-height: 40px;
        display: flex;
        align-items: center;
        padding: 15px 0
}

@media screen and (max-width: 300px) {
        .SB-pageHeader {
                padding: 10px 0
        }
}

.SB-pageHeader .SB-pageBackButton {
        width: 50px;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 99;
        color: #FFF
}

.SB-pageHeader .SB-pageBackButton a {
        display: flex;
        width: 100%;
        height: 100%;
        align-items: center;
        justify-content: center;
        text-decoration: none
}

.SB-pageHeader .SB-pageBackButton i {
        font-size: 16px
}

.SB-pageHeader .SB-pageBackButton .SB-iconSvg {
        height: 18px
}

.SB-pageHeader .SB-pageBackButton .SB-iconSvg svg {
        height: 18px
}

.SB-pageHeader .SB-pageBackButton .SB-iconSvg svg path {
        fill: #FFF
}

.SB-pageHeader .SB-pageBackButton+.SB-pageHeader-title {
        margin-left: -50px
}

@media screen and (max-width: 300px) {
        .SB-pageHeader .SB-pageBackButton+.SB-pageHeader-title {
                margin-left: 0
        }
}

.SB-pageHeader .SB-pageHeader-title {
        font-size: 16px;
        color: #000;
        font-weight: 600;
        width: 100%;
        text-align: center;
        padding: 0 12px;
        min-width: 0
}

@media screen and (max-width: 300px) {
        .SB-pageHeader .SB-pageHeader-title {
                font-size: 14px
        }
}

.SB-pageHeader .SB-pageHeader-title .SB-iconSvg {
        height: 24px;
        margin-right: 10px
}

.SB-pageHeader .SB-pageHeader-title .SB-iconSvg svg {
        height: 24px
}

.SB-pageHeader .SB-pageHeader-title .SB-leagueName {
        font-size: 14px;
        font-weight: 500;
        line-height: 16px;
        color: #000
}

@media screen and (max-width: 300px) {
        .SB-pageHeader .SB-pageHeader-title .SB-leagueName {
                font-size: 12px
        }
}

.SB-pageHeader .SB-pageHeader-title .SB-cupName {
        font-size: 11px;
        color: #999
}

.SB-pageHeader .SB-pageHeader-title .SB-select {
        margin-left: 50px;
        width: 230px;
        height: 32px
}

.SB-breadCrumb {
        display: flex;
        align-items: center;
        padding-right: 10px
}

@media screen and (min-width: 1024px) {
        .SB-breadCrumb {
                padding: 0 12px
        }
}

.SB-breadCrumb .SB-back {
        color: #FFF;
        display: flex;
        align-items: center;
        justify-content: center;
        align-self: stretch;
        min-width: 36px;
        max-width: 36px;
        max-height: 100%;
        cursor: pointer;
        display: none
}

.SB-breadCrumb .SB-back .SB-icon {
        font-size: 12px;
        color: #000
}

@media screen and (min-width: 50px) and (max-width: 767px) {
        .SB-breadCrumb .SB-back {
                display: flex
        }
}

.SB-breadCrumb .SB-breadCrumb-container {
        display: flex;
        align-items: center;
        color: #777;
        min-width: 0;
        white-space: nowrap
}

.SB-breadCrumb .SB-breadCrumb-container .SB-breadCrumb-scrollable {
        white-space: nowrap;
        overflow-x: auto;
        height: 100%;
        display: flex;
        align-items: center;
        min-height: 24px
}

.SB-breadCrumb .SB-breadCrumb-container .SB-icon {
        font-size: 10px;
        margin: 2px 4px 0
}

.SB-breadCrumb .SB-breadCrumb-container a {
        cursor: pointer
}

.SB-breadCrumb .SB-breadCrumb-container a:hover {
        color: #777
}

.SB-breadCrumb .SB-breadCrumb-container .active {
        color: #000;
        font-weight: bold
}

.SB-pageTitle {
        background-color: #15181f;
        font-size: 14px;
        font-weight: 500;
        color: #FFF;
        text-align: center;
        margin: 0 0 15px;
        height: 46px;
        display: flex;
        align-items: center;
        justify-content: center
}

.SB-pageTitle span {
        display: inline-block;
        padding: 0 15px
}

.SB-pageHeaderTabs {
        min-height: 42px;
        display: flex;
        align-items: center;
        justify-content: space-between
}

@media screen and (min-width: 50px) and (max-width: 767px) {
        .SB-pageHeaderTabs {
                display: block
        }
        .SB-pageHeaderTabs .SB-tabsDeafult ul li {
                flex: 1 1 auto;
                margin-right: 0;
                white-space: nowrap
        }
        .SB-pageHeaderTabs .SB-marketDropDown-container {
                padding: 8px 0
        }
}

.SB-pageHeaderTabs.SB-center {
        justify-content: center
}

@media screen and (min-width: 50px) and (max-width: 767px) {
        .SB-pageHeaderTabs.SB-center {
                justify-content: flex-start
        }
}

.SB-section-header {
        color: #97d23a;
        font-size: 17px;
        /* font-weight: 600; */
        display: flex;
        align-items: center;
        padding: 8px 12px;
        min-height: 44px;
}

.SB-section-header .SB-sportName {
        flex: 1 1 auto
}

.SB-section-header .SB-marketDropDown {
        height: 30px;
        background-color: #FFF;
        padding-top: 2px
}

.SB-section-header .SB-marketDropDown select {
        width: auto;
        height: 100%;
        border: 0;
        font-size: 12px;
        color: #000
}

.SB-section-header .SB-marketDropDown::after {
        top: 57%
}

.SB-section-header .SB-icon {
        font-size: 10px
}

.SB-leagueList {
        display: flex;
        flex-wrap: wrap
}

@media screen and (min-width: 1024px) {
        .SB-leagueList {
                border-top: 1px solid #e3e3e3;
                border-left: 1px solid #e3e3e3
        }
}

.SB-leagueList .SB-leagueList-item {
        color: #000;
        min-height: 36px;
        width: 33.33%;
        display: inline-flex;
        align-items: center;
        padding: 10px 0;
        border-right: 0;
        border-bottom: 1px solid #e3e3e3;
        font-size: 13px;
        cursor: pointer
}

@media screen and (min-width: 1024px) {
        .SB-leagueList .SB-leagueList-item {
                padding: 10px 12px;
                border-right: 1px solid #e3e3e3
        }
}

.SB-leagueList .SB-leagueList-item .SB-leagueList-item-left {
        flex: 1 1 auto;
        display: flex;
        align-items: center;
        min-width: 0
}

.SB-leagueList .SB-leagueList-item .icon-favorite {
        color: #c5c9cd;
        font-size: 14px;
        margin-right: 8px;
        display: none
}

.SB-leagueList .SB-leagueList-item .icon-favorite.active {
        color: #97d23a
}

.SB-leagueList .SB-leagueList-item .SB-badge.SB-live {
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: bold;
        float: right;
        margin-right: 0
}

.SB-leagueList .SB-leagueList-item .icon-angle-arrow-right {
        font-size: 9px;
        margin-top: 2px
}

.SB-leagueList .SB-leagueList-item span {
        margin-right: 3px
}

.SB-leagueList .SB-leagueList-item .SB-countryName {
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
}

.SB-leagueList .SB-leagueList-item .SB-leagueName {
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-weight: bold
}

.SB-leagueList .SB-leagueList-item .SB-liveMatchCount {
        color: #FF0000;
        margin-right: 0
}

@media screen and (min-width: 50px) and (max-width: 767px) {
        .SB-leagueList .SB-leagueList-item {
                width: 100%
        }
}

.SB-sportPage-outRights .SB-leagueBox .SB-leagueBox-header {
        padding: 8px 12px
}

.SB-outRight-group .SB-outRightBox.collapsed .SB-outRightBox-header {
        border-bottom: 1px solid #222222;
        padding-bottom: 8px
}

.SB-outRight-group .SB-outRightBox:last-child.collapsed .SB-outRightBox-header {
        border-bottom: 0 solid #222222;
        padding-bottom: 0
}

@media screen and (min-width: 1024px) {
        .SB-outRights-content {
                margin: 0 12px 8px
        }
}

.SB-outRightleague-header {
        background-color: #515151;
        min-height: 36px;
        color: #FFF;
        display: flex;
        flex: 1 1 auto;
        align-items: center;
        margin-bottom: 10px;
        padding: 6px 12px
}

@media screen and (min-width: 1024px) {
        .SB-outRightleague-header {
                padding: 3px 10px;
                border-radius: 4px
        }
}

.SB-outRightleague-header .SB-outRightleague-header__leagueInfo {
        color: #FFF;
        border-left: 2px solid #97d23a;
        padding-left: 6px
}

.SB-outRightleague-header .SB-outRightleague-header__leagueInfo .SB-icon {
        font-size: 10px;
        color: #222222;
        padding: 0 3px
}

.SB-outRightleague-header .SB-outRightleague-header__leagueInfo a:hover {
        text-decoration: underline
}

.SB-outRightBox {
        padding: 0 12px
}

@media screen and (min-width: 1024px) {
        .SB-outRightBox {
                padding: 0
        }
}

.SB-outRightBox .SB-outRightBox-header {
        display: flex;
        align-items: center;
        min-height: 32px;
        font-size: 14px;
        font-weight: bold;
        margin-bottom: 8px;
        padding: 0 2px
}

.SB-outRightBox .SB-outRightBox-header .SB-outRightDate {
        color: #999;
        font-size: 11px;
        font-weight: normal
}

.SB-outRightBox .SB-outRightBox-header.SB-accordion-header.SB-arrowAfter:after {
        color: #999
}

.SB-outRightList {
        margin-bottom: 12px
}

@media screen and (min-width: 1024px) {
        .SB-outRightList ul {
                display: flex;
                align-items: center;
                flex-wrap: wrap
        }
        .SB-outRightList ul li {
                flex: 1 1 50%;
                max-width: 50%;
                padding: 0 2px
        }
}

.SB-outRightList .SB-outRightList-item {
        display: inline-flex;
        align-items: center;
        padding: 4px 12px;
        min-width: 100%;
        max-width: 100%;
        background-color: #FFF;
        border-radius: 3px;
        margin-bottom: 4px;
        min-height: 36px;
        cursor: pointer
}

.SB-outRightList .SB-outRightList-item.active {
        background-color: #97d23a;
        color: #000
}

.SB-outRightList .SB-outRightList-item.active:hover {
        background-color: #97d23a;
        color: #000
}

.SB-outRightList .SB-outRightList-item:hover {
        background-color: #f1fff5;
        color: #000
}

.SB-outRightList .SB-outRightList-item:nth-child(even) {
        border-right: 0
}

.SB-outRightList .SB-outRightList-item .SB-outCome {
        font-size: 14px;
        flex: 1 1 auto;
        padding-right: 8px;
        color: #383838;
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
}

.SB-outRightList .SB-outRightList-item .SB-odds {
        color: #292929;
        font-weight: bold
}

.SB-msgBox {
        padding-top: 12px;
        padding-bottom: 12px
}

.SB-msgBox .SB-msgBox-container {
        background-color: #E6E6E6;
        border-radius: 4px;
        padding: 12px 20px;
        min-height: 50px;
        display: flex;
        align-items: center;
        color: #777
}

@media screen and (max-width: 300px) {
        .SB-msgBox .SB-msgBox-container {
                padding: 8px
        }
}

.SB-msgBox .SB-msgBox-container .SB-iconSvg {
        height: 14px;
        margin-right: 10px
}

.SB-msgBox .SB-msgBox-container .SB-iconSvg svg {
        height: 14px
}

.SB-msgBox .SB-msgBox-container .SB-iconSvg svg path {
        fill: #777
}

.SB-msgBox .SB-msgBox-container a {
        color: #515151
}

.SB-msgBox.SB-success .SB-msgBox-container {
        background-color: #FFF;
        color: #27AE60
}

.SB-msgBox.SB-success .SB-msgBox-container .SB-iconSvg {
        height: 14px
}

.SB-msgBox.SB-success .SB-msgBox-container .SB-iconSvg svg {
        height: 14px
}

.SB-msgBox.SB-success .SB-msgBox-container .SB-iconSvg svg path {
        fill: #27AE60
}

.SB-msgBox.SB-error .SB-msgBox-container {
        background-color: #FFF;
        color: #f36
}

.SB-msgBox.SB-error .SB-msgBox-container .SB-iconSvg {
        height: 14px
}

.SB-msgBox.SB-error .SB-msgBox-container .SB-iconSvg svg {
        height: 14px
}

.SB-msgBox.SB-error .SB-msgBox-container .SB-iconSvg svg path {
        fill: #f36
}

.SB-msgBox.SB-bonus {
        padding-top: 3px
}

.SB-msgBox.SB-bonus .SB-msgBox-container {
        border: 0;
        background-color: #3c414c;
        color: #515151;
        font-size: 14px
}

.SB-msgBox.SB-loaderBox {
        margin-left: 12px;
        margin-right: 12px
}

.SB-msgBox.SB-loaderBox .SB-msgBox-container {
        justify-content: center
}

.SB-msgBox.SB-loaderBox .SB-msgBox-container .SB-loaderSVGIcon {
        display: flex
}

.SB-betStatus,
.SB-badge {
        min-width: 30px;
        border-radius: 3px;
        font-size: 10px;
        font-weight: 600;
        display: inline-block;
        text-align: center;
        padding: 2px 4px 1px
}

.SB-betStatus.SB-lost,
.SB-badge.SB-lost {
        background-color: #fff1f0;
        color: #f36;
        border: 1px solid #f36
}

.SB-betStatus.SB-won,
.SB-badge.SB-won {
        background-color: #f6ffed;
        color: #1abf45;
        border: 1px solid #1abf45
}

.SB-betStatus.SB-live,
.SB-badge.SB-live {
        background-color: #f36;
        color: #FFF
}

.SB-betStatus.SB-inProgress,
.SB-badge.SB-inProgress {
        background-color: #515151;
        color: #FFF
}

.SB-betStatus.SB-waiting,
.SB-badge.SB-waiting {
        background-color: #E0DFDF;
        color: #000
}

.SB-betStatus.SB-running,
.SB-badge.SB-running {
        background-color: #fff7e6;
        color: #d96900;
        border: 1px solid #f0be8a
}

.SB-betStatus.SB-void,
.SB-badge.SB-void {
        background-color: #E0DFDF;
        color: #000
}

.SB-betStatus.SB-fixed,
.SB-badge.SB-fixed {
        background-color: #FFF;
        color: #000
}

.SB-betStatus.SB-rejected,
.SB-badge.SB-rejected {
        background-color: #E0DFDF;
        color: #000;
        border: 1px solid #b4b0b2
}

.SB-betStatus.SB-cancelled,
.SB-badge.SB-cancelled {
        background-color: #f6ffed;
        color: #1abf45
}

.SB-betStatus.SB-cashedOut,
.SB-badge.SB-cashedOut {
        background-color: #E0DFDF;
        color: #000;
        border: 1px solid #b4b0b2
}

.SB-betStatus.SB-live-count,
.SB-badge.SB-live-count {
        border-radius: 50%;
        min-width: auto;
        width: 18px;
        height: 18px;
        background-color: #f36;
        color: #FFF;
        line-height: 18px
}

.SB-scrollableArea.SB-horizontal {
        overflow-x: auto
}

.SB-leagueHeader {
        background-color: #131c5d;
        height: 40px;
        display: flex;
        align-items: center;
        padding: 0 12px;
        color: #FFF
}

.SB-leagueHeader .SB-leagueInfo {
        flex: 1 1 auto;
        padding-left: 8px
}

.SB-leagueHeader .SB-leagueName {
        color: #FFF;
        font-weight: 500;
        font-size: 12px;
        line-height: 16px
}

.SB-leagueHeader .SB-cupName {
        color: #d9e1ff;
        font-size: 11px
}

.SB-league-accordion .SB-content {
        padding: 0
}

.SB-categoryList .SB-categoryListItem {
        height: 46px;
        border-bottom: 1px solid #d7d7d7;
        display: flex;
        align-items: center;
        padding: 0 20px;
        font-size: 12px;
        color: #222;
        position: relative
}

.SB-categoryList .SB-categoryListItem i {
        margin-right: 10px;
        font-size: 18px
}

.SB-categoryList .SB-categoryListItem .SB-iconSvg {
        height: 18px;
        margin-right: 10px
}

.SB-categoryList .SB-categoryListItem .SB-iconSvg svg {
        height: 18px
}

.SB-categoryList .SB-categoryListItem .SB-iconSvg svg path {
        fill: #222
}

.SB-categoryList .SB-categoryListItem .SB-country-flag {
        width: 20px;
        margin-right: 5px
}

.SB-categoryList .SB-categoryListItem a {
        display: flex;
        width: 100%;
        height: 100%;
        align-items: center
}

.SB-categoryList .SB-categoryListItem .SB-categoryListItem-container {
        display: flex;
        flex: 1 1 auto
}

.SB-categoryList .SB-accordion .SB-accordion-content {
        background-color: #f5f7ff
}

.SB-categoryList .SB-accordion .SB-accordion-content .SB-categoryListItem {
        color: #222
}

.SB-instructionsPage .SB-instructionsPage-content {
        padding: 10px 10px 5px
}

.SB-instructionsPage table {
        margin-bottom: 10px;
        width: 100% !important;
        color: #222
}

.SB-instructionsPage table thead tr td {
        background-color: #EEE;
        color: #97d23a
}

.SB-instructionsPage table tr th {
        background-color: #EEE;
        color: #97d23a
}

.SB-instructionsPage table tr td,
.SB-instructionsPage table tr th {
        padding: 4px 6px;
        border: 1px solid #D7D7D7;
        font-size: 12px
}

.SB-instructionsPage .SB-socialIcons {
        display: flex;
        align-items: center;
        padding: 5px 0 0 5px
}

.SB-instructionsPage .SB-socialIcons li {
        padding-right: 20px
}

iframe {
        border: 0;
        width: 100%
}

.SB-jackpot-iframe {
        margin: 0 12px;
        overflow-y: auto
}

@media screen and (max-width: 300px) {
        .SB-jackpot-iframe {
                margin: 0 8px
        }
}

@media screen and (max-width: 120px) {
        .SB-jackpot-iframe {
                margin: 0 4px
        }
}

.SB-jackpot-iframe iframe {
        border: 0;
        width: 100%
}

.SB-goldenRace-iframe,
.SB-virtuals-iframe {
        position: relative;
        overflow-y: auto
}

@media screen and (max-width: 300px) {
        .SB-goldenRace-iframe,
        .SB-virtuals-iframe {
                margin: 0 8px
        }
}

@media screen and (max-width: 120px) {
        .SB-goldenRace-iframe,
        .SB-virtuals-iframe {
                margin: 0 4px
        }
}

.SB-goldenRace-iframe iframe,
.SB-virtuals-iframe iframe {
        border: 0;
        width: 100%
}

@media screen and (min-width: 200px) and (max-width: 1023px) {
        .SB-goldenRace-iframe iframe,
        .SB-virtuals-iframe iframe {
                position: absolute;
                height: 100%;
                top: 0;
                bottom: 0
        }
}

@media screen and (min-width: 1024px) {
        .SB-goldenRace-iframe,
        .SB-virtuals-iframe {
                border: 1px solid #DDD;
                border-radius: 6px
        }
}

.SB-virtual-iframe,
.SB-vLeage-iframe {
        overflow-y: auto
}

.SB-virtual-iframe iframe,
.SB-vLeage-iframe iframe {
        border: 0;
        width: 100%
}

@media screen and (min-width: 1024px) {
        .SB-virtual-iframe,
        .SB-vLeage-iframe {
                border: 1px solid #DDD;
                border-radius: 6px;
                overflow: hidden;
                margin: 0 12px
        }
}

.SB-pick6-iframe {
        overflow-y: auto
}

.SB-pick6-iframe iframe {
        border: 0;
        width: 100%
}

@media screen and (min-width: 1024px) {
        .SB-pick6-iframe {
                border: 1px solid #DDD;
                border-radius: 6px;
                overflow: hidden;
                margin: 0 12px
        }
}

.SB-penaltyShootout-iframe,
.SB-spinToWin-iframe,
.SB-luckyCrumbling-iframe {
        overflow-y: auto
}

.SB-penaltyShootout-iframe iframe,
.SB-spinToWin-iframe iframe,
.SB-luckyCrumbling-iframe iframe {
        border: 0;
        width: 100%
}

@media screen and (min-width: 1024px) {
        .SB-penaltyShootout-iframe,
        .SB-spinToWin-iframe,
        .SB-luckyCrumbling-iframe {
                background-color: #FFF;
                border-radius: 6px;
                overflow: hidden;
                margin: 0 12px
        }
}

.SB-penaltyShootout-external-iframe {
        position: relative;
        overflow-y: auto
}

.SB-penaltyShootout-external-iframe iframe {
        border: 0;
        height: 700px;
        width: 100%;
        top: 0;
        bottom: 0
}

@media screen and (min-width: 200px) and (max-width: 1023px) {
        .SB-penaltyShootout-external-iframe iframe {
                height: 100%
        }
}

.SB-top6-iframe,
.SB-dailyjackpot-iframe,
.SB-worldcupjackpot-iframe {
        position: relative;
        overflow-y: auto
}

@media screen and (max-width: 300px) {
        .SB-top6-iframe,
        .SB-dailyjackpot-iframe,
        .SB-worldcupjackpot-iframe {
                margin: 0 8px
        }
}

@media screen and (max-width: 120px) {
        .SB-top6-iframe,
        .SB-dailyjackpot-iframe,
        .SB-worldcupjackpot-iframe {
                margin: 0 4px
        }
}

.SB-top6-iframe iframe,
.SB-dailyjackpot-iframe iframe,
.SB-worldcupjackpot-iframe iframe {
        border: 0;
        width: 100%;
        height: 950px
}

@media screen and (min-width: 200px) and (max-width: 1023px) {
        .SB-top6-iframe iframe,
        .SB-dailyjackpot-iframe iframe,
        .SB-worldcupjackpot-iframe iframe {
                position: absolute;
                height: 100%;
                top: 0;
                bottom: 0
        }
}

@media screen and (min-width: 1024px) {
        .SB-top6-iframe,
        .SB-dailyjackpot-iframe,
        .SB-worldcupjackpot-iframe {
                border: 1px solid #DDD;
                border-radius: 6px
        }
}

.SB-downloadApp {
        display: flex;
        align-content: center;
        height: 30px;
        border-radius: 20px;
        overflow: hidden;
        font-size: 12px;
        line-height: 26px;
        background-color: #FFF;
        color: #515151
}

.SB-downloadApp .SB-androidIcon {
        background-color: #515151;
        width: 30px;
        display: inline-flex;
        text-align: center;
        align-items: center;
        justify-content: center;
        color: #FFF;
        border-radius: 20px 0 0 20px
}

.SB-downloadApp .SB-androidIcon SVG {
        height: 16px;
        margin-left: 3px
}

.SB-downloadApp .SB-androidIcon SVG path {
        fill: #FFF
}

.SB-downloadApp span {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0 10px;
        border: 2px solid #515151;
        border-radius: 0 20px 20px 0
}

.SB-scrolltoTop {
        position: fixed;
        bottom: 52px;
        right: 10px;
        z-index: 101;
        background-color: #EEE;
        padding: 2px;
        border-radius: 4px;
        opacity: 0.8;
        cursor: pointer;
        display: none
}

.SB-scrolltoTop .SB-iconSvg {
        display: flex
}

.SB-scrolltoTop .SB-iconSvg svg path {
        fill: #97d23a
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
        .SB-scrolltoTop {
                right: calc(50% - 373px)
        }
}

.SB-OR {
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center
}

.SB-OR .SB-OR-line {
        display: inline-block;
        width: 50px;
        height: 1px;
        background-color: #222222
}

.SB-OR .SB-OR-txt {
        font-weight: 500;
        padding: 0 5px
}

.SB-hide-mobile {
        display: none
}

.SB-show-mobile {
        display: block
}

@media screen and (min-width: 1024px) {
        .SB-show-desktop {
                display: block
        }
        .SB-hide-desktop {
                display: none
        }
}

.SB-show-OPME {
        display: none
}

.SB-dropdown {
        position: relative
}

.SB-dropdown .SB-dropdown-menu {
        display: none;
        position: absolute;
        z-index: 999
}

.SB-dropdown .SB-dropdown-menu ul li {
        padding: 10px 10px;
        border-bottom: 1px solid #EEE;
        cursor: pointer
}

.SB-dropdown .SB-dropdown-menu ul li:last-child {
        border-bottom: 0
}

.SB-dropdown .SB-dropdown-menu ul li:hover {
        background-color: #97d23a;
        color: #000;
        font-weight: 600
}

.SB-dropdown.active .SB-dropdown-menu {
        display: block
}

.SB-testmenu {
        display: inline-block;
        width: 100%
}

.SB-SEOBox {
        border: 1px solid #DDD;
        background-color: #F6f6f6;
        border-radius: 4px;
        margin: 20px 12px
}

@media screen and (max-width: 300px) {
        .SB-SEOBox {
                margin: 16px 4px
        }
}

.SB-SEOBox .SB-SEOBox-header {
        padding: 12px 12px 0;
        font-size: 16px;
        font-weight: 600
}

.SB-SEOBox .SB-SEOBox-header .SB-SEOBox-title {
        font-size: 16px;
        font-weight: 600
}

.SB-SEOBox .SB-SEOBox-header.SB-accordion-header {
        display: flex;
        align-items: center;
        justify-content: space-between
}

.SB-SEOBox .SB-SEOBox-content {
        padding: 20px 16px 8px;
        color: #000
}

@media screen and (min-width: 50px) and (max-width: 767px) {
        .SB-SEOBox .SB-SEOBox-content {
                padding: 16px 12px 8px
        }
}

@media screen and (max-width: 300px) {
        .SB-SEOBox .SB-SEOBox-content {
                padding: 10px 8px 2px
        }
}

@media screen and (min-width: 1024px) {
        .SB-SEOBox .SB-SEOBox-content::-webkit-scrollbar-track {
                border-radius: 10px;
                background-color: #F5F5F5;
                overflow-x: auto
        }
        .SB-SEOBox .SB-SEOBox-content::-webkit-scrollbar {
                width: 4px;
                height: 4px;
                background-color: #F5F5F5;
                overflow-x: auto
        }
        .SB-SEOBox .SB-SEOBox-content::-webkit-scrollbar-thumb {
                border-radius: 10px;
                background-color: #DDD;
                overflow-x: auto
        }
}

.SB-SEOBox .SB-SEOBox-content h1 {
        font-size: 16px;
        margin-bottom: 8px;
        font-weight: 600
}

.SB-SEOBox .SB-SEOBox-content h2 {
        font-size: 14px;
        margin-bottom: 8px;
        font-weight: 600
}

.SB-SEOBox .SB-SEOBox-content h3,
.SB-SEOBox .SB-SEOBox-content h4 {
        font-size: 12px;
        margin-bottom: 4px;
        font-weight: 600
}

.SB-SEOBox .SB-SEOBox-content p {
        line-height: 16px;
        margin-bottom: 15px
}

.SB-SEOBox .SB-SEOBox-content a {
        text-decoration: underline;
        font-weight: 600
}

.SB-SEOBox .SB-SEOBox-content ol,
.SB-SEOBox .SB-SEOBox-content ul {
        padding-left: 15px
}

.SB-SEOBox .SB-SEOBox-content ol li,
.SB-SEOBox .SB-SEOBox-content ul li {
        margin-bottom: 8px;
        line-height: 14px
}

.SB-SEOBox .SB-SEOBox-content ul li {
        list-style: disc
}

.SB-footer {
        text-align: left;
        color: #fff;
        font-size: 11px;
        margin-bottom: 65px
}

@media screen and (min-width: 1024px) {
        .SB-footer {
                margin-bottom: 0
        }
}

.SB-footer .SB-footer-container {
        padding: 20px 12px 25px
}

.SB-footer .SB-footer-linksList {
        padding: 5px 0 0
}

.SB-footer .SB-footer-linksList ul {
        display: flex;
        flex-wrap: wrap
}

.SB-footer .SB-footer-linksList ul li {
        padding-right: 20px;
        margin-bottom: 10px;
        max-width: 50%;
        min-width: 50%
}

.SB-footer .SB-footer-linksList ul li a {
        color: #ffe600 !important;
        font-size: 15px !important;
}

.SB-footer .SB-footer-linksList ul li a:hover {
        text-decoration: underline
}

@media screen and (min-width: 1024px) {
        .SB-footer .SB-footer-linksList ul li {
                max-width: auto;
                min-width: auto
        }
}

.SB-footer .SB-divider {
        width: 100%;
        height: 1px;
        background-color: #DDD;
        margin: 10px 0 20px;
        display: block
}

.SB-footer p {
        margin: 0;
        padding-bottom: 10px;
        font-size: 14px;}

.SB-footer .SB-footer-logos-container {
        display: flex;
        align-items: center;
        flex-wrap: wrap
}

.SB-footer .SB-footer-logo {
        padding-right: 15px;
        border-right: 1px solid #DDD;
        margin: 7px 0;
        position: relative
}

@media screen and (max-width: 300px) {
        .SB-footer .SB-footer-logo {
                border-right: 0;
                margin-right: 0;
                padding-right: 10px
        }
}

.SB-footer .SB-footer-logo .SB-iconSvg {
        height: 30px;
        display: inline-block
}

.SB-footer .SB-footer-logo .SB-iconSvg svg {
        height: 30px
}

.SB-footer .SB-footer-logo .SB-iconSvg svg path {
        fill: #515151
}

.SB-footer .SB-footer-logoList {
        margin-right: 15px;
        padding: 0 15px;
        /*border-right: 1px solid #DDD*/
}

.SB-footer .SB-footer-logoList ul li {
        display: inline-block;
        padding-right: 10px;
        margin: 7px 0
}

.SB-footer .SB-footer-logoList ul li:last-child {
        padding-right: 0
}

.SB-footer .SB-sponsorship-logo {
        margin: 7px 0
}

.SB-footer .SB-downloadApp-logo {
        padding: 0 12px;
        margin: 7px 0
}

.SB-mobile-footer {
        background-color: #515151;
        height: 65px;
        position: fixed;
        bottom: 0;
        left: auto;
        right: auto;
        max-width: 100%;
        margin: 0 auto;
        width: 100%
}

.SB-mobile-footer ul {
        display: flex;
        width: 100%;
        text-align: center;
        height: 100%
}

.SB-mobile-footer ul li {
        cursor: pointer;
        color: #bfbfbf;
        flex: 1 1 auto;
        display: flex;
        align-items: center;
        justify-content: center;
        min-width: 70px;
        height: 100%;
        vertical-align: middle;
        font-size: 12px;
        padding-top: 5px;
        position: relative
}

.SB-mobile-footer ul li a {
        display: block
}

.SB-mobile-footer ul li i {
        font-size: 24px;
        margin-bottom: 5px;
        display: inline-block;
        color: #FFFFFF !important;
}
.table tbody+tbody {
        border-top: 0.1px solid #dee2e6 !important;
}

.table thead th {
        vertical-align: bottom;
        border-bottom: transparent !important;
}
.SB-mobile-footer ul li img {
        width: 24px;
        min-width: 24px;
        max-width: 24px;
        min-height: 24px;
        max-height: 24px;
        margin-bottom: 5px;
        display: inline-block;
        opacity: 0.6
}

.SB-mobile-footer ul li div {
        line-height: 1.1
}

.SB-mobile-footer ul li.active {
        color: #FFF
}

.SB-mobile-footer ul li.active i {
        color: #FFF;
        font-weight: 500
}

.SB-mobile-footer ul li.active img {
        opacity: 1
}

.SB-mobile-footer ul li.active .SB-iconSvg svg path {
        fill: #FFF
}

.SB-mobile-footer ul li .SB-iconSvg {
        height: 18px;
        margin-bottom: 3px
}

.SB-mobile-footer ul li .SB-iconSvg svg {
        height: 18px
}

.SB-mobile-footer ul li .SB-iconSvg svg path {
        fill: #bfbfbf
}

.SB-mobile-footer ul li .SB-iconSvg.SB-inplayIcon svg {
        height: 21px
}

.SB-mobile-footer ul li.SB-highlight {
        background-color: #97d23a;
        color: #000
}

.SB-mobile-footer ul li .SB-bets-count {
        width: 18px;
        height: 18px;
        border-radius: 50%;
        background-color: #97d23a;
        position: absolute;
        top: 3px;
        text-align: center;
        color: #000;
        line-height: 19px;
        font-weight: bold
}

.SB-mobile-footer ul li.SB-chatBubble {
        background-color: #97d23a;
        color: #333;
        font-weight: 600
}

.SB-mobile-footer ul li.SB-chatBubble.active {
        background-color: #97d23a;
        color: #FFF
}

.SB-mobile-footer ul li.SB-chatBubble.active a {
        animation: SB-flash .4s alternate 10
}

@keyframes SB-flash {
        0% {
                transform: scale(0.8)
        }
        100% {
                transform: scale(1.1)
        }
}

.SB-chatBubble {
        position: fixed;
        right: 20px;
        bottom: 20px;
        cursor: pointer;
        z-index: 999
}

.SB-chatBubble .SB-chatBubble-container {
        background-color: #97d23a;
        border-radius: 50%;
        width: 50px;
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center
}

.SB-chatBubble .SB-chatBubble-container .SB-loader .SB-loaderSVGIcon {
        display: flex
}

.SB-chatWidget {
        min-height: 0;
        width: 326px;
        position: fixed;
        right: 35px;
        bottom: 35px;
        z-index: 999;
        text-align: right
}

@media screen and (min-width: 200px) and (max-width: 1023px) {
        .SB-chatWidget {
                top: auto;
                right: 12px;
                left: auto;
                bottom: 70px
        }
}

.SB-chatWidget .SB-chatWidget-close {
        display: inline-block;
        cursor: pointer;
        margin-bottom: 5px;
        opacity: 0.75
}

.SB-chatWidget .SB-chatWidget-close:hover {
        opacity: 1
}

.SB-chatWidget .SB-chatWidget-container {
        display: flex;
        flex-direction: column;
        height: 100%;
        border-radius: 4px;
        box-shadow: 0 -1px 20px rgba(0, 0, 0, 0.16);
        text-align: left
}

.SB-chatWidget .SB-chatWidget-header {
        background-color: #515151;
        padding: 14px 12px 10px;
        color: #FFF;
        font-size: 14px;
        font-weight: bold;
        border-radius: 6px 6px 0 0
}

.SB-chatWidget .SB-chatWidget-header .SB-logo {
        margin-bottom: 10px
}

.SB-chatWidget .SB-chatWidget-header .SB-logo img {
        height: 25px
}

.SB-chatWidget .SB-chatWidget-content {
        background-color: #f4f5f7;
        padding: 12px;
        overflow-y: auto;
        border-radius: 0 0 6px 6px;
        flex: 1 1 auto;
        max-height: 520px
}

.SB-chatWidget .SB-chatWidget-content::-webkit-scrollbar {
        width: 6px;
        background: #222222
}

.SB-chatWidget .SB-chatWidget-content::-webkit-scrollbar-thumb {
        background: #888
}

@media screen and (min-width: 200px) and (max-width: 1023px) {
        .SB-chatWidget .SB-chatWidget-content {
                height: 450px
        }
}

.SB-chatWidget .SB-chatWidget-content .g-recaptcha {
        transform: scale(0.85);
        transform-origin: 0 0
}

.SB-chatWidget .SB-form {
        margin-bottom: 0 !important
}

.SB-chatWidget .SB-form-footer-message {
        display: none
}

.mobile-chat-container {
        box-shadow: none !important;
        border-radius: 34px;
        padding: 13px;
        background-color: #97d23a !important;
        bottom: 20px !important;
        right: 20px !important
}

.mobile-chat-container .fa-comments {
        background-image: url("../images/other-icons/liveChat.svg") !important
}

@media screen and (min-width: 50px) and (max-width: 767px) {
        .mobile-chat-container .fa-comments {
                background-image: url("../images/other-icons/footer-live-chat.svg") !important;
                opacity: 0.6
        }
        .mobile-chat-container .fa-comments::before {
                content: "Chat";
                font-family: "GT-Walsheim-Pro";
                font-size: 12px;
                position: relative;
                bottom: -19px;
                left: -3px;
                opacity: 1;
                color: #FFF
        }
}

@media screen and (min-width: 50px) and (max-width: 767px) {
        .mobile-chat-container {
                bottom: 16px !important;
                right: 16px !important;
                background-color: transparent !important
        }
        .mobile-chat-container #joe-bubble-unread {
                width: 18px;
                height: 18px;
                background-color: #97d23a !important;
                color: #000 !important;
                right: -8px !important;
                border: 0;
                font-size: 12px;
                z-index: 999;
                font-weight: bold;
                line-height: 18px
        }
}

.pulsate {
        animation: pulsate 1s infinite ease-out;
        opacity: 0.5
}

@-webkit-keyframes pulsate {
        0% {
                transform: scale(0.8);
                opacity: 0.7
        }
        50% {
                transform: scale(1);
                opacity: 1.0
        }
        100% {
                transform: scale(0.8);
                opacity: 0.7
        }
}

.animate-betCount {
        animation: animate-betCount 1s ease-in;
        animation-iteration-count: 2
}

@-webkit-keyframes animate-betCount {
        0% {
                transform: scale(1)
        }
        50% {
                transform: scale(1.5)
        }
        100% {
                transform: scale(1)
        }
}

.SB-searchResults .SB-searchResults-header {
        font-size: 12px;
        background-color: #FFF;
        border: 1px solid #515151;
        padding: 8px 12px;
        color: #515151;
        margin: 10px;
        border-radius: 4px
}

.SB-searchResults .SB-searchResults-header b {
        color: #97d23a
}

.SB-FP-popularLeaguesFeaturedMatches {
        display: none
}

.splide__pagination {
        bottom: 3px
}

.splide__pagination .splide__pagination__page {
        background-color: #FFF;
        opacity: 0.5
}

.splide__pagination .splide__pagination__page.is-active {
        background-color: #97d23a;
        opacity: 1
}

.splide__arrows {
        display: none
}

.splide__arrows .splide__arrow {
        background: #FFF
}

.splide__arrows .splide__arrow[disabled] {
        pointer-events: none
}

.splide__arrows .splide__arrow:hover {
        opacity: 1
}

@media screen and (min-width: 1024px) {
        .SB-superBanner:hover .splide__arrows,
        .SB-casinoBanner:hover .splide__arrows,
        .SB-betslipBanner:hover .splide__arrows {
                display: block
        }
}

.SB-superBanner {
        padding: 0 12px;
        margin-bottom: 14px;
        /*height: 190px;*/
        overflow: hidden
}

@media screen and (max-width: 300px) {
        .SB-superBanner {
                padding: 0 8px
        }
}

.SB-superBanner .SB-superBanner-item {
        position: relative;
        /*min-width: 415px !important;*/
        /*max-width: 415px !important;*/
        min-width: 100%;
        max-width: 100%;
        border-radius: 6px;
        overflow: hidden;
        color: #FFF;
        background-color: #DDD;
        display: flex;
        justify-content: space-between;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: right;
        height: 190px
}

@media screen and (min-width: 50px) and (max-width: 767px) {
        .SB-superBanner .SB-superBanner-item {
                min-width: 200px;
                max-width: 200px
        }
}

.SB-superBanner .SB-superBanner-item.SB-txt-dark {
        color: #000
}

.panSet{
        padding-top: 12px;
        color: #f8f4f4;
        font-size: 22px !important;
}

.jackpot-name{
        margin: 7px;
        width: 37px;
}

.SB-superBanner .SB-superBanner-item .SB-superBanner-image {
        text-align: right
}

.SB-superBanner .SB-superBanner-item .SB-superBanner-image img {
        height: 90px;
        max-height: 90px;
        min-width: 90px;
        max-width: 90px
}

.SB-superBanner .SB-superBanner-item .SB-superBanner-content {
        position: relative;
        padding: 16px 6px 12px 16px;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: top;
        max-width: 60%
}

.SB-superBanner .SB-superBanner-item .SB-banner-textSmall {
        font-size: 12px
}

.SB-superBanner .SB-superBanner-item .SB-banner-textMedium,
.SB-superBanner .SB-superBanner-item .SB-banner-textBig {
        font-size: 18px;
        font-weight: bold;
        line-height: 1.2
}

.SB-superBanner .SB-superBanner-item .SB-banner-terms {
        padding: 10px;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        background-color: rgba(0, 0, 0, 0.5);
        font-size: 8px;
        color: #FFF;
        line-height: 1.2
}

.SB-superBanner .splide__list .splide__slide {
        margin-right: 10px
}

.SB-casinoBanner {
        padding: 0 12px;
        margin-bottom: 14px;
        height: 190px;
        overflow: hidden
}

@media screen and (max-width: 300px) {
        .SB-casinoBanner {
                padding: 0 8px
        }
}

.SB-casinoBanner .SB-casinoBanner-item {
        position: relative;
        min-width: 320px;
        max-width: 320px;
        border-radius: 6px;
        overflow: hidden;
        color: #FFF;
        background-color: #DDD;
        display: flex;
        justify-content: space-between;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: right;
        height: 190px
}

@media screen and (min-width: 50px) and (max-width: 767px) {
        .SB-casinoBanner .SB-casinoBanner-item {
                min-width: 300px;
                max-width: 300px
        }
}

.SB-casinoBanner .SB-casinoBanner-item.SB-txt-dark {
        color: #000
}

.SB-casinoBanner .SB-casinoBanner-item .SB-casinoBanner-image {
        text-align: right
}

.SB-casinoBanner .SB-casinoBanner-item .SB-casinoBanner-image img {
        height: 90px;
        max-height: 90px;
        min-width: 90px;
        max-width: 90px
}

.SB-casinoBanner .SB-casinoBanner-item .SB-casinoBanner-content {
        position: relative;
        padding: 16px 6px 12px 16px;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: top;
        max-width: 60%
}

.SB-casinoBanner .SB-casinoBanner-item .SB-banner-textSmall {
        font-size: 12px
}

.SB-casinoBanner .SB-casinoBanner-item .SB-banner-textMedium,
.SB-casinoBanner .SB-casinoBanner-item .SB-banner-textBig {
        font-size: 18px;
        font-weight: bold;
        line-height: 1.2
}

.SB-casinoBanner .SB-casinoBanner-item .SB-banner-terms {
        padding: 10px;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        background-color: rgba(0, 0, 0, 0.5);
        font-size: 8px;
        color: #FFF;
        line-height: 1.2
}

.SB-casinoBanner .splide__list .splide__slide {
        margin-right: 10px
}

.SB-betslipBanner {
        color: #FFF
}

.SB-betslipBanner .SB-betslipBanner-item {
        position: relative;
        border-radius: 6px;
        overflow: hidden;
        max-width: 320px;
        margin: 0 auto
}

.SB-betslipBanner .SB-betslipBanner-item .SB-betslipBanner-content {
        padding: 12px;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        text-align: left
}

.SB-betslipBanner .SB-betslipBanner-item .SB-betslipBanner-content .SB-banner-textSmall {
        font-size: 13px;
        margin-top: 5px
}

@media screen and (min-width: 50px) and (max-width: 767px) {
        .SB-betslipBanner .SB-betslipBanner-item .SB-betslipBanner-content .SB-banner-textSmall {
                font-size: 12px
        }
}

@media screen and (max-width: 300px) {
        .SB-betslipBanner .SB-betslipBanner-item .SB-betslipBanner-content .SB-banner-textSmall {
                font-size: 10px
        }
}

.SB-betslipBanner .SB-betslipBanner-item .SB-betslipBanner-content .SB-banner-textBig {
        font-size: 18px;
        font-weight: bold;
        line-height: 1.2
}

@media screen and (min-width: 50px) and (max-width: 767px) {
        .SB-betslipBanner .SB-betslipBanner-item .SB-betslipBanner-content .SB-banner-textBig {
                font-size: 16px
        }
}

@media screen and (max-width: 300px) {
        .SB-betslipBanner .SB-betslipBanner-item .SB-betslipBanner-content .SB-banner-textBig {
                font-size: 12px
        }
}

.SB-betslipBanner .SB-betslipBanner-item.SB-txt-dark .SB-betslipBanner-content {
        color: #000
}

.SB-sportPage .SB-filterButtons {
        padding-top: 5px
}

.SB-sportPage .SB-leagueList {
        margin: 0 12px
}

.SB-virtual-iframe-widget {
        padding: 8px 12px 0
}

@media screen and (min-width: 1024px) {
        .SB-virtual-iframe-widget {
                display: block
        }
}

.SB-btnShowMedia-container {
        text-align: center
}

@media screen and (min-width: 1024px) {
        .SB-btnShowMedia-container {
                display: none
        }
}

.SB-btnShowMedia {
        background-color: #e7e7e7;
        border: 1px solid #d3d3d3;
        display: inline-block;
        margin-bottom: 10px;
        text-align: center;
        padding: 6px 18px;
        border-radius: 32px;
        font-weight: bold;
        width: auto
}

.SB-btnShowMedia.active {
        background-color: #97d23a;
        border: 0;
        margin-bottom: 0
}

.SB-virtual-iframe-widget {
        overflow-y: auto
}

@media screen and (min-width: 50px) and (max-width: 767px) {
        .SB-virtual-iframe-widget {
                display: none
        }
}

.SB-virtual-iframe-widget iframe {
        border: 0;
        width: 100%
}

.SB-liveNow .SB-sportCategoryList {
        padding-top: 0
}

@media screen and (max-width: 300px) {
        .SB-liveNow .SB-sportCategoryList {
                padding-top: 10px
        }
}

.SB-sportCategoryList {
        padding: 10px 0 10px;
        width: 100%
}

.SB-sportCategoryList.is-active ul li:first-child .SB-sportCategoryListItem {
        margin-left: 12px
}

@media screen and (min-width: 1024px) {
        .SB-sportCategoryList.is-active ul li:first-child .SB-sportCategoryListItem {
                margin-left: 0
        }
}

@media screen and (min-width: 1024px) {
        .SB-sportCategoryList {
                padding: 10px 12px
        }
}

.SB-sportCategoryList ul {
        display: flex;
        align-items: flex-start
}

.SB-sportCategoryList ul li {
        flex: 1 1 auto
}

.SB-sportCategoryList ul li .SB-sportCategoryListItem .SB-select {
        width: 100%;
        height: 32px
}

.SB-sportCategoryList ul li:last-child .SB-sportCategoryListItem {
        margin-right: 0
}

.SB-sportCategoryList .SB-sportCategoryListItem-container {
        text-align: center
}

.SB-sportCategoryList .SB-sportCategoryListItem {
        flex: 1 1 auto;
        max-width: 115px;
        position: relative;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        text-align: center;
        margin-right: 12px
}

.SB-sportCategoryList .SB-sportCategoryListItem .SB-icon_container {
        width: 50px;
        height: 50px;
        border-radius: 50px;
        background-color: #e9e9e9;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto 8px
}

.SB-sportCategoryList .SB-sportCategoryListItem .SB-icon_container img {
        min-width: 22px;
        max-width: 22px;
        min-height: 22px;
        max-height: 22px
}

.SB-sportCategoryList .SB-sportCategoryListItem .SB-icon_container .SB-icon {
        font-size: 22px;
        color: #333
}

.SB-sportCategoryList .SB-sportCategoryListItem .SB-icon_container .SB-live {
        position: absolute;
        top: -2px;
        right: -13px;
        font-size: 9px;
        font-weight: 500;
        width: 25px;
        padding: 0;
        height: 13px;
        min-width: 25px
}

.SB-sportCategoryList .SB-sportCategoryListItem .SB-icon_container .SB-live-count {
        position: absolute;
        top: -6px;
        right: -10px;
        font-size: 9px;
        font-weight: 500;
        padding: 0
}

.SB-sportCategoryList .SB-sportCategoryListItem .SB-icon_container .SB-iconSvg svg {
        height: 24px
}

.SB-sportCategoryList .SB-sportCategoryListItem .SB-icon_container .SB-iconSvg svg path {
        fill: #333
}

.SB-sportCategoryList .SB-sportCategoryListItem .SB-txtWrapper {
        font-size: 11px;
        color: #ffe600
}

.SB-sportCategoryList .SB-sportCategoryListItem .SB-liveMatchCount {
        color: #666;
        font-size: 11px;
        margin-top: 5px;
        line-height: 1
}

.SB-sportCategoryList .SB-sportCategoryListItem.active .SB-icon_container {
        background-color: #97d23a
}

.SB-sportCategoryList .SB-sportCategoryListItem.active .SB-txtWrapper {
        color: #fff;
        font-weight: 600
}

.SB-sportCategoryList .SB-sportCategoryListItem.active .SB-iconSvg svg path {
        fill: #000
}

.SB-sportCategoryList .SB-sportCategoryListItem.active i {
        color: #000
}

.SB-sportCategoryList .SB-sportCategoryListItem.active .SB-liveMatchCount {
        color: #000;
        font-weight: 600
}

.SB-sportCategoryList .SB-sportCategoryListItem:hover .SB-txtWrapper {
        color: #000
}

@media screen and (min-width: 50px) and (max-width: 767px) {
        .SB-eventPage.SB-content {
                padding: 0
        }
}

.SB-eventPage .SB-scoreBoard {
        overflow: hidden;
        position: relative;
        padding: 10px 12px 0;
        margin-bottom: 10px
}

.SB-eventPage .SB-scoreBoard .SB-pageBackButton {
        font-size: 18px;
        width: 50px;
        height: 50px;
        position: absolute;
        padding: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer
}

.SB-eventPage .SB-scoreBoard .SB-scoreBoard-content {
        color: #000;
        border-bottom: 1px solid #DDD;
        padding-bottom: 10px
}

.SB-eventPage .SB-scoreBoard .SB-scoreBoard-content .SB-scoreBoard-innerContent {
        display: flex;
        align-items: center
}

.SB-eventPage .SB-scoreBoard .SB-scoreBoard-content .SB-fixtureInfo {
        flex: 1 1 auto;
        padding-right: 10px;
        font-size: 16px
}

.SB-eventPage .SB-scoreBoard .SB-scoreBoard-content .SB-fixtureInfo .SB-teamName {
        font-weight: 600
}

.SB-eventPage .SB-scoreBoard .SB-scoreBoard-content .SB-kickOffInfo {
        font-size: 14px;
        font-weight: 600;
        color: #6e6e6e;
        display: flex;
        align-items: center
}

.SB-eventPage .SB-scoreBoard .SB-scoreBoard-content .SB-kickOffInfo .SB-icon {
        font-size: 20px;
        color: #6e6e6e
}

.SB-eventPage .SB-scoreBoard .SB-scoreBoard-content .SB-kickOffInfo a {
        margin-right: 10px
}

.SB-eventPage .SB-scoreBoard .SB-scoreBoard-content .SB-leagueInfo {
        font-size: 14px;
        color: #6e6e6e
}

.SB-eventPage .SB-scoreBoard .SB-scoreBoard-content .SB-extraInfo-container {
        display: flex;
        align-items: center
}

.SB-eventPage .SB-scoreBoard .SB-scoreBoard-content .SB-extraInfo-container .SB-leagueInfo {
        flex: 1 1 auto
}

.SB-eventPage .SB-scoreBoard .SB-scoreBoard-content .SB-extraInfo-container a {
        margin-left: 10px
}

.SB-eventPage .SB-scoreBoard .SB-scoreBoard-content .SB-extraInfo-container .SB-icon {
        font-size: 20px;
        color: #6e6e6e
}

.SB-eventPage .SB-scoreBoard .SB-leagueInfo-container {
        background-color: #515151;
        padding: 8px 12px;
        font-size: 12px;
        display: flex
}

.SB-eventPage .SB-scoreBoard .SB-leagueInfo-container .SB-leagueInfo {
        flex: 1 1 auto
}

.SB-eventPage .SB-scoreBoard .SB-leagueInfo-container .SB-leagueInfo span {
        text-decoration: underline
}

.SB-eventPage .SB-scoreBoard .SB-leagueInfo-container .SB-smsCode {
        padding-left: 5px;
        font-weight: 600;
        text-align: right
}

@media screen and (max-width: 300px) {
        .SB-eventPage .SB-scoreBoard .SB-leagueInfo-container {
                flex-direction: column;
                padding: 2px 8px
        }
}

.SB-eventPage .SB-scoreBoard .SB-match__teamName-divider {
        padding: 0 6px
}

.SB-eventPage .SB-scoreBoard .SB-scoreBoard-content .SB-playerScore {
        display: flex;
        margin-bottom: 3px
}

.SB-eventPage .SB-scoreBoard .SB-scoreBoard-content .SB-playerScore .SB-playerName {
        flex: 1 1 auto;
        font-size: 12px;
        font-weight: 500
}

.SB-eventPage .SB-scoreBoard .SB-scoreBoard-content .SB-playerScore .SB-setScoreList {
        display: flex
}

.SB-eventPage .SB-scoreBoard .SB-scoreBoard-content .SB-playerScore .SB-setScoreList .SB-setScore {
        width: 36px;
        text-align: center;
        color: #222;
        font-size: 12px;
        font-weight: 600
}

.SB-eventPage .SB-scoreBoard .SB-scoreBoard-content .SB-playerScore .SB-setScoreList .SB-setScore.active {
        color: #97d23a
}

.SB-eventPage .SB-scoreBoard .SB-scoreBoard-content .SB-playerScore .SB-setScoreList .SB-setScore.highlight {
        color: #FFF;
        font-weight: 600
}

.SB-eventPage .SB-scoreBoard .SB-scoreBoard-content .SB-playerScore .SB-setScoreList .SB-gameScore {
        font-weight: 600
}

.SB-eventPage .SB-scoreBoard .SB-scoreBoard-content .SB-playerScore-header {
        display: flex;
        font-size: 10px;
        color: #515151;
        font-size: 12px;
        padding: 1px 0;
        margin-bottom: 3px
}

.SB-eventPage .SB-scoreBoard .SB-scoreBoard-content .SB-playerScore-header .SB-matchMinuteInfo {
        flex: 1 1 auto;
        padding-right: 5px;
        color: #D96900;
        font-weight: 600
}

.SB-eventPage .SB-scoreBoard .SB-scoreBoard-content .SB-playerScore-header .SB-headerInfo {
        display: flex
}

.SB-eventPage .SB-scoreBoard .SB-scoreBoard-content .SB-playerScore-header .SB-headerInfo .SB-heading {
        width: 36px;
        text-align: center
}

.SB-eventPage .SB-scoreBoard .SB-scoreBoard-content .SB-playerScore-header .SB-headerInfo .SB-heading.highlight {
        color: #FFF;
        font-weight: 500
}

.SB-eventPage .SB-scoreBoard .SB-redCard i {
        color: #E53935
}

.SB-eventPage .SB-scoreBoard .SB-yellowCard i {
        color: #FFC107
}

.SB-eventPage .SB-scoreBoard .SB-leagueKickOffInfo {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        font-size: 14px;
        margin: 8px 0
}

.SB-eventPage .SB-scoreBoard .SB-otherInfo {
        display: flex;
        justify-content: center;
        font-weight: 300
}

.SB-eventPage .SB-scoreBoard .SB-extraInfo {
        display: flex;
        justify-content: flex-end;
        font-size: 14px
}

.SB-eventPage .SB-scoreBoard .SB-extraInfo i {
        margin-right: 12px;
        cursor: pointer
}

.SB-eventPage .SB-scoreBoard .SB-extraInfo i:last-child {
        margin-right: 0
}

.SB-eventPage .SB-scoreBoard .SB-extraInfo i.active {
        color: #D96900
}

.SB-eventPage .SB-scoreBoard .SB-kickOff {
        text-align: center
}

.SB-eventPage .SB-scoreBoard .SB-matchMinute {
        text-align: center;
        color: #515151
}

.SB-eventPage .SB-scoreBoard .SB-ScoreBoard__mainInfo {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0 10px 10px 20px
}

.SB-eventPage .SB-scoreBoard .SB-ScoreBoard__mainInfo .SB-leagueKickOffInfo {
        margin: 0
}

.SB-eventPage .SB-scoreBoard .SB-ScoreBoard__mainInfo .SB-leagueKickOffInfo span {
        white-space: nowrap
}

.SB-eventPage .SB-scoreBoard.SB-liveMatch .SB-leagueKickOffInfo {
        font-size: 11px;
        color: rgba(239, 239, 239, 0.6)
}

.SB-eventPage .SB-filterButtons {
        background-color: #2c2e30;
        padding: 0
}

.SB-eventPage .SB-filterButtons.SB-sticky {
        border-bottom: 2px solid #515151
}

.SB-marketGroupList {
        padding: 10px 0
}

@media screen and (min-width: 1024px) {
        .SB-marketGroupList {
                padding: 10px 12px
        }
}

.SB-marketGroupList.is-active ul li:first-child {
        padding-left: 12px
}

.SB-marketGroupList.is-active ul li:last-child .SB-marketGroupList-item {
        display: none
}

.SB-marketGroupList ul {
        display: flex;
        align-items: center
}

.SB-marketGroupList ul li {
        padding-right: 12px
}

.SB-marketGroupList ul li .SB-marketGroupList-item {
        display: flex;
        align-items: center;
        justify-content: center;
        flex: 1 1 auto;
        font-size: 14px;
        cursor: pointer;
        color: #f6f6f6
}

.SB-marketGroupList ul li .SB-marketGroupList-item.active,
.SB-marketGroupList ul li .SB-marketGroupList-item:hover {
        color: #000;
        font-weight: bold
}

.SB-marketGroupList ul li .SB-marketGroupList-item .SB-select {
        color: #f6f6f6
}

.SB-marketGroupList ul li:last-child {
        padding-right: 0
}

.SB-marketOutComeOddsList {
        width: 100%;
        display: table;
        table-layout: fixed
}

.SB-marketOutComeOddsList li {
        padding: 3px;
        float: left;
        width: 100%
}

.SB-marketOutComeOddsList li .SB-btnOutComeOdds {
        height: 45px;
        border-radius: 0
}

.SB-marketOutComeOddsList li.SB-subMarket .SB-subMarket-item {
        background-color: #e4e4e4;
        height: 45px;
        display: flex;
        align-items: center;
        padding: 0 8px;
        color: #f6f6f6
}

.SB-marketOutComeOddsList li .SB-outComeHeader {
        background-color: #ececec;
        color: #f6f6f6;
        text-align: center;
        display: flex;
        align-items: center;
        padding: 0 8px;
        justify-content: center
}

.SB-marketOutComeOddsList li .SB-outComeHeader.text-left {
        justify-content: flex-start
}

.SB-marketOutComeOddsList.SB-fourInRow li {
        width: 25%
}

.SB-marketOutComeOddsList.SB-threeInRow li {
        width: 33.33%
}

.SB-marketOutComeOddsList.SB-twoInRow li {
        width: 50%
}

.SB-eventPage-content {
        padding: 0 12px
}

.SB-marketBox .SB-marketBox-header {
        background-color: transparent;
        min-height: 36px;
        display: flex;
        align-items: center;
        padding: 16px 0;
        font-size: 12px;
        font-weight: bold;
        line-height: 12px;
        color: #222222
}

.SB-marketBox .SB-marketBox-header .SB-marketName {
        display: flex;
        flex: 1 1 auto;
        color: #000
}

.SB-marketBox .SB-marketBox-header .SB-marketName span {
        vertical-align: middle
}

.SB-marketBox .SB-marketBox-header .SB-marketName .SB-cashoutIcon-marketHeader {
        margin-left: 8px;
        width: 16px;
        height: 10px
}

.SB-marketBox .SB-marketBox-header .SB-market-extraInfo {
        color: #DDD
}

.SB-marketBox .SB-marketBox-header .SB-market-extraInfo .SB-icon {
        margin-right: 10px;
        font-size: 16px;
        cursor: pointer
}

.SB-marketBox .SB-marketBox-header .SB-market-extraInfo .SB-icon:last-child {
        margin-right: 0
}

.SB-marketBox .SB-marketBox-header .SB-market-extraInfo .SB-icon.active {
        color: #D96900
}

.SB-marketBox .SB-marketBox-content {
        padding: 0 0 16px;
        margin: 0 -3px
}

.SB-marketBox .SB-subMarket {
        padding-left: 3px
}

.SB-marketBox .SB-outComeLabel {
        margin: 5px 0 2px;
        padding-left: 10px
}

.SB-marketBox.SB-marketSuspended {
        pointer-events: none;
        position: relative
}

.SB-marketBox.SB-marketSuspended .SB-marketBox-content {
        opacity: .6;
        border-color: #555
}

.SB-marketBox.SB-marketSuspended .SB-marketBox-header {
        background-color: #464a57
}

.SB-marketBox.SB-marketSuspended .SB-marketBox-header span {
        opacity: .6
}

.SB-marketBox.SB-marketSuspended .SB-marketBox-header::after {
        opacity: .6
}

.SB-marketBox.SB-marketSuspended:after {
        content: "Suspended";
        position: absolute;
        top: 7px;
        right: 25px;
        opacity: 1
}

.SB-marketBox.SB-accordion {
        border-bottom: 1px solid #d7d7d7
}

.SB-marketBox:last-child {
        border-bottom: 0 !important
}

.SB-row {
        display: flex
}

.SB-row .SB-col {
        flex: 1 1 0%
}

.SB-iframe {
        padding: 0 12px;
        margin-bottom: 10px
}

.SB-iframeWidgetsLinks {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 15px 0 10px
}

.SB-iframeWidgetsLinks ul {
        display: flex;
        align-items: center;
        background-color: #e7e7e7;
        border-radius: 6px;
        border: 1px solid #d3d3d3;
        overflow: hidden;
        padding: 1px
}

.SB-iframeWidgetsLinks ul li {
        cursor: pointer
}

.SB-iframeWidgetsLinks ul li a {
        padding: 6px 10px;
        display: flex;
        border-radius: 5px;
        position: relative
}

.SB-iframeWidgetsLinks ul li a img {
        min-width: 22px;
        max-width: 22px
}

.SB-iframeWidgetsLinks ul li a .SB-iconSVG {
        width: 22px;
        height: 22px
}

.SB-iframeWidgetsLinks ul li a .SB-iconSVG svg {
        width: 22px;
        height: 22px
}

.SB-iframeWidgetsLinks ul li a .SB-iconSVG svg path {
        fill: #636363
}

.SB-iframeWidgetsLinks ul li a.active {
        background-color: #97d23a;
        color: #000
}

.SB-iframeWidgetsLinks ul li a.active .SB-iconSVG svg path {
        fill: #FFF
}

.SB-iframeWidgetsLinks ul li .SB-icon {
        font-size: 22px;
        color: #999
}

.SB-iframeWidgetsLinks ul li .SB-icon.active {
        color: #000
}

.SB-iframe img {
        border-radius: 4px;
        border: 1px solid #DDD
}

.SB-externalLinks {
        display: flex;
        align-items: center
}

.SB-externalLinks .SB-linkItem {
        display: flex;
        align-items: center;
        padding: 10px 0;
        font-size: 12px;
        cursor: pointer;
        color: #333;
        margin-right: 16px
}

.SB-externalLinks .SB-linkItem .SB-icon {
        margin-right: 6px;
        color: #333;
        font-size: 14px
}

@media screen and (min-width: 50px) and (max-width: 767px) {
        .SB-externalLinks .SB-linkItem .SB-icon {
                font-size: 20px
        }
}

.SB-externalLinks .SB-linkItem .icon-live-match-tracker {
        font-size: 20px
}

.SB-externalLinks .SB-linkItem.active {
        color: #000;
        font-weight: 600
}

.SB-externalLinks .SB-linkItem.active .SB-icon {
        color: #000
}

.SB-externalLinks .SB-linkItem:first-child {
        margin-left: 12px
}

@media screen and (min-width: 1024px) {
        .SB-Lite-Mobile.SB-promotionsPage .SB-layout-content .SB-leftSection,
        .SB-Lite-Mobile.SB-promotionsPage .SB-layout-content .SB-rightSection {
                display: none
        }
        .SB-Lite-Mobile.SB-promotionsPage .SB-layout-content .SB-mainSection {
                width: 100%;
                max-width: 100%
        }
}

.SB-Lite-Mobile.SB-promotionsPage .SB-promotions .SB-breadCrumb {
        padding-left: 0
}

.SB-Lite-Mobile.SB-promotionsPage .SB-promotions .SB-breadCrumb .SB-back {
        display: flex
}

.SB-Lite-Mobile.SB-promotionsPage .SB-promotions .SB-breadCrumb .SB-txt-dark {
        color: #000
}

.SB-promotions .SB-tabsPromotions {
        margin-bottom: 10px;
        background-color: #FFF
}

.SB-promotions .SB-tabsPromotions ul {
        justify-content: flex-start;
        overflow-x: auto
}

@media screen and (min-width: 1024px) {
        .SB-promotions .SB-tabsPromotions ul {
                justify-content: center
        }
}

.SB-promotions .SB-tabsPromotions ul li {
        margin-right: 0
}

.SB-promotions .SB-tabsPromotions ul li .SB-tab-item {
        padding: 0 20px;
        white-space: nowrap
}

.SB-promotions .SB-tabsPromotions ul li .SB-tab-item.active {
        border-bottom: 2px solid #97d23a
}

@media screen and (max-width: 300px) {
        .SB-promotions .SB-tabsPromotions ul li .SB-tab-item {
                padding: 4px 8px;
                font-size: 12px;
                min-height: auto
        }
}

.SB-promotions-content {
        padding: 0 12px
}

@media screen and (min-width: 1024px) {
        .SB-promotions-content {
                padding: 0
        }
}

@media screen and (max-width: 300px) {
        .SB-promotions-content {
                padding: 0 8px
        }
}

.SB-promotions-list {
        display: flex;
        flex-wrap: wrap;
        margin: 0 -10px
}

.SB-promotions-list>li {
        padding: 0 10px;
        min-width: 100%;
        max-width: 100%;
        margin-bottom: 20px
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
        .SB-promotions-list>li {
                min-width: 50%;
                max-width: 50%
        }
}

@media screen and (min-width: 1024px) {
        .SB-promotions-list>li {
                min-width: 33.33%;
                max-width: 33.33%
        }
}

.SB-promotions-item {
        position: relative;
        display: flex;
        flex-direction: column;
        height: 100%
}

.SB-promotions-item .SB-promotion-banner {
        cursor: pointer
}

.SB-promotions-item .SB-promo-bannerImage img {
        width: 100%
}

.SB-promotions-item .SB-promotion-banner-content {
        width: 50%;
        color: #FFF;
        position: absolute;
        top: 20px;
        left: 24px
}

@media screen and (min-width: 50px) and (max-width: 767px) {
        .SB-promotions-item .SB-promotion-banner-content {
                top: 16px;
                left: 16px;
                width: 60%
        }
}

@media screen and (max-width: 300px) {
        .SB-promotions-item .SB-promotion-banner-content {
                width: auto;
                top: 4px;
                left: 8px;
                padding-right: 4px
        }
}

@media screen and (max-width: 120px) {
        .SB-promotions-item .SB-promotion-banner-content {
                position: relative;
                background-color: #97d23a;
                top: 0;
                left: 0;
                padding: 4px;
                color: #000
        }
}

.SB-promotions-item .SB-promotion-banner-content .SB-banner-textSmall {
        font-size: 13px
}

@media screen and (min-width: 50px) and (max-width: 767px) {
        .SB-promotions-item .SB-promotion-banner-content .SB-banner-textSmall {
                font-size: 12px
        }
}

@media screen and (max-width: 300px) {
        .SB-promotions-item .SB-promotion-banner-content .SB-banner-textSmall {
                font-size: 10px
        }
}

.SB-promotions-item .SB-promotion-banner-content .SB-banner-textMedium {
        font-size: 18px;
        font-weight: bold;
        line-height: 1.2;
        margin-top: 5px
}

@media screen and (min-width: 50px) and (max-width: 767px) {
        .SB-promotions-item .SB-promotion-banner-content .SB-banner-textMedium {
                font-size: 16px
        }
}

@media screen and (max-width: 300px) {
        .SB-promotions-item .SB-promotion-banner-content .SB-banner-textMedium {
                font-size: 12px
        }
}

.SB-promotions-item .SB-promotion-banner-content.SB-txt-dark {
        color: #000
}

.SB-promotions-item .SB-promotion-content {
        background-color: #515151;
        color: #FFF;
        padding: 24px;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        font-size: 13px
}

@media screen and (min-width: 50px) and (max-width: 767px) {
        .SB-promotions-item .SB-promotion-content {
                padding: 16px 16px 20px
        }
}

@media screen and (max-width: 300px) {
        .SB-promotions-item .SB-promotion-content {
                padding: 8px 8px 10px;
                font-size: 12px;
                flex-direction: column-reverse
        }
}

.SB-promotions-item .SB-promotion-content ol {
        list-style-type: decimal;
        padding-left: 15px;
        margin-bottom: 15px
}

.SB-promotions-item .SB-promotion-content ol li {
        list-style-type: decimal
}

.SB-promotions-item .SB-promotion-content .SB-playResponsibleLink {
        font-size: 10px
}

.SB-promotions-item .SB-promotion-content .SB-promotion-cta {
        margin-top: 30px;
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
        flex-wrap: wrap
}

@media screen and (max-width: 300px) {
        .SB-promotions-item .SB-promotion-content .SB-promotion-cta {
                margin-bottom: 10px;
                margin-top: 5px
        }
}

.SB-promotions-item .SB-promotion-content .SB-promotion-cta a {
        font-weight: bold;
        font-size: 13px;
        cursor: pointer
}

@media screen and (max-width: 300px) {
        .SB-promotions-item .SB-promotion-content .SB-promotion-cta a {
                font-size: 12px
        }
}

.SB-promotions-item .SB-promotion-content .SB-promotion-cta .btn {
        padding: 0 15px;
        height: 40px;
        width: auto
}

@media screen and (max-width: 300px) {
        .SB-promotions-item .SB-promotion-content .SB-promotion-cta .btn {
                height: 32px;
                padding: 0 6px
        }
}

.SB-promoDetail {
        height: 100%;
        max-width: 800px;
        margin: 0 auto;
        background-color: #FFF;
        border-radius: 6px;
        position: relative;
        margin-top: 10px
}

.SB-promoDetail .SB-promoDetail-banner,
.SB-promoDetail .SB-promotion-banner {
        border-radius: 6px 6px 0 0;
        overflow: hidden
}

.SB-promoDetail .SB-promoDetail-banner-content,
.SB-promoDetail .SB-promotion-banner-content {
        color: #FFF;
        width: 50%;
        position: absolute;
        top: 20px;
        left: 22px
}

@media screen and (min-width: 50px) and (max-width: 767px) {
        .SB-promoDetail .SB-promoDetail-banner-content,
        .SB-promoDetail .SB-promotion-banner-content {
                top: 16px;
                left: 16px;
                width: 60%
        }
}

@media screen and (max-width: 300px) {
        .SB-promoDetail .SB-promoDetail-banner-content,
        .SB-promoDetail .SB-promotion-banner-content {
                width: auto;
                top: 4px;
                left: 8px;
                padding-right: 4px
        }
}

@media screen and (max-width: 120px) {
        .SB-promoDetail .SB-promoDetail-banner-content,
        .SB-promoDetail .SB-promotion-banner-content {
                position: relative;
                background-color: #97d23a;
                top: 0;
                left: 0;
                padding: 4px;
                color: #000
        }
}

.SB-promoDetail .SB-promoDetail-banner-content .SB-banner-textSmall,
.SB-promoDetail .SB-promotion-banner-content .SB-banner-textSmall {
        font-size: 13px
}

@media screen and (min-width: 1024px) {
        .SB-promoDetail .SB-promoDetail-banner-content .SB-banner-textSmall,
        .SB-promoDetail .SB-promotion-banner-content .SB-banner-textSmall {
                font-size: 16px
        }
}

@media screen and (min-width: 50px) and (max-width: 767px) {
        .SB-promoDetail .SB-promoDetail-banner-content .SB-banner-textSmall,
        .SB-promoDetail .SB-promotion-banner-content .SB-banner-textSmall {
                font-size: 12px
        }
}

@media screen and (max-width: 300px) {
        .SB-promoDetail .SB-promoDetail-banner-content .SB-banner-textSmall,
        .SB-promoDetail .SB-promotion-banner-content .SB-banner-textSmall {
                font-size: 10px
        }
}

.SB-promoDetail .SB-promoDetail-banner-content .SB-banner-textMedium,
.SB-promoDetail .SB-promotion-banner-content .SB-banner-textMedium {
        font-size: 18px;
        font-weight: bold;
        line-height: 1.2;
        margin-top: 5px
}

@media screen and (min-width: 1024px) {
        .SB-promoDetail .SB-promoDetail-banner-content .SB-banner-textMedium,
        .SB-promoDetail .SB-promotion-banner-content .SB-banner-textMedium {
                font-size: 22px
        }
}

@media screen and (min-width: 50px) and (max-width: 767px) {
        .SB-promoDetail .SB-promoDetail-banner-content .SB-banner-textMedium,
        .SB-promoDetail .SB-promotion-banner-content .SB-banner-textMedium {
                font-size: 16px
        }
}

@media screen and (max-width: 300px) {
        .SB-promoDetail .SB-promoDetail-banner-content .SB-banner-textMedium,
        .SB-promoDetail .SB-promotion-banner-content .SB-banner-textMedium {
                font-size: 12px
        }
}

.SB-promoDetail .SB-promoDetail-banner-content.SB-txt-dark,
.SB-promoDetail .SB-promotion-banner-content.SB-txt-dark {
        color: #000
}

.SB-promoDetail .SB-promoDetail-btn-container {
        padding: 0 0 20px
}

.SB-promoDetail .SB-promoDetail-btn-container .btn {
        height: 40px;
        width: 120px;
        width: 100%
}

.SB-promoDetail .SB-promoDetail-content {
        position: relative;
        padding: 20px 16px 5px
}

@media screen and (max-width: 300px) {
        .SB-promoDetail .SB-promoDetail-content {
                padding: 8px 8px 5px
        }
}

.SB-promoDetail .SB-promoDetail-content .SB-promoDetail-btn-container {
        padding: 0 0 20px
}

.SB-promoDetail .SB-promoDetail-content .SB-promoDetail-btn-container .btn {
        height: 40px;
        width: 100%
}

.SB-promoDetail .SB-promoDetail-content a {
        text-decoration: underline;
        font-weight: bold
}

.SB-promoDetail .SB-promoDetail-info-container {
        font-size: 16px;
        padding: 0 0 20px
}

@media screen and (max-width: 300px) {
        .SB-promoDetail .SB-promoDetail-info-container {
                font-size: 12px;
                padding: 0 0 10px
        }
}

.SB-promoDetail .SB-promoDetail-info-container ol {
        padding-left: 20px
}

.SB-promoDetail .SB-promoDetail-termsConditions {
        border-top: 1px solid #DDD;
        padding: 20px 0 0
}

.SB-promoDetail .SB-promoDetail-termsConditions ol {
        list-style: decimal;
        padding-left: 15px
}

.SB-promoDetail .SB-promoDetail-termsConditions ol li {
        padding-left: 7px
}

@media screen and (min-width: 1024px) {
        .SB-casinoBanner {
                padding: 0
        }
}

.SB-search-casinoCategoryList-container {
        display: flex;
        align-items: center;
        background-color: #fff;
        padding: 0 12px;
        border-radius: 4px
}

@media screen and (min-width: 50px) and (max-width: 767px) {
        .SB-search-casinoCategoryList-container {
                display: block;
                border-radius: 0
        }
}

.SB-search-casinoCategoryList-container .SB-search-container {
        min-width: 165px;
        max-width: 165px;
        padding: 8px 0;
        width: 100%
}

@media screen and (min-width: 50px) and (max-width: 767px) {
        .SB-search-casinoCategoryList-container .SB-search-container {
                max-width: 100%
        }
}

.SB-search-casinoCategoryList-container .SB-search-container .SB-search {
        margin-bottom: 0;
        border-radius: 4px
}

.SB-search-casinoCategoryList-container .SB-search-container .SB-searchBox .SB-form-control input {
        padding-right: 0
}

.SB-search-casinoCategoryList-container .SB-casinoCategoryList-container {
        flex: 1 1 auto;
        min-width: 0
}

@media screen and (min-width: 1024px) {
        .SB-search-casinoCategoryList-container .SB-casinoCategoryList-container {
                padding: 0 8px
        }
}

.SB-search-casinoCategoryList-container .SB-filterButtons {
        padding: 8px 0;
        display: flex
}

.SB-search-casinoCategoryList-container .SB-casinoCategoryList ul li {
        margin-right: 12px
}

.SB-search-casinoCategoryList-container .SB-casinoCategoryList ul li .SB-casinoCategoryList-item {
        padding: 10px 12px;
        cursor: pointer;
        color: #999;
        display: inline-flex
}

@media screen and (min-width: 200px) and (max-width: 1023px) {
        .SB-search-casinoCategoryList-container .SB-casinoCategoryList ul li .SB-casinoCategoryList-item {
                padding: 10px 12px;
                margin-bottom: 8px
        }
}

.SB-search-casinoCategoryList-container .SB-casinoCategoryList ul li .SB-casinoCategoryList-item:hover {
        color: #000
}

.SB-search-casinoCategoryList-container .SB-casinoCategoryList ul li .SB-casinoCategoryList-item.active {
        color: #000;
        border-bottom: 2px solid #97d23a
}

.SB-casinoCategoryGroup .SB-casinoCategoryItem:first-child {
        margin-top: 12px
}

.SB-casinoCategoryItem {
        padding: 12px 8px 0
}

@media screen and (min-width: 200px) and (max-width: 1023px) {
        .SB-casinoCategoryItem {
                padding: 12px 12px 0
        }
}

.SB-casinoCategoryItem:last-child {
        margin-bottom: 0
}

.SB-casinoCategoryItem .SB-casinoCategoryItem-header {
        display: flex;
        align-items: center;
        position: relative;
        flex-wrap: wrap;
        border-left: 3px solid #97d23a;
        padding-left: 10px
}

@media screen and (min-width: 50px) and (max-width: 767px) {
        .SB-casinoCategoryItem .SB-casinoCategoryItem-header {
                flex-direction: column
        }
}

.SB-casinoCategoryItem .SB-casinoCategoryItem-header a:hover {
        color: #ffca28
}

.SB-casinoCategoryItem .SB-casinoCategoryItem-header .SB-casinoCategoryItem-title {
        flex: 1 1 auto;
        font-size: 16px
}

@media screen and (min-width: 50px) and (max-width: 767px) {
        .SB-casinoCategoryItem .SB-casinoCategoryItem-header .SB-casinoCategoryItem-title {
                margin-bottom: 8px;
                width: 100%
        }
}

.SB-casinoCategoryItem .SB-casinoCategoryItem-header .SB-filterButtons {
        padding: 0
}

@media screen and (min-width: 50px) and (max-width: 767px) {
        .SB-casinoCategoryItem .SB-casinoCategoryItem-header .SB-filterButtons {
                width: 100%;
                overflow-x: auto;
                padding-bottom: 8px
        }
}

.SB-casinoCategoryItem .SB-casinoCategoryItem-header .SB-filterButtons ul li .SB-filterButtonsItem {
        white-space: nowrap
}

.SB-casinoCategoryItem .SB-casinoCategoryItem-content {
        padding: 12px 0
}

.SB-casinoCategoryItem .SB-casinoCategoryItem-content .SB-btnShowMore {
        margin-top: 8px
}

.SB-casinoCategoryItem .SB-showMore-container {
        text-align: center
}

.SB-casinoCategoryItem .SB-btnShowMore {
        background-color: #515151;
        color: #fff;
        padding: 0 10px;
        font-size: 12px
}

.SB-casinoLobby {
        margin-top: 12px
}

.SB-casinoLobby .SB-casinoLobby-content {
        background-color: #000
}

.SB-casinoLobby .SB-casinoLobby-content .SB-casinoCategoryGroup {
        padding: 0
}

.SB-casinoLobby .SB-casinoLobby-content .SB-casinoCategoryGroup .SB-casinoCategoryItem-content {
        border: 0;
        background-color: transparent
}

.SB-casinoGamesList ul {
        margin-top: 10px;
        display: flex;
        flex-wrap: wrap;
        margin: 0 -10px
}

@media screen and (min-width: 200px) and (max-width: 1023px) {
        .SB-casinoGamesList ul {
                margin: 0 -6px
        }
}

.SB-casinoGamesList li {
        flex: 1 1 12.5%;
        min-width: 12.5%;
        max-width: 12.5%;
        padding: 10px
}

@media screen and (min-width: 200px) and (max-width: 1023px) {
        .SB-casinoGamesList li {
                padding: 6px
        }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
        .SB-casinoGamesList li {
                flex: 1 1 20%;
                min-width: 20%;
                max-width: 20%
        }
}

@media screen and (min-width: 50px) and (max-width: 767px) {
        .SB-casinoGamesList li {
                flex: 1 1 33.33%;
                min-width: 33.33%;
                max-width: 33.33%
        }
}

@media screen and (min-width: 320px) and (max-width: 375px) {
        .SB-casinoGamesList li {
                flex: 1 1 50%;
                min-width: 50%;
                max-width: 50%
        }
}

@media screen and (min-width: 1024px) {
        .SB-casinoGamesList li.SB-casino-mobile {
                display: none
        }
}

@media screen and (min-width: 200px) and (max-width: 1023px) {
        .SB-casinoGamesList li.SB-casino-desktop {
                display: none
        }
}

.SB-casinoGamesList li .SB-casinoGameItem {
        position: relative;
        cursor: pointer;
        border-radius: 4px;
        overflow: hidden;
        height: 100%
}

.SB-casinoGamesList li .SB-casinoGameItem img {
        width: 100%;
        object-fit: cover;
        height: 100%;
        transition: all .5s
}

.SB-casinoGamesList li .SB-casinoGameItem .SB-casinoGameItem-playGame-container {
        border-radius: 4px;
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        background-color: rgba(0, 0, 0, 0.7);
        padding: 20px;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        display: none
}

.SB-casinoGamesList li .SB-casinoGameItem .SB-casinoGameItem-playGame-container .SB-btnPlayGame {
        top: 50%;
        transform: translateY(-50%);
        text-align: center;
        position: relative
}

.SB-casinoGamesList li .SB-casinoGameItem .SB-casinoGameItem-playGame-container .SB-btnPlayGame .SB-casinoGameTitle {
        font-size: 14px;
        line-height: 1.2;
        color: #FFF
}

.SB-casinoGamesList li .SB-casinoGameItem .SB-casinoGameItem-playGame-container .SB-btnPlayGame img {
        width: 36px;
        margin-top: 10px
}

.SB-casinoGamesList li .SB-casinoGameItem:hover .SB-casinoGameItem-playGame-container {
        display: block
}

.SB-casinoGamesList li .SB-casinoGameItem:hover img {
        transform: scale(1.2)
}

.SB-casinoPlayPage {
        padding: 0 !important
}

.SB-casinoPlayGame {
        display: flex;
        position: relative;
        background-color: #FFF
}

.SB-casinoPlayGame .SB-casinoPlayGame-container {
        width: 85%;
        height: 100vh
}

@media screen and (min-width: 200px) and (max-width: 1023px) {
        .SB-casinoPlayGame .SB-casinoPlayGame-container {
                width: 100%
        }
}

.SB-casinoPlayGame .SB-casinoPlayGame-iframe {
        height: 100vh;
        overflow-y: hidden
}

.SB-casinoPlayGame .SB-casinoPlayGame-iframe iframe {
        height: 100%;
        overflow-y: auto
}

.SB-casinoPlayGame .SB-casinoPlayGame-navigation {
        width: 15%;
        background-color: #515151
}

@media screen and (min-width: 200px) and (max-width: 1023px) {
        .SB-casinoPlayGame .SB-casinoPlayGame-navigation {
                display: none
        }
}

.SB-casinoPlayGame .SM-casinoPlayGame-collapseIcon {
        position: absolute;
        right: 15%;
        top: 5px;
        background-color: #FFF;
        border-radius: 30px;
        padding: 4px;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        margin-right: -12px;
        width: 26px;
        height: 26px
}

.SB-casinoPlayGame .SM-casinoPlayGame-collapseIcon img {
        width: 14px
}

@media screen and (min-width: 200px) and (max-width: 1023px) {
        .SB-casinoPlayGame .SM-casinoPlayGame-collapseIcon {
                display: none
        }
}

.SB-casinoPlayGame.SB-collapse .SB-casinoPlayGame-container {
        width: 100%
}

.SB-casinoPlayGame.SB-collapse .SB-casinoPlayGame-navigation {
        width: 0;
        overflow: hidden
}

.SB-casinoPlayGame.SB-collapse .SM-casinoPlayGame-collapseIcon {
        right: 20px;
        transform: rotate(180deg)
}

.SB-casinoPlayGame .SB-casinoPlayGame-navigation-container {
        padding: 20px;
        height: 100%;
        color: #FFF;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        position: relative
}

.SB-casinoPlayGame .SB-casinoPlayGame-navigation-container .SB-casinoPlayGame-navigation_top .SB-casinoPlayGame_title {
        font-size: 24px;
        margin-bottom: 30px;
        line-height: 1.2
}

.SB-casinoPlayGame .SB-casinoPlayGame-navigation-container .SB-casinoPlayGame-navigation_top .SB-casinoPlayGame_controllers {
        font-size: 16px
}

.SB-casinoPlayGame .SB-casinoPlayGame-navigation-container .SB-casinoPlayGame-navigation_top .SB-casinoPlayGame_controllers .SB-casinoPlayGame_controller_item {
        margin-bottom: 8px;
        display: flex;
        align-items: center;
        cursor: pointer
}

.SB-casinoPlayGame .SB-casinoPlayGame-navigation-container .SB-casinoPlayGame-navigation_top .SB-casinoPlayGame_controllers img {
        width: 12px;
        margin-right: 10px;
        cursor: pointer
}

.SB-casinoPlayGame .SB-casinoPlayGame-navigation-container .SB-casinoPlayGame-navigation_bottom a {
        display: block;
        margin-top: 15px
}

.SB-casino-gameInfo {
        padding: 10px 12px
}

@media screen and (min-width: 1024px) {
        .SB-casino-gameInfo {
                padding: 20px 0
        }
}

@media screen and (min-width: 1024px) {
        .SB-casino-gameInfo .SB-casino-gameInfo-header {
                display: flex;
                align-items: flex-end
        }
}

.SB-casino-gameInfo .SB-casino-gameInfo-header .SB-casino-gameLogo {
        margin-right: 20px;
        border-radius: 4px;
        overflow: hidden
}

.SB-casino-gameInfo .SB-casino-gameInfo-header .SB-casino-gameTitle {
        font-size: 20px;
        margin: 10px 0 10px;
        font-weight: bold
}

@media screen and (min-width: 1024px) {
        .SB-casino-gameInfo .SB-casino-gameInfo-header .SB-casino-gameTitle {
                margin-bottom: 20px;
                margin-top: 20px;
                font-size: 28px
        }
}

.SB-casino-gameInfo .SB-casino-gameInfo-header .SB-casino-btnsContainer {
        display: flex;
        align-items: center;
        margin-bottom: 20px
}

.SB-casino-gameInfo .SB-casino-gameInfo-header .SB-casino-btnsContainer a {
        margin-right: 15px
}

.SB-casino-gameInfo .SB-casino-gameInfo-header .SB-casino-btnsContainer .btn {
        padding: 0 20px
}

.SB-casino-gameInfo .SB-casino-gameInfo-header .SB-casino-gameFeatures {
        display: flex;
        align-items: center;
        overflow-x: auto
}

.SB-casino-gameInfo .SB-casino-gameInfo-header .SB-casino-gameFeatures img {
        margin-right: 8px;
        width: 60px;
        opacity: 0.5
}

@media screen and (min-width: 1024px) {
        .SB-casino-gameInfo .SB-casino-gameInfo-header .SB-casino-gameFeatures img {
                width: 80px
        }
}

.SB-casino-gameInfo .SB-casino-gameInfo-rules-container {
        border: 1px solid #DDD;
        background-color: #fff;
        border-radius: 4px;
        margin-top: 30px;
        padding: 0 20px 5px;
        font-size: 12px
}

@media screen and (min-width: 1024px) {
        .SB-casino-gameInfo .SB-casino-gameInfo-rules-container {
                padding: 10px 30px;
                font-size: 14px
        }
}

.SB-casino-gameInfo .SB-casino-gameInfo-rules-container h1 {
        font-size: 20px;
        margin-bottom: 8px;
        font-weight: 600;
        margin-top: 20px
}

.SB-casino-gameInfo .SB-casino-gameInfo-rules-container h2 {
        font-size: 16px;
        margin-bottom: 8px;
        font-weight: 600;
        margin-top: 20px
}

.SB-casino-gameInfo .SB-casino-gameInfo-rules-container h3,
.SB-casino-gameInfo .SB-casino-gameInfo-rules-container h4 {
        font-size: 8px;
        margin-bottom: 8px;
        font-weight: 600;
        margin-top: 20px
}

.SB-casino-gameInfo .SB-casino-gameInfo-rules-container p {
        line-height: 16px;
        margin-bottom: 15px
}

.SB-casino-gameInfo .SB-casino-gameInfo-rules-container a {
        text-decoration: underline;
        font-weight: 600
}

.SB-casino-gameInfo .SB-casino-gameInfo-rules-container ol,
.SB-casino-gameInfo .SB-casino-gameInfo-rules-container ul {
        padding-left: 15px
}

.SB-casino-gameInfo .SB-casino-gameInfo-rules-container ol li,
.SB-casino-gameInfo .SB-casino-gameInfo-rules-container ul li {
        margin-bottom: 8px;
        line-height: 14px
}

.SB-casino-gameInfo .SB-casino-gameInfo-rules-container ul li {
        list-style: disc
}

.SB-casino-gameInfo .SB-casino-gameInfo-rules-container table {
        width: 100%;
        margin-bottom: 12px
}

.SB-casino-gameInfo .SB-casino-gameInfo-rules-container table thead tr {
        background-color: #EEE
}

.SB-casino-gameInfo .SB-casino-gameInfo-rules-container table thead tr td,
.SB-casino-gameInfo .SB-casino-gameInfo-rules-container table thead tr th {
        padding: 8px;
        border: 1px solid #DDD
}

.SB-casino-gameInfo .SB-casino-gameInfo-rules-container table tr td {
        border: 1px solid #DDD;
        padding: 8px
}

.SB-casino-gameInfo .SB-casino-gameInfo-rules-container button {
        margin-bottom: 12px
}

.SB-leftMenu-mask {
        background-color: rgba(0, 0, 0, 0.5);
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        position: absolute;
        z-index: 115;
        display: none
}

.SB-sideMenu-tabs {
        background-color: #dbd4d6 !important;
        color: #ffffff;
        font-size: 12px;
        position: relative;
        transition: all 0.3s;
        margin-bottom: 5px
}

@media screen and (min-width: 1024px) {
        .SB-sideMenu-tabs {
                display: none
        }
}
.text-white{
        color: #FFFFFF !important;
}

.SB-sideMenu-tabs ul {
        display: flex;
        width: 100%;
        /*height: 100%;*/
        min-height: 32px
}

@media screen and (min-width: 1024px) {
        .SB-sideMenu-tabs ul {
                padding: 4px
        }
}

.SB-sideMenu-tabs ul li {
        flex: 1 1 auto;
        cursor: pointer;
        min-height: 32px;
        position: relative
}

@media screen and (min-width: 1024px) {
        .SB-sideMenu-tabs ul li {
                flex: 1 1 50%;
                padding: 4px
        }
}

.SB-sideMenu-tabs ul li a {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        /*height: 100%;*/
        padding: 8px 6px;
        border-bottom: 1px solid #EEE;
        color: #222;
}

@media screen and (min-width: 1024px) {
        .SB-sideMenu-tabs ul li a {
                border: 1px solid #D6D6D6;
                border-radius: 4px
        }
}

.SB-sideMenu-tabs ul li a img {
        min-width: 24px;
        max-width: 24px;
        min-height: 24px;
        max-height: 24px;
        margin: 3px 0 5px
}

.SB-sideMenu-tabs ul li i {
        font-size: 24px
}

.SB-sideMenu-tabs ul li.active a {
        border-bottom: 3px solid #97d23a;
        font-weight: bold
}

@media screen and (min-width: 1024px) {
        .SB-sideMenu-tabs.SB-scrollableArea.SB-horizontal ul {
                flex-wrap: wrap
        }
}

.SB-sideMenu-tabs.SB-scrollableArea.SB-horizontal ul li {
        min-width: 90px;
        flex: 1 1 auto
}

@media screen and (min-width: 1024px) {
        .SB-sideMenu-tabs.SB-scrollableArea.SB-horizontal ul li {
                flex: 1 1 50%
        }
}
.topLogo{
        width: 100px;
}

.SB-sideMenu {
        background-color: #97d23a;
        position: absolute;
        width: 85%;
        max-width: 100%;
        height: 100%;
        top: 0px;
        z-index: 115;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        -webkit-transition: transform .5s;
        transition: transform .5s
}

.SB-sideMenu .SB-sideMenu-main-content {
        height: 100%;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch
}

.SB-sideMenu .SB-sideMenu-container .SB-sideMenu-close-container {
        text-align: right;
        display: none
}

.SB-sideMenu .SB-sideMenu-container .SB-sideMenu-close {
        text-align: right;
        width: 30px;
        height: 30px;
        display: inline-flex;
        align-items: center;
        justify-content: center
}

.SB-sideMenu .SB-sideMenu-container .SB-sideMenu-close .SB-iconSvg {
        height: 14px;
        width: 14px;
        cursor: pointer;
        display: inline-block
}

.SB-sideMenu .SB-sideMenu-container .SB-sideMenu-close .SB-iconSvg svg {
        height: 14px
}

.SB-sideMenu .SB-sideMenu-container .SB-sideMenu-close .SB-iconSvg svg path {
        fill: #222
}

.SB-sideMenu .SB-sideMenu-container .SB-subHeader ul li.active {
        border-bottom: 0
}

@media screen and (min-width: 50px) and (max-width: 767px) {
        .SB-sideMenu .SB-sideMenu-container .SB-search {
                border-radius: 0;
                margin-bottom: 0
        }
}

.SB-sideMenu .SB-myAccount-userLinksSection .SB-categoryGridItem a {
        width: 100%
}

.SB-sideMenu .SB-myAccount-userLinksSection .SB-userLinks .SB-userLinksItem {
        padding: 10px 12px;
        text-align: center;
        color: #515151;
        cursor: pointer;
        display: flex;
        align-items: center;
        width: 100%
}

.SB-sideMenu .SB-myAccount-userLinksSection .SB-userLinks .SB-userLinksItem .SB-userLink-icon {
        margin-right: 10px
}

.SB-sideMenu .SB-myAccount-userLinksSection .SB-userLinks .SB-userLinksItem .SB-userLink-icon i {
        font-size: 22px
}

.SB-sideMenu .SB-myAccount-userLinksSection .SB-userLinks .SB-userLinksItem .SB-userLink-icon .bl-icon-cashout {
        font-size: 20px
}

.SB-sideMenu .SB-myAccount-userLinksSection .SB-userLinks .SB-userLinksItem .SB-userLink-icon .SB-iconSvg {
        height: 20px
}

.SB-sideMenu .SB-myAccount-userLinksSection .SB-userLinks .SB-userLinksItem .SB-userLink-icon .SB-iconSvg svg {
        height: 20px
}

.SB-sideMenu .SB-myAccount-userLinksSection .SB-userLinks .SB-userLinksItem .SB-userLink-icon .SB-iconSvg svg path {
        fill: #515151
}

.SB-sideMenu .SB-myAccount-userLinksSection .SB-userLinks .SB-userLinksItem .SB-userLink-icon .SB-iconSvg.SB-cashoutIcon,
.SB-sideMenu .SB-myAccount-userLinksSection .SB-userLinks .SB-userLinksItem .SB-userLink-icon .SB-iconSvg.SB-withdrawHistoryIcon {
        height: 20px
}

.SB-sideMenu .SB-myAccount-userLinksSection .SB-userLinks .SB-userLinksItem .SB-userLink-icon .SB-iconSvg.SB-cashoutIcon svg,
.SB-sideMenu .SB-myAccount-userLinksSection .SB-userLinks .SB-userLinksItem .SB-userLink-icon .SB-iconSvg.SB-withdrawHistoryIcon svg {
        height: 18px
}

.SB-myAccount-container .SB-divider {
        border-bottom: 1px dotted #222222;
        margin: 10px 0
}

.SB-myAccount-container .SB-myAccountBalance-container {
        padding: 12px 12px;
        border-radius: 3px 3px 0 0
}

.SB-myAccount-container .SB-myAccountBalance-container .SB-userMobileNumber {
        color: #666;
        margin-bottom: 8px;
        font-size: 11px
}

.SB-myAccount-container .SB-myAccountBalance-container .SB-balanceLabel {
        color: #999;
        font-size: 11px
}

.SB-myAccount-container .SB-myAccountBalance-container .SB-userID {
        color: #999
}

.SB-myAccount-container .SB-myAccountBalance-container .SB-btnDeposit {
        width: 90px
}

.SB-myAccount-container .SB-myAccountBalance-container .SB-userBalanceBlock {
        font-size: 14px
}

.SB-myAccount-container .SB-myAccountBalance-container .SB-txtHighlight {
        color: #97d23a
}

.SB-myAccount-container .SB-myAccountBalance-container .SB-bonusBalanceBlock {
        margin-top: 8px
}

.SB-myAccount-container .SB-myAccountBalance-container .SB-freeBetBlock {
        margin-top: 5px
}

.SB-myAccount-container .SB-myAccountBalance-container .SB-freeBetBlock .SB-rightContent {
        position: relative
}

.SB-myAccount-container .SB-myAccountBalance-container .SB-freeBetBlock.SB-accordion .SB-accordion-header {
        display: flex;
        align-items: center;
        cursor: pointer
}

.SB-myAccount-container .SB-myAccountBalance-container .SB-freeBetBlock.SB-accordion .SB-accordion-header.SB-arrowAfter::after {
        font-size: 8px
}

.SB-myAccount-container .SB-myAccountBalance-container .SB-freeBetBlock.SB-accordion .SB-accordion-header .SB-contentBlock {
        flex: 1 1 auto
}

.SB-myAccount-container .SB-myAccountBalance-container .SB-freeBetBlock.SB-accordion .SB-accordion-header .SB-rightContent {
        padding-right: 5px
}

.SB-myAccount-container .SB-myAccountBalance-container .SB-freeBetBlock.SB-accordion .SB-accordion-content {
        font-size: 11px;
        padding-top: 5px;
        color: #999
}

.SB-myAccount-container .SB-myAccountBalance-container .SB-btnDeposit {
        display: block !important
}

.SB-myAccount-container .SB-myAccountLinks-container {
        border-radius: 0 0 3px 3px
}

.SB-myAccount-container .SB-myAccountList {
        padding: 0 12px
}

.SB-myAccount-container .SB-myAccountList .SB-myAccountList-item {
        display: flex;
        align-items: center;
        cursor: pointer
}

.SB-myAccount-container .SB-myAccountList .SB-myAccountList-item .SB-icon-container {
        display: flex
}

.SB-myAccount-container .SB-myAccountList .SB-myAccountList-item .SB-icon-container .SB-icon {
        font-size: 20px
}

.SB-myAccount-container .SB-myAccountList .SB-myAccountList-item .SB-icon-container img {
        margin-right: 8px;
        min-width: 20px;
        max-width: 20px;
        min-height: 20px;
        max-height: 20px
}

.SB-myAccount-container .SB-myAccountList .SB-myAccountList-item .SB-arrow-container img {
        min-width: 10px;
        max-width: 10px;
        min-height: 10px;
        max-height: 10px
}

.SB-myAccount-container .SB-myAccountList .SB-myAccountList-item .SB-myAccountList-item-content {
        min-height: 42px;
        flex: 1 1 auto;
        border-bottom: 1px solid #E7E7E7;
        display: flex;
        align-items: center;
        font-size: 12px
}

.SB-sideMenu-opened .SB-sideMenu {
        -webkit-transform: translateX(0) !important;
        transform: translateX(0) !important
}

.SB-sidePanel {
        margin-bottom: 10px
}

.SB-sidePanel.collapsed {
        border-bottom: 1px solid #EEE;
        margin-bottom: 0
}

.SB-sidePanel .SB-accordionArrow-container {
        min-width: 30px;
        max-width: 30px;
        min-height: 36px
}

.SB-sidePanel .SB-accordionArrow-container .SB-accordionArrow {
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 36px
}

.SB-sidePanel .SB-sidePanel-items-container {
        padding: 0 12px
}

.SB-sidePanel .SB-sidePanel-items-container .SB-sidePanel-item {
        padding: 8px 0;
        border-bottom: 1px solid #EEE
}

.SB-sidePanel-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        min-height: 40px;
        padding: 0 0 0 9px;
        font-size: 16px;
        font-weight: bold;
        border-left: 3px solid #97d23a;
        color: #fff
}

.SB-sidePanel-header .SB-sidePanel-header-content {
        flex: 1 1 auto
}

.SB-sidePanel-header .SB-accordionArrow-container .SB-accordionArrow {
        min-height: 40px
}

.SB-sidePanel-header:hover .SB-accordionArrow {
        background-color: #F6F6F6
}

.SB-sidePanelList .SB-sidePanelList-item {
        padding: 0 0 0 12px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        min-height: 36px;
        cursor: pointer
}

.SB-sidePanelList .SB-sidePanelList-item:hover .SB-accordionArrow {
        background-color: #F6F6F6
}

.SB-sidePanelList .SB-icon-container {
        display: flex;
        align-items: center;
        min-width: 30px;
        max-width: 30px
}

.SB-sidePanelList .SB-icon-container i {
        font-size: 20px
}

.SB-sidePanelList .SB-icon-container img {
        margin-right: 8px;
        min-width: 20px;
        max-width: 20px;
        min-height: 20px;
        max-height: 20px
}

.SB-sidePanelList .SB-sidePanelList-item-content {
        flex: 1 1 auto;
        border-bottom: 1px solid #eeeeee4a;
        min-height: 36px;
        display: flex;
        align-items: center;
        font-size: 16px;
        color: #FFFFFF;
}

.SB-sidePanelList .SB-sidePanelList-item-content a {
        display: flex;
        width: 100%
}
.postVega{
        color: #97d23a !important;
}
.pusher{
        font-weight: 500;
}

.SB-sidePanelList .SB-sidePanelList-item-content .SB-countryName {
        color: #000000 !important;
}

.SB-sidePanelList .SB-countryAccordion-header {
        display: flex;
        align-items: center;
        justify-content: space-between
}

.SB-sidePanelList .SB-sidePanelList-leagueItem {
        padding: 6px 10px 6px 40px;
        margin-bottom: 1px;
        cursor: pointer
}

.SB-sidePanelList .SB-sidePanelList-leagueItem:hover {
        font-weight: bold
}

.SB-sidePanelList .SB-sidePanelList-leagueItem.active {
        font-weight: bold
}

.SB-sidePanelList .SB-sidePanelList-leagueItem a.active {
        font-weight: bold
}

.SB-sidePanelList .SB-sportAccordion>.SB-sportAccordion-header .SB-sidePanelList-item-content {
        font-weight: bold
}

.SB-sidePanelList .SB-sportAccordion.collapsed>.SB-sportAccordion-header .SB-sidePanelList-item-content {
        font-weight: normal
}

.SB-sidePanelList .SB-countryAccordion .SB-countryAccordion-header .SB-sidePanelList-item-content {
        font-weight: bold
}

.SB-sidePanelList .SB-countryAccordion.collapsed .SB-countryAccordion-header .SB-sidePanelList-item-content {
        font-weight: normal
}

.SB-sidePanelList .SB-countryAccordion .SB-countryAccordion-content .SB-sidePanelList-leagueItem {
        padding-left: 60px
}

.SB-sidePanel-favorites .SB-sidePanelList-item .SB-removeFavorite {
        display: flex;
        align-items: center;
        justify-content: center;
        min-width: 30px;
        max-width: 30px;
        min-height: 36px;
        cursor: pointer
}

.SB-sidePanel-favorites .SB-sidePanelList-item .SB-removeFavorite i {
        color: #666;
        font-size: 10px
}

@media screen and (min-width: 1024px) {
        .SB-sidePanel-favorites .SB-sidePanelList-item .SB-removeFavorite {
                display: none
        }
}

@media screen and (min-width: 1024px) {
        .SB-sidePanel-favorites .SB-sidePanelList-item:hover .SB-removeFavorite {
                display: flex
        }
}

.SB-sidePanel-topLeagues .SB-sidePanelList-item-content {
        padding: 4px 0
}

.SB-sidePanel-gameLinks .SB-sidePanelList-item {
        padding-right: 12px
}

.SB-sidePanel-gameLinks .SB-sidePanelList-item b {
        font-size: 14px
}

.SB-sidePanel-settings .SB-sidePanel-items-container .SB-label {
        margin-bottom: 5px
}

.SB-sidePanel-settings .SB-sidePanel-items-container .SB-filterButtons {
        padding: 0
}

.SB-sidePanel-settings .SB-sidePanel-items-container .SB-filterButtons li {
        flex: none
}

.SB-sidePanel-settings .SB-sidePanel-items-container .SB-filterButtons li:first-child .SB-filterButtonsItem {
        margin-left: 0
}

.SB-sidePanel-settings .SB-sidePanel-items-container .SB-dataSaver .SB-contentBlock {
        align-items: center
}

.SB-sidePanel-settings .SB-sidePanel-items-container .SB-dataSaver .SB-contentBlock .SB-label {
        margin-bottom: 0
}

.SB-sidePanel-settings .SB-sidePanel-items-container .SB-dataSaver .SB-contentBlock .SB-labelSmall {
        font-size: 10px
}

.SB-sidePanel-otherLinks {
        margin-bottom: 0
}

.SB-sidePanel-otherLinks .SB-sidePanelList {
        padding-right: 12px
}

.SB-sideMenu-sports-container .SB-sidePanel-otherLinks .SB-sidePanelList {
        padding-right: 0;
        padding-bottom: 15px;
}

.SB-rightMenu {
        /*background-color: #FFF;*/
        position: fixed;
        width: 85%;
        height: 100%;
        top: 0;
        bottom: 0;
        right: 0;
        z-index: 115;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        -webkit-transition: transform .5s;
        transition: transform .5s
}

.SB-rightMenu .SB-rightMenu-main-content {
        height: 100%;
        width: 100%;
        overflow-y: auto;
        background-color: #515151
}

@media screen and (min-width: 1024px) {
        .SB-rightMenu .SB-rightMenu-main-content {
                background-color: transparent
        }
}

.SB-rightMenu-mask {
        background-color: rgba(0, 0, 0, 0.5);
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        position: absolute;
        z-index: 115;
        display: none
}

.SB-betSlip-container {
        width: 100%;
        /*background-color: #ffc800;*/
        position: relative
}

@media screen and (min-width: 1024px) {
        .SB-betSlip-container {
                height: auto;
                overflow: hidden;
                border-radius: 6px
        }
}

.SB-betSlip-container .SB-betSlip-header {
        background-color: #515151;
        height: 50px;
        display: flex;
        flex: 0 0 auto;
        align-items: center;
        z-index: 10
}

@media screen and (min-width: 1024px) {
        .SB-betSlip-container .SB-betSlip-header {
                border-radius: 4px 4px 0 0
        }
}

.SB-betSlip-container .SB-betSlip-header .SB-betSlip-closeButton {
        background-color: #515151;
        min-width: 36px;
        max-width: 36px;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        cursor: pointer;
        border-bottom: 3px solid #60585d
}

@media screen and (max-width: 300px) {
        .SB-betSlip-container .SB-betSlip-header .SB-betSlip-closeButton {
                min-width: 20px;
                max-width: 20px
        }
}

.SB-betSlip-container .SB-betSlip-header .SB-betSlip-closeButton i {
        font-size: 16px;
        color: #FFF
}

@media screen and (max-width: 300px) {
        .SB-betSlip-container .SB-betSlip-header .SB-betSlip-closeButton i {
                font-size: 12px
        }
}

.SB-betSlip-container .SB-betSlip-header .SB-betSlip-closeButton img {
        width: 16px;
        min-width: 16px;
        max-width: 16px;
        min-height: 16px;
        max-height: 16px
}

.SB-betSlip-container .SB-betSlip-header .SB-betSlip-closeButton .SB-iconSvg {
        height: 16px
}

.SB-betSlip-container .SB-betSlip-header .SB-betSlip-closeButton .SB-iconSvg svg {
        height: 16px
}

.SB-betSlip-container .SB-betSlip-header .SB-betSlip-closeButton .SB-iconSvg svg path {
        fill: #FFF
}

.SB-betSlip-container .SB-betSlip-header .SB-betSlip-txt {
        flex: 1 1 auto;
        font-size: 16px;
        font-weight: 600;
        padding-left: 10px;
        color: #FFF
}

.SB-betSlip-container .SB-betSlip-header .SB-betSlip-header_right {
        padding-right: 10px;
        text-align: right
}

.SB-betSlip-container .SB-betSlip-header .SB-betSlip-header_right .btn {
        width: 70px
}

@media screen and (max-width: 300px) {
        .SB-betSlip-container .SB-betSlip-header .SB-betSlip-header_right .btn {
                padding: 0
        }
}

.SB-betSlip-container .SB-betSlip-header .SB-betSlip-header_right .SB-btnBetslipDeposit {
        background-color: #f36;
        border: 1px solid #f36;
        color: #FFF
}

.SB-betSlip-container .SB-betSlip-header .SB-betSlip-header_right .SB-btnBetslipLogin {
        background-color: #dfdfdf;
        border: 1px solid #dfdfdf;
        color: #000
}

.SB-betSlip-container .SB-betSlip-header .SB-betSlip-header_right .SB-betSlip-userBalance {
        padding-right: 5px;
        color: #D96900;
        font-weight: 500
}

.SB-betSlip-container .SB-betSlip-header .SB-betslipMyBets-tabs {
        height: 100%;
        width: 100%
}

.SB-betSlip-container .SB-betSlip-header .SB-betslipMyBets-tabs ul {
        display: flex;
        align-items: center;
        width: 100%;
        height: 100%
}

.SB-betSlip-container .SB-betSlip-header .SB-betslipMyBets-tabs ul li {
        flex: 1 1 0%;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        color: #FFF;
        opacity: 0.5;
        font-weight: bold;
        font-size: 14px;
        height: 100%;
        cursor: pointer;
        border-bottom: 3px solid #726B70
}

@media screen and (max-width: 300px) {
        .SB-betSlip-container .SB-betSlip-header .SB-betslipMyBets-tabs ul li {
                font-size: 10px
        }
}

@media screen and (max-width: 120px) {
        .SB-betSlip-container .SB-betSlip-header .SB-betslipMyBets-tabs ul li {
                display: block;
                text-align: center;
                line-height: 1;
                padding: 4px 0
        }
}

.SB-betSlip-container .SB-betSlip-header .SB-betslipMyBets-tabs ul li.active {
        border-bottom: 3px solid #97d23a;
        opacity: 1
}

.SB-betSlip-container .SB-betSlip-header .SB-betslipMyBets-tabs ul li .SB-icon {
        font-size: 22px;
        margin: 0 5px
}

.SB-betSlip-container .SB-betSlip-header .SB-betslipMyBets-tabs ul li .SB-betsCount {
        width: 18px;
        height: 18px;
        border-radius: 18px;
        background-color: #777;
        font-size: 11px;
        line-height: 18px;
        padding-top: 2px;
        margin-left: 5px;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center
}

.SB-betSlip-container .SB-betSlip-header .SB-betslipMyBets-tabs ul li .SB-betsCount.active {
        background-color: #97d23a;
        color: #000
}

.SB-betSlip-container .SB-betSlip-empty-content {
        padding: 0 0 20px
}

.SB-betSlip-container .SB-betSlip-empty-content .SB-bookingCode-field {
        margin-top: 15px;
        color: #FFF
}

.SB-betSlip-container .SB-betSlip-empty-content .SB-bookingCode-field .SB-form-control input {
        height: 50px;
        text-align: center;
        font-size: 20px
}

.SB-betSlip-container .SB-betSlip-empty-content .SB-form-group .SB-form-label {
        color: #fff
}

.SB-betSlip-container .SB-betSlip-empty-content .SB-betSlip-errorMsg {
        margin-bottom: 10px;
        border-radius: 4px
}

.SB-betSlip-container .SB-betSlip-empty-content .SB-form-errorMsg {
        color: #f95656
}

.SB-betSlip-container .SB-betSlip-empty-content .SB-OR {
        color: #222222
}

@media screen and (max-width: 300px) {
        .SB-betSlip-container .SB-betSlip-empty-content .SB-loadBetslip-container {
                display: none
        }
}

.SB-betSlip-container .SB-betSlip-msgBox {
        color: #222222;
        text-align: center;
        margin: 0 30px 0;
        padding: 20px;
        font-size: 15px;
}

.SB-betSlip-container .SB-betSlip-msgBox .SB-icon-container {
        margin-bottom: 10px
}

.SB-betSlip-container .SB-betSlip-msgBox .SB-icon-container .SB-icon {
        font-size: 36px
}

.SB-betSlip-container .SB-betSlip-myBets-msgBox {
        color: #222222;
        text-align: center;
        margin: 0 30px;
        padding: 20px
}

.SB-betSlip-container .SB-betSlip-myBets-msgBox .SB-icon-container {
        margin-bottom: 10px
}

.SB-betSlip-container .SB-betSlip-myBets-msgBox .SB-icon-container .SB-icon {
        font-size: 36px
}

.SB-betSlip-container .SB-betSlip-content {
        flex: 1 1 auto;
        position: relative;
        min-height: 0;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch
}

.SB-betSlip-container .SB-betSlip-content .SB-msgBox {
        margin: 10px 12px
}

.SB-betSlip-container .SB-betSlip-content .SB-betSlip-bookingCode-container {
        padding: 8px 12px;
        background-color: #333;
        display: flex
}

@media screen and (max-width: 300px) {
        .SB-betSlip-container .SB-betSlip-content .SB-betSlip-bookingCode-container {
                display: none
        }
}

.SB-betSlip-container .SB-betSlip-content .SB-betSlip-bookingCode-container .SB-form-group {
        flex: 1 1 auto
}

.SB-betSlip-container .SB-betSlip-content .SB-betSlip-bookingCode-container .SB-form-group .SB-form-control input {
        height: 32px
}

.SB-betSlip-container .SB-betSlip-content .SB-betSlip-bookingCode-container .SB-btnLoadBetslip {
        margin-left: 8px;
        width: auto;
        padding: 0 12px
}

.SB-betSlip-container .SB-betSlipBox {
        border-bottom: 1px solid #726B70;
        background-color: #515151;
        color: #FFF
}

.SB-betSlip-container .SB-betSlipBox.SB-betSlipBox-highlight {
        border: 1px solid #97d23a
}

.SB-betSlip-container .SB-betSlipBox .SB-betSlipBox-close {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        cursor: pointer
}

.SB-betSlip-container .SB-betSlipBox .SB-betSlipBox-close img {
        width: 14px;
        min-width: 14px;
        max-height: 14px;
        min-height: 14px;
        max-height: 14px;
        opacity: 0.5
}

.SB-betSlip-container .SB-betSlipBox .SB-betSlipBox-close i {
        font-size: 12px;
        color: #222222
}

@media screen and (max-width: 300px) {
        .SB-betSlip-container .SB-betSlipBox .SB-betSlipBox-close i {
                font-size: 8px
        }
}

.SB-betSlip-container .SB-betSlipBox .SB-betSlipBox-close:hover i {
        color: #FFF
}

.SB-betSlip-container .SB-betSlipBox .SB-betSlipBox-close:hover img {
        opacity: 1
}

.SB-betSlip-container .SB-betSlipBox .SB-betSlipBox-close .SB-iconSvg {
        pointer-events: none
}

.SB-betSlip-container .SB-betSlipBox .SB-betSlipBox-close .SB-iconSvg svg {
        height: 12px
}

.SB-betSlip-container .SB-betSlipBox .SB-betSlipBox-close .SB-iconSvg svg path {
        fill: #222222
}

.SB-betSlip-container .SB-betSlipBox .SB-bet-details {
        padding: 6px 10px
}

.SB-betSlip-container .SB-betSlipBox .SB-bet-details .SB-betDeatils-header {
        display: flex
}

.SB-betSlip-container .SB-betSlipBox .SB-bet-details .SB-betSlip-outcomeOdds {
        display: flex;
        font-size: 14px;
        justify-content: space-between
}

@media screen and (max-width: 300px) {
        .SB-betSlip-container .SB-betSlipBox .SB-bet-details .SB-betSlip-outcomeOdds {
                font-size: 12px
        }
}

.SB-betSlip-container .SB-betSlipBox .SB-bet-details .SB-betSlip-outcomeOdds .SB-betSlip-outcome {
        flex: 1 1 auto;
        padding-right: 6px
}

.SB-betSlip-container .SB-betSlipBox .SB-bet-details .SB-betSlip-outcomeOdds .SB-betSlip-outcome.SB-selection-error {
        background-color: #D96900;
        padding: 2px 2px
}

.SB-betSlip-container .SB-betSlipBox .SB-bet-details .SB-betSlip-outcomeOdds .SB-betSlip-odds.SB-betSlip-oddsIncreased {
        background-color: #97d23a;
        padding: 0px 4px;
        animation: SB-bg-blink-increased 1s infinite;
        border-radius: 3px
}

.SB-betSlip-container .SB-betSlipBox .SB-bet-details .SB-betSlip-outcomeOdds .SB-betSlip-odds.SB-betSlip-oddsDecreased {
        background-color: #f36;
        padding: 0px 4px;
        animation: SB-bg-blink-decreased 1s infinite;
        border-radius: 3px
}

@-webkit-keyframes SB-bg-blink-increased {
        0%,
        49% {
                background-color: transparent;
                color: #FFF
        }
        50%,
        100% {
                color: #000
        }
}

@-webkit-keyframes SB-bg-blink-decreased {
        0%,
        49% {
                background-color: transparent;
                color: #FFF
        }
        50%,
        100% {
                color: #FFF
        }
}

.SB-betSlip-container .SB-betSlipBox .SB-bet-details .SB-betSlip-market {
        font-size: 12px;
        color: #222222
}

.SB-betSlip-container .SB-betSlipBox .SB-bet-details .SB-betSlip-fixture {
        color: #222222;
        display: inline-block;
        font-size: 12px;
        flex: 1 1 auto;
        padding-right: 6px
}

.SB-betSlip-container .SB-betSlipBox .SB-bet-details .SB-betSlip-matchMinute {
        color: #515151
}

.SB-betSlip-container .SB-betSlipBox.SB-betSuspended {
        border: 2px solid #515151
}

.SB-betSlip-container .SB-betSlipBox.SB-disabled .SB-betSlip-outcomeOdds,
.SB-betSlip-container .SB-betSlipBox.SB-disabled .SB-betSlip-fixture,
.SB-betSlip-container .SB-betSlipBox.SB-disabled .SB-betSlip-market {
        opacity: 0.5;
        pointer-events: none
}

.SB-betSlip-container .SB-betSlip-errorMsg {
        background-color: #fddfc4;
        color: #f95656;
        padding: 6px 12px;
        display: flex;
        align-items: center
}

.SB-betSlip-container .SB-betSlip-errorMsg a {
        text-decoration: underline;
        cursor: pointer
}

.SB-betSlip-container .SB-betSlip-errorMsg img {
        margin-right: 6px
}

.SB-betSlip-container .SB-betSlip-successMsg {
        background-color: #ccf9b7;
        color: #000;
        padding: 6px 12px
}

.SB-betSlip-container .SB-betSlip-successMsg a {
        text-decoration: underline;
        cursor: pointer
}

.SB-betSlip-container .SB-betSlip-acceptOddsChange-container {
        background-color: #726B70;
        padding: 5px 10px;
        display: flex;
        flex-wrap: wrap;
        align-items: center
}

.SB-betSlip-container .SB-betSlip-acceptOddsChange-container .SB-betSlip-acceptOddsChange {
        flex: 1 1 auto;
        color: #FFF
}

.SB-betSlip-container .SB-betSlip-acceptOddsChange-container .SB-betSlip-acceptOddsChange .SB-checkbox {
        display: flex;
        align-items: center;
        padding: 5px 0
}

@media screen and (max-width: 300px) {
        .SB-betSlip-container .SB-betSlip-acceptOddsChange-container .SB-betSlip-acceptOddsChange .SB-checkbox {
                padding-top: 0
        }
}

.SB-betSlip-container .SB-betSlip-acceptOddsChange-container .SB-betSlip-acceptOddsChange .SB-checkbox .SB-checkboxLabel {
        color: #FFF;
        top: auto
}

.SB-betSlip-container .SB-betSlip-acceptOddsChange-container .SB-betSlip-clearAll {
        color: #FFF;
        cursor: pointer;
        text-decoration: underline
}

.SB-betSlip-container .SB-betSlip-footer {
        flex: 0 0 auto;
        position: relative;
        bottom: 0;
        width: 100%;
        z-index: 10;
        align-items: stretch;
        color: #FFF
}

.SB-betSlip-container .SB-betSlip-footer .SB-addSelections-infoMsg {
        padding: 6px 12px;
        text-align: left;
        line-height: 1.2;
        background-color: #D96900;
        color: #FFF
}

.SB-betSlip-container .SB-betSlip-footer .SB-stakeError-infoMsg {
        padding: 6px 12px;
        background-color: #D96900;
        color: #FFF;
        text-align: left;
        line-height: 1.2;
        margin: 0 -12px
}

.SB-betSlip-container .SB-betSlip-footer .SB-stakeBox-container {
        background-color: #515151;
        padding: 10px 10px 0 10px;
        border-bottom: 1px solid #726B70
}

@media screen and (max-width: 300px) {
        .SB-betSlip-container .SB-betSlip-footer .SB-stakeBox-container {
                padding: 8px
        }
}

.SB-betSlip-container .SB-betSlip-footer .SB-stakeBox-container .SB-freeBet-content {
        margin-bottom: 5px
}

.SB-betSlip-container .SB-betSlip-footer .SB-stakeBox-container .SB-freeBet-content .SB-checkbox {
        align-items: center
}

.SB-betSlip-container .SB-betSlip-footer .SB-stakeBox-container .SB-freeBet-content .SB-checkbox .SB-checkboxLabel {
        top: auto;
        color: #FFF
}

.SB-betSlip-container .SB-betSlip-footer .SB-stakeBox-container .SB-freeBet-content .SB-checkbox label::before {
        border: 0
}

.SB-betSlip-container .SB-betSlip-footer .SB-stakeBox-container .SB-stakeBox-content {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        margin-bottom: 12px
}

.SB-betSlip-container .SB-betSlip-footer .SB-stakeBox-container .SB-stakeInputBox {
        display: flex;
        align-items: center;
        flex-wrap: wrap
}

@media screen and (max-width: 300px) {
        .SB-betSlip-container .SB-betSlip-footer .SB-stakeBox-container .SB-stakeInputBox {
                flex-wrap: wrap;
                justify-content: flex-end
        }
}

.SB-betSlip-container .SB-betSlip-footer .SB-stakeBox-container .SB-stakeInputBox input {
        max-width: 65px;
        min-width: 65px;
        text-align: right;
        margin-left: 5px;
        height: 32px;
        min-height: 32px;
        max-height: 32px;
        border: 0
}

@media screen and (max-width: 300px) {
        .SB-betSlip-container .SB-betSlip-footer .SB-stakeBox-container .SB-stakeInputBox input {
                margin: 8px 0 0 5px
        }
}

.SB-betSlip-container .SB-betSlip-footer .SB-stakeBox-container .SB-stakeInputBox .SB-closeIcon {
        width: 30px;
        height: 30px;
        display: flex;
        align-items: center;
        justify-content: center
}

.SB-betSlip-container .SB-betSlip-footer .SB-stakeBox-container .SB-stakeInputBox .SB-closeIcon svg {
        height: 10px
}

.SB-betSlip-container .SB-betSlip-footer .SB-stakeBox-container .SB-stakeInputBox .SB-closeIcon svg path {
        fill: #222222
}

.SB-betSlip-container .SB-betSlip-footer .SB-stakeBox-container .SB-stakeInputBox .sb-icon_close {
        color: #FFF
}

.SB-betSlip-container .SB-betSlip-footer .SB-stakeBox-container .SB-stakeInputBox .SB-freeBetDropDown-container {
        padding-right: 0;
        padding-left: 8px
}

.SB-betSlip-container .SB-betSlip-footer .SB-stakeBox-container .SB-stakeInputBox .SB-btnSubmit {
        margin: 0 0 0 8px;
        height: 32px;
        width: auto
}

@media screen and (max-width: 300px) {
        .SB-betSlip-container .SB-betSlip-footer .SB-stakeBox-container .SB-stakeInputBox .SB-btnSubmit {
                margin: 8px 0 0 8px
        }
}

.SB-betSlip-container .SB-betSlip-footer .SB-stakeBox-container .SB-stakeInputBox .SB-stakeInputBoxWithControls {
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 0 0 6px;
        border-radius: 5px;
        overflow: hidden
}

.SB-betSlip-container .SB-betSlip-footer .SB-stakeBox-container .SB-stakeInputBox .SB-stakeInputBoxWithControls.SB-disabled {
        color: #DDD;
        opacity: 0.5;
        pointer-events: none
}

.SB-betSlip-container .SB-betSlip-footer .SB-stakeBox-container .SB-stakeInputBox .SB-stakeInputBoxWithControls .SB-stakeBoxBtn {
        background-color: #726B70;
        color: #FFF;
        min-width: 40px;
        max-width: 40px;
        min-height: 40px;
        max-height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 30px;
        line-height: 1
}

.SB-betSlip-container .SB-betSlip-footer .SB-stakeBox-container .SB-stakeInputBox .SB-stakeInputBoxWithControls .SB-stakeBoxBtn .SB-icon {
        font-size: 16px
}

.SB-betSlip-container .SB-betSlip-footer .SB-stakeBox-container .SB-stakeInputBox .SB-stakeInputBoxWithControls .SB-stakeBoxBtn.SB-stakeBoxBtnMinus {
        border-radius: 5px 0 0 5px
}

.SB-betSlip-container .SB-betSlip-footer .SB-stakeBox-container .SB-stakeInputBox .SB-stakeInputBoxWithControls .SB-stakeBoxBtn.SB-stakeBoxBtnPlus {
        border-radius: 0 5px 5px 0
}

.SB-betSlip-container .SB-betSlip-footer .SB-stakeBox-container .SB-stakeInputBox .SB-stakeInputBoxWithControls .SB-stakeBoxBtn img {
        min-width: 20px;
        max-width: 20px;
        min-height: 20px;
        max-height: 20px
}

.SB-betSlip-container .SB-betSlip-footer .SB-stakeBox-container .SB-stakeInputBox .SB-stakeInputBoxWithControls .SB-stakeBoxBtn.SB-disabled {
        color: #DDD;
        opacity: 0.5;
        pointer-events: none
}

.SB-betSlip-container .SB-betSlip-footer .SB-stakeBox-container .SB-stakeInputBox .SB-stakeInputBoxWithControls input {
        min-height: 40px;
        max-height: 40px;
        max-width: 55px;
        min-width: 55px;
        border-radius: 0;
        margin: 0;
        text-align: left;
        padding: 0 8px
}

.SB-betSlip-container .SB-betSlip-footer .SB-stakeBox-container .SB-stakeInputBox .SB-stakeInputBoxWithControls.SB-error .SB-stakeBoxBtn {
        border: 1px solid #f36
}

.SB-betSlip-container .SB-betSlip-footer .SB-stakeBox-container .SB-freeBetDropDown-container .SB-select {
        height: 32px
}

.SB-betSlip-container .SB-betSlip-footer .SB-stakeBox-container .SB-freeBetDropDown-container .SB-singleFreeBetStakeBox {
        background-color: #FFF;
        color: #000;
        border-radius: 3px;
        padding: 2px 6px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap
}

.SB-betSlip-container .SB-betSlip-footer .SB-stakeBox-container .SB-freeBetDropDown-container .SB-singleFreeBetStakeBox div {
        padding: 0 2px
}

.SB-betSlip-container .SB-betSlip-footer .SB-stakeBox-container .SB-retuns-container {
        text-align: right;
        font-size: 14px;
        line-height: 1.3;
        padding-top: 2px
}

@media screen and (max-width: 300px) {
        .SB-betSlip-container .SB-betSlip-footer .SB-stakeBox-container .SB-retuns-container {
                font-size: 10px;
                padding-top: 5px
        }
}

.SB-betSlip-container .SB-betSlip-footer .SB-stakeBox-container .SB-retuns-container .SB-txtHighlight {
        color: #97d23a
}

.SB-betSlip-container .SB-betSlip-footer .SB-totalOdds {
        margin-bottom: 8px
}

.SB-betSlip-container .SB-betSlip-footer .SB-totalStakeOddsWins {
        background-color: #515151;
        padding: 10px 10px 0
}

.SB-betSlip-container .SB-betSlip-footer .SB-totalStakeOddsWins .SB-totalStakeOddsWins-content {
        width: 100%
}

.SB-betSlip-container .SB-betSlip-footer .SB-totalStakeOddsWins .SB-contentBlock {
        margin-bottom: 5px
}

.SB-betSlip-container .SB-betSlip-footer .SB-totalStakeOddsWins .SB-contentBlock .SB-leftContent,
.SB-betSlip-container .SB-betSlip-footer .SB-totalStakeOddsWins .SB-contentBlock .SB-rightContent {
        width: 50%;
        max-width: 50%
}

.SB-betSlip-container .SB-betSlip-footer .SB-placeBet-container {
        padding: 5px 10px 15px;
        text-align: center;
        background-color: #515151;
        display: flex;
        align-items: center
}

@media screen and (min-width: 1024px) {
        .SB-betSlip-container .SB-betSlip-footer .SB-placeBet-container {
                border-radius: 0 0 4px 4px
        }
}

.SB-betSlip-container .SB-betSlip-footer .SB-placeBet-container .SB-btnAcceptOddsChange {
        background-color: #22222250b;
        border: 0
}

.SB-betSlip-container .SB-betSlip-footer .SB-placeBet-container .SB-btnPlaceBet {
        background-color: #97d23a;
        border: 1px solid #97d23a;
        color: #000;
        width: 100%;
        font-weight: 600;
        opacity: 0.5;
        pointer-events: none
}

.SB-betSlip-container .SB-betSlip-footer .SB-placeBet-container .SB-btnPlaceBet.active {
        opacity: 1;
        pointer-events: all
}

.SB-betSlip-container .SB-betSlip-footer .SB-placeBet-container .SB-btnBookABet {
        width: auto;
        padding: 0 8px;
        font-size: 14px;
        margin-right: 12px
}

@media screen and (max-width: 300px) {
        .SB-betSlip-container .SB-betSlip-footer .SB-placeBet-container .SB-btnBookABet {
                display: none
        }
}

.SB-betSlip-container .SB-totalReturns {
        font-size: 14px;
        font-weight: bold
}

@media screen and (max-width: 300px) {
        .SB-betSlip-container .SB-totalReturns {
                font-size: 10px
        }
}

.SB-betSlip-container .SB-txtHighlight {
        color: #97d23a
}

.SB-betSlip-container .SB-betFoldsBonus-content {
        margin-bottom: 8px;
        display: flex;
        align-items: center;
        justify-content: space-between
}

@media screen and (max-width: 300px) {
        .SB-betSlip-container .SB-betFoldsBonus-content {
                margin-bottom: 0
        }
}

.SB-betSlip-container .SB-betFoldsBonus-content .SB-bonus img {
        top: -3px;
        max-width: 18px;
        min-width: 18px;
        max-height: 18px;
        min-height: 18px
}

.SB-betSlip-container .SB-betSlip-note {
        padding: 0 12px 12px;
        color: #222222;
        font-size: 10px;
        line-height: 1.2
}

.SB-betSlip-container .SB-betSlip-note img {
        margin-bottom: 2px
}

.SB-betSlip-confirmation-container {
        background-color: #000
}

.SB-betSlip-confirmation-container .SB-msgBox {
        padding-left: 12px;
        padding-right: 12px
}

.SB-betSlip-confirmation-container .SB-msgBox.SB-error .SB-msgBox-container {
        background-color: transparent
}

.SB-betSlip-confirmation-container .SB-btn-container {
        display: flex;
        padding: 0 12px 12px
}

.SB-betSlip-confirmation-container .SB-btn-container .SB-btnCancel {
        margin-right: 10px;
        width: 110px;
        border: 0
}

.SB-betSlip-confirmation-container .SB-btn-container .btn {
        margin-right: 10px
}

.SB-betSlip-confirmation-container .SB-btn-container .btn:last-child {
        margin-right: 0
}

.SB-betSlip-confirmation-container .SB-insufficientFunds-deposit-container {
        background-color: #000
}

.SB-betSlip-confirmation-container .SB-loadBookABet-confirmation-container {
        background-color: #000
}

.SB-overlap-mask {
        background-color: #000;
        width: 100%;
        top: 0;
        bottom: 0;
        position: absolute;
        opacity: 0.6;
        height: 100%;
        z-index: 99
}

.SB-betslipPopup,
.SB-shareBetPopup {
        position: absolute;
        bottom: 0;
        background-color: #fff;
        z-index: 99;
        padding: 12px;
        width: 100%
}

.SB-betslipPopup .SB-betslipPopup-header,
.SB-betslipPopup .SB-shareBetPopup-header,
.SB-shareBetPopup .SB-betslipPopup-header,
.SB-shareBetPopup .SB-shareBetPopup-header {
        text-align: center;
        font-size: 16px;
        font-weight: bold;
        margin-bottom: 10px;
        position: relative
}

.SB-betslipPopup .SB-betslipPopup-header .SB-closeButton,
.SB-betslipPopup .SB-shareBetPopup-header .SB-closeButton,
.SB-shareBetPopup .SB-betslipPopup-header .SB-closeButton,
.SB-shareBetPopup .SB-shareBetPopup-header .SB-closeButton {
        float: right;
        cursor: pointer;
        height: 20px
}

.SB-betslipPopup .SB-betslipPopup-header .SB-closeButton img,
.SB-betslipPopup .SB-shareBetPopup-header .SB-closeButton img,
.SB-shareBetPopup .SB-betslipPopup-header .SB-closeButton img,
.SB-shareBetPopup .SB-shareBetPopup-header .SB-closeButton img {
        width: 12px
}

.SB-loadBetslipPopupConfirmation .SB-btnYesNo-container {
        display: flex
}

.SB-loadBetslipPopupConfirmation .SB-btnYesNo-container .btn:not(:last-child) {
        margin-right: 10px
}

.SB-bookingCodeShare-container {
        text-align: center
}

.SB-bookingCodeShare-container .SB-logo {
        margin: 20px 0;
        height: 50px
}

.SB-bookingCodeShare-container .SB-successMsg {
        color: #24a04d
}

.SB-bookingCodeShare-container .SB-btnShare {
        background-color: #97d23a;
        border-radius: 32px;
        height: 32px;
        padding: 0 12px;
        display: inline-flex;
        align-items: center;
        border: 1px solid #888;
        margin-top: 12px;
        cursor: pointer;
        font-weight: bold;
        color: #000
}

.SB-bookingCodeShare-container .SB-btnShare img {
        width: 14px;
        margin-right: 8px
}

.SB-bookingCodeShare-header {
        text-align: center;
        font-size: 16px;
        font-weight: bold;
        margin-bottom: 10px;
        position: relative
}

.SB-bookingCodeShare-header .SB-closeButton {
        float: right;
        position: relative;
        top: 5px
}

.SB-bookingCode {
        text-align: center;
        font-size: 28px;
        font-weight: 700;
        display: flex;
        align-items: center;
        justify-content: center
}

.SB-bookingCode span {
        margin-right: 6px
}

.SB-bookingCode .SB-iconSVG {
        cursor: pointer;
        display: flex
}

.SB-bookingCode .SB-iconSVG svg {
        height: 24px
}

.SB-bookingCode .SB-iconSVG svg path {
        fill: #000
}

.SB-socialShareButtons {
        margin-top: 10px
}

.SB-socialShareButtons ul li {
        display: inline-flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
        padding: 8px 4px 0;
        cursor: pointer
}

.SB-socialShareButtons ul li img {
        width: 24px
}

.SB-socialShareButtons ul li label {
        padding-top: 4px;
        cursor: pointer;
        font-size: 10px
}

.SB-betSlip-betStatus-container {
        border-radius: 0 0 6px 6px;
        overflow: hidden
}

.SB-betSlip-betStatus-container .SB-totalStakeOddsWins {
        background-color: #515151;
        padding: 10px 12px;
        color: #FFF
}

.SB-betSlip-betStatus-container .SB-betslip-betStatus-btn-container {
        background-color: #515151;
        color: #fff;
        text-align: center;
        padding: 4px 12px 0;
        display: flex
}

.SB-betSlip-betStatus-container .SB-betslip-betStatus-btn-container .SB-btnBookABet {
        width: auto;
        padding: 0 8px;
        font-size: 14px;
        margin-right: 12px
}

@media screen and (max-width: 300px) {
        .SB-betSlip-betStatus-container .SB-betslip-betStatus-btn-container .SB-btnBookABet {
                display: none
        }
}

.SB-betSlip-betStatus-container .SB-betslip-betStatus-btn-container .SB-btnRetainSelection {
        margin-bottom: 10px
}

.SB-betSlip-betStatus-container .SB-clearAll {
        padding: 4px 0 12px;
        cursor: pointer;
        display: block;
        color: #222222;
        text-align: center
}

.SB-betSlip-betStatus-container .SB-bookingCodeShare-container {
        color: #FFF;
        border-top: 1px solid #726B70;
        border-bottom: 1px solid #726B70;
        padding: 12px 10px 12px
}

.SB-betSlip-betStatus-container .SB-bookingCodeShare-container .SB-bookingCode .SB-iconSVG svg path {
        fill: #fff
}

.SB-betSlip-betStatus-container .SB-bookingCodeShare-container .SB-iconSVG {
        cursor: pointer;
        height: 24px
}

.SB-betSlip-betStatus-container .SB-bookingCodeShare-container .SB-iconSVG svg {
        height: 24px
}

.SB-betSlip-betStatus-container .SB-bookingCodeShare-container .SB-iconSVG svg path {
        fill: #fff
}

.SB-betSlip-betStatusLoader {
        display: flex;
        align-items: center;
        justify-content: space-between;
        background-color: #1a1819;
        color: #FFF;
        padding: 6px 12px
}

.SB-betSlip-betStatusLoader .SB-loaderSVGIcon {
        display: flex;
        align-items: center
}

.SB-betSlip-betStatus {
        display: flex;
        align-items: center;
        justify-content: space-between;
        color: #FFF;
        background-color: #1a1819;
        padding: 6px 12px
}

.SB-betSlip-betStatus .SB-icon {
        font-size: 20px
}

.SB-betSlip-betStatus.SB-success .SB-txtHighlight,
.SB-betSlip-betStatus.SB-success .SB-icon {
        color: #97d23a
}

.SB-betSlip-betStatus.SB-failure .SB-txtHighlight,
.SB-betSlip-betStatus.SB-failure .SB-icon {
        color: #f36
}

.SB-myBets-content {
        overflow-y: auto
}

.SB-cashOut-toggle-container {
        background-color: #726b70;
        color: #FFF;
        padding: 12px;
        display: flex;
        align-items: center
}

.SB-cashOut-toggle-container .SB-checkbox {
        align-items: center
}

.SB-cashOut-toggle-container .SB-checkboxLabel {
        color: #FFF;
        top: 0
}

.SB-cashOut-toggle-container .SB-label {
        margin-left: 10px
}

.SB-cashOut-toggle-container .SB-toggleSwitch .SB-label {
        font-size: 14px
}

.SB-myBets-item {
        color: #FFF
}

.SB-myBets-item .SB-myBets-item-header {
        background-color: #3d373b;
        padding: 8px 12px
}

.SB-myBets-item .SB-myBets-item-header .SB-betType {
        font-size: 14px
}

.SB-myBets-item .SB-myBets-item-header .SB-myBets-item-header-container {
        flex: 1 1 auto;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-right: 8px;
        line-height: 1
}

.SB-myBets-item .SB-myBets-betDetails {
        padding: 10px 12px;
        border-bottom: 1px solid #726B70;
        color: #222222
}

.SB-myBets-item .SB-myBets-betDetails .SB-myBets-outcomewithOdds {
        font-size: 14px;
        color: #FFF;
        display: flex;
        justify-content: space-between
}

.SB-myBets-item .SB-myBets-betDetails .SB-myBets-outcomewithOdds .SB-live {
        background-color: #97d23a;
        color: #000;
        height: auto;
        padding-top: 1px;
        position: relative;
        top: -1px
}

.SB-myBets-item .SB-myBets-betDetails .SB-myBets-placeBetDateTime {
        color: #EEE
}

.SB-myBets-item .SB-myBets-betDetails .SB-myBets-fixture {
        color: #222222
}

.SB-myBets-item .SB-myBets-betDetails .SB-myBets-market {
        color: #222222
}

.SB-myBets-item.SB-accordion .SB-accordion-header {
        display: flex;
        justify-content: space-between;
        align-items: center
}

.SB-myBets-item.SB-accordion .SB-accordion-header::after {
        content: "\e951";
        font-family: '10bet-icon' !important
}

.SB-myBets-item.SB-accordion.collapsed .SB-accordion-header {
        margin-bottom: 5px
}

.SB-myBets-item.SB-accordion.collapsed .SB-accordion-header:after {
        content: "\e94e"
}

.SB-myBets-item .SB-myBets-stakeOdds-container {
        font-size: 14px;
        padding: 8px 12px;
        color: #DDD
}

.SB-myBets-item .SB-myBets-stakeOdds-container .SB-contentBlock {
        margin-bottom: 5px
}

.SB-myBets-item .SB-myBets-stakeOdds-container .SB-myBets-totalReturns {
        color: #FFF;
        font-weight: bold
}

.SB-myBets-item .SB-myBets-cashout-container {
        padding: 4px 12px 12px
}

.SB-myBets-item .SB-myBets-cashout-container .SB-cashOut-btn-container {
        display: flex;
        align-items: center
}

@media screen and (max-width: 300px) {
        .SB-myBets-item .SB-myBets-cashout-container .SB-cashOut-btn-container {
                flex-wrap: wrap
        }
}

.SB-myBets-item .SB-myBets-cashout-container .SB-cashOut-btn-container .SB-btnCancel {
        background-color: #222222;
        min-width: 70px;
        max-width: 70px;
        text-align: center;
        margin-left: 6px;
        color: #000
}

@media screen and (max-width: 300px) {
        .SB-myBets-item .SB-myBets-cashout-container .SB-cashOut-btn-container .SB-btnCancel {
                margin-top: 6px;
                margin-left: 0;
                min-width: 100%
        }
}

.SB-myBets-item .SB-myBets-cashout-container .SB-cashOut-betStatusLoader,
.SB-myBets-item .SB-myBets-cashout-container .SB-cashOut-betStatus {
        display: flex;
        align-items: center;
        justify-content: space-between;
        background-color: #97d23a;
        color: #000;
        border: 0;
        padding: 0 8px;
        border-radius: 6px
}

.SB-myBets-item .SB-myBets-cashout-container .SB-cashOut-betStatusLoader .SB-loaderSVGIcon,
.SB-myBets-item .SB-myBets-cashout-container .SB-cashOut-betStatusLoader .SB-status-icon,
.SB-myBets-item .SB-myBets-cashout-container .SB-cashOut-betStatus .SB-loaderSVGIcon,
.SB-myBets-item .SB-myBets-cashout-container .SB-cashOut-betStatus .SB-status-icon {
        display: flex;
        align-items: center
}

.SB-myBets-item .SB-myBets-cashout-container .SB-cashOut-newOffer {
        text-align: center;
        margin-bottom: 5px
}

.SB-myBets-item .SB-myBets-cashout-container .SB-cashOut-betStatus.SB-failure {
        color: #f36;
        background-color: #333;
        border: 1px solid #f36
}

.SB-myBets-item .SB-myBets-cashout-container .SB-cashOut-betStatus.SB-success {
        color: #000;
        background-color: #97d23a;
        border: 1px solid #97d23a
}

.SB-quickBetslip {
        background-color: #FFF;
        padding: 8px 8px;
        margin: 8px 12px 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap
}

.SB-quickBetslip .SB-txtHighlight {
        font-weight: bold
}

.SB-quickBetslip .SB-btnBetNow {
        padding: 0 10px
}

.SB-rightMenu-opened .SB-rightMenu {
        -webkit-transform: translateX(0) !important;
        transform: translateX(0) !important
}

.SB-betReceipt-container {
        padding: 10px
}

.SB-betReceipt-container .SB-betReceipt-header {
        background-color: #515151;
        height: 35px;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 15px;
        font-weight: 500;
        border-radius: 3px 3px 0 0;
        color: #FFF
}

.SB-betReceipt-container .SB-betReceipt-content {
        padding: 0 0px 5px;
        background-color: #f5f7ff;
        position: relative
}

.SB-betReceipt-container .SB-receipt-edge {
        background-image: url("../images/receipt-edge-kenya.svg");
        background-repeat: repeat-x;
        width: 100%;
        height: 12px
}

.SB-betReceipt-container .SB-betReceipt-betSuccessMsg {
        text-align: center;
        color: #f36;
        font-size: 12px;
        padding: 12px
}

.SB-betReceipt-container .SB-betReceipt-info .SB-betReceiptBox .SB-bet-details {
        padding: 12px 12px;
        border-bottom: 1px solid #c7d0f2
}

.SB-betReceipt-container .SB-betReceipt-info .SB-betReceiptBox .SB-bet-details:first-child {
        border-top: 1px solid #c7d0f2
}

.SB-betReceipt-container .SB-betReceipt-info .SB-betReceiptBox .SB-bet-details .SB-betSlip-outcomeOdds {
        display: flex;
        font-size: 14px;
        font-weight: 500;
        line-height: 16px
}

@media screen and (max-width: 300px) {
        .SB-betReceipt-container .SB-betReceipt-info .SB-betReceiptBox .SB-bet-details .SB-betSlip-outcomeOdds {
                font-size: 12px
        }
}

.SB-betReceipt-container .SB-betReceipt-info .SB-betReceiptBox .SB-bet-details .SB-betSlip-outcomeOdds .SB-betSlip-outcome {
        flex: 1 1 auto;
        min-width: 0
}

.SB-betReceipt-container .SB-betReceipt-info .SB-betReceiptBox .SB-bet-details .SB-betSlip-market {
        margin-top: 3px
}

.SB-betReceipt-container .SB-betReceipt-info .SB-betReceiptBox .SB-bet-details .SB-betSlip-fixture {
        color: #515c7a;
        line-height: 16px
}

.SB-betReceipt-container .SB-betReceipt-info .SB-betReceiptBox .SB-bet-details .SB-betSlip-odds {
        padding-left: 5px;
        display: flex;
        flex-wrap: nowrap
}

.SB-betReceipt-container .SB-betReceipt-info .SB-betReceipt-details {
        padding: 8px 12px;
        border-bottom: 1px solid #c7d0f2
}

.SB-betReceipt-container .SB-betReceipt-info .SB-betReceipt-details .SB-contentBlock {
        margin-bottom: 3px
}

.SB-betReceipt-container .SB-betReceipt-info .SB-betReceipt-details .SB-txtHighlight {
        color: #515151
}

.SB-betReceipt-container .SB-betReceipt-btnClose {
        text-align: center
}

.SB-betReceipt-container .SB-betReceipt-btnClose .btn {
        width: 150px
}

.SB-betReceipt-container .SB-betReceipt-btnClose .SB-btnContinueBetting {
        background-color: #97d23a;
        color: #FFF;
        border: 1px solid #97d23a
}

.SB-betReceipt-container .SB-shareBetslip-container {
        padding: 12px;
        text-align: center
}

.SB-betReceipt-container .SB-shareBetslip-container .SB-socialIcons {
        margin-top: 10px
}

.SB-betReceipt-container .SB-shareBetslip-container .SB-socialIcons img {
        height: 26px;
        margin: 0 8px
}

.SB-betReceipt-container .SB-betReceipt-promotion-container {
        padding: 12px;
        text-align: center;
        margin-top: 20px
}

.SB-betReceipt-container .SB-betReceipt-promotion-container .SB-promotionLinks {
        display: flex;
        justify-content: center;
        margin-top: 10px
}

.SB-betReceipt-container .SB-betReceipt-promotion-container .SB-promotionLinks .SB-promotionLinkItem {
        background-color: #FFF;
        border: 1px solid #515151;
        border-radius: 4px;
        padding: 8px 8px 6px;
        text-align: center;
        margin-right: 10px;
        min-width: 75px
}

.SB-betReceipt-container .SB-betReceipt-promotion-container .SB-promotionLinks .SB-promotionLinkItem:last-child {
        margin-right: 0
}

.SB-betReceipt-container .SB-betReceipt-promotion-container .SB-promotionLinks .SB-promotionLinkItem .SB-iconSvg {
        height: 24px;
        margin-bottom: 3px
}

.SB-betReceipt-container .SB-betReceipt-promotion-container .SB-promotionLinks .SB-promotionLinkItem .SB-iconSvg svg {
        height: 24px
}

.SB-betReceipt-container .SB-betReceipt-promotion-container .SB-promotionLinks .SB-promotionLinkItem .SB-iconSvg svg path {
        fill: #515151
}

.SB-betReceipt-container .SB-betReceipt-promotion-container .SB-promotionLinks .SB-promotionLinkItem .SB-iconSvg.SB-jackpotIcon svg {
        height: 20px
}

.SB-rightMenu-banners-container {
        text-align: center;
        padding: 12px 12px
}

@media screen and (min-width: 1024px) {
        .SB-rightMenu-banners-container {
                padding: 12px 0
        }
}

.SB-myAccountSection-container {
        padding-bottom: 20px
}



@media screen and (min-width: 1024px) {
        .SB-myAccountSection-container {
                border: 1px solid #DDD;
                border-radius: 6px;
                margin: 0 12px
        }
        .SB-myAccountSection-container .SB-content {
                max-width: 500px;
                margin: 0 auto
        }
}

.SB-myBets .SB-content,
.SB-bettingHistory .SB-content,
.SB-transactionHistory .SB-content,
.SB-bonusHistory .SB-content {
        max-width: 100%
}

.SB-myBets .SB-tab-content,
.SB-bettingHistory .SB-tab-content,
.SB-transactionHistory .SB-tab-content,
.SB-bonusHistory .SB-tab-content {
        padding: 0 12px
}

@media screen and (max-width: 300px) {
        .SB-myBets .SB-tab-content,
        .SB-bettingHistory .SB-tab-content,
        .SB-transactionHistory .SB-tab-content,
        .SB-bonusHistory .SB-tab-content {
                padding: 0 8px
        }
}

@media screen and (max-width: 120px) {
        .SB-myBets .SB-tab-content,
        .SB-bettingHistory .SB-tab-content,
        .SB-transactionHistory .SB-tab-content,
        .SB-bonusHistory .SB-tab-content {
                padding: 0 4px
        }
}

.SB-myBets .SB-timeFilterSelect,
.SB-myBets .SB-select,
.SB-bettingHistory .SB-timeFilterSelect,
.SB-bettingHistory .SB-select,
.SB-transactionHistory .SB-timeFilterSelect,
.SB-transactionHistory .SB-select,
.SB-bonusHistory .SB-timeFilterSelect,
.SB-bonusHistory .SB-select {
        margin-bottom: 10px
}

.SB-myAccountSection-tabs {
        margin-bottom: 10px;
        text-align: center;
        background-color: #FFF
}

.SB-myAccountSection-tabs ul {
        display: inline-flex;
        align-items: center;
        overflow: hidden;
        margin: 0 auto
}

@media screen and (min-width: 50px) and (max-width: 767px) {
        .SB-myAccountSection-tabs ul {
                display: flex;
                overflow-x: auto
        }
}

@media screen and (max-width: 300px) {
        .SB-myAccountSection-tabs ul {
                flex-wrap: wrap
        }
}

.SB-myAccountSection-tabs ul li {
        flex: 1 1 auto
}

.SB-myAccountSection-tabs ul li .SB-tab-item {
        color: #000;
        font-weight: bold;
        font-size: 14px;
        min-height: 36px;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        padding: 0 20px;
        white-space: nowrap
}

@media screen and (min-width: 50px) and (max-width: 767px) {
        .SB-myAccountSection-tabs ul li .SB-tab-item {
                padding: 0 10px
        }
}

@media screen and (max-width: 300px) {
        .SB-myAccountSection-tabs ul li .SB-tab-item {
                font-size: 10px;
                min-height: auto;
                padding: 2px 10px
        }
}

.SB-myAccountSection-tabs ul li.active .SB-tab-item {
        border-bottom: 2px solid #97d23a;
        color: #000
}

.SB-myBetsBox-group .SB-myBetBox:last-child {
        margin-bottom: 0
}

.SB-bonus {
        display: flex;
        align-items: center
}

.SB-bonus img {
        margin-left: 5px;
        position: relative;
        top: -1px;
        max-width: 18px;
        min-width: 18px;
        max-height: 18px;
        min-height: 18px
}

.SB-myBetBox {
        border-radius: 6px;
        overflow: hidden;
        margin-bottom: 10px;
        background-color: #FFF;
        position: relative
}

.SB-myBetBox .SB-myBetBox-header {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        padding: 8px 10px 0;
        flex-wrap: wrap
}

.SB-myBetBox .SB-myBetBox-header .SB-betDate {
        word-break: break-all
}

.SB-myBetBox .SB-myBetBox-header .SB-betID {
        word-break: break-all
}

.SB-myBetBox .SB-betType-header {
        display: flex;
        align-items: center;
        padding: 8px 10px
}

.SB-myBetBox .SB-betType-header .SB-betType-header-container {
        flex: 1 1 auto;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-right: 8px;
        flex-wrap: wrap
}

.SB-myBetBox .SB-betType-header .SB-betType-header-container .SB-betType {
        font-weight: bold;
        font-size: 14px
}

.SB-myBetBox .SB-accordion-content {
        padding: 0 10px 4px
}

.SB-myBetBox .SB-myBetBox-betItem {
        background-color: #515151;
        color: #FFF;
        border-radius: 4px;
        padding: 8px 10px;
        margin-bottom: 8px
}

.SB-myBetBox .SB-myBetBox-betItem .SB-contentBlock {
        flex-wrap: wrap
}

.SB-myBetBox .SB-myBetBox-betItem .SB-league,
.SB-myBetBox .SB-myBetBox-betItem .SB-fixture,
.SB-myBetBox .SB-myBetBox-betItem .SB-market {
        color: #222222
}

.SB-myBetBox .SB-myBetBox-betItem .SB-finalScore {
        font-weight: bold;
        font-size: 14px
}

.SB-myBetBox .SB-myBetBox-betItem .SB-outcome {
        font-size: 14px
}

.SB-myBetBox .SB-myBetBox-betItem .SB-odds {
        font-size: 14px
}

.SB-myBetBox .SB-myBetBox-footer {
        border-top: 1px solid #DDD;
        padding: 6px 10px;
        font-size: 14px
}

.SB-myBetBox .SB-myBetBox-footer .SB-contentBlock {
        margin: 2px 0;
        flex-wrap: wrap
}

@media screen and (max-width: 300px) {
        .SB-myBetBox .SB-myBetBox-footer .SB-contentBlock {
                border-bottom: 1px solid #EEE;
                font-size: 12px
        }
}

.SB-myBetBox .SB-myBetBox-footer .SB-myBetBox-totalReturns {
        font-weight: bold
}

.SB-myBetBox .SB-myBetBox-footer .SB-txtHighlight {
        color: #12bd3f
}

.SB-myBetBox .SB-cashOut-container {
        padding: 0 10px 10px;
        display: flex;
        align-items: center;
        justify-content: space-between
}

@media screen and (min-width: 200px) and (max-width: 1023px) {
        .SB-myBetBox .SB-cashOut-container {
                display: block
        }
}

.SB-myBetBox .SB-cashOut-container .SB-cashOut-container__left .SB-btnShareABet {
        width: auto;
        margin-right: 8px;
        padding: 0 8px
}

@media screen and (min-width: 200px) and (max-width: 1023px) {
        .SB-myBetBox .SB-cashOut-container .SB-cashOut-container__left .SB-btnShareABet {
                width: 100%;
                margin-right: 0
        }
}

@media screen and (max-width: 300px) {
        .SB-myBetBox .SB-cashOut-container .SB-cashOut-container__left .SB-btnShareABet {
                display: none
        }
}

.SB-myBetBox .SB-cashOut-container .SB-cashOut-container__left .SB-btnShareABet img {
        width: 12px;
        margin-right: 6px
}

.SB-myBetBox .SB-cashOut-container .SB-cashOut-container__right {
        max-width: 375px;
        flex: 1 1 auto
}

@media screen and (min-width: 200px) and (max-width: 1023px) {
        .SB-myBetBox .SB-cashOut-container .SB-cashOut-container__right {
                max-width: 100%;
                margin-top: 8px
        }
}

.SB-myBetBox .SB-cashOut-container .SB-cashOut-btn-container {
        display: flex;
        align-items: center
}

.SB-myBetBox .SB-cashOut-container .SB-cashOut-btn-container .SB-btnCancel {
        background-color: #EEE;
        min-width: 80px;
        max-width: 80px;
        text-align: center;
        border-radius: 6px;
        margin-left: 6px
}

@media screen and (max-width: 300px) {
        .SB-myBetBox .SB-cashOut-container .SB-cashOut-btn-container {
                display: block;
                text-align: center
        }
        .SB-myBetBox .SB-cashOut-container .SB-cashOut-btn-container .SB-btnConfirm {
                width: auto;
                margin-bottom: 6px
        }
}

.SB-myBetBox .SB-cashOut-container .SB-cashOut-betStatusLoader,
.SB-myBetBox .SB-cashOut-container .SB-cashOut-betStatus {
        display: flex;
        align-items: center;
        justify-content: space-between;
        background-color: #97d23a;
        color: #000;
        border: 0;
        padding: 0 8px;
        border-radius: 6px
}

.SB-myBetBox .SB-cashOut-container .SB-cashOut-betStatusLoader .SB-loaderSVGIcon,
.SB-myBetBox .SB-cashOut-container .SB-cashOut-betStatusLoader .SB-status-icon,
.SB-myBetBox .SB-cashOut-container .SB-cashOut-betStatus .SB-loaderSVGIcon,
.SB-myBetBox .SB-cashOut-container .SB-cashOut-betStatus .SB-status-icon {
        display: flex;
        align-items: center
}

.SB-myBetBox .SB-cashOut-container .SB-cashOut-newOffer {
        text-align: center;
        margin-bottom: 5px
}

.SB-myBetBox .SB-cashOut-container .SB-cashOut-betStatus.SB-failure {
        color: #f36;
        background-color: #FFF;
        border: 1px solid #f36
}

.SB-myBetBox .SB-cashOut-container .SB-cashOut-betStatus.SB-success {
        color: #000;
        background-color: #97d23a;
        border: 1px solid #97d23a
}

.SB-bettingHistory .SB-betHistorySelect {
        margin-bottom: 10px;
        background-color: #fbfbfb;
        border-radius: 4px;
        color: #000
}

.SB-casinoHistory .SB-gameTitle {
        padding: 8px 10px;
        font-weight: bold;
        font-size: 14px
}

.SB-deposit .SB-form-group.SB-amout-field .SB-form-control input,
.SB-withdraw .SB-form-group.SB-amout-field .SB-form-control input {
        height: 45px;
        text-align: center;
        font-size: 20px;
        font-weight: bold
}

@media screen and (max-width: 300px) {
        .SB-deposit .SB-form-group.SB-amout-field .SB-form-control input,
        .SB-withdraw .SB-form-group.SB-amout-field .SB-form-control input {
                height: 32px;
                font-size: 12px
        }
}

@media screen and (max-width: 300px) {
        .SB-deposit .SB-deposit-tabs,
        .SB-withdraw .SB-deposit-tabs {
                display: none
        }
}

@media screen and (max-width: 300px) {
        .SB-deposit .SM-deposit-container .SB-btnDeposit span,
        .SB-withdraw .SM-deposit-container .SB-btnDeposit span {
                display: none
        }
}

@media screen and (max-width: 300px) {
        .SB-deposit .SM-deposit-container .SB-tab-content .SB-depositPaybill,
        .SB-deposit .SM-deposit-container .SB-tab-content .SB-depositOnline,
        .SB-withdraw .SM-deposit-container .SB-tab-content .SB-depositPaybill,
        .SB-withdraw .SM-deposit-container .SB-tab-content .SB-depositOnline {
                display: block !important
        }
}

.SB-deposit .SM-deposit-container .SB-radioBoxGroup,
.SB-withdraw .SM-deposit-container .SB-radioBoxGroup {
        flex-wrap: wrap
}

@media screen and (max-width: 300px) {
        .SB-deposit .SM-deposit-container .SB-radioBoxGroup .SB-radioBox,
        .SB-withdraw .SM-deposit-container .SB-radioBoxGroup .SB-radioBox {
                margin-bottom: 5px;
                height: 20px
        }
}

.SB-deposit .SB-instructions,
.SB-withdraw .SB-instructions {
        padding-bottom: 20px
}

@media screen and (max-width: 300px) {
        .SB-deposit .SB-instructions,
        .SB-withdraw .SB-instructions {
                padding-bottom: 10px
        }
}

.SB-deposit .SB-instructions .SB-instructions-title,
.SB-deposit .SB-instructions h1,
.SB-deposit .SB-instructions h2,
.SB-withdraw .SB-instructions .SB-instructions-title,
.SB-withdraw .SB-instructions h1,
.SB-withdraw .SB-instructions h2 {
        color: #000;
        font-size: 14px;
        font-weight: bold;
        display: flex;
        align-items: center
}

@media screen and (max-width: 300px) {
        .SB-deposit .SB-instructions .SB-instructions-title,
        .SB-deposit .SB-instructions h1,
        .SB-deposit .SB-instructions h2,
        .SB-withdraw .SB-instructions .SB-instructions-title,
        .SB-withdraw .SB-instructions h1,
        .SB-withdraw .SB-instructions h2 {
                font-size: 12px
        }
}

.SB-deposit .SB-instructions .SB-instructions-title img,
.SB-deposit .SB-instructions h1 img,
.SB-deposit .SB-instructions h2 img,
.SB-withdraw .SB-instructions .SB-instructions-title img,
.SB-withdraw .SB-instructions h1 img,
.SB-withdraw .SB-instructions h2 img {
        margin-right: 8px;
        width: 28px;
        min-width: 28px;
        max-width: 28px
}

@media screen and (max-width: 300px) {
        .SB-deposit .SB-instructions .SB-instructions-title img,
        .SB-deposit .SB-instructions h1 img,
        .SB-deposit .SB-instructions h2 img,
        .SB-withdraw .SB-instructions .SB-instructions-title img,
        .SB-withdraw .SB-instructions h1 img,
        .SB-withdraw .SB-instructions h2 img {
                width: 20px;
                min-width: 20px;
                max-width: 20px
        }
}

.SB-deposit .SB-instructions ol,
.SB-deposit .SB-instructions ul,
.SB-withdraw .SB-instructions ol,
.SB-withdraw .SB-instructions ul {
        padding-left: 15px
}

.SB-deposit .SB-instructions ol li,
.SB-deposit .SB-instructions ul li,
.SB-withdraw .SB-instructions ol li,
.SB-withdraw .SB-instructions ul li {
        margin-bottom: 8px;
        line-height: 18px
}

.SB-deposit .SB-instructions ul li,
.SB-withdraw .SB-instructions ul li {
        list-style: disc
}

.SB-chooseAmount {
        border-top: 1px solid #DDD
}

@media screen and (max-width: 300px) {
        .SB-chooseAmount {
                display: none
        }
}

.SB-chooseAmount .SB-chooseAmount-header {
        font-weight: 500;
        color: #000;
        margin-bottom: 5px
}

.SB-chooseAmount .SB-chooseAmountList {
        display: flex;
        margin: 20px -5px 0
}

.SB-chooseAmount .SB-chooseAmountList .SB-chooseAmountList-item {
        flex: 1 1 0%;
        text-align: center;
        height: 40px;
        font-size: 14px;
        color: #515151;
        border: 1px solid #b4b4b4;
        border-radius: 3px;
        background-color: #F6F6F6;
        margin: 0 5px;
        display: flex;
        align-items: center;
        justify-content: center
}

.SB-chooseAmount .SB-chooseAmountList .SB-chooseAmountList-item.active {
        background-color: #97d23a;
        font-weight: 600;
        border: 0;
        color: #000
}

.SB-bonusCodeField {
        display: flex;
        align-items: center
}

.SB-bonusCodeField .SB-bonusCode {
        font-size: 16px;
        color: #000;
        margin-left: 5px
}

.SB-transactionHistory .SB-netDeposits-container .SB-contentBlock {
        color: #000;
        align-items: center;
        margin-bottom: 20px
}

.SB-transactionHistory .SB-netDeposits-container .SB-contentBlock .SB-leftContent {
        display: flex;
        align-items: center
}

.SB-transactionHistory .SB-netDeposits-container .SB-contentBlock .icon-information {
        color: #999;
        font-size: 16px;
        margin-right: 5px
}

.SB-transactionBox .SB-transaction-item {
        background-color: #FFF;
        border-radius: 3px;
        padding: 10px 20px;
        margin-bottom: 8px
}

@media screen and (min-width: 50px) and (max-width: 767px) {
        .SB-transactionBox .SB-transaction-item {
                padding: 10px 10px
        }
}

.SB-transactionBox .SB-transaction-item:last-child {
        border-bottom: 0
}

.SB-transactionBox .SB-transaction-item .SB-transaction-item-row {
        display: flex;
        justify-content: space-between
}

@media screen and (max-width: 300px) {
        .SB-transactionBox .SB-transaction-item .SB-transaction-item-row {
                flex-direction: column
        }
}

.SB-transactionBox .SB-transaction-item .SB-transaction-item-row:first-child {
        margin-bottom: 3px
}

.SB-transactionBox .SB-transaction-item .SB-transaction-item-row .SB-transactionID {
        white-space: pre-wrap;
        padding-left: 6px
}

.SB-transactionBox .SB-transaction-item .SB-transaction__col.SB-col2 {
        text-align: right
}

.SB-transactionBox .SB-transaction-item .SB-transactionStatus {
        font-weight: bold
}

.SB-transactionBox .SB-transaction-item .SB-transactionAmount {
        font-weight: bold;
        text-align: right
}

.SB-transactionBox .SB-transaction-item .SB-transactionAmount.SB-success {
        color: #25b73a
}

.SB-transactionBox .SB-transaction-item .SB-transactionAmount.SB-cancelled {
        color: #ee3e46
}

.SB-transactionBox .SB-transaction-item .SB-transactionDate {
        color: #999
}

.SB-transactionBox .SB-transaction-item .SB-bonusName {
        font-weight: bold;
        font-size: 12px;
        word-break: break-all;
        display: inline-block
}

.SB-transactionBox .SB-transaction-item .SB-bonusAmount {
        font-weight: bold
}

.SB-transactionBox .SB-transaction-item .SB-bonusDate {
        color: #999
}

.SB-transactionBox .SB-transaction-item .SB-bonusDate span {
        display: inline-block
}

.SB-transactionBox .SB-transaction-item .SB-badge {
        margin-left: 5px
}

.SB-settings .SB-label {
        margin-bottom: 5px
}

.SB-settings .SB-filterButtons {
        padding: 0 0 15px
}

.SB-pagination {
        margin-top: 15px;
        background-color: #FFF;
        border-radius: 4px;
        padding: 10px 12px
}

@media screen and (max-width: 300px) {
        .SB-pagination {
                padding: 8px
        }
}

.SB-pagination ul {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap
}

.SB-pagination ul li {
        padding-right: 10px
}

.SB-pagination ul li:last-child {
        padding-right: 0
}

.SB-pagination ul li .SB-pagination-control,
.SB-pagination ul li .SB-pagination-item {
        min-width: 30px;
        max-width: 30px;
        min-height: 30px;
        max-height: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        border-radius: 3px
}

@media screen and (max-width: 300px) {
        .SB-pagination ul li .SB-pagination-control,
        .SB-pagination ul li .SB-pagination-item {
                min-width: 18px;
                max-width: 18px;
                min-height: 18px;
                max-height: 18px;
                margin: 2px 0
        }
}

.SB-pagination ul li .SB-pagination-control .SB-iconSVG,
.SB-pagination ul li .SB-pagination-item .SB-iconSVG {
        display: flex;
        height: 12px
}

.SB-pagination ul li .SB-pagination-control .SB-iconSVG svg,
.SB-pagination ul li .SB-pagination-item .SB-iconSVG svg {
        height: 12px
}

.SB-pagination ul li .SB-pagination-control .SB-iconSVG svg polygon,
.SB-pagination ul li .SB-pagination-control .SB-iconSVG svg path,
.SB-pagination ul li .SB-pagination-item .SB-iconSVG svg polygon,
.SB-pagination ul li .SB-pagination-item .SB-iconSVG svg path {
        fill: #444
}

.SB-pagination ul li .SB-pagination-item.active {
        background-color: #97d23a
}

.SB-pagination ul li .SB-pagination-control {
        background-color: #EEE
}

.SB-pagination ul li .SB-pagination-control.SB-disabled {
        background-color: transparent;
        pointer-events: none
}

.SB-pagination ul li .SB-pagination-control.SB-disabled .SB-iconSVG svg polygon,
.SB-pagination ul li .SB-pagination-control.SB-disabled .SB-iconSVG svg path {
        fill: #222222
}

.SB-leaderboard {
        padding-bottom: 12px;
        max-width: 800px;
        margin: 0 auto 30px
}

@media screen and (min-width: 1024px) {
        .SB-leaderboard {
                border: 1px solid #DDD;
                background-color: #FFF;
                border-radius: 6px
        }
        .SB-leaderboard .SB-content {
                margin: 0 auto
        }
}

.SB-leaderboard .SB-leaderboard-banner {
        margin-bottom: 20px
}

.SB-leaderboard .SB-leaderboard-myPoints {
        text-align: center;
        margin-bottom: 20px
}

@media screen and (max-width: 300px) {
        .SB-leaderboard .SB-leaderboard-myPoints {
                padding: 0 8px
        }
}

.SB-leaderboard .SB-leaderboard-myPoints .SB-leaderboard-myPoints-container {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto;
        box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.1);
        background-color: #FFF;
        border-radius: 8px;
        padding: 10px;
        width: 250px;
        border: 1px solid #97d23a
}

@media screen and (max-width: 300px) {
        .SB-leaderboard .SB-leaderboard-myPoints .SB-leaderboard-myPoints-container {
                width: 100%
        }
}

.SB-leaderboard .SB-leaderboard-myPoints .SB-leaderboard-myPoints-container .SB-myPoints-item {
        flex: 1 1 0%;
        color: #999
}

.SB-leaderboard .SB-leaderboard-myPoints .SB-leaderboard-myPoints-container .SB-myPoints-item .SB-points {
        color: #97d23a;
        font-size: 20px;
        font-weight: bold
}

@media screen and (max-width: 300px) {
        .SB-leaderboard .SB-leaderboard-myPoints .SB-leaderboard-myPoints-container .SB-myPoints-item .SB-points {
                font-size: 14px
        }
}

@media screen and (max-width: 300px) {
        .SB-leaderboard .SB-content {
                padding: 0 8px
        }
}

.SB-leaderboard .SB-table table {
        background-color: #FFF;
        text-align: left
}

@media screen and (max-width: 300px) {
        .SB-leaderboard .SB-table table {
                display: block;
                width: 100%;
                min-width: 100%;
                max-width: 100%
        }
}

@media screen and (max-width: 300px) {
        .SB-leaderboard .SB-table table thead {
                display: block;
                width: 100%;
                min-width: 100%;
                max-width: 100%
        }
}

@media screen and (max-width: 300px) {
        .SB-leaderboard .SB-table table thead tr {
                display: block;
                width: 100%
        }
}

.SB-leaderboard .SB-table table thead tr th,
.SB-leaderboard .SB-table table thead tr td {
        background-color: #97d23a;
        padding: 6px 8px
}

@media screen and (max-width: 300px) {
        .SB-leaderboard .SB-table table thead tr th,
        .SB-leaderboard .SB-table table thead tr td {
                padding: 3px;
                width: 100%;
                display: block
        }
}

@media screen and (max-width: 300px) {
        .SB-leaderboard .SB-table table tbody {
                display: block;
                width: 100%;
                min-width: 100%;
                max-width: 100%;
                border: 1px solid #DDD
        }
}

.SB-leaderboard .SB-table table tbody tr td {
        padding: 6px 8px;
        border: 1px solid #DDD
}

@media screen and (max-width: 300px) {
        .SB-leaderboard .SB-table table tbody tr td {
                padding: 3px;
                border: 0;
                display: block
        }
}

@media screen and (max-width: 300px) {
        .SB-leaderboard .SB-table table tbody tr {
                display: block;
                width: 100%;
                min-width: 100%;
                max-width: 100%
        }
}

.SB-leaderboard .SB-table table tbody tr:nth-child(even) {
        background-color: #F6f6f6
}

.SB-leaderboard .SB-table table tbody tr span {
        display: inline-block
}

.SB-modal-open {
        overflow: hidden;
        position: fixed;
        width: 100%
}

.SB-modal {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: rgba(0, 0, 0, 0.8);
        z-index: 998;
        opacity: 0;
        pointer-events: none
}

.SB-modal.open {
        pointer-events: auto;
        opacity: 1;
        animation: fadein 0.8s
}

.SB-modal .SB-modal-dialog {
        border-radius: 4px;
        background-color: #EEE;
        margin: auto;
        min-height: 100px;
        min-width: 320px;
        max-width: 450px;
        width: 90%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform-style: preserve-3d;
        transform: translate(-50%, -50%);
        transform-origin: center;
        transition: all 0.4s ease-in-out;
        color: #333;
        overflow-y: auto;
        z-index: 999;
        display: none
}

@media screen and (min-width: 1024px) {
        .SB-modal .SB-modal-dialog {
                max-height: 95%
        }
        .SB-modal .SB-modal-dialog::-webkit-scrollbar {
                background: #515151;
                width: 5px
        }
        .SB-modal .SB-modal-dialog::-webkit-scrollbar-thumb {
                background: #666;
                border-radius: 6px
        }
}

.SB-modal.SB-fullScreen .SB-modal-dialog {
        width: 100%;
        height: 100vh;
        border-radius: 0;
        top: 0;
        transform: none !important;
        left: 0;
        padding: 20px 12px;
        max-width: 100%
}

.SB-modal.open .SB-modal-dialog {
        display: block;
        transform: translate(-50%, -50%)
}

.SB-modal .SB-modal-close {
        width: 24px;
        height: 24px;
        background-color: #DDD;
        border-radius: 50%;
        float: right;
        text-align: center;
        line-height: 24px;
        position: absolute;
        right: -8px;
        top: -8px;
        z-index: 999
}

.SB-modal .SB-modal-close img {
        cursor: pointer
}

.SB-modal .SB-modal-header {
        display: flex;
        align-items: center
}

.SB-modal .SB-modal-header .SB-backButton {
        position: relative;
        z-index: 9;
        cursor: pointer;
        padding: 8px
}

.SB-modal .SB-modal-header .SB-backButton img {
        width: 18px
}

.SB-modal .SB-modal-header .SB-backButton+.SB-modal-title {
        margin-left: -20px
}

@media screen and (max-width: 300px) {
        .SB-modal .SB-modal-header .SB-backButton+.SB-modal-title {
                margin-left: 0
        }
}

.SB-modal .SB-modal-header .SB-modal-title {
        font-size: 16px;
        font-weight: bold;
        width: 100%;
        text-align: center
}

.SB-modal.SB-loginRegister-modal .SB-modal-dialog {
        background-color: #515151;
        padding: 20px 12px;
        background-repeat: no-repeat;
        background-position: bottom right
}

@media screen and (min-width: 50px) and (max-width: 767px) {
        .SB-modal.SB-loginRegister-modal .SB-modal-dialog {
                width: 100%;
                max-width: 100%;
                height: 100%;
                border-radius: 0;
                top: 0;
                left: 0;
                transform: translate(0%, 0%)
        }
}

.SB-modal.SB-loginRegister-modal .SB-modal-dialog .SB-loginRegister {
        border: 0;
        border-radius: 0;
        background-color: transparent;
        padding: 0
}

.SB-modal.SB-loginRegister-modal .SB-modal-dialog .SB-loginRegister .SB-pageHeader {
        flex-direction: column;
        padding-top: 0
}

.SB-modal.SB-loginRegister-modal .SB-modal-dialog .SB-loginRegister .SB-pageHeader img {
        margin-bottom: 15px;
        min-width: 45px;
        max-width: 45px;
        display: block
}

.SB-modal.SB-loginRegister-modal .SB-modal-dialog .SB-loginRegister .SB-pageHeader .SB-pageHeader-title {
        color: #FFF;
        font-size: 18px
}

.SB-modal.SB-loginRegister-modal .SB-modal-dialog .SB-loginRegister .SB-content {
        background-color: #FFF;
        border-radius: 12px;
        padding: 20px 12px
}

.SB-modal.SB-loginRegister-modal .SB-modal-close {
        background-color: transparent;
        right: 12px;
        top: 16px
}

.SB-modal.SB-loginRegister-modal .SB-modal-close img {
        width: 16px
}

@media screen and (min-width: 50px) and (max-width: 767px) {
        .SB-modal.SB-loginRegister-modal.open .SB-modal-dialog {
                transform: translate(0%, 0%)
        }
}

.SB-modal.SB-subHeaderMore-modal .SB-modal-content {
        padding: 20px 0 0
}

.SB-modal.SB-subHeaderMore-modal .SB-subHeader-mobile-menuList {
        margin-top: 20px
}

.SB-modal.SB-subHeaderMore-modal .SB-subHeader-mobile-menuList ul {
        flex-wrap: wrap
}

.SB-modal.SB-subHeaderMore-modal .SB-subHeader-mobile-menuList ul li {
        flex: 1 1 25%;
        max-width: 25%;
        padding-bottom: 20px
}

@keyframes fadein {
        from {
                opacity: 0
        }
        to {
                opacity: 1
        }
}

@keyframes fadeout {
        from {
                opacity: 1
        }
        to {
                opacity: 0
        }
}

.scale-enter-active {
        animation: scale-in 0.3s
}

.scale-leave-active {
        animation: scale-out 0.3s
}

@keyframes scale-in {
        0% {
                opacity: 0;
                -webkit-transform: translate(-50%, -50%) scale3d(0, 0, 0);
                transform: translate(-50%, -50%) scale3d(0, 0, 0)
        }
        to {
                opacity: 1;
                -webkit-transform: translate(-50%, -50%) scaleX(1);
                transform: translate(-50%, -50%) scaleX(1)
        }
}

@keyframes scale-out {
        0% {
                opacity: 1;
                -webkit-transform: translate(-50%, -50%) scaleX(1);
                transform: translate(-50%, -50%) scaleX(1)
        }
        to {
                opacity: 0;
                -webkit-transform: translate(-50%, -50%) scale3d(0, 0, 0);
                transform: translate(-50%, -50%) scale3d(0, 0, 0)
        }
}

@media screen and (min-width: 1024px) and (max-width: 1366px) {
        .SB-Lite-Mobile {
                min-width: 1024px;
                max-width: 100%
        }
        .SB-Lite-Mobile .SB-container {
                width: 100% !important
        }
}

@media screen and (min-width: 1024px) {
        .SB-Lite-Mobile {
                padding: 0 8px
        }
}

@media screen and (min-width: 1024px) {
        .SB-Lite-Mobile {
                max-width: 100%
        }
        .SB-Lite-Mobile .SB-container {
                max-width: 1608px;
                margin: 1px auto;
                padding-top: 7px;
        }
        .SB-Lite-Mobile .SB-mainHeader .SB-hamBurger-menu {
                display: none
        }
        .SB-Lite-Mobile .SB-mainHeader .SB-mainHeader-afterLogin {
                display: flex;
                align-items: center
        }
        .SB-Lite-Mobile .SB-subHeader .SB-subHeader-container ul {
                padding-left: 0
        }
        .SB-Lite-Mobile .SB-layout-content {
                display: flex;
                align-items: stretch;
                position: relative;
                margin-bottom: 0
        }
        .SB-Lite-Mobile .SB-layout-content .SB-leftSection {
                min-width: 240px;
                max-width: 240px;
                margin-bottom: 10px
        }
        .SB-Lite-Mobile .SB-layout-content .SB-rightSection {
                min-width: 320px;
                max-width: 320px;
                /*background-color: #efefef;*/
                margin-bottom: 10px
        }
        .SB-Lite-Mobile .SB-layout-content .SB-mainSection {
                margin-bottom: 10px;
                width: calc(100% - 560px);
                max-width: calc(100% - 560px);
                border-radius: 4px
        }
        .SB-Lite-Mobile .SB-mobile-footer {
                display: none
        }
        .SB-Lite-Mobile .SB-leftMenu-mask {
                display: none
        }
        .SB-Lite-Mobile .SB-sideMenu {
                border-radius: 6px;
                position: relative;
                width: 100%;
                max-width: 100%;
                height: auto;
                top: 0px;
                z-index: 115;
                -webkit-transform: none;
                transform: none;
                transition: none;
                overflow: hidden
        }
        .SB-Lite-Mobile .SB-sideMenu-container .SB-categoryListLayout .SB-categoryList .SB-categoryListItem {
                border-bottom: 1px solid #d9e1ff
        }
        .SB-Lite-Mobile .SB-sideMenu-container .SB-categoryListLayout>.SB-accordion-content {
                border: 1px solid #d9e1ff
        }
        .SB-Lite-Mobile .SB-rightMenu {
                /*background-color: transparent;*/
                position: relative;
                width: 100%;
                max-width: 100%;
                height: 100%;
                top: 0;
                bottom: 0;
                z-index: 115;
                -webkit-transform: none;
                transform: none;
                transition: none
        }
        .SB-Lite-Mobile .SB-betSlip-container .SB-betSlip-header .SB-betSlip-closeButton {
                display: none
        }
        .SB-Lite-Mobile .SB-betSlip-container .SB-betSlip-header .SB-btnBetslipLogin {
                display: none
        }
        .SB-Lite-Mobile .SB-betSlip-container .SB-betSlip-content {
                flex: none
        }
        .SB-Lite-Mobile .SB-promotion-item .SB-promo-banner img {
                width: 100%
        }
}

.SB-helpPage .SB-selectHelpPage {
        margin: 0 12px;
        background-color: #FFF
}

@media screen and (max-width: 300px) {
        .SB-helpPage .SB-selectHelpPage {
                margin: 0 8px
        }
}

.SB-helpPage .SB-helpPagesList {
        background-color: #515151;
        color: #FFF;
        padding-left: 12px;
        margin-top: 5px
}

@media screen and (min-width: 1024px) {
        .SB-helpPage .SB-helpPagesList {
                margin: 5px 12px 0;
                border-radius: 4px
        }
}

.SB-helpPage .SB-helpPagesList ul {
        display: flex;
        align-items: center
}

.SB-helpPage .SB-helpPagesList ul li {
        padding-right: 20px
}

.SB-helpPage .SB-helpPagesList ul li .SB-select {
        border-color: #FFF;
        color: #FFF
}

.SB-helpPage .SB-helpPagesList .SB-helpPage-item {
        min-height: 42px;
        display: flex;
        align-items: center;
        cursor: pointer;
        font-size: 14px
}

.SB-helpPage .SB-helpPagesList .SB-helpPage-item.active {
        border-bottom: 3px solid #97d23a
}

.SB-helpPage .SB-selectHelpSubPage {
        margin: 0 12px;
        background-color: #FFF;
        margin: 8px 8px 0
}

@media screen and (max-width: 300px) {
        .SB-helpPage .SB-selectHelpSubPage {
                margin: 8px 8px 0
        }
}

.SB-helpPage .SB-helpSubPagesList {
        padding-left: 12px
}

.SB-helpPage .SB-helpSubPagesList ul {
        display: flex;
        align-items: center
}

.SB-helpPage .SB-helpSubPagesList ul li {
        padding-right: 15px;
        color: #7E7E7E
}

.SB-helpPage .SB-helpSubPagesList .SB-helpSubPage-item {
        min-height: 38px;
        display: flex;
        align-items: center
}

.SB-helpPage .SB-helpSubPagesList .SB-helpSubPage-item.active {
        color: #000;
        font-weight: bold
}

.SB-helpPage .SB-helpPage-content {
        padding-top: 20px;
        padding-bottom: 20px
}

@media screen and (min-width: 1024px) {
        .SB-helpPage .SB-helpPage-content {
                padding: 20px 25px
        }
}

.SB-helpPage .SB-helpPage-content .SB-helpPage-logo {
        text-align: center;
        margin-bottom: 12px
}

.SB-helpPage .SB-helpPage-content .SB-helpPage-logo img {
        width: 80px
}

.SB-helpPage .SB-helpPage-content .SB-helpPage-pageTitle,
.SB-helpPage .SB-helpPage-content h1 {
        font-weight: normal;
        margin-bottom: 12px;
        font-size: 24px
}

@media screen and (max-width: 300px) {
        .SB-helpPage .SB-helpPage-content .SB-helpPage-pageTitle,
        .SB-helpPage .SB-helpPage-content h1 {
                text-align: center;
                display: none
        }
}

.SB-helpPage .SB-helpPage-content .SB-helpPage-subTitle {
        font-size: 16px;
        font-weight: bold;
        margin-bottom: 3px
}

@media screen and (max-width: 300px) {
        .SB-helpPage .SB-helpPage-content .SB-helpPage-subTitle {
                text-align: center
        }
}

.SB-helpPage .SB-helpPage-content h3,
.SB-helpPage .SB-helpPage-content h4,
.SB-helpPage .SB-helpPage-content h5 {
        margin-bottom: 3px
}

.SB-helpPage .SB-helpPage-content p {
        margin-bottom: 12px
}

.SB-helpPage .SB-helpPage-content ul,
.SB-helpPage .SB-helpPage-content ol {
        padding-left: 18px
}

.SB-helpPage .SB-helpPage-content ul li,
.SB-helpPage .SB-helpPage-content ol li {
        margin-bottom: 5px
}

.SB-helpPage .SB-helpPage-content ul li {
        list-style: disc
}

.SB-helpPage .SB-helpPage-content ol li {
        list-style: decimal
}

.SB-helpPage .SB-helpPage-content a {
        text-decoration: underline
}

.SB-helpPage .SB-helpPage-content .SB-row {
        display: flex;
        margin: 0 -4px
}

.SB-helpPage .SB-helpPage-content .SB-row .SB-col {
        flex: 1 1 0%;
        padding: 0 4px
}

.SB-contactForm .SB-form-btn-container {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap
}

.SB-contactForm .SB-form-btn-container .btn {
        width: auto;
        padding: 0 20px
}

@media screen and (max-width: 300px) {
        .SB-contactForm .SB-form-btn-container .btn {
                width: 100%;
                margin-bottom: 10px;
                font-size: 14px
        }
}

.SB-contactForm .SB-form {
        margin-bottom: 15px;
        padding: 20px;
        background-color: #FFF;
        border-radius: 4px
}

@media screen and (max-width: 300px) {
        .SB-contactForm .SB-form {
                padding: 10px 10px 0
        }
}

.SB-contactForm .SB-form .SB-msgBox {
        padding-top: 0;
        padding-bottom: 20px
}

.SB-contactForm .SB-form .SB-msgBox .SB-msgBox-container {
        border: 1px solid #27AE60
}

.SB-iconWithText {
        display: flex;
        align-items: center;
        margin-bottom: 12px
}

@media screen and (max-width: 120px) {
        .SB-iconWithText {
                display: block
        }
}

.SB-iconWithText img {
        margin-right: 10px;
        min-width: 18px;
        max-width: 18px;
        min-height: 18px;
        max-height: 18px
}

.SB-nonLoggedIn .SB-myAccount-afterLogin-container {
        display: none
}

.SB-nonLoggedIn .SB-mainHeader-afterLogin {
        display: none !important
}

.SB-loggedIn .SB-myAccount-beforeLogin-container,
.SB-loggedIn .SB-mainHeader-beforeLogin {
        display: none
}

@media screen and (min-width: 50px) and (max-width: 767px) {
        .SB-eventPage .SB-subHeader,
        .SB-liveEventPage .SB-subHeader,
        .SB-leaguePage .SB-subHeader,
        .SB-countryPage .SB-subHeader,
        .SB-sportPage .SB-subHeader,
        .SB-myAccountPage .SB-subHeader {
                display: none
        }
}
/*.table {*/
/*        width: 100%;*/
/*        max-width: 100%;*/
/*        margin-bottom: 0px !important;*/
/*        background-color: transparent;*/
/*}*/
.richardTable{
        padding: 7px;
        font-size: 17px !important;

}

.viewButton{
        color: #ffffff;
        background-color: #97d23a;
        font-size: 17px;
        border-radius: 16px;
        padding: 11px;
        padding-left: 10px;
        padding-right: 10px;
        /*margin-left: 5px;*/
}

.table {
        width: 100%;
        max-width: 100%;
         margin-bottom: 0px !important;
        background-color: transparent;
}
.bg-secondary {
        background-color: #97d23a!important;
        font-size: 17px !important;
        color: #FFFFFF !important;
        height: 36px !important;
        font-weight: 100 !important;
}


.social-icons{
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100vh;
}
.fab{
        font-size: 25px;
        cursor: pointer;
        text-shadow: 0px 7px 10px rgba(0, 0, 0, 0.4);
        padding-right: 15px;
        transition: .4s;
}
.fab:hover{
        transform: scale(1.3);
        transition: .6s;
}
.fa-facebook-square{
        color: #4867AA;
}
.fa-twitter{
        color: #1DA1F2;
}
.fa-instagram{
        color: #e4405f;
}
.fa-linkedin{
        color: #0e76a8;
}
.fa-pinterest-square{
        color: #bd081c;
}
@media(max-width: 500px){
        .social-icons{
                flex-direction: column;
        }
        .fab{
                padding: 15px;
        }
}


a[data-toggle="modal"] {
        margin: 5px;
}
.title {
        color: #757575;
        font-weight: bold;
}
.modal {
        text-align: left;
}
.modal-content {
        border: none;
        border-radius: 15px;
        box-shadow: 0 16px 28px 0 rgb(0 0 0 / 22%), 0 25px 55px 0 rgb(0 0 0 / 21%);
        background: #171b31 !important;
}

.modal-header{
        border-bottom: 0;
        padding-top: 15px;
        padding-right: 26px;
        padding-left: 26px;
        padding-bottom: 0px;
}
.modal-title {
        font-size: 34px;
}
.modal-body{
        border-bottom: 0;
        padding-top: 5px;
        padding-right: 26px;
        padding-left: 26px;
        padding-bottom: 10px;
        font-size: 15px;
}
.modal-footer {
        border-top:0;
        padding-top: 0px;
        padding-right:26px;
        padding-bottom:26px;
        padding-left:26px;
}
.btn-default,.btn-primary {
        border: none;
        border-radius: 2px;
        display: inline-block;
        color: #424242;
        background-color: #FFF;
        text-align: center;
        height: 36px;
        line-height: 36px;
        outline: 0;
        padding: 0 2rem;
        vertical-align: middle;
        -webkit-tap-highlight-color: transparent;
        box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
        letter-spacing: .5px;
        transition: .2s ease-out;
}
.btn-default:hover{
        background-color: #FFF;
        box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15);
}
.btn-primary {
        color: #FFF;
        background-color: #2980B9;
}
.btn-primary:hover{
        background-color: #2980B9;
        box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15);
}
footer {
        text-align: center;
        margin: 15px;
}
footer h4{
        font-size: 2.92rem;
        font-weight:100;
        margin: 1.46rem 0 1.168rem;
}

.f-website {
        position: fixed;
        bottom: 0px;
        right: 0px;
}
.linkView{
        color: #FFFFFF !important;
        /* font-weight: bold !important; */
        text-decoration: none;
        font-size: 17px;
}
a {
        color: var(--bs-link-color);
        text-decoration: none !important;
}

.SB-btnOddtv {
        width: 100%;
        /*height: 19px !important;*/
        /*background-color: #05bd55;*/
        border-radius: 3px;
        text-align: center;
        color: #fff;
        font-size: 13px;
        padding: 0 4px;
        font-weight: bold;
}

.SB-btnOddt {
        width: 100%;
        height: 19px !important;
        background-color: #f81111;
        border-radius: 3px;
        text-align: center;
        color: #fff;
        font-size: 13px;
        padding: 0 4px;
        font-weight: bold;
}

/*--thank you pop starts here--*/
.thank-you-pop{
        width:100%;
        padding:20px;
        text-align:center;
}
.thank-you-pop img{
        width:76px;
        height:auto;
        margin:0 auto;
        display:block;
        margin-bottom:25px;
}

.thank-you-pop h1{
        font-size: 42px;
        margin-bottom: 25px;
        color:#5C5C5C;
}
.thank-you-pop p{
        font-size: 20px;
        margin-bottom: 27px;
        color:#5C5C5C;
}
.thank-you-pop h3.cupon-pop{
        font-size: 25px;
        margin-bottom: 40px;
        color:#ffffff;
        display:inline-block;
        text-align:center;
        padding:10px 20px;
        border:2px dashed #97d23a;
        clear:both;
        font-weight:normal;
}
.thank-you-pop h3.cupon-pop span{
        color:#FFFFFF;
}

.closeText{
        color: #222222;
        font-size: 33px !important;
}
.thank-you-pop a{
        display: inline-block;
        margin: 0 auto;
        padding: 9px 20px;
        color: #fff;
        text-transform: uppercase;
        font-size: 14px;
        background-color: #8BC34A;
        border-radius: 17px;
}
.thank-you-pop a i{
        margin-right:5px;
        color:#fff;
}
#ignismyModal .modal-header{
        border:0px;
}

.active, .btn:hover {
        background-color: transparent;
        color: #ffffff !important;
}

.btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show>.btn-light.dropdown-toggle {
        color: #fff;
        background-color: #97d23a !important;
        border-color: #97d23a !important;
}
.separator {
        padding-right:5px;
        padding-left:5px;
}
.section-box hr {
        margin-top: 0;
        margin-bottom: 5px;
        border: 0;
        border-top: 1px solid rgb(199, 199, 199);
}
.f-website h2 {
        margin: 0;
        font-size: 24px;
        font-weight: 100;
        padding: 5px 10px;
        font-style: italic;
        color: #EEE;
        text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.98), 2px 2px 0px rgba(0, 0, 0, 0.96), 3px 3px 0px rgba(0, 0, 0, 0.94), 4px 4px 0px rgba(0, 0, 0, 0.92), 5px 5px 0px rgba(0, 0, 0, 0.9), 6px 6px 0px rgba(0, 0, 0, 0.88), 7px 7px 0px rgba(0, 0, 0, 0.86), 8px 8px 0px rgba(0, 0, 0, 0.84), 9px 9px 0px rgba(0, 0, 0, 0.82), 10px 10px 0px rgba(0, 0, 0, 0.8), 11px 11px 0px rgba(0, 0, 0, 0.78), 12px 12px 0px rgba(0, 0, 0, 0.76), 13px 13px 0px rgba(0, 0, 0, 0.74), 14px 14px 0px rgba(0, 0, 0, 0.72), 15px 15px 0px rgba(0, 0, 0, 0.7), 16px 16px 0px rgba(0, 0, 0, 0.68), 17px 17px 0px rgba(0, 0, 0, 0.66), 18px 18px 0px rgba(0, 0, 0, 0.64), 19px 19px 0px rgba(0, 0, 0, 0.62), 20px 20px 0px rgba(0, 0, 0, 0.6), 21px 21px 0px rgba(0, 0, 0, 0.58), 22px 22px 0px rgba(0, 0, 0, 0.56), 23px 23px 0px rgba(0, 0, 0, 0.54), 24px 24px 0px rgba(0, 0, 0, 0.52), 25px 25px 0px rgba(0, 0, 0, 0.5), 26px 26px 0px rgba(0, 0, 0, 0.48), 27px 27px 0px rgba(0, 0, 0, 0.46), 28px 28px 0px rgba(0, 0, 0, 0.44), 29px 29px 0px rgba(0, 0, 0, 0.42), 30px 30px 0px rgba(0, 0, 0, 0.4), 31px 31px 0px rgba(0, 0, 0, 0.38), 32px 32px 0px rgba(0, 0, 0, 0.36), 33px 33px 0px rgba(0, 0, 0, 0.34), 34px 34px 0px rgba(0, 0, 0, 0.32), 35px 35px 0px rgba(0, 0, 0, 0.3), 36px 36px 0px rgba(0, 0, 0, 0.28), 37px 37px 0px rgba(0, 0, 0, 0.26), 38px 38px 0px rgba(0, 0, 0, 0.24), 39px 39px 0px rgba(0, 0, 0, 0.22), 40px 40px 0px rgba(0, 0, 0, 0.2), 41px 41px 0px rgba(0, 0, 0, 0.18), 42px 42px 0px rgba(0, 0, 0, 0.16), 43px 43px 0px rgba(0, 0, 0, 0.14), 44px 44px 0px rgba(0, 0, 0, 0.12), 45px 45px 0px rgba(0, 0, 0, 0.1), 46px 46px 0px rgba(0, 0, 0, 0.08), 47px 47px 0px rgba(0, 0, 0, 0.06), 48px 48px 0px rgba(0, 0, 0, 0.04), 50px 50px 0px
}




/***********************************************/
/***************** Accordion ********************/
/***********************************************/
@import url('https://fonts.googleapis.com/css?family=Tajawal');
@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');

section{
        padding: 60px 0;
}

#accordion-style-1 h1,
#accordion-style-1 a{
        color:#ffffff;
}
#accordion-style-1 .btn-link {
        font-weight: 400;
        color: #ffffff;
        background-color: transparent;
        text-decoration: none !important;
        font-size: 16px;
        font-weight: bold;
        padding-left: 25px;
}

#accordion-style-1 .card-body {
        border-top: 2px solid #ffffff;
        font-size: 16px !important;
        color: #222 !important;
}

#accordion-style-1 .card-header .btn.collapsed .fa.main{
        display:none;
}

#accordion-style-1 .card-header .btn .fa.main{
        background: #ffffff;
        padding: 13px 11px;
        color: #ffffff;
        width: 35px;
        height: 41px;
        position: absolute;
        left: -1px;
        top: 10px;
        border-top-right-radius: 7px;
        border-bottom-right-radius: 7px;
        display:block;
}
p{
        font-size: 16px !important;
}
.postBY{
        font-size: 16px !important;
}

.navbar-icon-top .navbar-nav .nav-link > .fa {
        position: relative;
        width: 36px;
        font-size: 24px;
}

.navbar-icon-top .navbar-nav .nav-link > .fa > .navbar-navbadge {
        font-size: 0.75rem;
        position: absolute;
        right: 0;
        font-family: sans-serif;
}

.navbar-icon-top .navbar-nav .nav-link > .fa {
        top: 3px;
        line-height: 12px;
}

.navbar-icon-top .navbar-nav .nav-link > .fa > .badge {
        top: -10px;
}

@media (min-width: 576px) {
        .navbar-icon-top.navbar-expand-sm .navbar-nav .nav-link {
                text-align: center;
                display: table-cell;
                height: 70px;
                vertical-align: middle;
                padding-top: 0;
                padding-bottom: 0;
        }

        .navbar-icon-top.navbar-expand-sm .navbar-nav .nav-link > .fa {
                display: block;
                width: 48px;
                margin: 2px auto 4px auto;
                top: 0;
                line-height: 24px;
        }

        .navbar-icon-top.navbar-expand-sm .navbar-nav .nav-link > .fa > .badge {
                top: -7px;
        }
}

@media (min-width: 768px) {
        .navbar-icon-top.navbar-expand-md .navbar-nav .nav-link {
                text-align: center;
                display: table-cell;
                height: 70px;
                vertical-align: middle;
                padding-top: 0;
                padding-bottom: 0;
        }

        .navbar-icon-top.navbar-expand-md .navbar-nav .nav-link > .fa {
                display: block;
                width: 48px;
                margin: 2px auto 4px auto;
                top: 0;
                line-height: 24px;
        }

        .navbar-icon-top.navbar-expand-md .navbar-nav .nav-link > .fa > .badge {
                top: -7px;
        }
}

@media (min-width: 992px) {
        .navbar-icon-top.navbar-expand-lg .navbar-nav .nav-link {
                text-align: center;
                display: table-cell;
                height: 70px;
                vertical-align: middle;
                padding-top: 0;
                padding-bottom: 0;
        }

        .navbar-icon-top.navbar-expand-lg .navbar-nav .nav-link > .fa {
                display: block;
                width: 48px;
                margin: 2px auto 4px auto;
                top: 0;
                line-height: 24px;
        }

        .navbar-icon-top.navbar-expand-lg .navbar-nav .nav-link > .fa > .badge {
                top: -7px;
        }
}

@media (min-width: 1200px) {
        .navbar-icon-top.navbar-expand-xl .navbar-nav .nav-link {
                text-align: center;
                display: table-cell;
                height: 70px;
                vertical-align: middle;
                padding-top: 0;
                padding-bottom: 0;
        }

        .navbar-icon-top.navbar-expand-xl .navbar-nav .nav-link > .fa {
                display: block;
                width: 48px;
                margin: 2px auto 4px auto;
                top: 0;
                line-height: 24px;
        }

        .navbar-icon-top.navbar-expand-xl .navbar-nav .nav-link > .fa > .badge {
                top: -7px;
        }
}
.twing__right {
        margin-right: 10px !important;
}

.point__boxpadding {
        width: inherit !important;
}

.opo {
        opacity: 0;
}

.paddingbnone {
        padding-bottom: 0 !important;
}

.paddingtnone {
        padding-top: 0 !important;
}

.mb__10 {
        margin-bottom: 8px;
}

.mt__10 {
        margin-top: 8px;
}

.pb__10 {
        padding-bottom: 8px;
}

.pt__10 {
        padding-top: 8px;
}

.pr__40 {
        padding-right: 40px;
}

.pl__40 {
        padding-left: 40px;
}

.pr__10 {
        padding-right: 10px;
}

.pl__10 {
        padding-left: 10px;
}

.fade:not(.show) {
        opacity: 0;
        display: none;
}

/*Abstracts / typography*/
/*Abstracts / footer*/
/*------Main Footer Section Start--------*/
/*------Main Footer Section Start--------*/
.main__footer__section {
        margin-right: 24px;
        margin-left: 24px;
}

.main__footer__section .footer__top {
        padding-left: 50px;
}

.main__footer__section .footer__top .widget__items .content-area .quick-link li:not(:last-child) {
        margin-bottom: 10px;
}

.main__footer__section .footer__top .widget__items .content-area .quick-link li a img {
        width: 17px;
}

.main__footer__section .footer__top .widget__items .content-area .quick-link li:hover a {
        color: var(--theme-one);
}

.main__footer__section .footer__bottom {
        padding: 24px 24px;
}

.main__footer__section .footer__bottom p {
        font-size: 18px;
        font-weight: 400;
        color: var(--white);
}

.main__footer__section .footer__bottom p a {
        font-weight: 400;
        color: var(--active-color);
}

.main__footer__section .footer__bottom .bottom__ling li a {
        font-size: 18px;
        font-weight: 400;
        transition: all 0.3s;
        color: var(--white);
}

.main__footer__section .footer__bottom .bottom__ling li:hover a {
        color: var(--active-color);
}

/*------Main Footer Section Start--------*/
/*------Main Footer Section Start--------*/
/*------Footer Section Start--------*/
/*------Footer Section Start--------*/
.footer__section {
        position: relative;
        overflow: hidden;
        background: var(--slidebox);
}

.footer__top {
        position: relative;
        z-index: 1;
}

.footer__top .widget__items .footer-head {
        margin-bottom: 22px;
}

.footer__top .widget__items .footer-head a {
        width: 150px;
        display: block;
}

.footer__top .widget__items .footer-head a img {
        width: 100%;
        height: 100%;
}

.footer__top .widget__items .footer-head .title {
        color: var(--theme-one);
        margin-top: -6px;
        font-weight: 500;
}

.footer__top .widget__items .content-area p {
        color: var(--textcolor);
        font-size: 16px;
        font-weight: 400;
        line-height: 150%;
        margin-bottom: 30px;
}

.footer__top .widget__items .content-area h6 {
        font-size: 20px;
        font-weight: 600;
        color: var(--theme-one);
        margin-bottom: 12px;
}

.footer__top .widget__items .content-area .quick-link li {
        display: flex;
        align-items: center;
        transition: all 0.5s;
        margin-left: -15px;
}

.footer__top .widget__items .content-area .quick-link li:not(:last-child) {
        margin-bottom: 5px;
}

.footer__top .widget__items .content-area .quick-link li a {
        display: flex;
        align-items: center;
        font-size: 18px;
        color: var(--textcolor);
        transition: all 1s;
        margin-left: 24px;
        font-weight: 400;
}

.footer__top .widget__items .content-area .quick-link li a img {
        width: 17px;
        margin-right: -28px;
        opacity: 0;
        transition: all 0.3s;
}

.footer__top .widget__items .content-area .quick-link li a:hover {
        color: var(--white);
}

.footer__top .widget__items .content-area .quick-link li:hover a img {
        opacity: 1;
        margin-right: 5px;
}

.footer__top .widget__items .content-area .contact li {
        gap: 8px;
        display: flex;
        align-items: center;
}

.footer__top .widget__items .content-area .contact li:not(:last-child) {
        margin-bottom: 7px;
}

.footer__top .widget__items .content-area .contact li .phone-icon i {
        color: var(--ratting-color);
}

.footer__top .widget__items .content-area .contact li .email-part {
        font-size: 16px;
        transition: all 0.3s;
        font-weight: 400;
}

.footer__top .widget__items .content-area .contact li:hover a {
        color: var(--white);
}

.footer__top .widget__items .content-area .badge__icon {
        margin-top: 30px;
        display: flex;
        gap: 8px;
        flex-wrap: wrap;
}

.footer__top .widget__items .content-area form {
        position: relative;
        margin-top: 25px;
}

.footer__top .widget__items .content-area form input {
        border: 1px solid var(--button-one);
        padding: 15px 138px 15px 20px;
        outline: none;
        box-shadow: none;
        width: 100%;
        border-radius: 10px;
        color: var(--white);
        position: relative;
        background-color: transparent;
        margin-bottom: 30px;
}

.footer__top .widget__items .content-area form ::placeholder {
        color: var(--white) !important;
}

.footer__top .widget__items .content-area form .cmn--btn {
        position: absolute;
        top: 3px;
        right: 4px;
        border: none;
        padding: 11px 18px 14px;
        color: var(--white);
}

.footer__top .social {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        margin-top: 10px;
}

.footer__top .social li:not(:last-child) {
        margin-right: 10px;
}

.footer__top .social li .icon {
        display: block;
        width: 40px;
        height: 40px;
        text-align: center;
        line-height: 40px;
        border-radius: 50%;
        border: 1px solid #ffc800;
        transition: all 0.4s;
}

.footer__top .social li .icon i {
        font-size: 18px;
        color: #ffc800;
        transition: all 0.4s;
}

.footer__top .social li .icon:hover {
        background: var(--button-one);
        border-color: var(--button-one);
}

.footer__top .social li .icon:hover i {
        color: var(--white);
}

.footer__top p {
        color: var(--textcolor);
        font-size: 16px;
        line-height: 150%;
}

.footer__sponsor {
        background: var(--pointbox);
        padding: 30px 10px;
}

.footer__sponsor__items {
        text-align: center;
}

.footer__sponsor__items a {
        width: 120px;
        height: 30px;
        display: block;
}

.footer__sponsor__items a img {
        width: 100%;
        height: 100%;
        object-fit: contain;
}

.footer__bottom {
        padding: 29px 0;
        display: flex;
        justify-content: space-between;
        position: relative;
        z-index: 1;
}

.footer__bottom p {
        order: 1;
        font-size: 18px;
        color: var(--white);
}

.footer__bottom p a {
        color: var(--active-color);
}

.footer__bottom .bottom__ling {
        display: flex;
        align-items: center;
        gap: 18px;
}

.footer__bottom .bottom__ling li a {
        font-size: 18px;
        font-weight: 400;
}

.dashboard__header {
        padding: 15px 0px;
}

.dashboard__header .header-wrapper {
        display: flex;
        justify-content: space-between;
}

.dashboard__header .header-wrapper .menu__left__wrap .logo-menu {
        margin-right: 25px;
}

.dashboard__header .header-wrapper .dashboar__wrap {
        display: flex;
        gap: 20px;
        align-items: center;
}

.dashboard__header .header-wrapper .dashboar__wrap .items {
        text-align: right;
}

.dashboard__header .header-wrapper .dashboar__wrap .items .small {
        font-size: 10px;
        color: var(--white);
        margin-bottom: 4px;
        display: block;
}

.dashboard__header .header-wrapper .dashboar__wrap .items h6 {
        font-weight: 600;
        color: var(--white);
}

.dashboard__header .header-wrapper .dashboar__wrap .items .cmn--btn {
        padding: 6px 20px 10px;
}

.dashboard__header .header-wrapper .dashboar__wrap .dashboar__social {
        display: flex;
        align-items: center;
        gap: 10px;
}

.dashboard__header .header-wrapper .dashboar__wrap .dashboar__social .icons {
        width: 30px;
        height: 30px;
        border-radius: 50%;
        text-align: center;
        line-height: 33px;
        background: var(--social-box);
        position: relative;
}

.dashboard__header .header-wrapper .dashboar__wrap .dashboar__social .icons .count {
        width: 10px;
        height: 10px;
        text-align: center;
        line-height: 10px;
        background: var(--button-one);
        color: var(--white);
        display: block;
        border-radius: 50%;
        font-size: 8px;
        position: absolute;
        top: 0;
        right: 0;
}

.dashboard__header .header-wrapper .dashboar__wrap .dashboar__social .icons i {
        color: #1877F2;
        font-size: 17px;
}

@media (min-width: 992px) and (max-width: 1464px) {
        .right__site__section {
                position: sticky;
                /*top: 163px !important;*/
        }

        .popular__events__left {
                position: sticky;
                top: 163px !important;
        }
}

@media (min-width: 1199px) and (max-width: 1399px) {
        .header-wrapper {
                padding: 0 20px 0 0px;
        }

        .header-wrapper .main-menu li {
                padding-left: 11px;
        }

        .header-wrapper .main-menu li:not(:last-child) {
                margin-right: 5px;
        }

        .header-wrapper .main-menu li a {
                font-size: 14px;
        }
}

@media (min-width: 992px) and (max-width: 1199px) {
        .header-wrapper {
                padding: 0 10px 0 0px;
        }

        .header-wrapper .menu__left__wrap .logo-menu a {
                width: 120px;
                display: block;
        }

        .header-wrapper .menu__left__wrap .logo-menu a img {
                width: 100%;
                height: 100%;
                object-fit: contain;
        }

        .header-wrapper .main-menu li {
                padding-left: 6px;
        }

        .header-wrapper .main-menu li:not(:last-child) {
                margin-right: 5px;
        }

        .header-wrapper .main-menu li a {
                font-size: 14px;
        }

        .header-wrapper .mneu-btn-grp {
                gap: 4px;
        }

        .header-wrapper .mneu-btn-grp .cmn--btn,
        .header-wrapper .mneu-btn-grp .cmn--btn2 {
                font-size: 14px;
                padding: 5px 20px 9px;
        }

        .dashboard__header .header-wrapper .menu__left__wrap .logo-menu {
                margin-right: 0px;
        }
}

/*----Menu Header Start-----*/
/*Abstracts / header*/
/*Abstracts / banner*/
.banner__left__wrap .owl-nav button.owl-prev {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 150px;
        transition: all 0.3s;
}

.banner__left__wrap .owl-nav button.owl-prev i {
        font-size: 28px;
        color: var(--white-color);
        transition: all 0.3s;
}

.banner__left__wrap .owl-nav button.owl-prev:hover {
        background-color: transparent;
}

.banner__left__wrap .owl-nav button.owl-next {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 150px;
        transition: all 0.3s;
}

.banner__left__wrap .owl-nav button.owl-next i {
        font-size: 28px;
        color: var(--white-color);
        transition: all 0.3s;
}

.banner__left__wrap .owl-nav button.owl-next:hover {
        background-color: transparent;
}

.banner__left__wrap .owl-nav button.owl-next:hover i {
        color: var(--white-color);
}

.banner__left__wrap .owl-dots {
        position: absolute;
        bottom: 25px;
        left: 50%;
}

.banner__left__wrap .owl-dots .owl-dot span {
        background-color: #13151B;
        width: 12px;
        height: 12px;
}

.banner__left__wrap .owl-dots .owl-dot.active span {
        background-color: #77C746;
        width: 12px;
}

/*Abstracts / banner*/
/*Abstracts / section*/
.point__box {
        background: transparent;
        border-radius: 5px;
        padding: 15px 5px;
        display: flex;
        width: 87px;
        justify-content: center;
        align-items: center;
        height: 67px;
        text-align: center;
        transition: all 0.4s;
        border: 1px solid #fff!important;
        color: #fff;
}

.point__box:hover {
        background: var(--header);
}

.spacing__initial {
        width: initial !important;
}

.point__box__volly {
        width: 184px;
}

.point__box__volly i {
        color: var(--textcolor);
        font-size: 18px;
}

.bg__none {
        background: transparent !important;
}

.bg__none:hover {
        background: transparent;
}

.nav {
        border: unset;
}

.nav .nav-link {
        padding: 0;
        border: unset;
        background: none;
}

.main__body__area {
        position: relative;
}

.main__tab__slide {
        background-color: var(--subheader);
        padding: 20px 40px;
        position: sticky;
        top: 73px;
        z-index: 2;
}

.main__tab__slide .nav {
        border: unset;
        gap: 7px 22px;
}

.main__tab__slide .nav .nav-item .search-popup {
        display: none;
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
}

.main__tab__slide .nav .nav-item .search-bg {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        background-color: rgba(0, 0, 0, 0.6);
}

.main__tab__slide .nav .nav-item .search-popup label {
        color: white;
}

.main__tab__slide .nav .nav-item .search-form {
        display: block;
        margin: 7em 4em;
        position: relative;
        right: -100%;
}

.main__tab__slide .nav .nav-item .form {
        position: relative;
}

.main__tab__slide .nav .nav-item .form input {
        outline: none;
        background-color: var(--pointbox);
        width: 100%;
        padding: 15px 15px;
        border: none;
        border-bottom: 1px solid var(--active-color);
        color: #dad6d5;
}

.main__tab__slide .nav .nav-item .form input::placeholder {
        color: var(--white);
}

.main__tab__slide .nav .nav-item .form input:focus::-webkit-input-placeholder {
        opacity: 0;
}

.main__tab__slide .nav .nav-item .form input:focus::-moz-placeholder {
        opacity: 0;
}

.main__tab__slide .nav .nav-item .form input:-ms-input-placeholder {
        opacity: 0;
}

.main__tab__slide .nav .nav-item .form input:focus:-moz-placeholder {
        opacity: 0;
}

.main__tab__slide .nav .nav-item .form label {
        position: absolute;
        top: 25%;
        right: 0;
}
.trackPost{
        /*color: #ffc107 !important;*/

}

.main__tab__slide .nav .nav-item .nav-link {
        background: transparent;
        color: var(--theme-one);
        font-weight: 600;
        line-height: 22px;
        font-size: 14px;
        display: flex;
        align-items: center;
        gap: 5px;
        outline: none;
        padding: 0;
        box-shadow: none;
        border: none;
        border-radius: 0px;
}

.main__tab__slide .nav .nav-item .nav-link span i {
        font-size: 17px;
}

.main__tab__slide .nav .nav-item .nav-link .icons {
        margin-top: 4px;
}

.main__tab__slide .nav .nav-item .nav-link.active {
        border: none;
        outline: none;
        box-shadow: none;
        color: var(--white);
}

.main__tab__slide .nav .nav-item .nav-link:focus {
        border: none;
}

.main__tab__slide .nav .nav-item .nav-link:hover {
        border: none;
}

.today__body .tody__tab {
        background: var(--signbet);
        padding: 10px 10px 10px;
        border-radius: 5px;
        margin-bottom: 20px;
}

.today__body .tody__tab .nav {
        display: flex;
        gap: 8px 10px;
}

.today__body .tody__tab .nav li i {
        color: var(--textcolor);
}

.today__body .tody__tab .nav .nav-item .nav-link {
        display: flex;
        align-items: center;
        gap: 0px 5px;
        font-size: 14px;
        font-weight: 600;
        color: var(--textcolor);
}

.today__body .tody__tab .nav .nav-item .nav-link .icons {
        margin-top: 4px;
}

.today__body .tody__tab .nav .nav-item .nav-link.active {
        background-color: transparent;
        color: var(--active-color);
}

.today__body .tody__tab .nav .nav-item .nav-link.active span i {
        color: var(--active-color);
}

.today__body .home__box {
        background: var(--signbet);
        border-radius: 5px;
        padding: 10px 10px 10px;
        margin-bottom: 24px;
        display: flex;
        align-items: center;
        align-items: center;
        gap: 0px 8px;
}

.today__body .home__box span {
        font-size: 14px;
        font-weight: 600;
        color: var(--textcolor);
}

.today__body .home__box span i {
        font-size: 18px;
        color: var(--textcolor);
}

.today__body .home__box .icons {
        display: block;
        margin-bottom: -2px;
}

.today__body .tspot__title {
        color: var(--textcolor);
        font-weight: 600;
        margin-bottom: 20px;
}

.today__body .topsport__wrap .tsport__items {
        display: flex;
        align-items: center;
        align-items: center;
        justify-content: space-between;
        padding: 10px 10px 10px;
        background: var(--signbet);
        border-radius: 5px;
}

.today__body .topsport__wrap .tsport__items:not(:last-child) {
        margin-bottom: 1px;
}

.today__body .topsport__wrap .tsport__items .tsport__itemsleft {
        display: flex;
        align-items: center;
        align-items: center;
        gap: 0px 5px;
}

.today__body .topsport__wrap .tsport__items .tsport__itemsleft .icons {
        margin-bottom: -5px;
}

.today__body .topsport__wrap .tsport__items .tsport__itemsleft .icons i {
        color: var(--textcolor);
        font-size: 18px;
}

.today__body .topsport__wrap .tsport__items .tsport__itemsleft span {
        font-weight: 600;
        font-size: 14px;
        color: var(--textcolor);
}

.today__body .topsport__wrap .tsport__items .ssportright span {
        color: var(--textcolor);
}

.today__body .topsport__wrap .tsport__items .ssportright i {
        color: var(--textcolor);
}

.today__body .robot__content {
        max-width: 900px;
}

.today__body .robot__content p {
        margin-bottom: 18px;
        font-size: 18px;
        line-height: 150%;
}

.today__body .robot__content__wrap {
        background: var(--signbet);
        padding: 20px 20px 20px;
        border-radius: 10px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 0px 5px;
}

.today__body .robot__content__wrap .robot__content__items .ttext {
        font-size: 12px;
        color: var(--white);
        display: block;
        margin-bottom: 10px;
        text-transform: uppercase;
}

.today__body .robot__content__wrap .robot__content__items h6 {
        color: var(--white);
        font-weight: 400;
}

.today__body .robot__content__wrap .point {
        width: 80px;
        height: 65px;
        border-radius: 5px;
        text-align: center;
        line-height: 65px;
        font-size: 14px;
        color: var(--white);
        display: block;
        background: var(--button-two);
}

.today__body .robot__wrap {
        max-width: 700px;
        border: 1px solid var(--theme-one);
        border-radius: 10px;
        padding: 10px 10px;
        margin-bottom: 30px;
}

.today__body .robot__wrap form {
        display: flex;
        gap: 20px;
        justify-content: space-between;
        align-items: center;
}

.today__body .robot__wrap form input {
        width: 100%;
        border: none;
        outline: none;
        box-shadow: none;
        border-radius: 10px;
        background: var(--signbet);
        padding: 13px 30px 17px;
        margin-bottom: 20px;
}

.today__body .robot__wrap form ::placeholder {
        color: var(--place);
}

.today__body .robot__wrap form button {
        width: 100%;
        color: var(--white);
        border: unset;
}

.left__site__section {
        background: var(--body-color);
}

.left__site__section .match__fixing__items {
        background: var(--slidebox);
        display: block;
        border-radius: 10px;
        padding: 10px 20px 20px;
}

.left__site__section .match__fixing__items .match__head {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 15px;
}

.left__site__section .match__fixing__items .match__head .match__head__left {
        display: flex;
        align-items: center;
        gap: 10px;
}

.left__site__section .match__fixing__items .match__head .match__head__left .icons {
        margin-top: 4px;
}

.left__site__section .match__fixing__items .match__head .match__head__left .icons i {
        font-size: 20px;
        color: var(--textcolor);
}

.left__site__section .match__fixing__items .match__head .match__head__left span {
        color: var(--textcolor);
        font-size: 12px;
        font-weight: 400;
}

.left__site__section .match__fixing__items .match__head .today {
        color: var(--textcolor);
        font-size: 12px;
        font-weight: 400;
}

.left__site__section .match__fixing__items .match__vs {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 17px;
        margin-bottom: 25px;
}

.left__site__section .match__fixing__items .match__vs .vs {
        text-transform: uppercase;
        font-size: 16px;
        font-weight: 600;
        color: var(--textcolor);
}

.left__site__section .match__fixing__items .match__vs .match__vs__left {
        display: flex;
        align-items: center;
        gap: 10px;
}

.left__site__section .match__fixing__items .match__vs .match__vs__left span {
        font-size: 14px;
        font-weight: 400;
        color: var(--textcolor);
}

.left__site__section .match__fixing__items .match__result {
        position: relative;
        margin-bottom: 25px;
}

.left__site__section .match__fixing__items .match__result .matchborder {
        border-bottom: 1px solid var(--textcolor);
        width: 100%;
        display: block;
}

.left__site__section .match__fixing__items .match__result .match__text {
        color: var(--textcolor);
        font-size: 12px;
        font-weight: 400;
        text-transform: capitalize;
        background: var(--slidebox);
        padding: 1px 20px 2px;
        text-align: center;
        position: absolute;
        top: -12px;
        left: 50%;
        transform: translate(-50%);
}

.left__site__section .match__fixing__items .match__point {
        display: flex;
        align-items: center;
        justify-content: space-around;
}

.left__site__section .match__fixing__items .match__point li {
        background-color: var(--pointbox);
        padding: 4px 10px 6px;
        border-radius: 5px;
        width: 77px;
        display: flex;
        justify-content: space-between;
}

.left__site__section .match__fixing__items .match__point li span {
        font-size: 14px;
        font-weight: 400;
        color: var(--white);
}

.left__site__section .popular__events__left {
        position: sticky;
        width: 100%;
        top: 140px;
}

.left__site__section .popular__events__left .popular__events__head {
        margin-bottom: 10px;
}

.left__site__section .popular__events__left .popular__events__head h5 {
        background: var(--header);
        padding: 15px 10px 15px;
        color: var(--white);
        font-weight: 600;
}

.left__site__section .popular__events__left .popular__events__head ul li {
        display: flex;
        gap: 5px;
        align-items: center;
        background: var(--slidebox);
        border-top: 1px solid rgba(123, 131, 156, 0.6);
        padding: 10px 10px 10px;
}

.left__site__section .popular__events__left .popular__events__head ul li span {
        font-size: 16px;
        font-weight: 400;
        color: var(--white);
}

.left__site__section .popular__events__left .star__wrap {
        display: flex;
        margin-bottom: 10px;
        gap: 5px;
        align-items: center;
        background: var(--slidebox);
        padding: 10px 10px 10px;
}

.left__site__section .popular__events__left .star__wrap span {
        font-size: 16px;
        font-weight: 400;
        color: var(--white);
}

.left__site__section .popular__events__left .prematch__wrap {
        background-color: var(--slidebox);
}

.left__site__section .popular__events__left .prematch__wrap .nav {
        display: flex;
        gap: 10px;
        border: unset;
        border-bottom: 1px solid var(--leftpreborder);
        background: #ff0033;
}

.left__site__section .popular__events__left .prematch__wrap .nav .nav-link {
        background-color: unset;
        border: unset;
        padding: 0;
        font-size: 16px;
        font-weight: 600;
        color: var(--white);
        padding: 10px 10px 10px;
        position: relative;
}

.left__site__section .popular__events__left .prematch__wrap .nav .nav-link.active::before {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 1px;
        background: var(--preactive);
        content: "";
}

.left__site__section .popular__events__left .prematch__scopre .prescore__items {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 10px 10px;
}

.left__site__section .popular__events__left .prematch__scopre .prescore__items:not(:last-child) {
        border-bottom: 1px solid var(--leftpreborder);
}

.left__site__section .popular__events__left .prematch__scopre .prescore__items .prescore__left {
        display: flex;
        align-items: center;
        gap: 5px;
}

.left__site__section .popular__events__left .prematch__scopre .prescore__items .prescore__left span {
        font-size: 16px;
        font-weight: 400;
        color: var(--white);
}

.left__site__section .popular__events__left .prematch__scopre .prescore__items .prescore__left span i {
        font-size: 20px;
        color: var(--textcolor);
        margin-top: 40px;
}

.left__site__section .popular__events__left .prematch__scopre .prescore__items .prescore__left .score {
        margin-top: -4px;
}

.left__site__section .popular__events__left .prematch__scopre .prescore__items .prescore__right {
        display: flex;
        align-items: center;
        gap: 5px;
}

.left__site__section .popular__events__left .prematch__scopre .prescore__items .prescore__right span {
        color: var(--textcolor);
        font-size: 10px;
}

.left__site__section .popular__events__left .prematch__scopre .prescore__items .prescore__right span i {
        color: var(--textcolor);
        font-size: 10px;
}

.section__title {
        padding: 9px 10px 10px;
        color: var(--theme-one);
        border-bottom: 1px solid var(--leftpreborder);
}

.section__head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        padding: 10px 10px 10px;
}

.section__head .left__head {
        display: flex;
        align-items: center;
        gap: 5px;
}

.section__head .left__head .icons {
        margin-top: 4px;
}

.section__head .left__head span {
        color: var(--textcolor);
}

.section__head .left__head span i {
        color: var(--textcolor);
}

.section__head .right__catagoris {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 10px 30px;
}

.section__head .right__catagoris .right__cate__items {
        border: 1px solid var(--textcolor);
        border-radius: 5px;
}

.section__head .right__catagoris .right__cate__items .nice-select {
        padding: 5px 50px 5px 10px;
        color: var(--textcolor);
        font-size: 10px;
        width: 160px;
}

.section__head .right__catagoris .right__cate__items .nice-select .list {
        z-index: 999;
        background: var(--header);
}

.section__head .right__catagoris .right__cate__items .nice-select::after {
        border-bottom: 1px solid var(--textcolor);
        border-right: 1px solid var(--textcolor);
        display: block;
        height: 8px;
        margin-top: -15px;
        right: 10px;
        bottom: 40%;
        width: 8px;
}

.live__heightlight {
        background: var(--slidebox);
        border-radius: 10px;
        /*padding: 10px 20px;*/
}

.live__heightlight .nav .nav-link {
        display: flex;
        align-items: center;
        padding: 8px 10px 10px;
        gap: 5px;
}

.live__heightlight .nav .nav-link .icons {
        margin-top: 2px;
}

.live__heightlight .nav .nav-link .icons i {
        font-size: 14px;
        color: var(--textcolor);
}

.live__heightlight .nav .nav-link span {
        font-size: 16px;
        font-weight: 500;
        color: #ffc107 !important;
}

.live__heightlight .nav .nav-link.active span {
        color: #ff0033 !important;
}

.live__heightlight .nav .nav-link.active span i {
        color: #ff0033;
}

.point__max832 {
        max-width: 832px;
}

.larg__width .heght__table__points {
        max-width: 948px !important;
}

.larg__width2 .heght__table__points {
        max-width: 620px !important;
}

.larg__width3 .heght__table__points {
        max-width: 620px !important;
}

.larg__width4 .heght__table__points {
        max-width: 650px !important;
}

.larg__width5 .heght__table__points {
        max-width: 430px !important;
}

.larg__width6 .heght__table__points {
        max-width: 430px !important;
}

.larg__width7 .heght__table__points {
        max-width: 530px !important;
}

.volloy__max .heght__table__points {
        min-width: 680px;
}

.main__table .heght__table__points {
        display: flex;
        align-items: center;
        gap: 10px 70px;
        padding: 24px 20px 4px;
        align-items: center;
        justify-content: space-between;
        margin: 0px 0 0 auto;
}

.main__table .heght__table__points span {
        font-size: 14px;
        color: var(--white);
}

.main__table .table__wrap .table__pointnone__items {
        padding-bottom: 0 !important;
}

.main__table .table__wrap .table__items {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 0 15px;
        padding-bottom: 20px;
        padding-top: 20px;
}

.main__table .table__wrap .table__items .t__items {
        display: flex;
        align-items: center;
        justify-content: space-between;
        min-width: 100%;
}

.main__table .table__wrap .table__items .t__items .t__items__left__nextogo {
        display: flex;
        align-items: center;
        gap: 5px 20px;
}

.main__table .table__wrap .table__items .t__items .t__items__left h6 {
        color: var(--white);
}

.main__table .table__wrap .table__items .t__items .t__items__left span {
        color: var(--white);
}

.main__table .table__wrap .table__items .t__items .t__items__left .serial {
        color: var(--white);
}

.main__table .table__wrap .table__items .t__items .t__items__left .t__items__icon i {
        color: var(--textcolor);
        font-size: 20px;
}

.main__table .table__wrap .table__items .t__items .t__items__left .content h6 {
        margin-bottom: 10px;
}

.main__table .table__wrap .table__items .t__items .t__items__left h6 {
        font-weight: 400;
        margin-bottom: 5px;
}

.main__table .table__wrap .table__items .t__items .t__items__left .text {
        margin-bottom: -3px;
        display: block;
        font-size: 14px;
}

.main__table .table__wrap .table__items .t__items .t__items__left p {
        margin: 0;
        font-size: 10px;
}

.main__table .table__wrap .table__items .t__items .t__items__left p a {
        color: var(--button-one);
}

.main__table .table__wrap .table__items .cart__point {
        font-size: 12px;
        color: var(--white);
}

.main__table .table__wrap .table__items .cart__point__two {
        font-size: 14px;
}

.main__table .table__wrap .table__items .mart__point__items {
        display: flex;
        align-items: center;
        gap: 10px;
        justify-content: space-between;
}

.main__table .table__wrap .table__items .mart__point__items .twing {
        color: var(--textcolor);
}

.main__table .table__wrap .table__items .mart__point__items .twing i {
        font-size: 16px;
}

.main__table .table__wrap .table__items .mart__point__items .mart {
        color: var(--textcolor);
}

.main__table .table__wrap .table__items .mart__point__items .mart i {
        font-size: 16px;
}

.withdraw{
        font-weight: bold;
        color: #ffc107;
        font-size: 20px;
}

.main__table .table__wrap .table__items .mart__point__items .point__box {
        background: #ffc107;
        border-radius: 5px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 14px;
        text-align: center;
}

.main__table .table__wrap .table__items .mart__point__items .point__box:hover {
        background: #645e5e;
}

.main__table .table__wrap .table__items .mart__point__two {
        display: flex;
        align-items: center;
        justify-content: space-between;
}

.main__table .table__wrap .table__items .mart__point__two .mart__point__left {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
}

.main__table .table__wrap .table__items .mart__point__two .mart__point__right {
        padding-left: 40px;
        display: flex;
        align-items: center;
        gap: 0 10px;
        justify-content: center;
}

.main__table .table__wrap .table__items .mart__point__two .mart__point__right .point__box i {
        color: var(--textcolor);
        font-size: 20px;
}

.main__table .table__wrap .table__items .mart__point__two .mart__point__right .point__box .star {
        color: var(--startable);
}

.main__table .table__wrap .table__items .mart__pint__nextgo .mart__point__left .point__box {
        display: grid;
        padding: 8px 5px 10px;
}

.main__table .table__wrap .table__items .mart__pint__nextgo .mart__point__left .point__box .point__1 {
        font-size: 10px;
}

.main__table .table__wrap .table__items .mart__pint__nextgo .mart__point__left .point__box span {
        font-size: 14px;
}

.main__table .table__wrap .table__items .mart__pint__nextgo .mart__point__left .point__boxbet {
        font-size: 18px;
        color: var(--white);
        text-align: left;
}

.main__table .table__wrap .table__items .mart__pint__nextgo .mart__point__left .point__boxbet span {
        display: block;
        padding: 0 50px;
}

.main__table .table__wrap .table__items .mart__pint__nextgo .mart__point__right .point__box-text {
        display: flex;
        align-items: center;
        align-items: center;
        gap: 5px;
        font-size: 18px;
        color: var(--textcolor);
        transition: all 0.4s;
}

.main__table .table__wrap .table__items .mart__pint__nextgo .mart__point__right .point__box-text:hover {
        color: var(--button-two);
}

.main__table .table__wrap .table__items .mart__pint__nextgo .mart__point__right .point__box-text:hover span i {
        color: var(--button-two);
}

.main__table .table__wrap .table__items .mart__pint__nextgo .mart__point__right .point__box__nextto {
        width: 184px;
        justify-content: flex-end;
}

.main__table .table__wrap .table__items .mart__pint__nextgo .mart__point__right span i {
        font-size: 18px;
        color: var(--textcolor);
        transition: all 0.4s;
}

.main__table .table__wrap .table__items .mart__pint__nextgo .mart__point__right .icons {
        margin-top: 4px;
}

.main__table .table__wrap .table__footer {
        display: flex;
        align-items: center;
        justify-content: space-between;
        align-items: center;
        padding: 20px 0px 15px;
}

.main__table .table__wrap .table__footer .lobby {
        font-size: 16px;
        color: var(--white);
}

.main__table .table__wrap .table__footer .footerpoing {
        display: flex;
        align-items: center;
        gap: 5px;
        color: var(--textcolor);
}

.main__table .table__wrap .table__footer__nextgo {
        display: flex;
        justify-content: center;
}

.main__table .table__wrap .table__footer__nextgo .lobby {
        transition: all 0.4s;
        display: flex;
        align-items: center;
        align-items: center;
        gap: 5px;
}

.main__table .table__wrap .table__footer__nextgo .lobby .icons {
        margin-top: 3px;
}

.main__table .table__wrap .table__footer__nextgo .lobby .icons i {
        font-size: 16px;
}

.main__table .table__wrap .table__footer__nextgo .lobby:hover {
        color: var(--button-two);
}

.nexttogo__tab .nav {
        gap: 10px 20px;
}

.nexttogo__tab .nav .nav-link {
        border-radius: 30px;
        padding: 5px 15px 7px;
        border: 1px solid rgba(138, 146, 171, 0.5);
        border-radius: 30px;
}

.nexttogo__tab .nav .nav-link.active {
        background: rgba(0, 191, 158, 0.3);
        border: 1px solid rgba(18, 94, 82, 0.729);
}

.main__table__nextfootball .table__wrap .table__items .t__items .t__items__left .content h6 span {
        font-size: 10px;
}

.main__table__nextfootball .table__wrap .table__items .t__items .t__items__left .content .text {
        font-size: 12px;
        margin-bottom: 10px;
}

.treanding__table .table__wrap .table__items .t__items .t__items__left p a {
        color: var(--textcolor);
        font-size: 10px;
}

.treanding__table .table__wrap .table__items .t__items .t__items__left p .today {
        background-color: #97d23a;
        font-size: 9px;
        color: var(--white);
        border-radius: 2px;
        padding: 2px 3px 3px;
        margin-left: 5px;
}

.main__tabletennis .table__wrap .table__items .t__items .t__items__left h6 span {
        font-size: 10px;
}

.main__tabletennis .table__wrap .table__items .t__items .t__items__left .text span {
        font-size: 10px;
}

.main__tabletennis .table__wrap .table__items .icon__lock__box {
        width: 186px;
}

.main__tabletennis .table__wrap .table__items .tableright__tennis {
        display: flex;
        align-items: center;
        align-items: center;
}

.main__tabletennis .table__wrap .mart__point__two .mart__point__right {
        padding-left: 0px !important;
}

.main__basketballtable .table__wrap .table__items {
        display: flex;
        align-items: center;
        align-items: center;
}

.main__basketballtable .table__wrap .table__items .t__items .t__items__left h6 span {
        font-size: 10px;
}

.main__basketballtable .table__wrap .table__items .t__items .t__items__left .text span {
        font-size: 10px;
}

.main__basketballtable .table__wrap .table__items .tablebasket__main__wrap {
        display: flex;
        align-items: center;
        align-items: center;
}

.main__basketballtable .table__wrap .table__items .tablebasket__main__wrap .tablebasket__martpoin__wrap {
        display: flex;
        align-items: center;
        align-items: center;
        gap: 0px 10px;
}

.main__basketballtable .table__wrap .table__items .martbas__pointlast .mart__point__left {
        display: flex;
        align-items: center;
        align-items: center;
        gap: 0px 10px;
}

.main__basketballtable .table__wrap .table__items .martbas__pointlast .mart__point__left .aroow__text {
        width: 100px;
        display: flex;
        align-items: center;
        align-items: center;
        gap: 0px 10px;
}

.main__basketballtable .table__wrap .table__items .martbas__pointlast .mart__point__left .aroow__text span {
        font-size: 18px;
        font-weight: 400;
}

.main__basketballtable .table__wrap .table__items .martbas__pointlast .mart__point__left .aroow__text .icons {
        margin-top: 5px;
}

.main__basketballtable .table__wrap .table__items .martbas__pointlast .mart__point__left .aroow__text .icons i {
        color: var(--textcolor);
        font-size: 14px;
}

.main__basketballtable .table__wrap .table__items .martbas__pointlast__width {
        width: 186px;
}

.main__basketballtable .table__wrap .table__items .mart__point__items .americanf__point__box .mart__point__left .point__box {
        width: 170px;
}

.main__basketballtable .table__wrap .table__items .mart__point__items .point__box {
        display: grid;
}

.main__basketballtable .table__wrap .table__items .mart__point__items .point__box .spoint {
        font-size: 10px;
        display: block;
}

.main__table__tennis .tennis__table__points {
        display: flex;
        justify-content: space-between;
        max-width: 681px;
        margin: 0 0 0 auto;
}

.main__table__tennis .table__wrap .table__items .tennis__right {
        display: flex;
        align-items: center;
        gap: 0px 30px;
}

.main__table__tennis .table__wrap .table__items .tennis__right .mart__point__two .mart__point__right {
        padding-left: 0px;
}

.main__table__tennis .table__wrap .table__items .tennis__right .mart__point__two .mart__point__right .point__box {
        width: inherit;
        padding: 0px 0 0 15px;
}

.main__table__tennis .table__wrap .table__items .tennis__cart__wrap {
        display: flex;
        align-items: center;
}

.main__table__tennis .table__wrap .table__items .tennis__cart__wrap .tennis__cart__right {
        display: grid;
        text-align: center;
}

.main__table__tennis .table__wrap .table__items .tennis__cart__wrap .tennis__cart__right span {
        font-size: 10px;
        color: var(--white);
        display: block;
}

.main__table__tennis .table__wrap .table__items .tennis__cart__wrap .tennis__cart__right span:not(:last-child) {
        margin-bottom: 2px;
}

.main__table__tennis .table__wrap .table__items .tennis__cart__wrap .cart__point {
        border-right: 1px solid var(--button-one);
        padding-right: 14px;
        margin-right: 10px;
        display: grid;
        text-align: center;
}

.main__table__tennis .table__wrap .table__items .tennis__cart__wrap .cart__point span {
        display: block;
}

.main__table__tennis .table__wrap .table__items .tennis__cart__wrap .cart__point span:not(:last-child) {
        margin-bottom: 2px;
}

.main__table__basketball .table__wrap .table__items .t__items__basket {
        margin-bottom: -100px;
}

.main__table__basketball .table__wrap .table__items .tennis__right .mart__point__two .point__box,
.main__table__basketball .table__wrap .table__items .tennis__right .mart__point__items .point__box {
        display: grid;
        justify-content: center;
        text-align: center;
}

.main__table__basketball .table__wrap .table__items .tennis__right .mart__point__two .point__box .tov,
.main__table__basketball .table__wrap .table__items .tennis__right .mart__point__items .point__box .tov {
        display: block;
        font-size: 10px;
}

.main__table__basketball .table__wrap .table__items .tennis__right .mart__point__two .mart__point__left .spacing__lock,
.main__table__basketball .table__wrap .table__items .tennis__right .mart__point__items .mart__point__left .spacing__lock {
        margin-bottom: -80px;
}

.main__table__basketball .table__wrap .table__items .tennis__right .mart__point__two .mart__point__left .point__box i,
.main__table__basketball .table__wrap .table__items .tennis__right .mart__point__items .mart__point__left .point__box i {
        color: var(--textcolor);
        font-size: 18px;
}

.main__table__basketball .table__wrap .table__items .tennis__right .mart__point__two .mart__point__right .spacing__lock,
.main__table__basketball .table__wrap .table__items .tennis__right .mart__point__items .mart__point__right .spacing__lock {
        margin-bottom: -80px;
}

.promo__items {
        background: var(--slidebox);
        padding: 40px 40px;
        border-radius: 10px;
        display: flex;
        align-items: center;
        align-items: center;
        gap: 20px 15px;
}

.promo__items .promo__content h3 {
        color: var(--white);
        font-weight: 600;
        margin-bottom: 20px;
}

.promo__items .promo__content h2 {
        font-weight: 700;
        color: var(--white);
        margin-bottom: 60px;
        line-height: 140%;
}

.promo__items .promo__thumb {
        max-width: 300px;
}

.promo__items .promo__thumb img {
        width: 100%;
        height: 100%;
}

.promotions__wrap h3 {
        color: var(--active-color);
        font-weight: 600;
        margin-bottom: 24px;
}

.casino__box {
        position: relative;
        width: 100%;
        overflow: hidden;
}

.casino__box .live {
        display: block;
        background: var(--button-one);
        border-radius: 10px 0px 20px 0px;
        font-size: 16px;
        font-weight: 500;
        color: var(--white);
        padding: 5px 20px 7px;
        width: 74px;
        text-align: center;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
}

.casino__box img {
        width: 100%;
        border-radius: 10px;
}

.casino__box .casino__overlay {
        position: absolute;
        inset: 0 0 0 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        background: linear-gradient(0deg, rgba(37, 35, 152, 0.49), rgba(37, 35, 152, 0.49));
        border-radius: 10px;
        content: "";
        transition: all 0.9s;
}

.casino__box:hover .casino__overlay {
        inset: 0 0 0 0%;
}

.casino__box__dobble {
        display: grid;
        gap: 24px;
}

.common__head {
        display: flex;
        align-items: center;
        gap: 10px;
}

.common__head .icons {
        margin-top: 5px;
}

.common__head span {
        color: var(--active-color);
        font-size: 24px;
        font-weight: 600;
}

.common__head span i {
        font-size: 30px;
        color: var(--active-color);
}

.main__table__cricket .tennis__table__points {
        width: 180px;
        margin-right: 50px;
}

.main__table__cricket .serial {
        color: var(--white);
}

.main__table__cricket .table__wrap .table__items .t__items {
        width: 350px;
        display: flex;
        justify-content: space-between;
        align-items: center;
}

.main__table__cricket .table__wrap .table__items .t__items .serial {
        font-size: 14px;
}

.main__table__ttennis .table__wrap .table__items .tennis__right .mart__point__two .mart__point__left .point__box {
        display: grid;
}

.main__table__ttennis .table__wrap .table__items .tennis__right .mart__point__two .mart__point__left .point__box .set {
        font-size: 10px;
}

.horse__slide__items {
        background: var(--slidebox);
        border-radius: 10px;
        padding: 20px 20px;
}

.horse__slide__items .horse__s__head {
        padding-bottom: 20px;
        border-bottom: 1px solid var(--textcolor);
}

.horse__slide__items .horse__s__head h6 {
        font-size: 14px;
        font-weight: 600;
        color: var(--textcolor);
        margin-bottom: 10px;
}

.horse__slide__items .horse__s__head .miu {
        font-size: 12px;
        color: var(--textcolor);
}

.horse__body {
        padding: 20px 0px;
        border-bottom: 1px solid var(--textcolor);
        display: flex;
        align-items: center;
        justify-content: space-between;
}

.horse__body .horse__s__left {
        display: flex;
        align-items: center;
        align-items: center;
        gap: 10px;
}

.horse__body .horse__s__left p span {
        color: var(--textcolor);
        font-size: 10px;
        display: block;
}

.horse__body .horse__s__left p span:not(:last-child) {
        margin-bottom: 10px;
}

.horse__body .horse__s__left .icon i {
        color: var(--textcolor);
        font-size: 30px;
}

.horse__body .horse__s__left .borndles h5 {
        font-weight: 600;
        color: var(--textcolor);
        margin-bottom: 4px;
}

.horse__body .horse__s__left .borndles .deg1 {
        font-size: 10px;
        color: var(--textcolor);
        margin-bottom: -4px;
        display: block;
}

.horse__body .horse__s__left .borndles .deg2 {
        font-size: 10px;
        color: var(--textcolor);
}

.horse__body .horse__sp {
        background-color: #20283F;
        border-radius: 10px;
        padding: 10px 10px 10px;
        text-transform: uppercase;
        font-size: 14px;
        width: 60px;
        text-align: center;
}

.horse__s__footer {
        font-size: 18px;
        font-weight: 400;
        color: var(--textcolor);
        text-align: center;
        padding-top: 20px;
}

.racing__tab {
        background: var(--slidebox);
        padding: 10px 10px 10px;
        border-radius: 5px;
        margin-bottom: 20px;
}

.racing__tab .nav {
        display: flex;
        align-items: center;
        align-items: center;
        gap: 5px 20px;
}

.racing__tab .nav .nav-link {
        color: var(--textcolor);
        font-size: 14px;
        border-bottom: 1px solid var(--header);
}

.racing__tab .nav .nav-link.active {
        background: transparent;
        color: var(--active-color);
        border-color: var(--active-color);
}

.horse__chart__items {
        padding: 10px 10px 10px;
        background: var(--signbet);
        border-radius: 5px;
}

.horse__chart__items:not(:last-child) {
        margin-bottom: 10px;
}

.horse__chart__items h5 {
        color: var(--textcolor);
        font-weight: 600;
        border-bottom: 1px solid var(--textcolor);
        padding-bottom: 10px;
}

.horse__chart__items .racing__list {
        margin-top: 20px;
}

.horse__chart__items .racing__list a {
        display: block;
        background: var(--body-color);
        border-radius: 4px;
        padding: 8px 10px 14px;
        color: var(--textcolor);
}

.horse__chart__items .racing__list a:not(:last-child) {
        margin-bottom: 2px;
}

.horse__chart__wrap .head__horse {
        font-weight: 600;
        color: var(--textcolor);
        margin-bottom: 20px;
}

.horse__chart__wrap .chart__point__wrap {
        padding: 10px 0;
        display: flex;
        align-items: center;
        gap: 7px 10px;
}

.horse__chart__wrap .chart__point__wrap a {
        border-right: 1px solid #434A5F;
        text-align: center;
        padding: 5px 15px 5px 10px;
}

.horse__chart__wrap .chart__point__wrap a span {
        font-size: 10px;
        color: var(--textcolor);
        display: block;
        margin-bottom: 5px;
}

.horse__chart__wrap .chart__point__wrap a .ptext {
        border-radius: 2px;
        background-color: var(--button-one);
        padding: 0px 3px 3px;
        font-size: 10px;
        color: var(--white);
        width: 15px;
        text-align: center;
        margin: 0 auto;
}

.virtual__tabs {
        background: var(--slidebox);
        border-radius: 5px;
}

.virtual__tabs .nav {
        display: flex;
        align-items: center;
        align-items: center;
}

.virtual__tabs .nav .nav-item {
        padding: 12px 15px 12px;
}

.virtual__tabs .nav .nav-item:not(:last-child) {
        border-right: 1px solid #434A5F;
}

.virtual__tabs .nav .nav-item .nav-link {
        color: var(--textcolor);
        font-size: 14px;
}

.virtual__tabs .nav .nav-item .nav-link .icons {
        display: block;
        margin-bottom: -3px;
}

.virtual__tabs .nav .nav-item .nav-link .icons i {
        color: var(--textcolor);
        font-size: 19px;
}

.virtual__tabs .nav .nav-item .nav-link.active {
        background: none;
        color: var(--active-color);
}

.virtual__tabs .nav .nav-item .nav-link.active .icons {
        color: var(--active-color);
}

.world__cup__area {
        margin-top: 20px;
}

.world__cup__area .world__tabs {
        margin-bottom: 24px;
}

.world__cup__area .world__tabs .nav {
        display: flex;
        align-items: center;
        align-items: center;
        gap: 10px 10px;
}

.world__cup__area .world__tabs .nav .nav-item .nav-link {
        padding: 8px 15px 10px;
        font-size: 14px;
        font-weight: 600;
        border: 1px solid #20283F;
        border-radius: 5px;
        color: var(--white);
        background: var(--slidebox);
}

.world__cup__area .world__tabs .nav .nav-item .nav-link.active {
        background: rgba(0, 191, 158, 0.3);
        border-radius: 5px;
        color: var(--active-color);
}

.world__cup__area .world__thumb__wrap {
        background-color: var(--slidebox);
        border-radius: 5px;
        text-align: center;
        margin: 0 auto;
}

.world__cup__area .world__thumb__wrap .thumb {
        max-width: 925px;
        margin: 0 auto;
        position: relative;
}

.world__cup__area .world__thumb__wrap .thumb .play-btn {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 70px;
        height: 70px;
        transform: translate(-50%, -50%);
}

.world__cup__area .world__thumb__wrap .thumb .play-btn img {
        width: 100%;
        height: 100%;
        object-fit: contain;
}

.world__cup__area .world__thumb__wrap .thumb img {
        width: 100%;
        height: 100%;
}

.world__point__table {
        margin-top: 24px;
}

.world__point__table .world__point__tab {
        background: var(--signbet);
        border-radius: 5px;
}

.world__point__table .world__point__tab .nav .nav-item .nav-link {
        padding: 7px 12px 9px;
        color: var(--white);
        border-radius: 0px;
}

.world__point__table .world__point__tab .nav .nav-item .nav-link:first-child {
        border-top-left-radius: 5px !important;
        border-bottom-left-radius: 5px !important;
}

.world__point__table .world__point__tab .nav .nav-item .nav-link.active {
        background: var(--active-two);
        border-radius: 0px;
}

.world__point__text {
        background: var(--slidebox);
        border-radius: 5px;
        padding: 11px 10px 12px;
        display: flex;
        align-items: center;
        justify-content: space-between;
}

.world__point__text span {
        color: var(--textcolor);
        font-size: 10px;
}

.world__point__text a {
        font-size: 10px;
        color: var(--textcolor);
}

.equador__head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 20px 0px;
}

.equador__head span {
        font-size: 14px;
        font-weight: 600;
        color: var(--textcolor);
}

.equator__match__result .match__box .title {
        background: var(--signbet);
        padding: 10px 10px 10px;
        border-radius: 5px 5px 0 0;
        display: block;
        font-size: 10px;
        color: var(--textcolor);
}

.equator__match__result .match__box .devaided__box__two a {
        width: 50%;
}

.equator__match__result .match__box .devaided__box {
        background: var(--slidebox);
        display: flex;
        justify-content: center;
        border-radius: 0 0 5px 5px;
}

.equator__match__result .match__box .devaided__box a {
        width: 33.3333333333%;
        padding: 10px 10px 10px;
        font-size: 10px;
        font-weight: 400;
        color: var(--textcolor);
        text-align: center;
        width: 100%;
}

.equator__match__result .match__box .devaided__box a:not(:last-child) {
        border-right: 1px solid rgba(123, 131, 156, 0.6);
}

.equator__match__result .match__box .devaided__box a span {
        font-size: 10px;
        color: var(--textcolor);
}

.equator__match__result .match__box .devaided__box a .poin {
        font-size: 14px;
        font-weight: 600;
        color: var(--textcolor);
}

.equator__match__result .match__box .devaided__box .d__box {
        display: flex;
        align-items: center;
        justify-content: space-between;
}

.virtual__video__wrap {
        display: flex;
        align-items: center;
        gap: 24px 24px;
        flex-wrap: wrap;
}

.virtual__video__wrap .items {
        text-align: center;
}

.virtual__video__wrap .items .thumb {
        margin-bottom: 10px;
        border-radius: 10px;
        position: relative;
}

.virtual__video__wrap .items .thumb .play-btn {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 30px;
        height: 30px;
}

.virtual__video__wrap .items .thumb .play-btn img {
        width: 100%;
        height: 100%;
        object-fit: contain;
}

.virtual__video__wrap .items .thumb img {
        width: 100%;
        border-radius: 10px;
}

.virtual__video__wrap .items span {
        font-size: 10px;
        color: var(--white);
}

.favorites__tabs__wrap .favorites__head {
        display: flex;
        align-items: center;
        gap: 7px;
}

.favorites__tabs__wrap .favorites__head .icons {
        margin-top: 5px;
}

.favorites__tabs__wrap .favorites__head span {
        font-weight: 600;
        font-size: 14px;
        color: var(--active-color);
}

.favorites__tabs__wrap .favorites__head span i {
        color: var(--active-color);
        font-size: 18px;
}

.favorites__tabs__wrap .match__fixing__items .match__point li {
        justify-content: center;
}

.favorites__tabs__wrap .match__fixing__items .match__head .today i {
        font-size: 17px;
        color: var(--button-two);
}

.footer__content__section .footer__content__items:not(:last-child) {
        margin-bottom: 30px;
}

.footer__content__section .footer__content__items h5 {
        margin-bottom: 20px;
        font-weight: 600;
        color: var(--theme-one);
}

.footer__content__section .footer__content__items p {
        font-size: 14px;
        font-weight: 400;
        color: var(--textcolor);
        margin: 0;
        line-height: 150%;
}

.right__site__section {
        position: sticky;
        /*top: 140px;*/
        /*height: 100vh;*/
        /*padding-bottom: 200px;*/
        overflow-y: scroll;
}

.right__site__section .betslip__wrap {
        background-color: #171d2f;
}

.payB{
        font-size: 17px !important;
}
.colorBill{
        color: var(--active-color);
}

.right__site__section .betslip__wrap .betslip__title {
        background: #202a39;
        padding: 10px 10px 12px;
        color: var(--white);
}

.right__site__section .betslip__wrap .nav {
        border: unset;
        justify-content: space-between;
        padding: 10px 20px 5px;
        width: 100%;
        /*border-bottom: 1px solid var(--betslip);*/
}

.right__site__section .betslip__wrap .nav .nav-link {
        background: transparent;
        color: #97d23a;
        padding: 0 0;
        border: unset;
        font-size: 14px;
}

.right__site__section .betslip__wrap .nav .nav-link.active {
        color: var(--active-color);
        position: relative;
}

.right__site__section .betslip__wrap .nav .nav-link.active::before {
        position: absolute;
        bottom: -6px;
        left: 0;
        background: var(--active-color);
        height: 1px;
        width: 100%;
        content: "";
}

.right__site__section .betslip__wrap .multiple__components {
        padding: 0px 20px 23px;
}

.right__site__section .betslip__wrap .multiple__components .multiple__items {
        border-bottom: 1px solid #eeeeee8a;
        padding-bottom: 20px;
        padding-top: 13px;
}

.right__site__section .betslip__wrap .multiple__components .multiple__items .multiple__head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 10px;
        gap: 2px;
}

.right__site__section .betslip__wrap .multiple__components .multiple__items .multiple__head .multiple__left {
        display: flex;
        align-items: center;
        gap: 5px;
}

.right__site__section .betslip__wrap .multiple__components .multiple__items .multiple__head .multiple__left .icons {
        color: var(--textcolor);
        margin-top: 4px;
}

.right__site__section .betslip__wrap .multiple__components .multiple__items .multiple__head .multiple__left span {
        color: var(--textcolor);
}

.right__site__section .betslip__wrap .multiple__components .multiple__items .multiple__head .cros i {
        color: var(--textcolor);
        font-size: 10px;
}

.right__site__section .betslip__wrap .multiple__components .multiple__items .multiple__point {
        display: flex;
        gap: 10px;
}


.port2 {
        font-size: 8px !important;
        /* font-weight: bold; */
        padding-top: 3px;
        color: #ffffff;
        margin-left: 5px;
}

.right__site__section .betslip__wrap .multiple__components .multiple__items .multiple__point .pbox {
        background: #97d23aa1;
        border-radius: 5px;
        color: #ffffff;
        padding: 7px 10px 1px;
        display: block;
}

.right__site__section .betslip__wrap .multiple__components .multiple__items .multiple__point .rightname .fc {
        font-size: 10px;
        text-transform: capitalize;
        color: var(--white);
        margin-bottom: 5px;
}

.right__site__section .betslip__wrap .multiple__components .multiple__items .multiple__point .rightname .point {
        font-size: 10px;
        color: var(--textcolor);
        display: block;
}

.right__site__section .betslip__wrap .multiple__components .total__odds {
        padding: 20px 0px 10px;
        margin-bottom: 10px;
}

.right__site__section .betslip__wrap .multiple__components .total__odds .total__head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 10px;
}

.right__site__section .betslip__wrap .multiple__components .total__odds .total__head .odd {
        font-size: 14px;
}

.right__site__section .betslip__wrap .multiple__components .total__odds .total__head span {
        font-size: 14px;
}

.right__site__section .betslip__wrap .multiple__components .total__odds .wrapper .result {
        background: var(--white);
        padding: 5px 10px;
        border-radius: 5px;
        margin-bottom: 10px;
}

.right__site__section .betslip__wrap .multiple__components .total__odds .wrapper .result span {
        font-size: 14px;
        color: var(--textcolor);
        display: block;
        margin-bottom: -5px;
}

.right__site__section .betslip__wrap .multiple__components .total__odds .wrapper .buttons {
        display: flex;
        align-items: center;
        justify-content: space-between;
}

.right__site__section .betslip__wrap .multiple__components .total__odds .wrapper .buttons button {
        font-size: 14px;
        color: var(--white);
        background: rgba(138, 146, 171, 0.15);
        border-radius: 5px;
        border: unset;
        width: 66px;
        height: 32px;
}

.right__site__section .betslip__wrap .multiple__components .possible__pay {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-bottom: 20px;
}

.right__site__section .betslip__wrap .multiple__components .possible__pay span {
        color: var(--textcolor);
        font-size: 10px;
}

.right__site__section .betslip__wrap .multiple__components .cmn--btn2 {
        width: 100%;
        border-radius: 10px;
}

.right__site__section .betslip__wrap .setting__area .nav {
        padding: 0px 0px 0px;
        width: 100%;
        border-bottom: unset;
        display: flex;
        justify-content: space-between;
}

.right__site__section .betslip__wrap .setting__area .nav .nav-link {
        background: var(--signbet);
        padding: 13px 10px 12px;
        width: 50%;
        display: flex;
        justify-content: center;
        gap: 8px;
}

.right__site__section .betslip__wrap .setting__area .nav .nav-link .icons i {
        margin-top: 4px;
        color: var(--textcolor) !important;
}

.right__site__section .betslip__wrap .setting__area .nav .nav-link .icons span {
        color: var(--textcolor) !important;
}

.right__site__section .betslip__wrap .setting__area .nav .nav-link .text {
        margin-top: -2px;
        color: var(--textcolor);
}

.right__site__section .betslip__wrap .setting__area .nav .nav-link:not(:last-child) {
        border-right: 2px solid var(--signborder);
}

.right__site__section .betslip__wrap .setting__area .nav .nav-link.active::before {
        display: none;
}

.right__site__section .betslip__wrap .setting__area .sign__bets__wrap .sign__boxes .content {
        text-align: center;
        padding: 120px 10px 120px;
}

.right__site__section .betslip__wrap .setting__area .sign__bets__wrap .sign__boxes .content h6 {
        color: var(--active-color);
        margin-bottom: 8px;
}

.right__site__section .betslip__wrap .setting__area .sign__bets__wrap .sign__boxes .content p {
        margin-bottom: 15px;
        font-size: 12px;
}

.right__site__section .betslip__wrap .setting__area .sign__bets__wrap .sign__boxes .content .btn__grp {
        display: flex;
        justify-content: center;
        gap: 20px;
}

.right__site__section .betslip__wrap .setting__area .sign__bets__wrap .sign__boxes .content .btn__grp .cmn--btn2,
.right__site__section .betslip__wrap .setting__area .sign__bets__wrap .sign__boxes .content .btn__grp .cmn--btn {
        padding: 8px 25px 10px;
}

.right__site__section .betslip__wrap .setting__area .sign__bets__wrap .sign__boxes .content .btn__grp .cmn--btn2 {
        background: var(--active-color);
}

.right__site__section .betslip__wrap .setting__area .sign__bets__wrap .setting__boxes .setting__boxes__head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 10px 15px 20px;
}

.right__site__section .betslip__wrap .setting__area .sign__bets__wrap .setting__boxes .setting__boxes__head span {
        font-size: 12px;
        color: var(--white);
}

.right__site__section .betslip__wrap .setting__area .sign__bets__wrap .setting__boxes .setting__boxes__head a i {
        font-size: 10px;
        color: var(--textcolor);
}

.right__site__section .betslip__wrap .setting__area .sign__bets__wrap .setting__boxes .check__wrap {
        padding: 0 15px 120px;
}

.right__site__section .betslip__wrap .setting__area .sign__bets__wrap .setting__boxes .check__wrap .form-check .form-check-input {
        background-color: transparent;
        border: 1px solid var(--textcolor);
        outline: none;
        box-shadow: none;
}

.right__site__section .betslip__wrap .setting__area .sign__bets__wrap .setting__boxes .check__wrap .form-check .form-check-label {
        color: var(--textcolor);
        font-size: 10px;
}

.modal-open .mybets__modal {
        background-color: rgba(38, 47, 74, 0.6);
        position: fixed;
        top: 0;
        left: 0;
}

.mybets__modal {
        z-index: 9999;
}

.mybets__modal .modal-content {
        width: 300px;
        right: 0;
        bottom: 57px;
        top: 55px;
        position: fixed;
        background-color: transparent;
        background-color: var(--slidebox);
}

.mybets__modal .modal-content .modal-header {
        border: unset;
        justify-content: center;
}

.mybets__modal .modal-content .modal-header .btn-close {
        box-sizing: content-box;
        width: 1em;
        height: 1em;
        padding: 0.25em 0.25em;
        color: #000;
        background: url(../../assets/img/modal/cros.png) no-repeat;
        background-size: contain;
        border: 0;
        z-index: 999;
        border-radius: 0.375rem;
        opacity: 1;
}

.event__modal {
        z-index: 9999;
}

.event__modal .modal-content {
        width: 300px;
        left: 0;
        bottom: 57px;
        top: 55px;
        position: fixed;
        background-color: transparent;
        background-color: var(--slidebox);
}

.event__modal .modal-content .modal-header {
        border: unset;
        justify-content: center;
}

.event__modal .modal-content .modal-header .btn-close {
        box-sizing: content-box;
        width: 1em;
        height: 1em;
        padding: 0.25em 0.25em;
        color: #000;
        background: url(../../assets/img/modal/cros.png) no-repeat;
        background-size: contain;
        border: 0;
        z-index: 999;
        border-radius: 0.375rem;
        opacity: 1;
}

.footer__menu {
        position: fixed;
        display: flex;
        padding: 8px 10px 9px;
        justify-content: space-between;
        background-color: var(--header);
        align-items: center;
        bottom: 0;
        left: 0;
        gap: 10px;
        width: 100%;
        z-index: 99999;
}

.footer__menu li a {
        text-align: center;
        font-size: 14px;
        transition: all 0.4s;
}

.footer__menu li a span {
        transition: all 0.4s;
        color: var(--white);
}

.footer__menu li a span i {
        transition: all 0.4s;
        font-size: 16px;
        color: var(--white);
        background: -webkit-linear-gradient(90deg, #ff0033 -20.51%, #FFC800FF 135.9%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
}

.footer__menu li a .texta {
        margin-top: -2px;
}

.footer__menu li a:hover {
        color: var(--button-two);
}

.footer__menu li a:hover span {
        color: var(--button-two);
}

.footer__menu li a:hover span i {
        background: -webkit-linear-gradient(90deg, #ff0033 -20.51%, #9b5e16 135.9%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
}

.register__modal {
        z-index: 9999;
        top: 40px;
}

.register__modal .modal-content {
        background-color: #283352;
        padding: 20px 20px;
        border-radius: 20px;
}

.register__modal .modal-content .modal-header {
        border: unset;
        padding: 0 0;
}

.register__modal .modal-content .modal-header button {
        background-image: none;
        background: url(../../assets/img/modal/cros.png) no-repeat;
        background-size: 20px;
        width: 10px;
        height: 10px;
        opacity: 1;
        margin-top: 0px;
        margin-right: 15px;
}

.register__modal .modal-content .modal-body {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 20px 20px 20px 20px;
}

.register__modal .modal-content .modal-body .modal__left {
        max-width: 400px;
}

.register__modal .modal-content .modal-body .modal__left img {
        width: 100%;
        height: 100%;
}

.register__modal .modal-content .modal-body .modal__left .modal__left__head {
        text-align: center;
        margin: 0 auto 0px;
}

.register__modal .modal-content .modal-body .modal__left .modal__left__head h3 {
        color: var(--black-theme);
}

.register__modal .modal-content .modal-body .modal__left .modal__left__head h6 {
        color: var(--black-theme);
        font-weight: 400;
        font-size: 16px;
}

.register__modal .modal-content .modal-body .modal__right {
        background: #141C33;
        border-radius: 20px;
        padding: 25px 30px 30px;
        width: 100%;
}

.register__modal .modal-content .modal-body .modal__right .nav {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 40px;
        background-color: transparent;
        border-radius: 26px;
        border: unset;
        margin-bottom: 25px;
}

.register__modal .modal-content .modal-body .modal__right .nav .nav-item .nav-link {
        color: var(--white);
        font-weight: 600;
        line-height: 150%;
        font-size: 14px;
        outline: none;
        box-shadow: none;
        border-radius: 0px;
        border: none;
        border-radius: 10px;
        width: 100%;
        padding: 8px 20px 11px;
        background: #F3486A;
}

.register__modal .modal-content .modal-body .modal__right .nav .nav-item .nav-link.active {
        background: #ffc800;
        border-radius: 10px;
        border: none;
        outline: none;
        color: var(--white);
        box-shadow: none;
}

.register__modal .modal-content .modal-body .modal__right .tab-content .form__tabs__wrap .focus__icon {
        text-align: center;
        margin: 0 auto 20px;
}

.register__modal .modal-content .modal-body .modal__right .tab-content .form__tabs__wrap .focus__icon p {
        color: var(--white);
}

.register__modal .modal-content .modal-body .modal__right .tab-content .form__tabs__wrap .focus__icon p a {
        font-weight: 500;
}

.register__modal .modal-content .modal-body .modal__right .tab-content .form__tabs__wrap .social__head {
        text-align: center;
        margin-top: -8px;
        padding-bottom: 20px;
        border-bottom: 1px solid rgba(138, 146, 171, 0.4);
}

.register__modal .modal-content .modal-body .modal__right .tab-content .form__tabs__wrap .social__head .border__static {
        width: 100%;
        height: 1px;
        background-color: #C6C6CB;
}

.register__modal .modal-content .modal-body .modal__right .tab-content .form__tabs__wrap .social__head span {
        font-size: 14px;
        font-weight: 400;
        color: var(--white);
        text-align: center;
        transform: translateY(-16px);
        background-color: #272833;
        display: inline-block;
        padding: 4px 15px;
}

.register__modal .modal-content .modal-body .modal__right .tab-content .form__tabs__wrap .social__head .social {
        margin-top: 25px;
        display: flex;
        gap: 10px;
        align-items: center;
        justify-content: center;
}

.register__modal .modal-content .modal-body .modal__right .tab-content .form__tabs__wrap .social__head .social li a {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        display: block;
        background: transparent;
        border: 1px solid #ffc800;
        text-align: center;
        line-height: 35px;
        transition: all 0.3s;
}

.register__modal .modal-content .modal-body .modal__right .tab-content .form__tabs__wrap .social__head .social li a i {
        color: #ffc800;
        font-size: 13px;
}

.register__modal .modal-content .modal-body .modal__right .tab-content .form__tabs__wrap .social__head .social li a:hover {
        background: #F3486A;
        border-color: #F3486A;
}

.register__modal .modal-content .modal-body .modal__right .tab-content .form__tabs__wrap .social__head .social li a:hover i {
        color: var(--white);
}

.register__modal .modal-content .modal-body .modal__right .tab-content .form__tabs__wrap form .form__grp {
        position: relative;
}

.register__modal .modal-content .modal-body .modal__right .tab-content .form__tabs__wrap form .form__grp:not(:last-child) {
        margin-bottom: 18px;
}

.register__modal .modal-content .modal-body .modal__right .tab-content .form__tabs__wrap form .form__grp .field-icon {
        position: absolute;
        top: 47px;
        right: 20px;
        z-index: 99999;
        color: #858B9D;
}

.register__modal .modal-content .modal-body .modal__right .tab-content .form__tabs__wrap form .form__grp label {
        display: block;
        font-size: 14px;
        font-weight: 600;
        line-height: 150%;
        color: var(--white);
        margin-bottom: 8px;
}

.register__modal .modal-content .modal-body .modal__right .tab-content .form__tabs__wrap form .form__grp input {
        border-radius: 10px;
        border: unset;
        font-size: 14px;
        font-weight: 400;
        background: #20283F;
        border: unset;
        width: 100%;
        padding: 13px 50px 15px 18px;
        outline: none;
        color: var(--white);
        position: relative;
}

.register__modal .modal-content .modal-body .modal__right .tab-content .form__tabs__wrap form .form__grp ::placeholder {
        color: #858B9D;
}

.register__modal .modal-content .modal-body .modal__right .tab-content .form__tabs__wrap form .login__signup {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 35px;
}

.register__modal .modal-content .modal-body .modal__right .tab-content .form__tabs__wrap form .login__signup .form-check {
        display: flex;
        width: 50%;
        margin-top: 0px;
        margin-bottom: 0px;
}

.register__modal .modal-content .modal-body .modal__right .tab-content .form__tabs__wrap form .login__signup a {
        color: var(--white);
        font-size: 16px;
        font-weight: 400;
}

.register__modal .modal-content .modal-body .modal__right .tab-content .form__tabs__wrap form .create__btn {
        text-align: center;
        margin-top: 40px;
        margin-bottom: 10px;
}

.register__modal .modal-content .modal-body .modal__right .tab-content .form__tabs__wrap form .create__btn .cmn--btn {
        font-weight: 400;
        width: 210px;
        text-align: center;
        padding: 12px 10px 15px;
}

.register__modal .modal-content .modal-body .modal__right .tab-content .form__tabs__wrap form .signup__text {
        text-align: center;
}

.register__modal .modal-content .modal-body .modal__right .tab-content .form__tabs__wrap form .signup__text p {
        color: var(--white);
        font-size: 14px;
        margin-top: 8px;
        font-weight: 400;
}

.register__modal .modal-content .modal-body .modal__right .tab-content .form__tabs__wrap form .signup__text p a {
        font-size: 14px;
        color: var(--theme-color);
}

.register__modal .modal-content .modal-body .modal__right .tab-content .form__tabs__wrap form .form__select {
        padding: 0 0 30px;
}

.register__modal .modal-content .modal-body .modal__right .tab-content .form__tabs__wrap form .form__select .nice-select {
        width: 100%;
        background: linear-gradient(#3E0F36, #3E0F36) padding-box, linear-gradient(to right, #E4A91B, #F88021) border-box;
        border-radius: 0.5em;
        border: 1px solid transparent;
        color: #989898;
}

.register__modal .modal-content .modal-body .modal__right .tab-content .form__tabs__wrap form .form__select .form-country {
        font-size: 18px;
        font-weight: 500;
        color: var(--white);
        line-height: 30px;
        margin-bottom: 8px;
        display: block;
}

.register__modal .modal-content .modal-body .modal__right .tab-content .form__tabs__wrap form .form__grp__new {
        margin-top: 40px;
        position: static;
}

.register__modal .modal-content .modal-body .modal__right .tab-content .form__tabs__wrap form .form-check {
        display: flex;
        align-items: center;
        gap: 10px;
        margin-top: -4px;
        margin-bottom: 30px;
}

.register__modal .modal-content .modal-body .modal__right .tab-content .form__tabs__wrap form .form-check .form-check-input {
        width: 24px;
        height: 24px;
        background-color: #F3486A;
        border-radius: 2px;
        outline: none;
        box-shadow: none;
        border: 1px solid #F3486A;
}

.register__modal .modal-content .modal-body .modal__right .tab-content .form__tabs__wrap form .form-check .form-check-label {
        width: calc(100% - 15px);
        color: var(--white);
        font-size: 16px;
}

.register__modal .modal-content .modal-body .modal__right .tab-content .form__tabs__wrap form .form-check .form-check-label span {
        color: var(--theme-color);
}

.register__modal .modal-content .modal-body .modal__right .tab-content .form__tabs__wrap form .form__select_last {
        margin-top: 40px;
}

.register__modal .modal-content .modal-body .modal__right .tab-content .form__tabs__wrap form .cmn--btn2 {
        display: flex;
        justify-content: center;
        width: 90%;
        margin: 0 auto 20px;
}

.register__modal .modal-content .modal-body .modal__right .tab-content .form__tabs__wrap form p {
        text-align: center;
        color: var(--white);
        line-height: 150%;
        font-size: 16px;
        font-weight: 400;
}

.register__modal .modal-content .modal-body .modal__right .tab-content .form__tabs__wrap form p a {
        color: #F3486A;
}

.register__modal .modal-content .modal-body .modal__right .tab-content .form__tabs__wrap form .reset {
        display: flex;
        justify-content: flex-end;
        font-weight: 400;
        color: var(--black-theme);
        margin-bottom: 30px;
        margin-top: -20px;
}

.register__modal .modal-content .modal-body .modal__right .tab-content .form__tabs__wrap .social__icon {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        justify-content: center;
}

.register__modal .modal-content .modal-body .modal__right .tab-content .form__tabs__wrap .social__icon li {
        background: var(--modal-bg);
        width: 40%;
        border-radius: 10px;
        padding: 10px 15px 12px;
        margin: 10px;
}

.register__modal .modal-content .modal-body .modal__right .tab-content .form__tabs__wrap .social__icon li a {
        display: flex;
        align-items: center;
        gap: 5px;
}

.register__modal .modal-content .modal-body .modal__right .tab-content .form__tabs__wrap .social__icon li a i {
        color: var(--white);
}

.modal__thumb__wrap {
        padding: 50px 20px 30px 20px;
        background-color: #272833;
}

.modal__thumb__wrap .section-header h4 {
        color: var(--white);
        margin-bottom: 30px;
        font-weight: 600;
}

.btn-close {
        box-sizing: content-box;
        width: 1em;
        height: 1em;
        padding: 0.25em 0.25em;
        color: #000;
        background: url(../../assets/img/modal/cros.png) no-repeat;
        background-size: contain;
        border: 0;
        z-index: 999;
        border-radius: 0.375rem;
        opacity: 1;
}

.dashboard__side__bar {
        background: var(--slidebox);
        border-radius: 10px;
        padding: 20px 20px 20px;
        position: sticky;
        top: 80px;
}

.dashboard__side__bar .account__menu {
        display: grid;
        gap: 15px 0px;
}

.dashboard__side__bar .account__menu li a {
        display: block;
        background: var(--pointbox);
        border-radius: 10px;
        display: flex;
        align-items: center;
        align-items: center;
        padding: 16px 20px 20px;
        gap: 10px;
        transition: all 0.4s;
}

.dashboard__side__bar .account__menu li a .icons {
        margin-top: 5px;
}

.dashboard__side__bar .account__menu li a span {
        font-size: 16px;
        font-weight: 600;
        color: var(--white);
        transition: all 0.4s;
}

.dashboard__side__bar .account__menu li a span i {
        color: var(--theme-one);
        transition: all 0.4s;
}

.dashboard__side__bar .account__menu li:last-child {
        border-top: 1px solid rgba(138, 146, 171, 0.3);
}

.dashboard__side__bar .account__menu li:last-child a {
        background-color: transparent;
}

.dashboard__side__bar .account__menu li:last-child a:hover {
        background-color: transparent;
}

.dashboard__side__bar .account__menu li .active {
        background: rgba(0, 191, 158, 0.3);
}

.dashboard__side__bar .account__menu li .active span {
        color: var(--active-color);
}

.dashboard__side__bar .account__menu li .active span i {
        color: var(--active-color);
}

.dashboard__side__bar .account__menu li:hover a {
        background: rgba(0, 191, 158, 0.3);
}

.dashboard__side__bar .account__menu li:hover a span {
        color: var(--active-color);
}

.dashboard__side__bar .account__menu li:hover a span i {
        color: var(--active-color);
}

.dashboard__body__wrap {
        overflow: hidden;
}

.dashboard__body__wrap .account__head {
        color: var(--white);
        background: var(--slidebox);
        padding: 20px 30px 27px;
        z-index: 1;
}

.dashboard__body__wrap .account__head::before {
        position: absolute;
        content: "";
        background-color: var(--slidebox);
        height: 72px;
        right: 0;
        top: 97px;
        width: 700px;
        z-index: -1;
}

.dashboard__body__wrap .user__box {
        background-color: var(--slidebox);
        padding: 15px 15px;
        border-radius: 10px;
}

.dashboard__body__wrap .user__box .img__change {
        position: relative;
        width: 120px;
        height: 120px;
        border-radius: 50%;
        margin: 0 auto 20px;
}

.dashboard__body__wrap .user__box .img__change img {
        width: 100%;
        height: 100%;
        border-radius: 50%;
}

.dashboard__body__wrap .user__box .img__change .icons {
        width: 40px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        background: var(--active-color);
        border-radius: 50%;
        overflow: hidden;
        position: absolute;
        bottom: 0;
        right: 0;
}

.dashboard__body__wrap .user__box .img__change .icons i {
        color: var(--white);
        font-size: 16px;
}

.dashboard__body__wrap .user__box .user__content {
        text-align: center;
        border-bottom: 1px solid rgba(138, 146, 171, 0.3);
        padding-bottom: 20px;
}

.dashboard__body__wrap .user__box .user__content .usertext__one {
        color: var(--white);
        margin-bottom: 10px;
        font-weight: 600;
}

.dashboard__body__wrap .user__box .user__content .usertext__two {
        color: var(--white);
        font-weight: 600;
        margin-bottom: 10px;
}

.dashboard__body__wrap .user__box .user__content .link {
        font-size: 12px;
        color: var(--white);
        line-height: 150%;
}

.dashboard__body__wrap .user__box .reset__wrap {
        padding-top: 16px;
        border-bottom: 1px solid rgba(138, 146, 171, 0.3);
        padding-bottom: 20px;
        text-align: center;
}

.dashboard__body__wrap .user__box .reset__wrap .reset {
        font-size: 14px;
        font-weight: 600;
        color: var(--button-one);
        margin-bottom: 18px;
        display: block;
}

.dashboard__body__wrap .user__box .reset__wrap .change {
        font-size: 14px;
        font-weight: 600;
        color: var(--button-one);
}

.dashboard__body__wrap .user__box .user__dated {
        padding-top: 20px;
        text-align: center;
}

.dashboard__body__wrap .user__box .user__dated .date {
        font-size: 12px;
        font-weight: 400;
        color: var(--white);
        display: block;
        margin-bottom: 15px;
        line-height: 150%;
}

.dashboard__body__wrap .user__box .user__dated .lastlogin {
        font-size: 12px;
        color: var(--white);
}

.dashboard__body__wrap .account__body .account__strength__box {
        background: var(--slidebox);
        border-radius: 10px;
        padding: 30px 30px;
        display: flex;
        align-items: center;
        justify-content: space-between;
}

.dashboard__body__wrap .account__body .account__strength__box .strength__box {
        text-align: center;
        width: 143px;
}

.dashboard__body__wrap .account__body .account__strength__box .strength__box h5 {
        font-size: 16px;
        color: var(--white);
        line-height: 150%;
        font-weight: 400;
}

.dashboard__body__wrap .account__body .account__strength__box .circle__box {
        background: var(--textcolor);
        border-radius: 50%;
        width: 85px;
        height: 85px;
        line-height: 85px;
        margin: 0 auto 14px;
        display: flex;
        overflow: hidden;
        align-items: center;
        justify-content: center;
}

.dashboard__body__wrap .account__body .account__strength__box .circle__box .circle {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        position: relative;
}

.dashboard__body__wrap .account__body .account__strength__box .circle__box .circle::before {
        position: absolute;
        inset: 0;
        content: "";
        background-color: var(--active-color);
        clip-path: polygon(36% 0, 100% 0, 100% 30%, 100% 100%, 70% 100%, 30% 100%, 0 99%, 0 39%);
}

.dashboard__body__wrap .account__body .account__strength__box .circle__box .box {
        z-index: 1;
        background-color: var(--slidebox);
        width: 90%;
        height: 90%;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
}

.dashboard__body__wrap .account__body .account__strength__box .circle__box .text {
        color: var(--button-one);
        text-align: center;
}

.dashboard__body__wrap .account__body .account__strength__box .strength__content {
        width: calc(100% - 150px);
        max-width: 350px;
        display: flex;
        flex-wrap: wrap;
        gap: 15px 0px;
}

.dashboard__body__wrap .account__body .account__strength__box .strength__content .items {
        display: flex;
        align-items: center;
        gap: 5px;
        width: 50%;
}

.dashboard__body__wrap .account__body .account__strength__box .strength__content .items .form-check-input {
        width: 15px;
        height: 15px;
        border-radius: 50%;
        box-shadow: none;
}

.dashboard__body__wrap .account__body .account__strength__box .strength__content .items .form-check-input:checked {
        background-color: var(--active-color);
        border-color: var(--active-color);
}

.dashboard__body__wrap .account__body .account__strength__box .strength__content .items .icons {
        margin-top: 5px;
        width: 18px;
        height: 18px;
        line-height: 14px;
        text-align: center;
        border-radius: 50%;
        border: 1px solid var(--textcolor);
}

.dashboard__body__wrap .account__body .account__strength__box .strength__content .items .icons i {
        font-size: 8px;
        color: var(--textcolor);
}

.dashboard__body__wrap .account__body .account__strength__box .strength__content .items span {
        font-size: 14px;
        color: var(--white);
}

.dashboard__body__wrap .account__body .account__strength__box .strength__content .items label {
        color: var(--white);
        font-size: 14px;
        font-weight: 400;
}

.dashboard__body__wrap .account__body .account__email {
        background: var(--slidebox);
        border-radius: 10px;
        padding: 30px 30px;
}

.dashboard__body__wrap .account__body .account__email h5 {
        color: var(--white);
        font-weight: 600;
        margin-bottom: 20px;
}

.dashboard__body__wrap .account__body .account__email .subtitle {
        font-size: 10px;
        line-height: 150%;
        display: block;
        margin-bottom: 10px;
        color: var(--white);
}

.dashboard__body__wrap .account__body .account__email .form__wrap {
        display: flex;
        gap: 15px 30px;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 15px;
}

.dashboard__body__wrap .account__body .account__email .check__items {
        width: 80px;
        display: flex;
        align-items: center;
        gap: 6px;
}

.dashboard__body__wrap .account__body .account__email .check__items .form-check-input {
        width: 16px;
        height: 16px;
        border: 1px dotted var(--white);
}

.dashboard__body__wrap .account__body .account__email .check__items .form-check-input:checked {
        background-color: var(--slidebox);
}

.dashboard__body__wrap .account__body .account__email .check__items label {
        margin-top: 5px;
        font-size: 10px;
        color: var(--active-color);
}

.dashboard__body__wrap .account__body .account__email form {
        width: 100%;
        position: relative;
}

.dashboard__body__wrap .account__body .account__email form input {
        border: unset;
        border-radius: 10px;
        padding: 10px 40px 14px 20px;
        background: var(--signbet);
        width: 100%;
        outline: none;
}

.dashboard__body__wrap .account__body .account__email form i {
        position: absolute;
        top: 12px;
        right: 15px;
        color: var(--textcolor);
        font-size: 14px;
}

.dashboard__body__wrap .account__body .account__email form ::placeholder {
        color: var(--place);
}

.dashboard__body__wrap .account__body .account__email .add__email {
        display: flex;
        align-items: center;
        align-items: center;
        gap: 5px;
}

.dashboard__body__wrap .account__body .account__email .add__email span {
        font-size: 10px;
        font-weight: 400;
        color: var(--active-color);
        line-height: 150%;
}

.dashboard__body__wrap .account__body .enroll__box h5 {
        margin-bottom: 15px;
}

.dashboard__body__wrap .account__body .enroll__box p {
        color: var(--white);
        font-size: 14px;
        line-height: 150%;
        font-weight: 400;
        margin-bottom: 25px;
}

.dashboard__body__wrap .account__body .language__box .slanguage {
        color: var(--white);
        display: block;
        margin-bottom: 15px;
        font-size: 14px;
}

.dashboard__body__wrap .account__body .language__box .language__wrap {
        display: flex;
        align-items: center;
        align-items: center;
        gap: 14px 30px;
}

.dashboard__body__wrap .account__body .language__box .language__wrap .nice-select {
        height: 50px;
        padding-top: 14px;
        padding-bottom: 1px;
        width: 100%;
        background-color: var(--signbet);
        border-radius: 10px;
}

.dashboard__body__wrap .account__body .language__box .language__wrap .nice-select .list {
        background-color: var(--header);
}

.dashboard__body__wrap .account__body .language__box .language__wrap .cmn--btn {
        height: 45px;
        line-height: 22px;
}

.dashboard__body__wrap .account__body .social__box .slanguage {
        color: var(--white);
        margin-bottom: 15px;
        display: block;
        font-size: 14px;
}

.dashboard__body__wrap .account__body .social__box .social__wrap {
        display: flex;
        align-items: center;
        gap: 15px 30px;
}

.dashboard__body__wrap .account__body .social__box .social__wrap .social__left {
        width: 100%;
        display: grid;
        gap: 10px;
}

.dashboard__body__wrap .account__body .social__box .social__wrap .social__left a {
        display: flex;
        gap: 5px 10px;
        border-radius: 5px;
        background: var(--social-box);
        padding: 7px 10px 7px;
}

.dashboard__body__wrap .account__body .social__box .social__wrap .social__left a span {
        font-size: 12px;
        font-weight: 400;
        color: var(--white);
}

.dashboard__body__wrap .account__body .social__box .social__wrap .social__left a span img {
        width: 20px;
        height: 20px;
        object-fit: contain;
}

.custom-dropdown .custom-dropdown__user {
        width: 30px;
        height: 30px;
        border-radius: 50%;
        text-align: center;
        line-height: 33px;
        background: var(--social-box);
}

.custom-dropdown__content {
        position: relative;
}

.custom-dropdown__content .custom-dropdown__body {
        background-color: var(--pointbox);
        border-radius: 5px;
        padding: 10px 12px 12px;
        width: 200px;
        opacity: 0;
        visibility: hidden;
        position: absolute;
        top: 19px;
        right: 0%;
}

.custom-dropdown__content .custom-dropdown__body::before {
        position: absolute;
        top: -20px;
        right: -5px;
        content: "";
        background: var(--pointbox);
        clip-path: polygon(47% 3%, 0% 100%, 82% 100%);
        width: 30px;
        height: 30px;
}

.custom-dropdown__content.is-open .custom-dropdown__body {
        opacity: 1;
        visibility: visible;
}

.custom-dropdown__content.is-open .custom-dropdown__body .custom-dropdown__list li:not(:last-child) {
        margin-bottom: 8px;
}

.custom-dropdown__content.is-open .custom-dropdown__body .custom-dropdown__list li a {
        display: flex;
        align-items: center;
        gap: 5px;
}

.identity__details {
        padding: 30px 30px;
        border-radius: 10px;
}

.identity__details .identity__title {
        color: var(--white);
        margin-bottom: 20px;
        font-weight: 600;
}

.identity__details .identity__left form label {
        font-size: 12px;
        color: var(--white);
        line-height: 150%;
        margin-bottom: 10px;
}

.identity__details .identity__left form .form__box label {
        font-size: 12px;
        color: var(--white);
        line-height: 150%;
        margin-bottom: 10px;
}

.identity__details .identity__left form .form__box input {
        width: 100%;
        background: var(--signbet);
        border-radius: 10px;
        padding: 10px 20px 10px;
        font-size: 10px;
        border: unset;
        color: var(--white);
        outline: none;
}

.identity__details .identity__left form .form__box ::placeholder {
        color: var(--white);
}

.identity__details .authorize__wrap {
        display: flex;
        align-items: center;
        gap: 5px;
        max-width: 500px;
}

.identity__details .authorize__wrap .form-check-input {
        width: 12px;
        height: 12px;
        border-radius: 2px;
        box-shadow: none;
}

.identity__details .authorize__wrap .form-check-input:checked {
        background-color: var(--active-color);
        border-color: var(--active-color);
}

.identity__details .authorize__wrap label {
        width: calc(100% - 12px);
        color: var(--white);
        font-size: 10px;
}

.identity__details .authorize__wrap label span {
        color: var(--active-color);
}

.verification__box {
        background-color: var(--slidebox);
        padding: 18px 20px 20px;
        border-radius: 10px;
        height: 100%;
        display: block;
        padding-bottom: 90px;
}

.verification__box .veri__title {
        color: var(--white);
        font-weight: 600;
        margin-bottom: 20px;
}

.verification__box .attach__wrap {
        position: relative;
        width: 100%;
}

.verification__box .attach__wrap .nice-select {
        padding: 24px 24px 24px 44px;
        width: 100%;
        background: #1A233F;
        border: 1px solid #334476;
        border-radius: 10px;
        color: var(--textcolor);
}

.verification__box .attach__wrap .nice-select::after {
        left: 20px;
}

.verification__box .attach__wrap .nice-select .list {
        background-color: var(--header);
}

.verification__box .attach__wrap .cmn--btn {
        position: absolute;
        top: 15px;
        right: 10px;
}

.verification__box select {
        width: 100%;
        background: #1A233F;
        border: none;
        color: var(--white);
        border: 1px solid #334476;
        border-radius: 10px;
        padding: 20px 10px 22px;
}

.bottom__text h4 {
        margin-bottom: 20px;
        color: var(--white);
}

.bottom__text p {
        font-size: 16px;
        line-height: 150%;
        color: var(--white);
}

.cainoform__wrap {
        background: var(--slidebox);
        border-radius: 10px 10px 0 0;
        padding: 30px 30px;
}

.casino__date {
        overflow: hidden;
}

.casino__date .f__title {
        color: var(--white);
        margin-bottom: 20px;
}

.calender-bar {
        position: relative;
}

.calender-bar input {
        border: none;
        width: 100%;
        font-size: 16px;
        font-weight: 400;
        border-radius: 5px;
        padding: 14px 15px;
        outline: none;
        color: var(--textcolor);
        background: var(--pointbox);
}

.calender-bar i {
        position: absolute;
        top: 12px;
        right: 15px;
        color: var(--textcolor);
        font-size: 22px;
}

.calender-bar ::placeholder {
        color: var(--textcolor);
}

#ui-datepicker-div {
        background: var(--signbet);
        width: 280px;
}

#ui-datepicker-div .ui-datepicker-header {
        background: var(--header);
        color: var(--white);
        padding: 5px 10px 5px;
}

#ui-datepicker-div .ui-datepicker-calendar tbody, #ui-datepicker-div .ui-datepicker-calendar td, #ui-datepicker-div .ui-datepicker-calendar tfoot, #ui-datepicker-div .ui-datepicker-calendar th, #ui-datepicker-div .ui-datepicker-calendar thead, #ui-datepicker-div .ui-datepicker-calendar tr {
        padding-bottom: 20px;
        padding-left: 17px;
}

#ui-datepicker-div .ui-datepicker-calendar thead {
        color: var(--white);
}

#ui-datepicker-div .ui-datepicker-calendar thead tr th {
        background: var(--button-one);
        padding: 5px 10px;
}.booster{
        background: #171b31 !important;
 }

 .meetVisa{
         border-bottom: 1px solid #eeeeee4a;
 }

.ui-icon {
        display: none;
}

.casinoform__tabe table {
        width: 100%;
}

.casinoform__tabe table thead {
        background: #283968;
        box-shadow: 0px 1px 0px #65739C;
}

.casinoform__tabe table thead tr th {
        font-size: 14px;
        font-weight: 600;
        color: var(--white);
        padding: 20px 20px;
        text-align: center;
}

.casinoform__tabe table tbody tr:not(:last-child) {
        border-bottom: 1px solid #65739C;
}

.casinoform__tabe table tbody tr td {
        background: var(--pointbox);
        padding: 20px 20px;
        text-align: center;
        color: var(--white);
        font-size: 12px;
}

.casinoform__tabe table tbody tr .bold {
        font-weight: 600;
        font-size: 29px;
}

.bgbox {
        background: var(--slidebox);
}

.contact__preference__wrap {
        padding: 30px 30px;
        border-radius: 10px;
}

.contact__preference__wrap .preference__items {
        display: flex;
        align-items: center;
        justify-content: space-between;
        align-items: flex-end;
        gap: 15px 15px;
        border-bottom: 1px solid rgba(138, 146, 171, 0.3);
}

.contact__preference__wrap .preference__items:first-child {
        padding-bottom: 30px;
}

.contact__preference__wrap .preference__items:not(:last-child) {
        padding: 30px 0px;
}

.contact__preference__wrap .preference__items .preference__left h5 {
        color: var(--white);
        margin-bottom: 30px;
}

.contact__preference__wrap .preference__items .preference__left h6 {
        color: var(--active-color);
        margin-bottom: 15px;
}

.contact__preference__wrap .preference__items .preference__left p {
        color: var(--white);
        font-size: 14px;
        font-weight: 400;
}

.contact__preference__wrap .preference__items .preference__right {
        display: flex;
        align-items: center;
        align-items: center;
        gap: 10px 20px;
}

.contact__preference__wrap .preference__items .preference__right .perfer__check {
        display: flex;
        align-items: center;
        align-items: center;
        gap: 10px;
}

.contact__preference__wrap .preference__items .preference__right .perfer__check .form-check-input {
        width: 30px;
        height: 30px;
        border-radius: 2px;
        background-color: var(--slidebox);
        border: 1px solid var(--active-color);
        box-shadow: none;
        border-radius: 5px;
}

.contact__preference__wrap .preference__items .preference__right .perfer__check .form-check-input:checked {
        background-color: var(--active-color);
        border-color: var(--active-color);
}

.contact__preference__wrap .preference__items .preference__right .perfer__check label {
        font-size: 16px;
        color: var(--white);
}

.promocode__wrap {
        display: flex;
        justify-content: space-between;
        border-radius: 10px 10px 0 0;
        background: var(--slidebox);
        padding: 40px 30px;
}

.promocode__wrap h3 {
        color: var(--white);
        font-weight: 600;
}

.promocode__wrap form {
        display: flex;
        align-items: center;
        gap: 10px;
}

.promocode__wrap form input {
        background-color: var(--signbet);
        padding: 8px 8px 8px;
        border-radius: 10px;
        border: unset;
        outline: none;
}

.promor__tab {
        background: var(--pointbox);
        padding: 0 30px;
        border-radius: 0 0 10px 10px;
        margin-bottom: 30px;
}

.promor__tab .nav .nav-item .nav-link {
        font-size: 16px;
        font-weight: 400;
        color: var(--white);
        padding: 8px 10px 10px;
        border-radius: 0 0 0 0;
}

.promor__tab .nav .nav-item .nav-link.active {
        background: var(--button-two);
        position: relative;
}

.promor__tab .nav .nav-item .nav-link.active::before {
        position: absolute;
        top: calc(100% - 1px);
        content: "";
        left: 50%;
        transform: translate(-50%);
        width: 15px;
        height: 15px;
        background: var(--button-two);
        clip-path: polygon(52% 100%, 0 0, 100% 0);
}

.promomy__items {
        background: var(--slidebox);
        border-radius: 10px;
        display: flex;
        align-items: center;
        overflow: hidden;
        gap: 30px;
}

.promomy__items .thumb {
        border-radius: 10px 0 0 10px;
}

.promomy__items .thumb img {
        border-radius: 10px 0 0 10px;
}

.promomy__items .content {
        padding: 30px 30px 30px 0px;
}

.promomy__items .content h4 {
        margin-bottom: 15px;
        color: var(--white);
}

.promomy__items .content p {
        line-height: 150%;
        font-weight: 400;
        font-size: 18px;
        color: var(--white);
        margin-bottom: 30px;
}

.promomy__items .content .smalltext {
        font-size: 12px;
        color: var(--button-two);
        display: block;
        margin-bottom: 10px;
}

.promomy__items .content .cmn--btn {
        text-transform: uppercase;
        font-size: 14px;
        padding: 7px 22px 9px;
}

.payment__cart__check {
        margin-bottom: 40px;
}

.payment__cart__check .balance {
        color: var(--active-color);
        font-weight: 600;
        text-align: center;
        margin-bottom: 25px;
}

.payment__cart__check .payment__cart__items {
        border: 1px solid var(--paycheck);
        border-radius: 10px;
        gap: 0px 20px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 10px 20px;
        transition: all 0.4s;
}

.payment__cart__check .payment__cart__items .form-check-input {
        min-width: 30px;
        height: 30px;
        border-radius: 50%;
        box-shadow: none;
        background-color: var(--body-color);
        border-color: var(--paycheck);
}

.payment__cart__check .payment__cart__items .form-check-input:checked[type=checkbox] {
        background-image: url(../../assets/img/profile/dots.png);
        background-size: 10px;
}

.payment__cart__check .payment__cart__items .form-check-input:checked {
        background-color: var(--body-color);
        border-color: var(--active-color);
}

.payment__cart__check .payment__cart__items:hover {
        border-color: var(--active-color);
}

.deposit__complate {
        border: 1px solid var(--active-color);
        padding: 40px 40px;
        background: var(--slidebox);
        border-radius: 10px;
        text-align: center;
        margin: 0 70px;
}

.deposit__complate h3 {
        margin-bottom: 30px;
        color: var(--white);
}

.deposit__complate .deposit__wallet .deopsit__wallet__items {
        display: flex;
        justify-content: space-between;
        border-bottom: 1px solid rgba(138, 146, 171, 0.3);
        padding-bottom: 15px;
}

.deposit__complate .deposit__wallet .deopsit__wallet__items:last-child {
        padding-top: 10px;
}

.deposit__complate .deposit__wallet .deopsit__wallet__items p {
        font-size: 14px;
        color: var(--white);
}

.deposit__complate .deposit__wallet .deopsit__wallet__items .usd__chacnge {
        align-items: center;
        display: flex;
        gap: 10px;
}

.deposit__complate .deposit__wallet .deopsit__wallet__items .usd__chacnge span {
        font-size: 10px;
        font-weight: 700;
        color: var(--white);
}

.deposit__complate .deposit__wallet .deopsit__wallet__items .usd__chacnge .icons i {
        color: var(--white);
        font-size: 12px;
}

.deposit__complate .promo__code {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 15px 0 20px;
}

.deposit__complate .promo__code .promo {
        font-weight: 600;
        color: var(--white);
}

.deposit__complate .promo__code a {
        display: flex;
        align-items: center;
        gap: 8px;
}

.deposit__complate .promo__code a span {
        font-size: 10px;
        font-weight: 400;
        color: var(--white);
}

.deposit__complate .promo__code a span i {
        color: var(--white);
}

.deposit__complate .visa__card {
        text-align: center;
        border-bottom: 1px solid rgba(138, 146, 171, 0.3);
        padding-bottom: 20px;
        display: block;
}

.deposit__complate .quick-value {
        margin-top: 25px;
        display: flex;
        align-items: center;
        margin-bottom: 19px;
        justify-content: space-between;
        gap: 14px;
}

.deposit__complate .quick-value li {
        width: 25%;
}

.deposit__complate .quick-value li h5 {
        border-radius: 5px;
        padding: 10px 10px;
        background: var(--white);
        color: var(--active-color);
        font-size: 14px;
        font-weight: 600;
}

.deposit__complate .quick-value li .active {
        background: rgba(0, 191, 158, 0.3);
}

.deposit__complate .quick-value li a {
        color: var(--active-color);
        font-weight: 600;
        border-radius: 5px;
        padding: 7px 10px;
        background: var(--white);
        display: block;
}

.deposit__complate .quick-value li:hover {
        cursor: pointer;
}

.deposit__complate .total__amount {
        margin-top: 20px;
        border-top: 1px solid rgba(138, 146, 171, 0.3);
        border-bottom: 1px solid rgba(138, 146, 171, 0.3);
        padding: 20px 0px;
}

.deposit__complate .total__amount .items {
        display: flex;
        align-items: center;
        justify-content: space-between;
}

.deposit__complate .total__amount .items:not(:last-child) {
        margin-bottom: 10px;
}

.deposit__complate .total__amount .items span {
        color: var(--white);
        font-size: 10px;
}

.deposit__complate .btn-area {
        margin-top: 30px;
}

.deposit__complate .btn-area .cmn--btn {
        color: var(--white);
        border: 0;
}

.deposit__complate .single-input input {
        width: 100%;
        background: var(--signbet);
        border-radius: 10px;
        padding: 15px 10px 15px;
        outline: none;
        border: none;
        color: #858B9D;
        font-size: 12px;
}

.notification__wrap {
        background: var(--slidebox);
        border-radius: 10px;
        padding: 30px 30px;
}

.notification__wrap h4 {
        margin-bottom: 10px;
        color: var(--white);
}

.notification__wrap .notification__items {
        padding: 20px 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
        align-items: center;
}

.notification__wrap .notification__items:not(:last-child) {
        border-bottom: 1px solid rgba(138, 146, 171, 0.4);
}

.notification__wrap .notification__items:last-child {
        padding-bottom: 0;
}

.notification__wrap .notification__items .left h5 {
        color: var(--white);
        font-weight: 600;
        margin-bottom: 1px;
        line-height: 150%;
}

.notification__wrap .notification__items .left p {
        font-size: 10px;
        color: var(--white);
        line-height: 150%;
}

.notification__wrap .notification__items .right .form-check-input {
        box-shadow: none;
        width: 53px;
        height: 26px;
        background-color: var(--active-color);
        border-radius: 30px;
        border: 1px solid var(--active-color);
}

.notification__wrap .notification__items .right a {
        font-size: 10px;
        color: var(--white);
}

.bethistory__table table tbody tr td {
        text-align: left;
}

.bethistory__table table tbody tr td span {
        display: block;
}

.bonuses__wrap .bonus {
        color: var(--white);
        font-weight: 60;
        margin-bottom: 20px;
}

.bonus__last__items {
        gap: 24px;
}

.bonus__last__items .thumb {
        width: 220px;
}

.bonus__last__items .content h4 {
        line-height: 140%;
}

/*Abstracts / section*/
/*Abstracts / animation*/
@keyframes bet1 {
        0% {
                transform: rotate(0deg);
        }
        100% {
                transform: rotate(360deg);
        }
}

@keyframes round1 {
        0% {
                transform: rotate(360deg);
        }
}

/*Abstracts / animation*/
/*Abstracts / componets*/
/*--Button Area Start--*/
/*--Button Area Start--*/
.cmn--btn {
        padding: 9px 40px 12px;
        font-size: 14px;
        font-weight: 600;
        display: inline-block;
        text-transform: capitalize;
        transition: all 0.3s;
        text-align: center;
        background: var(--button-one);
        position: relative;
        overflow: hidden;
        border-radius: 10px;
        z-index: 1;
}

.cmn--btn::before {
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        background: linear-gradient(114.26deg, #ffc800 13.41%, #ffc800 87.24%);
        height: 100%;
        width: 0px;
        transition: all 0.4s;
}

.cmn--btn:hover::before {
        width: 100%;
}

.cmn--btn:hover span {
        color: var(--white-color);
}

.cmn--btn span {
        z-index: 1;
        position: relative;
        transition: all 0.4s;
        display: block;
}
.richieDesign{
        color: #ffc800 !important;
        font-weight: 500;
        padding-top: 27px;
        font-size: 20px !important;
}

.cmn--btn2 {
        padding: 9px 16px 8px;
        font-size: 14px;
        font-weight: 600;
        display: inline-block;
        text-transform: capitalize;
        transition: all 0.3s;
        text-align: center;
        background: #ffc800;
        position: relative;
        color: #222222;
        overflow: hidden;
        border-radius: 10px;
        z-index: 1;
}

.cmn--btn2::before {
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        background: linear-gradient(114.26deg, #F3486A 13.41%, #F3486A 87.24%);
        height: 100%;
        width: 0px;
        transition: all 0.4s;
}

.cmn--btn2:hover::before {
        width: 100%;
}

.cmn--btn2:hover span {
        color: var(--white-color);
}

.cmn--btn2 span {
        z-index: 1;
        position: relative;
        transition: all 0.4s;
        display: block;
}

.mneu-btn-grp {
        display: flex;
        align-items: center;
        gap: 13px;
}

/*--Button Area End--*/
/*--Button Area End--*/
/*Abstracts / componets*/
/*Abstracts / reponsive*/
@media screen and (max-width: 1800px) {
        .point__box {
                width: 66px;
                height: 42px !important;
        }

        /*------Main Footer Section Start--------*/
        .main__footer__section .footer__top .widget__items .footer-head .title {
                font-size: 18px;
        }

        .main__footer__section .footer__top .widget__items .content-area .quick-link li:not(:last-child) {
                margin-bottom: 8px;
        }

        .main__footer__section .footer__top .widget__items .content-area .quick-link li a {
                font-size: 16px;
        }

        /*------Main Footer Section Start--------*/
}

@media screen and (max-width: 1464px) {
        /*------Main Footer Section Start--------*/
        .main__footer__section .footer__bottom {
                padding: 24px 20px;
                display: grid;
                justify-content: center;
                text-align: center;
        }

        .main__footer__section .footer__bottom p {
                font-size: 18px;
        }

        .main__footer__section .footer__bottom .bottom__ling {
                margin-bottom: 8px;
                flex-wrap: wrap;
                justify-content: center;
                gap: 3px 18px;
        }
}
.foxText{
        font-size: 15px;
        font-weight: 400;
}
.jackpotHeader{
        background: #ff0033;
        padding: 12px;
}

.emPtag{
        font-size: 14px;
}

@media screen and (max-width: 500px) {
        .point__box {
                width: 73px;
                height: 30px;
        }

        @media screen and (max-width: 1399px) {
                .main__body__wrap {
                        overflow: hidden;
                }

                .main__body__wrap .live__heightlight .heightlight__tab {
                        /*overflow-x: scroll;*/
                        padding-bottom: 2px;
                }

                .main__body__wrap .live__heightlight .heightlight__tab .nav {
                        width: 1100px;
                }

                .main__body__wrap .live__heightlight .heightlight__tab::-webkit-scrollbar {
                        width: 10px;
                        height: 2px;
                        border-radius: 10px;
                }

                .main__body__wrap .live__heightlight .heightlight__tab::-webkit-scrollbar-thumb {
                        background-color: var(--button-two);
                        border-radius: 10px;
                }

                .main__body__wrap .live__heightlight .tab-pane {
                        /*overflow-x: scroll;*/
                }

                .main__body__wrap .live__heightlight .tab-pane::-webkit-scrollbar {
                        width: 10px;
                        height: 2px;
                        border-radius: 10px;
                }

                .main__body__wrap .live__heightlight .tab-pane::-webkit-scrollbar-thumb {
                        background-color: var(--button-two);
                        border-radius: 10px;
                }

                .main__body__wrap .live__heightlight .main__table {
                        width: 1000px;
                }

                .live__heightlight {
                        /*overflow-x: scroll;*/
                }

                .live__heightlight::-webkit-scrollbar {
                        width: 10px;
                        height: 2px;
                        border-radius: 10px;
                }

                .live__heightlight::-webkit-scrollbar-thumb {
                        background-color: var(--button-two);
                        border-radius: 10px;
                }

                .main__tab__slide {
                        overflow-x: scroll;
                        padding: 9px 14px;
                }

                .main__tab__slide .nav {
                        width: 2250px;
                        gap: 8px 8px;
                }

                .main__tab__slide .nav .nav-item .nav-link {
                        padding: 3px 10px 1px;
                        display: grid;
                        gap: 0px 5px;
                        background: var(--header);
                        width: 150px;
                        height: 70px;
                        border-radius: 4px;
                }

                .main__tab__slide .nav .nav-item .nav-link .icons {
                        margin-bottom: -25px;
                        margin-top: -3px;
                }

                .main__tab__slide::-webkit-scrollbar {
                        width: 1px;
                        height: 2px;
                        background-color: var(--theme-one);
                }

                .main__tab__slide::-webkit-scrollbar-thumb {
                        width: 1px;
                        height: 2px;
                        background-color: var(--button-two);
                }

                .left__space {
                        padding-left: 14px;
                }

                .left__spacem {
                        margin-left: 14px;
                }

                .left__right__space {
                        padding-right: 14px;
                        padding-left: 14px;
                }

                .top__bottom__space {
                        padding-top: 14px;
                        padding-bottom: 14px;
                }

                .main__footer__section {
                        margin-right: 14px;
                        margin-left: 14px;
                }
        }

        @media screen and (max-width: 1199px) {
                .main__tab__slide {
                        top: 74px;
                }

                .section__header__top {
                        margin-bottom: 30px;
                }

                .section__header__top h2 {
                        font-size: 39px;
                }

                .dashboard__body__wrap .account__head::before {
                        display: none;
                }

                .today__body .robot__content__wrap {
                        width: 750px;
                }

                .today__body .robot__inner {
                        overflow-x: scroll;
                }

                .today__body .robot__inner::-webkit-scrollbar {
                        width: 1px;
                        height: 2px;
                        background-color: var(--theme-one);
                }

                .today__body .robot__inner::-webkit-scrollbar-thumb {
                        width: 1px;
                        height: 2px;
                        background-color: var(--button-two);
                }

                .register__modal .modal-content .modal-body .modal__left .thumb {
                        max-width: 350px;
                }

                .register__modal .modal-content .modal-body .modal__right .form__tabs__wrap .focus__icon h4 {
                        font-size: 26px;
                }

                .register__modal .modal-content .modal-body .modal__right .form__tabs__wrap form .signin__btn__grp {
                        gap: 5px;
                }

                .footer__bottom p {
                        font-size: 16px;
                }

                .footer__bottom .bottom__ling {
                        flex-wrap: wrap;
                        gap: 4px 18px;
                        margin-bottom: 15px;
                }

                .footer__bottom .bottom__ling li a {
                        font-size: 16px;
                }

                .footer__top .widget__items .content-area p {
                        margin-top: -5px;
                        font-size: 16px;
                        line-height: 24px;
                }

                .promo__items {
                        background: var(--slidebox);
                        padding: 20px 30px;
                        display: flex;
                        align-items: center;
                        flex-wrap: wrap;
                        gap: 20px 15px;
                }

                .promo__items .promo__content h3 {
                        margin-bottom: 12px;
                }

                .promo__items .promo__content h2 {
                        margin-bottom: 20px;
                }
        }

        @media screen and (max-width: 991px) {
                .main__tab__slide {
                        padding: 20px 14px;
                        top: 57px;
                }

                .left__site__section {
                        overflow-y: scroll;
                }

                .dashboard__side__bar {
                        overflow: hidden;
                        padding: 0 0 0 0;
                }

                .dashboard__side__bar .account__menu {
                        display: flex;
                        gap: 0px 8px;
                        min-width: 300px;
                        padding-bottom: 10px;
                        overflow-x: scroll;
                }

                .dashboard__side__bar .account__menu::-webkit-scrollbar {
                        width: 5px;
                        height: 5px;
                }

                .dashboard__side__bar .account__menu::-webkit-scrollbar-thumb {
                        background: var(--active-color);
                }

                .dashboard__side__bar .account__menu li a {
                        width: 150px;
                        display: grid;
                        gap: 5px 0px;
                        text-align: center;
                        justify-content: center;
                }

                .dashboard__side__bar .account__menu li a .icons {
                        margin-bottom: -2px;
                        margin-top: 0;
                }

                .dashboard__side__bar .account__menu li a .icons i {
                        font-size: 18px;
                }

                .dashboard__side__bar .account__menu li a span {
                        font-size: 12px;
                }

                .dashboard__body__wrap .account__body .account__strength__box {
                        padding: 25px 20px;
                }

                .deposit__complate {
                        margin: 0 0px;
                }

                .display991 {
                        display: none;
                }


                .main__footer__section .footer__top {
                        padding-left: 20px;
                }

                .footer__top .widget__items .content-area .quick-link li a {
                        font-size: 17px;
                }

                .footer__top .widget__items .content-area form {
                        margin-top: 20px;
                }

                .footer__top .widget__items .content-area form input {
                        padding: 15px 128px 15px 20px;
                        font-size: 16px;
                }

                .footer__top .widget__items .content-area form .cmn--btn2 {
                        padding: 11px 18px 14px;
                        font-size: 16px;
                }

                .t__shape {
                        opacity: 0.5;
                }

                .register__modal .modal-content .modal-header {
                        border: unset;
                        padding: 0 0;
                }

                .register__modal .modal-content .modal-header button {
                        width: 10px;
                        height: 10px;
                        opacity: 1;
                }

                .register__modal .modal-content .modal-body {
                        padding: 20px 20px 20px 20px;
                }

                .register__modal .modal-content .modal-body .modal__left {
                        max-width: 250px;
                        margin: 350px auto 0px;
                }

                .register__modal .modal-content .modal-body .modal__left img {
                        width: 100%;
                }

                .register__modal .modal-content .modal__right {
                        width: 100%;
                        border-radius: 20px;
                }

                .register__modal .modal-content .modal__right .nav {
                        display: flex;
                        align-items: center;
                        justify-content: space-between;
                        border-radius: 26px;
                        border: unset;
                        margin-bottom: 20px;
                }

                .register__modal .modal-content .modal__right .nav .nav-item .nav-link {
                        line-height: 22px;
                        outline: none;
                        box-shadow: none;
                }

                .register__modal .modal-content .modal__right .tab-content .form__tabs__wrap form .form__grp {
                        position: relative;
                }

                .register__modal .modal-content .modal__right .tab-content .form__tabs__wrap form .form__grp:not(:last-child) {
                        margin-bottom: 25px;
                }

                .register__modal .modal-content .modal__right .tab-content .form__tabs__wrap form .form__grp .field-icon {
                        position: absolute;
                        top: 56px;
                        right: 20px;
                        z-index: 99999;
                        color: #8B8B9D;
                }

                .register__modal .modal-content .modal__right .tab-content .form__tabs__wrap form .form__grp label {
                        display: block;
                        font-size: 18px;
                        font-weight: 500;
                        line-height: 30px;
                        margin-bottom: 8px;
                }

                .register__modal .modal-content .modal__right .tab-content .form__tabs__wrap form .form__grp input {
                        width: 100%;
                        padding: 13px 50px 15px 18px;
                }

                .register__modal .modal-content .modal__right .tab-content .form__tabs__wrap form .form__grp ::placeholder {
                        color: #989898;
                }

                .register__modal .modal-content .modal__right .tab-content .form__tabs__wrap form .reset {
                        font-size: 14px;
                }

                .register__modal .modal-content .modal__right .tab-content .form__tabs__wrap form .form__select {
                        padding: 0 0 30px;
                }

                .register__modal .modal-content .modal__right .tab-content .form__tabs__wrap form .form__select .nice-select {
                        width: 100%;
                        background: linear-gradient(#3E0F36, #3E0F36) padding-box, linear-gradient(to right, #E4A91B, #F88021) border-box;
                        border-radius: 0.5em;
                        border: 1px solid transparent;
                        color: #989898;
                }

                .register__modal .modal-content .modal__right .tab-content .form__tabs__wrap form .form__select .form-country {
                        font-size: 18px;
                        font-weight: 500;
                        line-height: 30px;
                        margin-bottom: 8px;
                        display: block;
                }

                .register__modal .modal-content .modal__right .tab-content .form__tabs__wrap form .form__grp__new {
                        margin-top: 40px;
                        position: static;
                }

                .register__modal .modal-content .modal__right .tab-content .form__tabs__wrap form .form-check {
                        display: flex;
                        align-items: center;
                        gap: 10px;
                        margin-top: -14px;
                        margin-bottom: 40px;
                }

                .register__modal .modal-content .modal__right .tab-content .form__tabs__wrap form .form-check .form-check-input {
                        width: 15px;
                        height: 15px;
                        border-radius: 2px;
                        outline: none;
                        box-shadow: none;
                        background-color: transparent;
                }

                .register__modal .modal-content .modal__right .tab-content .form__tabs__wrap form .form__select_last {
                        margin-top: 40px;
                }

                .register__modal .modal-content .modal__right .tab-content .form__tabs__wrap form .cmn--btn2 {
                        display: flex;
                        justify-content: center;
                        width: 90%;
                        margin: 0 auto 20px;
                }

                .register__modal .modal-content .modal__right .tab-content .form__tabs__wrap form p {
                        text-align: center;
                }

                .register__modal .modal-content .modal__right .tab-content .form__tabs__wrap .social__icon {
                        display: flex;
                        align-items: center;
                        flex-wrap: wrap;
                        justify-content: center;
                }

                .register__modal .modal-content .modal__right .tab-content .form__tabs__wrap .social__icon li {
                        width: 40%;
                        border-radius: 10px;
                        padding: 10px 15px 12px;
                        margin: 10px;
                }

                .modal__thumb__wrap {
                        padding: 30px 10px 20px 10px;
                }

                .modal__thumb__wrap .section-header {
                        margin-bottom: 15px;
                }

                .modal__thumb__wrap .section-header h2 {
                        line-height: 44px;
                        font-size: 32px;
                        font-weight: 600;
                }

                .toffi__bg .head__toffi p {
                        margin-bottom: 0 !important;
                        font-size: 20px !important;
                }

                .toffi__bg .head__toffi h2 {
                        font-size: 32px;
                }

                .toffi__bg .bottom__toffi {
                        display: grid !important;
                        align-items: flex-end;
                }

                .toffi__bg .bottom__toffi .timing__wrap {
                        width: 100% !important;
                        margin-top: 20px;
                }

                .toffi__bg .bottom__toffi .timing__wrap #countdown ul {
                        display: flex;
                        justify-content: center;
                        gap: 6px !important;
                        align-content: center;
                        margin-bottom: -44px;
                }

                .toffi__bg .bottom__toffi .timing__wrap #countdown ul li span {
                        font-size: 22px !important;
                        font-weight: 500;
                        width: 60px;
                        line-height: 45px;
                        height: 49px;
                        margin-bottom: 0 !important;
                }

                .toffi__bg .bottom__toffi .timing__wrap #countdown ul li .spantext {
                        font-size: 14px !important;
                        font-weight: 500;
                }
        }

        @media screen and (max-width: 768px) {
                .footer__section {
                        padding-bottom: 70px;
                }
        }

        @media screen and (max-width: 767px) {
                .main__tab__slide {
                        overflow-x: scroll;
                        padding: 9px 8px;
                }

                .main__tab__slide .nav {
                        width: 2250px;
                        gap: 8px 8px;
                }

                .main__tab__slide .nav .nav-item .nav-link {
                        padding: 3px 10px 1px;
                        display: grid;
                        gap: 0px 5px;
                        background: var(--header);
                        width: 150px;
                        height: 70px;
                        border-radius: 4px;
                }

                .main__tab__slide .nav .nav-item .nav-link .icons {
                        margin-bottom: -25px;
                        margin-top: -3px;
                }

                .main__tab__slide::-webkit-scrollbar {
                        width: 1px;
                        height: 2px;
                        background-color: var(--theme-one);
                }

                .main__tab__slide::-webkit-scrollbar-thumb {
                        width: 1px;
                        height: 2px;
                        background-color: var(--button-two);
                }

                .casinoform__tabe {
                        overflow-x: scroll;
                }

                .casinoform__tabe table {
                        width: 700px;
                }

                .promocode__wrap {
                        display: grid;
                        padding: 30px 20px;
                }

                .promocode__wrap h3 {
                        margin-bottom: 10px;
                }

                .promocode__wrap form {
                        display: grid;
                }

                .promocode__wrap form input {
                        background-color: var(--signbet);
                        padding: 8px 8px 8px;
                        border-radius: 10px;
                        border: unset;
                        outline: none;
                }

                .promor__tab {
                        padding: 0 20px;
                }

                .promor__tab .nav {
                        display: flex;
                        gap: 10px;
                }

                .dashboard__body__wrap .account__body .account__strength__box {
                        display: grid;
                        justify-content: center;
                        padding: 20px 10px;
                }

                .dashboard__body__wrap .account__body .account__strength__box .strength__box {
                        margin: 0 auto 20px;
                }

                .dashboard__body__wrap .account__body .account__strength__box .strength__content {
                        width: 100%;
                }

                .dashboard__body__wrap .account__body .account__email {
                        padding: 20px 10px;
                }

                .dashboard__body__wrap .account__body .account__email .form__wrap {
                        gap: 14px 14px;
                }

                .dashboard__body__wrap .account__body .social__box .social__wrap {
                        gap: 15px 15px;
                }

                .dashboard__body__wrap .account__body .language__box .language__wrap {
                        gap: 14px 14px;
                }

                .today__body .robot__wrap form {
                        display: grid;
                        justify-content: center;
                }

                .footer__bottom {
                        padding: 0px 0 19px;
                        display: grid;
                        justify-content: center;
                        text-align: center;
                        margin: 0 auto;
                }

                .footer__bottom p {
                        font-size: 18px;
                }

                .footer__bottom .bottom__ling {
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        margin-top: 8px;
                }

                .footer__bottom .bottom__ling li a {
                        font-size: 18px;
                }
        }

        @media screen and (max-width: 575px) {
                .modal__thumb__wrap .section-header {
                        margin-bottom: 15px;
                }

                .modal__thumb__wrap .section-header h2 {
                        line-height: 30px;
                        font-size: 28px;
                        font-weight: 500;
                }

                .notification__wrap {
                        padding: 25px 20px;
                }

                .deposit__complate {
                        padding: 25px 20px;
                }

                .promomy__items {
                        display: grid;
                        gap: 20px 0px;
                        padding: 20px;
                }

                .promomy__items .thumb img {
                        border-radius: 10px 10px 10px 10px;
                }

                .promomy__items .content {
                        padding: 0px 0px 0px 0px;
                }

                .promomy__items .content h4 {
                        margin-bottom: 15px;
                        color: var(--white);
                }

                .promomy__items .content p {
                        line-height: 150%;
                        font-weight: 400;
                        font-size: 18px;
                        color: var(--white);
                        margin-bottom: 30px;
                }

                .promomy__items .content .smalltext {
                        font-size: 12px;
                        color: var(--button-two);
                        display: block;
                        margin-bottom: 10px;
                }

                .promomy__items .content .cmn--btn {
                        text-transform: uppercase;
                        font-size: 14px;
                        padding: 7px 22px 9px;
                }

                .dashboard__header {
                        padding: 5px 0px;
                }

                .dashboard__header .header-wrapper .menu__left__wrap .logo-menu a {
                        width: 120px;
                }

                .dashboard__header .header-wrapper .menu__left__wrap .logo-menu a img {
                        width: 100%;
                        height: 100%;
                }

                .dashboard__header .header-wrapper .dashboar__wrap {
                        display: flex;
                        gap: 5px;
                }

                .dashboard__header .header-wrapper .dashboar__wrap .d__text {
                        display: none;
                }

                .dashboard__header .header-wrapper .dashboar__wrap .d__cmn {
                        display: none;
                }

                .dashboard__header .header-wrapper .dashboar__wrap .dashboar__social {
                        display: flex;
                        align-items: center;
                        gap: 5px;
                }

                .dashboard__header .header-wrapper .dashboar__wrap .dashboar__social .icons {
                        width: 30px;
                        height: 30px;
                        line-height: 30px;
                }

                .dashboard__header .header-wrapper .dashboar__wrap .dashboar__social .icons i {
                        font-size: 12px;
                }

                .promo__items {
                        background: var(--slidebox);
                        padding: 20px 30px;
                        display: flex;
                        align-items: center;
                        flex-wrap: wrap;
                        gap: 20px 15px;
                }

                .promo__items .promo__content h3 {
                        margin-bottom: 12px;
                        font-size: 20px;
                }

                .promo__items .promo__content h2 {
                        margin-bottom: 18px;
                        font-size: 26px;
                }

                .live__heightlight {
                        /*padding: 10px 10px;*/
                }

                .left__right__space {
                        padding-right: 8px;
                        padding-left: 8px;
                }

                .top__bottom__space {
                        padding-top: 8px;
                        padding-bottom: 8px;
                }

                .left__site__section .match__fixing__items {
                        padding: 10px 10px 20px;
                }

                .dashboard__body__wrap .account__head {
                        font-size: 18px;
                }

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

                .main__footer__section .footer__top .widget__items .footer-head {
                        margin-bottom: 10px;
                }

                .footer__top .widget__items .content-area form input {
                        margin-bottom: 0 !important;
                }

                .footer__bottom p {
                        border-top: 1px solid rgb(97, 86, 86);
                        margin-top: 15px;
                        padding-top: 15px;
                }
        }

        @media screen and (max-width: 500px) {
                .section__header__top h2 {
                        font-size: 28px;
                        margin-bottom: 0px;
                }

                .verification__box .attach__wrap .nice-select {
                        font-size: 12px;
                }

                .verification__box .attach__wrap .cmn--btn {
                        font-size: 12px;
                        padding: 6px 15px 8px;
                }

                .contact__preference__wrap {
                        padding: 0px 20px 20px;
                }

                .contact__preference__wrap .preference__items {
                        display: grid;
                }

                .virtual__video__wrap {
                        justify-content: center;
                }

                .horse__chart__wrap .chart__point__wrap a {
                        padding: 5px 6px 5px 3px;
                }

                .event__modal .modal-content,
                .mybets__modal .modal-content {
                        width: 100%;
                }

                .footer__section .shape__right {
                        display: none;
                }

                .register__modal {
                        z-index: 9999999;
                }

                .register__modal .modal-content {
                        padding: 0px 0px 30px;
                }

                .register__modal .modal-content .modal-header button {
                        background-image: none;
                        background: url(../../assets/img/modal/cros.png) no-repeat;
                        background-size: 20px;
                        width: 10px;
                        height: 10px;
                        opacity: 1;
                        margin-top: 15px;
                        margin-right: 15px;
                }

                .register__modal .modal-content .modal-body {
                        padding: 0px 0px 0px 0px;
                }

                .register__modal .modal-content .modal-body .modal__left {
                        margin-top: 300px;
                }

                .register__modal .modal-content .modal-body .modal__left .modal__left__head {
                        text-align: center;
                        margin: 0 auto 30px;
                }

                .register__modal .modal-content .modal-body .modal__left .modal__left__head h3 {
                        font-size: 22px;
                }

                .register__modal .modal-content .modal-body .modal__right {
                        padding: 20px 15px;
                }

                .register__modal .modal-content .modal-body .modal__right .tab-content .form__tabs__wrap form p {
                        font-size: 16px;
                }

                .register__modal .modal-content .modal-body .modal__right .tab-content .form__tabs__wrap form .login__signup {
                        flex-wrap: wrap;
                }

                .register__modal .modal-content .modal-body .modal__right .tab-content .form__tabs__wrap form .login__signup .form-check {
                        width: 100%;
                }

                .register__modal .modal-content .modal-body .modal__right .tab-content .form__tabs__wrap .social__icon {
                        display: flex;
                        align-items: center;
                        flex-wrap: wrap;
                        justify-content: center;
                }

                .register__modal .modal-content .modal-body .modal__right .tab-content .form__tabs__wrap .social__icon li {
                        background: var(--modal-bg);
                        width: 45%;
                        border-radius: 10px;
                        padding: 10px 15px 12px;
                        margin: 4px;
                }

                .register__modal .modal-content .modal-body .modal__right .tab-content .form__tabs__wrap .social__icon li a {
                        display: flex;
                        align-items: center;
                        gap: 5px;
                }

                .register__modal .modal-content .modal-body .modal__right .tab-content .form__tabs__wrap .social__icon li a i {
                        color: var(--white-color);
                }
        }

        @media screen and (max-width: 420px) {
                .footer__top .widget__items .footer-head {
                        margin-bottom: 10px;
                }

                .footer__top .widget__items .footer-head .title {
                        font-size: 20px;
                }

                .footer__top .widget__items .content-area form {
                        margin-top: 20px;
                }

                .footer__top .widget__items .content-area form input {
                        padding: 15px 128px 15px 20px;
                        font-size: 14px;
                }

                .footer__top .widget__items .content-area form .cmn--btn2 {
                        padding: 9px 18px 12px;
                        font-size: 14px;
                }

                .footer__bottom p {
                        font-size: 17px;
                }

                .footer__bottom .bottom__ling {
                        margin-top: 5px;
                }

                .footer__bottom .bottom__ling li a {
                        font-size: 16px;
                }

                .footer__top .widget__items .content-area form .cmn--btn {
                        position: absolute;
                        top: 3px;
                        right: 3px;
                }

                /*------Main Footer Section Start--------*/
                .main__footer__section .footer__bottom {
                        padding: 20px 20px;
                        display: grid;
                        justify-content: center;
                        text-align: center;
                }

                .main__footer__section .footer__bottom p {
                        font-size: 14px;
                        order: 1;
                }

                .main__footer__section .footer__bottom .bottom__ling li a {
                        font-size: 16px;
                }

                /*------Main Footer Section Start--------*/
        }

        @media screen and (max-width: 350px) {
                .main__tab__slide {
                        top: 53px;
                }

                .today__body .robot__wrap {
                        overflow-x: scroll;
                }

                .today__body .robot__wrap::-webkit-scrollbar {
                        width: 1px;
                        height: 2px;
                        background-color: var(--theme-one);
                }

                .today__body .robot__wrap::-webkit-scrollbar-thumb {
                        width: 1px;
                        height: 2px;
                        background-color: var(--button-two);
                }

                .today__body .robot__wrap form {
                        display: grid;
                        width: 300px;
                }

                .header-wrapper .lang .language__wrap {
                        display: none;
                }
        }

        .jackpotHeader {
                background: #ff0033;
                padding: 12px;
        }

        .SB-btnOddtv {
                width: 100%;
                /*height: 19px !important;*/
                /*background-color: #05bd55;*/
                border-radius: 3px;
                text-align: center;
                color: #fff;
                font-size: 13px;
                padding: 0 4px;
                font-weight: bold;
        }

        .SB-btnOddt {
                width: 100%;
                height: 19px !important;
                background-color: #f81111;
                border-radius: 3px;
                text-align: center;
                color: #fff;
                font-size: 13px;
                padding: 0 4px;
                font-weight: bold;
        }
}

/*--thank you pop ends here--*/