@import url("https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/css/bootstrap.min.css");
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css");
@import url("/inc/assets/sports-icon.css");
/* @import url("https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.css"); */
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap");


body {
    background: #07172f !important;
    line-height: 20px !important;
    font-family: "Roboto", sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    direction: ltr !important;
    overflow-x: hidden;
}

ul#footer-payment-modes {
    overflow: unset !important;
    width: 100%;
}

span.btn.text-dark.bg-grey-light.border-radius-3.OpenAutoCashout2 svg {
    width: 20px;
    height: 20px;
    color: white;
}

.position-absolute.divPartialCashout.autocashoutwrapper2 .btn {
    height: 34px;
}

.header-center span {
    width: 25px !important;
    height: 25px !important;
}

.header-nav-item--gxLmC {
    vertical-align: middle;
    align-items: center;
    height: auto !important;
}

span.text-muted.text-white {
    color: white !important;
}

.header-center .icon-wrapper--LIgw3 {
    width: auto;
    height: auto;
}

.header-center img {
    width: 100%;
    height: 100%;
}

span.btn.text-dark.bg-grey-light.border-radius-3.OpenAutoCashout svg {
    color: white;
    width: 20px;
    height: 20px;
}

span.btn.text-dark.bg-grey-light.border-radius-3.OpenPartialCashout2 svg {
    width: 20px;
    height: 20px;
    color: white;
}

.coupundetailareamobil {
    font-size: 12px;
}

.spor-detail-page-title-area h3 {
    color: #4590ff;
}

span.badge.border-radius-1.text-uppercase.font-size-base.font-weight-bold.text-white.mr-2.badge-primary.badge-muted {
    background-color: #17a2b8 !important;
    border-color: #17a2b8 !important;
}

span.btn.btn-success.text-uppercase.text-dark.w-100.font-weight-bold {
    line-height: 27px;
    height: 40px;
}

.card {
    background: #272c30 !important;
    color: white !important;
}

.divPartialCashout {
    left: -3rem;
    top: 5rem;
    right: -3rem;
    z-index: 1010;
}

.position-absolute.divPartialCashout.autocashoutwrapper .btn {
    height: 35px;
}

.w-24 {
    width: 24.3% !important;
}

span.btn.btn-light.w-24.deletebutton svg {
    color: black;
    height: 20px;
}

span.btn.text-dark.bg-grey-light.border-radius-3.OpenPartialCashout svg {
    width: 18px;
    height: 18px;
}

span.btn.text-dark.bg-grey-light.border-radius-3.OpenAutoCashout svg {
    width: 18px;
    height: 18px;
}

/*!Ion.RangeSlider, 2.3.1, © Denis Ineshin, 2010 - 2019, IonDen.com, Build date: 2019-12-19 16:51:02*/
.irs {
    position: relative;
    display: block;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 12px;
    font-family: Arial, sans-serif
}

.irs-line {
    position: relative;
    display: block;
    overflow: hidden;
    outline: none !important
}

.irs-bar {
    position: absolute;
    display: block;
    left: 0;
    width: 0
}

.irs-shadow {
    position: absolute;
    display: none;
    left: 0;
    width: 0
}

.irs-handle {
    position: absolute;
    display: block;
    box-sizing: border-box;
    cursor: default;
    z-index: 1
}

.irs-handle.type_last {
    z-index: 2
}

.irs-min, .irs-max {
    position: absolute;
    display: block;
    cursor: default
}

.irs-min {
    left: 0
}

.irs-max {
    right: 0
}

.irs-from, .irs-to, .irs-single {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    cursor: default;
    white-space: nowrap
}

.irs-grid {
    position: absolute;
    display: none;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 20px
}

.irs-with-grid .irs-grid {
    display: block
}

.irs-grid-pol {
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 8px;
    background: #000
}

.irs-grid-pol.small {
    height: 4px
}

.irs-grid-text {
    position: absolute;
    bottom: 0;
    left: 0;
    white-space: nowrap;
    text-align: center;
    font-size: 9px;
    line-height: 9px;
    padding: 0 3px;
    color: #000
}

.irs-disable-mask {
    position: absolute;
    display: block;
    top: 0;
    left: -1%;
    width: 102%;
    height: 100%;
    cursor: default;
    background: rgba(0, 0, 0, 0);
    z-index: 2
}

.lt-ie9 .irs-disable-mask {
    background: #000;
    filter: alpha(opacity=0);
    cursor: not-allowed
}

.irs-disabled {
    opacity: .4
}

.irs-hidden-input {
    position: absolute !important;
    display: block !important;
    top: 0 !important;
    left: 0 !important;
    width: 0 !important;
    height: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden;
    outline: none !important;
    z-index: -9999 !important;
    background: none !important;
    border-style: solid !important;
    border-color: transparent !important
}

.irs--flat {
    height: 40px
}

.irs--flat.irs-with-grid {
    height: 60px
}

.irs--flat .irs-line {
    top: 25px;
    height: 12px;
    background-color: #e1e4e9;
    border-radius: 4px
}

.irs--flat .irs-bar {
    top: 25px;
    height: 12px;
    background-color: #ed5565
}

.irs--flat .irs-bar--single {
    border-radius: 4px 0 0 4px
}

.irs--flat .irs-shadow {
    height: 1px;
    bottom: 16px;
    background-color: #e1e4e9
}

.irs--flat .irs-handle {
    top: 22px;
    width: 16px;
    height: 18px;
    background-color: transparent
}

.irs--flat .irs-handle > i:first-child {
    position: absolute;
    display: block;
    top: 0;
    left: 50%;
    width: 2px;
    height: 100%;
    margin-left: -1px;
    background-color: #da4453
}

.irs--flat .irs-handle.state_hover > i:first-child, .irs--flat .irs-handle:hover > i:first-child {
    background-color: #a43540
}

.irs--flat .irs-min, .irs--flat .irs-max {
    top: 0;
    padding: 1px 3px;
    color: #999;
    font-size: 10px;
    line-height: 1.333;
    text-shadow: none;
    background-color: #e1e4e9;
    border-radius: 4px
}

.irs--flat .irs-from, .irs--flat .irs-to, .irs--flat .irs-single {
    color: white;
    font-size: 10px;
    line-height: 1.333;
    text-shadow: none;
    padding: 1px 5px;
    background-color: #ed5565;
    border-radius: 4px
}

.irs--flat .irs-from:before, .irs--flat .irs-to:before, .irs--flat .irs-single:before {
    position: absolute;
    display: block;
    content: "";
    bottom: -6px;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -3px;
    overflow: hidden;
    border: 3px solid transparent;
    border-top-color: #ed5565
}

.irs--flat .irs-grid-pol {
    background-color: #e1e4e9
}

.irs--flat .irs-grid-text {
    color: #999
}

.irs--big {
    height: 55px
}

.irs--big.irs-with-grid {
    height: 70px
}

.irs--big .irs-line {
    top: 33px;
    height: 12px;
    background-color: white;
    background: linear-gradient(to bottom, #ddd -50%, white 150%);
    border: 1px solid #ccc;
    border-radius: 12px
}

.irs--big .irs-bar {
    top: 33px;
    height: 12px;
    background-color: #92bce0;
    border: 1px solid #428bca;
    background: linear-gradient(to bottom, #ffffff 0%, #428bca 30%, #b9d4ec 100%);
    box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.5)
}

.irs--big .irs-bar--single {
    border-radius: 12px 0 0 12px
}

.irs--big .irs-shadow {
    height: 1px;
    bottom: 16px;
    background-color: rgba(66, 139, 202, 0.5)
}

.irs--big .irs-handle {
    top: 25px;
    width: 30px;
    height: 30px;
    border: 1px solid rgba(0, 0, 0, 0.3);
    background-color: #cbcfd5;
    background: linear-gradient(to bottom, white 0%, #B4B9BE 30%, white 100%);
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2), inset 0 0 3px 1px white;
    border-radius: 30px
}

.irs--big .irs-handle.state_hover, .irs--big .irs-handle:hover {
    border-color: rgba(0, 0, 0, 0.45);
    background-color: #939ba7;
    background: linear-gradient(to bottom, white 0%, #919BA5 30%, white 100%)
}

.irs--big .irs-min, .irs--big .irs-max {
    top: 0;
    padding: 1px 5px;
    color: white;
    text-shadow: none;
    background-color: #9f9f9f;
    border-radius: 3px
}

.irs--big .irs-from, .irs--big .irs-to, .irs--big .irs-single {
    color: white;
    text-shadow: none;
    padding: 1px 5px;
    background-color: #428bca;
    background: linear-gradient(to bottom, #428bca 0%, #3071a9 100%);
    border-radius: 3px
}

.irs--big .irs-grid-pol {
    background-color: #428bca
}

.irs--big .irs-grid-text {
    color: #428bca
}

.irs--modern {
    height: 55px
}

.irs--modern.irs-with-grid {
    height: 55px
}

.irs--modern .irs-line {
    top: 25px;
    height: 5px;
    background-color: #d1d6e0;
    background: linear-gradient(to bottom, #e0e4ea 0%, #d1d6e0 100%);
    border: 1px solid #a3adc1;
    border-bottom-width: 0;
    border-radius: 5px
}

.irs--modern .irs-bar {
    top: 25px;
    height: 5px;
    background: #20b426;
    background: linear-gradient(to bottom, #20b426 0%, #18891d 100%)
}

.irs--modern .irs-bar--single {
    border-radius: 5px 0 0 5px
}

.irs--modern .irs-shadow {
    height: 1px;
    bottom: 21px;
    background-color: rgba(209, 214, 224, 0.5)
}

.irs--modern .irs-handle {
    top: 37px;
    width: 12px;
    height: 13px;
    border: 1px solid #a3adc1;
    border-top-width: 0;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
    border-radius: 0 0 3px 3px
}

.irs--modern .irs-handle > i:nth-child(1) {
    position: absolute;
    display: block;
    top: -4px;
    left: 1px;
    width: 6px;
    height: 6px;
    border: 1px solid #a3adc1;
    background: white;
    transform: rotate(45deg)
}

.irs--modern .irs-handle > i:nth-child(2) {
    position: absolute;
    display: block;
    box-sizing: border-box;
    top: 0;
    left: 0;
    width: 10px;
    height: 12px;
    background: #e9e6e6;
    background: linear-gradient(to bottom, white 0%, #e9e6e6 100%);
    border-radius: 0 0 3px 3px
}

.irs--modern .irs-handle > i:nth-child(3) {
    position: absolute;
    display: block;
    box-sizing: border-box;
    top: 3px;
    left: 3px;
    width: 4px;
    height: 5px;
    border-left: 1px solid #a3adc1;
    border-right: 1px solid #a3adc1
}

.irs--modern .irs-handle.state_hover, .irs--modern .irs-handle:hover {
    border-color: #7685a2;
    background: #c3c7cd;
    background: linear-gradient(to bottom, #ffffff 0%, #919ba5 30%, #ffffff 100%)
}

.irs--modern .irs-handle.state_hover > i:nth-child(1), .irs--modern .irs-handle:hover > i:nth-child(1) {
    border-color: #7685a2
}

.irs--modern .irs-handle.state_hover > i:nth-child(3), .irs--modern .irs-handle:hover > i:nth-child(3) {
    border-color: #48536a
}

.irs--modern .irs-min, .irs--modern .irs-max {
    top: 0;
    font-size: 10px;
    line-height: 1.333;
    text-shadow: none;
    padding: 1px 5px;
    color: white;
    background-color: #d1d6e0;
    border-radius: 5px
}

.irs--modern .irs-from, .irs--modern .irs-to, .irs--modern .irs-single {
    font-size: 10px;
    line-height: 1.333;
    text-shadow: none;
    padding: 1px 5px;
    background-color: #20b426;
    color: white;
    border-radius: 5px
}

.irs--modern .irs-from:before, .irs--modern .irs-to:before, .irs--modern .irs-single:before {
    position: absolute;
    display: block;
    content: "";
    bottom: -6px;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -3px;
    overflow: hidden;
    border: 3px solid transparent;
    border-top-color: #20b426
}

.irs--modern .irs-grid {
    height: 25px
}

.irs--modern .irs-grid-pol {
    background-color: #dedede
}

.irs--modern .irs-grid-text {
    color: silver;
    font-size: 13px
}

.irs--sharp {
    height: 50px;
    font-size: 12px;
    line-height: 1
}

.irs--sharp.irs-with-grid {
    height: 57px
}

.irs--sharp .irs-line {
    top: 30px;
    height: 2px;
    background-color: black;
    border-radius: 2px
}

.irs--sharp .irs-bar {
    top: 30px;
    height: 2px;
    background-color: #ee22fa
}

.irs--sharp .irs-bar--single {
    border-radius: 2px 0 0 2px
}

.irs--sharp .irs-shadow {
    height: 1px;
    bottom: 21px;
    background-color: rgba(0, 0, 0, 0.5)
}

.irs--sharp .irs-handle {
    top: 25px;
    width: 10px;
    height: 10px;
    background-color: #a804b2
}

.irs--sharp .irs-handle > i:first-child {
    position: absolute;
    display: block;
    top: 100%;
    left: 0;
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-top-color: #a804b2
}

.irs--sharp .irs-handle.state_hover, .irs--sharp .irs-handle:hover {
    background-color: black
}

.irs--sharp .irs-handle.state_hover > i:first-child, .irs--sharp .irs-handle:hover > i:first-child {
    border-top-color: black
}

.irs--sharp .irs-min, .irs--sharp .irs-max {
    color: white;
    font-size: 14px;
    line-height: 1;
    top: 0;
    padding: 3px 4px;
    opacity: .4;
    background-color: #a804b2;
    border-radius: 2px
}

.irs--sharp .irs-from, .irs--sharp .irs-to, .irs--sharp .irs-single {
    font-size: 14px;
    line-height: 1;
    text-shadow: none;
    padding: 3px 4px;
    background-color: #a804b2;
    color: white;
    border-radius: 2px
}

.irs--sharp .irs-from:before, .irs--sharp .irs-to:before, .irs--sharp .irs-single:before {
    position: absolute;
    display: block;
    content: "";
    bottom: -6px;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -3px;
    overflow: hidden;
    border: 3px solid transparent;
    border-top-color: #a804b2
}

.irs--sharp .irs-grid {
    height: 25px
}

.irs--sharp .irs-grid-pol {
    background-color: #dedede
}

.irs--sharp .irs-grid-text {
    color: silver;
    font-size: 13px
}

.irs--round {
    height: 50px
}

.irs--round.irs-with-grid {
    height: 65px
}

.irs--round .irs-line {
    top: 36px;
    height: 4px;
    background-color: #dee4ec;
    border-radius: 4px
}

.irs--round .irs-bar {
    top: 36px;
    height: 4px;
    background-color: #006cfa
}

.irs--round .irs-bar--single {
    border-radius: 4px 0 0 4px
}

.irs--round .irs-shadow {
    height: 4px;
    bottom: 21px;
    background-color: rgba(222, 228, 236, 0.5)
}

.irs--round .irs-handle {
    top: 26px;
    width: 24px;
    height: 24px;
    border: 4px solid #000000;
    background-color: #bfbfbf;
    border-radius: 24px;
    box-shadow: 0 1px 3px rgba(0, 0, 255, 0.3);
}

.irs--round .irs-handle.state_hover, .irs--round .irs-handle:hover {
    background-color: #f0f6ff
}

.irs--round .irs-min, .irs--round .irs-max {
    color: #fff;
    font-size: 14px;
    line-height: 1;
    top: 0;
    padding: 3px 5px;
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 4px
}

.irs--round .irs-from, .irs--round .irs-to, .irs--round .irs-single {
    font-size: 14px;
    line-height: 1;
    text-shadow: none;
    padding: 3px 5px;
    background-color: #006cfa;
    color: white;
    border-radius: 4px
}

.irs--round .irs-from:before, .irs--round .irs-to:before, .irs--round .irs-single:before {
    position: absolute;
    display: block;
    content: "";
    bottom: -6px;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -3px;
    overflow: hidden;
    border: 3px solid transparent;
    border-top-color: #006cfa
}

.irs--round .irs-grid {
    height: 25px
}

.irs--round .irs-grid-pol {
    background-color: #dedede
}

.irs--round .irs-grid-text {
    color: silver;
    font-size: 13px
}

.irs--square {
    height: 50px
}

.irs--square.irs-with-grid {
    height: 60px
}

.irs--square .irs-line {
    top: 31px;
    height: 4px;
    background-color: #dedede
}

.irs--square .irs-bar {
    top: 31px;
    height: 4px;
    background-color: black
}

.irs--square .irs-shadow {
    height: 2px;
    bottom: 21px;
    background-color: #dedede
}

.irs--square .irs-handle {
    top: 25px;
    width: 16px;
    height: 16px;
    border: 3px solid black;
    background-color: white;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.irs--square .irs-handle.state_hover, .irs--square .irs-handle:hover {
    background-color: #f0f6ff
}

.irs--square .irs-min, .irs--square .irs-max {
    color: #333;
    font-size: 14px;
    line-height: 1;
    top: 0;
    padding: 3px 5px;
    background-color: rgba(0, 0, 0, 0.1)
}

.irs--square .irs-from, .irs--square .irs-to, .irs--square .irs-single {
    font-size: 14px;
    line-height: 1;
    text-shadow: none;
    padding: 3px 5px;
    background-color: black;
    color: white
}

.irs--square .irs-grid {
    height: 25px
}

.irs--square .irs-grid-pol {
    background-color: #dedede
}

.irs--square .irs-grid-text {
    color: silver;
    font-size: 11px
}


span.betopen svg {
    width: 20px;
}

.myticketbetsresult span.betopen {
    margin-top: -5px;
    display: block;
}

.p-2.w-100.position-relative span.couponwonspan {
    margin-top: -6px;
    display: block;
    margin-right: 8px;
}

.myticketbetsresult span.coupunlostspan {
    display: block;
    margin-top: -6px;
    margin-right: 2px;
}

.spor-detail-mobil-content .nav-link {
    border-bottom: 4px solid transparent !important;
    /* border: 0 !important; */
    border-top: unset;
    border-left: unset;
    border-right: unset;
}

.card {
    margin-left: 0 !important;
    margin-right: 0 !important;
    border-radius: 8px;
}

.text-muted.font-weight-bold.wontext.color-green span {
    color: #229507 !important;
}

.spor-detail-back {
    position: relative;
    top: 5px;
}

.sdmcf-filter-area button#dropdownLayout {
    width: 100%;
}

.card {
    margin-left: 0 !important;
    margin-right: 0 !important;
    border-radius: 8px;
}

span.ml-auto.cursor-pointer.coupondetailtriggermobil.active {
    background: transparent;
    transform: rotate(180deg);
}

.p-2.cursor-pointer.active {
    background: transparent;
}

.p-2.cursor-pointer.active svg {
    transform: rotate(180deg);
}

.myticketbetsresult {
    display: none;
}

.p-2.cursor-pointer {
    display: flex;
    vertical-align: middle;
    align-items: center;
}

.p-2.cursor-pointer svg {
    height: 24px;
    width: 24px;
}

span.ml-auto.cursor-pointer svg {
    width: 24px;
    height: 24px;
}

span.text-uppercase.font-size-sm.font-weight-bold.text-muted {
    color: #ff3c3c !important;
}

.ticketindicator {
    padding-left: 10px;
}

.p-2.border-top.w-100.position-relative .d-flex div:first-child {
    margin-right: 5px;
}

.border-top {
    border-top: 1px solid #6f6f6f !important;
}

.ticketLost [data-bind="status"] .text-muted {
    color: #cb0200 !important;
}

.spor-detail-mobil-content .card {
    background: #272c30 !important;
    color: white !important;
}

span.couponwonspan svg {
    color: #4590ff;
    width: 20px;
}

span.coupunlostspan svg {
    color: #ff3c3c;
    width: 20px;
}

.spor-detail-mobil-content svg {
    color: white;
}


.spor-detail-page-mobil .text-muted {
    color: #afafaf !important;
}

.sdmcf-filter-trigger .d-flex svg {
    width: 22px;
}

.spor-detail-page-mobil-title {
    display: flex;
    vertical-align: middle;
    align-items: center;
    background: #272c30 !important;
    margin-bottom: 15px;
    margin-top: 15px;
    border-radius: 8px;
}

.spor-detail-page-title-area {
    text-align: center;
    width: 100%;
    color: white;
}

.spor-detail-back a {
    color: white;
}

.spor-detail-back a svg {
    transform: rotate(180deg);
}

.spor-detail-mobil-content .nav-link.active {
    border-bottom: 4px solid #4590ff !important;
    box-shadow: unset !important;
    color: white;
    border-radius: 8px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background: transparent !important;
    /* border: 0; */
}

.spor-detail-mobil-content .nav-link {
    color: white;
}

.spor-detail-mobil-content ul.nav {
    background-color: #272c30 !important;
    width: 100%;
    border-radius: 8px;
    border-bottom: 0;
    margin-bottom: 15px;
    justify-content: space-between;
}

.spor-detail-mobil-content .tab-pane.active {
    background: transparent !important;
}

.sdmcf-filter-trigger .d-flex {
    background: #272c30 !important;
    display: inline-block;
    border-radius: 8px;
    padding: 5px 10px;
    color: white;
    justify-content: space-around !important;
    display: flex;
    vertical-align: middle;
    align-items: center;
    width: 105px;
}

.spor-detail-mobil-content-filter {
}

.sdmcf-filter-trigger {
    text-align: right;
    width: 100%;
    display: flex;
    justify-content: flex-end;
}

.switch {
    display: flex;
    align-items: center;
    background-color: #2c3330;
    box-shadow: inset 0px 0px 4px #ccc;
    border-radius: 2rem;
    width: 3rem;
    transition: all 0.5s ease-in-out;
}

.switch {
    justify-content: flex-start;
    transition: all 0.5s ease-in-out;
}

.switch.active {
    justify-content: flex-end;
    transition: all 0.5s ease-in-out;
}

.switch .btn {
    border-radius: 2rem;
    padding: 0.4rem;
    margin: 0.10rem 0.20rem;
    box-shadow: 0px 0px 4px #ccc;
}

.switch.active .btn {
    background: linear-gradient(90deg, #1d8d46 0%, #334b47 100%);
}

.spor-detail-page-mobil {
    display: none;
}

.lose .won-sticker {
    display: none !important;
}

.myticket.border-radius-3.shadow-sm.mb-3.mx-1 {
    margin-bottom: 20px !important;
    background: #00000012;
    margin-left: 0 !important;
    border-radius: 8px;
    margin-right: 0;
    margin-right: 0 !important;
    position: relative;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.myticket.border-radius-3.shadow-sm.mb-3.mx-1.active {
    margin-bottom: 0 !important;
}

.content--MCnaV.spor-detail-page .myticket.active {
    /* background: transparent !important; */
}

.content--MCnaV.spor-detail-page .myticketbets.active {
    background: #00000012;
    margin-bottom: 20px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.content--MCnaV.spor-detail-page {
}

.content--MCnaV.spor-detail-page .tab-pane.active {
    background: transparent;
    border-radius: 8px;
}

span.mr-4.ml-auto.text-right {
    position: absolute;
    right: 0;
    top: 20px;
    transition: all .3s;
}

.myticketbets {
    display: none;
    transition: all .3s;
}

.myticketbets.active {
    display: block;
}

.myticket.active {
}

.myticket.active span.mr-4.ml-auto.text-right {
    transform: rotate(90deg);
}

.content--MCnaV.spor-detail-page .dropdown-menu.show {
    top: 32px !important;
}

.won-sticker {
    width: 10%;
    display: block;
    position: absolute;
    top: 0;
    right: 1.5%;
    bottom: 0;
    margin: auto;
}

.divMyBet.py-1.px-2.font-weight-bold.d-flex.align-items-center span {
    color: white;
}

[data-container="myticketbets"] .divMyBet:first-child {
    background-color: #2c3135 !important;
}

.history-controls--o2_NA.kupon-detail-flex button#dropdownMenuButton {
    background: transparent;
    border: 0;
    margin-top: 4px;
}

.history-controls--o2_NA.kupon-detail-flex .nav-item {
    margin-right: 10px;
    margin-bottom: 1px;
}

table.table.table-responsive {
    background: #343a3e !important;
}

.gecmisislemtable table {
    border-radius: 8px;
}

.table-responsive {
    font-size: 14px;
}

.table-responsive {
    min-height: auto !important;
}

.table-responsive {
    display: table !important;
}

.gecmisislemtable thead {
    background-color: #40474c;
    border-radius: 8px;
    color: #fff;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -.36px;
    line-height: 16px;
    margin-bottom: 8px;
    padding: 8px 20px !important;
    text-transform: capitalize;
    border: 0;
}

.gecmisislemtable thead th {
    padding: 8px 12px !important;
    border-radius: 0 !important;
    font-size: 14px;
    font-weight: 500;
}

.table thead th {
    border-bottom: none;
}

.gecmisislemtable tbody tr:first-child {
    border: unset;
}

.gecmisislemtable td {
    border: 0;
    font-size: 12px;
    background: #343a3e;
}

.label--p1Drc {
    align-items: center;
    border: 1px solid #ffc300;
    border-radius: 8px;
    color: #ffc300;
    display: flex;
    gap: 8px;
    height: -moz-fit-content;
    height: fit-content;
    margin: 16px 0;
    padding: 12px;
}

.padding-bottom--obAtp {
    padding-bottom: 20px;
}

.bonus-select-name img {
    height: 30px;
    width: auto;
    object-fit: cover;
    margin-right: 10px;
    margin-left: 87px;
}

.mobile-hidden {
    display: block !important;
}

.mobile-show {
    display: none !important;
}

.bonus-select-name {
    /* background: #01ff5f; */
    display: flex;
    vertical-align: middle;
    align-items: center;
    padding: 5px 10px;
    border-radius: 8px;
}

.bonus-select-name {
}

.bonus-select-name .field-header--ouG3k {
    color: white !important;
    font-size: 24px;
    font-weight: 600;
}

.bonus-select-name .field-header--ouG3k label {
    position: relative;
    top: 6px;
}

.bonus-select-name .field-header--ouG3k svg {
    width: 20px;
    height: 20px;
    margin-left: 59px;
    margin-right: 5px;
}

.form-group-item--MfTLf.payment-detail-form-group button {
    margin: unset;
    box-shadow: unset;
}

.payment-detail-bonus-area .field-header--ouG3k {
    padding-left: 0;
}

.payment-detail-bonus-area .container--BBVIK {
    padding-left: 0;
    padding-right: 5px;
}

option {
    background: #343a3e;
}

.container--e0QnG.active {
    background: transparent;
    border: 1px solid #ffc300;
}

.money-input-container--aFmAC input:focus {
    border: 0;
    box-shadow: unset;
    outline: 0;
}

.money-input-container--aFmAC input {
    background: transparent;
    border: 0;
    color: white;
    width: 100%;
}

.money-input-container--aFmAC input::placeholder {
    color: white;
}

.back-button-mobile--To5LX {
    display: none;
}

.field--buvIX {
    flex-direction: column;
    height: auto;
}

.input-container--Fl6oJ, .label-group--a5n4b {
    align-items: center;
    display: flex;
}

.form-item--sTHE0 {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.container--e0QnG {
    align-items: center;
    background-color: #343a3e;
    border: 1px solid #4e565b;
    border-radius: 8px;
    display: flex;
    height: 50px;
    padding: 0 24px;
    width: 100%;
}

.left-content--PfreR {
    border-right: 1px solid #4e565b;
    color: #e0e7ea;
    padding-right: 12px;
}

.wrapper--xQUxI {
    display: flex;
}

.money-input-container--aFmAC {
    border-radius: 28px;
    caret-color: #e0e7ea;
    display: flex;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    height: 44px;
    letter-spacing: -.48px;
    line-height: 28px;
    min-width: 0;
    padding: 8px 12px;
    width: 100%;
}

.currency--EkIUy, .money-input-container--aFmAC, .money-input-container--aFmAC input {
    color: #e0e7ea;
}

.amount-list--ZLgE2 {
    gap: 8px;
    justify-content: space-between;
    margin-top: 8px;
}

.amount--AsxAA, .amount-list--ZLgE2 {
    align-items: center;
    display: flex;
}

.amount--AsxAA {
    border: 1px solid #40474c;
    border-radius: 6px;
    color: #fff;
    cursor: pointer;
    flex: 1 1 100%;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    height: 40px;
    justify-content: center;
    letter-spacing: -.48px;
    line-height: 20px;
    min-width: 0;
}

.ellipsis--_PsgU {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.field-footer--2IIiI {
    display: flex;
    font-size: 12px;
    line-height: 14px;
    min-height: 20px;
    padding: 0 24px;
}

.field--buvIX {
    flex-direction: column;
    height: auto;
}

.header-title--AFKgA {
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    line-height: 28px;
    text-transform: capitalize;
}

.payment-header-title--TXPB7 {
    align-items: center;
    display: flex;
}

.method-icon--OTSUp {
    border-radius: 8px;
    height: 50px;
    min-width: 70px;
    position: relative;
    width: 70px;
}

.payment-header-icon--DK39N {
    margin-right: 12px;
}

.cancel-button--ZXMRq {
    align-items: center;
    border: 1px solid #4e565b;
    border-radius: 8px;
    color: white;
    cursor: pointer;
    display: flex;
    font-size: 12px;
    font-weight: 400;
    gap: 8px;
    line-height: 16px;
    min-width: 0;
    padding: 12px 16px;
    text-transform: capitalize;
    transition: all .15s ease-in-out;
}

.form-group--sXa7O {
    display: flex;
    gap: 24px;
}

.form-group-item--MfTLf {
    display: flex;
    flex-direction: column;
    width: calc(50% - 12px);
}

.cancel-button--ZXMRq:hover {
    background: var(--neutral-1400);
}

.header-title-container--UHm8Z {
    align-items: center;
    border-bottom: 1px solid #4e565b;
    display: flex;
    gap: 16px;
    justify-content: space-between;
    letter-spacing: -.03em;
    margin-bottom: 16px;
    padding-bottom: 16px;
}

.payment-mobile-search::placeholder {
    color: white !important;
}

.payment-mobile-search input::placeholder {
    color: white !important;
    font-size: 16px !important;
}

.payment-mobile-search {
    display: none;
}

.search-container--fL8wo {
    align-items: center;
    background-color: #40474c;
    border: 1px solid #6a7278;
    border-radius: 6px;
    color: #f9fdff;
    cursor: pointer;
    display: flex;
    gap: 8px;
    height: 48px;
    padding: 16px 16px 18px;
}

.search--PCm0y {
    box-shadow: unset !important;
    outline: unset !important;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    background: transparent;
    line-height: 16px;
    border: 0;
    width: 100%;
}

.search-icon--o0LoH {
    color: #ffc300;
}

.yatirim-title-tab.fade {
    display: none;
}

.yatiriminner ul {
    display: flex;
    flex-wrap: unset;
}

.yatirim-title-tab.fade.show {
    height: auto;
}

.yatirim-title-tab.fade.show {
    display: block;
}

.flex--FROoX.align-items-center--tfa4H.payment-method-group-header.active {
    background: transparent;
}

.flex--FROoX.align-items-center--tfa4H.payment-method-group-header.active span.wrapper--xQUxI.collapse--ddLY7.expanded--vdumk {
    transform: rotate(180deg);
}

.flex--FROoX.align-items-center--tfa4H.payment-method-group-header {
    cursor: pointer;
}

.yatirim-title-tab.active {
    background: transparent !important;
}

.flex--FROoX.justify-content-space-between--FG9LF.align-items-center--tfa4H.header--dInk3 {
    margin-left: 0;
}

a.payment-card--FdMs2.deposit--qoLT3:hover {
    background: #40474c80;
    color: white !important;
}

.hint--wmznR {
    display: flex;
    vertical-align: middle;
    align-items: center;
    padding: 5px 10px;
    background: #ffc300;
    border-radius: 8px;
}


.irs--round .irs-bar {
    background: #2c3330 !important;
}

.irs--round {
    width: 100% !important;
}

.irs--round .irs-line {
    height: 20px;
    top: 26px;
    border-radius: 10px;
    background: #2c3330 !important;
}

.irs--round .irs-min, [data-section="partialcashoutwrapper"] .irs--round .irs-max {
    color: #ffffff !important;
    font-weight: bold !important;
}

.irs-from, .irs-to, .irs-single {
    background: none !important;
}

.irs-grid {
    display: block !important;
    height: 25px;
}

.irs-grid-text {
    visibility: visible !important;
    color: #999;
    font-size: 11px;
}

.irs-grid-pol {
    visibility: visible !important;
    background: #e1e4e9;
}

.hint--wmznR span.wrapper--xQUxI {
    margin-left: 5px;
}

.flex--FROoX {
    display: flex;
}

.direction-column--e4TCZ {
    flex-direction: column;
}

.payment-method-group--MPby5:not(:last-child) {
    padding-bottom: 20px;
}

.payment-method-group-header--frf1H {
    cursor: pointer;
    height: 24px;
}

.align-items-center--tfa4H {
    align-items: center;
}

.group-img--a3QiO {
    height: 24px;
    min-width: 24px;
    width: 24px;
}

.heading--sDXmW {
    color: #f9fdff;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -.2px;
    line-height: 28px;
    margin-bottom: auto;
}

.title--JA78U {
    margin-top: -2px;
}

.width-full--aKfzU {
    width: 100%;
}

.direction-column--e4TCZ {
    flex-direction: column;
}

.header--dInk3 {
    background: #40474c;
    border-radius: 8px;
    padding: 8px 130px 8px 24px;
    color: #f9fdff;
    width: 100%;
}

.ellipsis--_PsgU {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.align-items-center--tfa4H {
    align-items: center;
}

.description-item--scWXr {
    align-items: center;
    display: flex;
    font-size: 14px;
    justify-content: center;
    letter-spacing: -.14px;
    line-height: 18px;
    max-width: 90px;
    padding: 8px 0;
    width: 90px;
}

.payment-card--FdMs2 {
    border-bottom: 1px solid #4e565b;
    border-left: 1px solid #4e565b;
    border-right: 1px solid #4e565b;
    color: #fff;
    color: #fff;
    display: flex;
    gap: 12px;
    justify-content: space-between;
    min-height: 60px;
    padding: 12px 24px;
    position: relative;
    transition: .3s ease-in-out;
}

.method-icon--OTSUp {
    border-radius: 8px;
    height: 50px;
    min-width: 70px;
    position: relative;
    width: 70px;
}

.lazy-game-img--sjk9r.loaded-high--jYvGy .img-high--AQcT9 {
    opacity: 1;
}

.button--QLHC2 {
    align-items: center;
    border-radius: 8px;
    color: #fff;
    display: flex;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    height: 40px;
    justify-content: center;
    letter-spacing: -.48px;
    line-height: 20px;
    max-width: 100%;
    overflow: hidden;
    padding: 12px 24px;
    position: relative;
    text-align: center;
    transition: .2s ease-in-out;
    width: -moz-fit-content;
    width: fit-content;
    --loader-color: #fff;
}

.capitalize--v2tUX {
    text-transform: capitalize;
}

.brand--SHqI_ {
    background: #ffc300;
    box-shadow: 0px 8px 16px 0px #ffc30029;
    color: #060607;
}

.button--ecX4C {
    border: 1px solid #4e565b;
    height: 36px;
    width: 90px;
}

[data-touch=false] .payment-card--FdMs2:hover .button--ecX4C {
    background-color: #ffc300;
    border: 1px solid transparent;
    color: #060607;
}

[data-touch=false] .button--QLHC2:hover {
    opacity: .8;
}

.yatirim-title-link {
    white-space: nowrap;
    align-items: center;
    border: 1px solid #40474c;
    border-radius: 6px;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: flex;
    margin-right: 10px;
    font-size: 14px;
    gap: 4px;
    justify-content: center;
    letter-spacing: -.28px;
    height: 42px;
    line-height: 20px;
    max-width: 200px;
    padding: 8px 24px;
    text-align: center;
    text-transform: capitalize;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.yatirim-title-link.active {
    background: #ffc3001a;
    border: 1px solid #ffc300;
}

.yatirim-title-link img {
    height: 24px;
    min-width: 24px;
    width: 24px;
}

.yatirim-title-link:hover {
    color: white !important;
}

.yatiriminner {
    overflow: auto hidden;
    scrollbar-width: none;
    -webkit-overflow-scrolling: auto;
    overscroll-behavior-x: contain;
    scroll-behavior: auto;
    user-select: none;
    -webkit-user-drag: none;
    touch-action: auto;
}

.tabs--Dwhau {
    margin: 20px 0 17px;
    width: 100%;
}

.main-tabs-wrapper--iBzoO, .tabs--Dwhau {
    align-items: center;
    display: flex;
    gap: 8px;
}

.tabs--Dwhau {
    align-items: center;
    display: flex;
    gap: 8px;
}

.transparent-active--nLsIT {
    background: #ffc300;
    border-color: transparent;
    box-shadow: 0px 8px 16px 0px #ffc30029;
    color: #060607;
}

.headerItem {
    position: relative;
    right: 15px;
}

.langSelect.dropdown.flasee {
    top: 4px;
}

button#openModal {
    font-size: 14px;
    gap: 12px;
    height: 44px;
    max-width: 132px;
    text-transform: capitalize;
    background: #40474c !important;
    border: 0;
    color: #f9fdff;
    font-style: normal;
    border-radius: 8px;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    padding: 12px 24px;
    position: relative;
    text-align: center;
    transition: .2s ease-in-out;
    letter-spacing: -.48px;
    font-weight: 500;
}

button#openModal:hover {
    opacity: 0.8;
}

button#Giris:hover {
    opacity: 0.8;
}

button#Giris {
    font-size: 14px;
    gap: 12px;
    height: 44px;
    max-width: 132px;
    text-transform: capitalize;
    background: rgb(255 195 0) !important;
    box-shadow: 0px 8px 16px 0px #ffc30029 !important;
    border: 0;
    color: #f9fdff;
    font-style: normal;
    border-radius: 8px;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    padding: 12px 24px;
    position: relative;
    text-align: center;
    transition: .2s ease-in-out;
    letter-spacing: -.48px;
    font-weight: 500;
}

.swiper-button-nexttttt, .swiper-button-prevvvvv {
    position: absolute;
    top: var(--swiper-navigation-top-offset, 50%);
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-nexttt, .swiper-button-prevvv {
    position: absolute;
    top: var(--swiper-navigation-top-offset, 50%);
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-nextt, .swiper-button-prevv {
    position: absolute;
    top: var(--swiper-navigation-top-offset, 50%);
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.indexcasino-slider .swiper-wrapper {
    padding-bottom: 40px;
}

.indexcasino-slider span.swiper-pagination-bullet {
    width: 22px !important;
    height: 2px !important;
    border-radius: 0 !important;
    opacity: 0.6;
}

.game-wrap_3e047 {
    position: relative;
    display: flex;
    flex-direction: column;
    transition: all .3s;
}

.game-wrap_3e047:hover {
    transform: scale(101%);
}

.game_64341 {
    position: relative;
    /* width: 210px; */
    /* height: 260px; */
    border-radius: 8px;
    cursor: pointer;
    transition: all .3s ease;
}

.game_64341:before {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 136px;
    background: linear-gradient(180deg, rgba(68, 82, 95, 0), rgba(68, 82, 95, .8) 38.02%, #44525f);
    border-radius: 0 0 8px 8px;
    box-shadow: inset 0 -2px 0 0 #567;
    content: "";
    pointer-events: none;
}

.game_64341 .game-image_12a4c {
    /* width: 210px; */
    /* height: 260px; */
    object-fit: cover;
    border-radius: 8px;
    transition: .3s;
}

.item-bottom_80f8e {
    position: absolute;
    bottom: 20px;
    left: 20px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    max-width: 160px;
    margin-top: 16px;
    font-weight: 600;
}

.item-bottom_80f8e .game-title_7aa71 {
    overflow: hidden;
    color: #fff;
    font-weight: 500;
    font-size: 20px;
    font-style: normal;
    line-height: 24px;
    letter-spacing: -.4px;
    text-shadow: 0 2px 1px rgba(0, 0, 0, .12);
}

.item-bottom_80f8e .provider-title_f7c03 {
    color: #ffd21f;
    font-weight: 500;
    font-size: 12px;
    font-style: normal;
    line-height: 16px;
    letter-spacing: -.24px;
    text-shadow: 0 2px 1px rgba(0, 0, 0, .12);
}

.favorite-btn-wrap_b14fa {
    position: absolute;
    top: 8px;
    right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    background-color: #2a333c;
    border-radius: 50%;
    cursor: pointer;
    transition: .3s;
}

.favorite-btn-wrap_b14fa.active_37656, .favorite-btn-wrap_b14fa:hover {
    background-color: #01ff5f;
}

.favorite-btn-wrap_b14fa.active_37656 svg, .favorite-btn-wrap_b14fa:hover svg {
    color: #222630;
}

.favorite-btn-wrap_b14fa svg {
    color: #dbe1e6;
}

.game-tags_80cb9 {
    position: absolute;
    top: 8px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    align-items: flex-start;
    cursor: pointer;
}

.indexcasino-slider-title {
    display: flex;
    vertical-align: middle;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

.indexcasino-slider-title-area {
    display: inline-flex;
    gap: 12px;
    align-items: center;
    padding: 12px 24px;
    color: #222630;
    font-weight: 500;
    font-size: 16px;
    font-style: normal;
    line-height: 24px;
    letter-spacing: -.32px;
    text-transform: capitalize;
    background: #d2fb01;
    border: 1px solid var(--sports-border-color);
    border-radius: 8px;
    transition: color .3s, background .3s, border .3s;
}

.indexcasino-slider-buttons {
    position: relative;
}

.indexcasino-slider-buttons .swiper-button-prevvvvv {
    height: 40px;
    left: -100px;
    display: inline-flex;
    gap: 12px;
    align-items: center;
    justify-content: center;
    padding: 10px;
    background: #2a333c;
    border: 1px solid #667a8f;
    width: 42px;
    border-radius: 8px;
    cursor: pointer;
    transition: all .3s;
}

.indexcasino-slider-buttons .swiper-button-nexttttt {
    height: 40px;
    display: inline-flex;
    gap: 12px;
    align-items: center;
    justify-content: center;
    padding: 10px;
    background: #2a333c;
    border: 1px solid #667a8f;
    width: 42px;
    border-radius: 8px;
    right: 0;
    cursor: pointer;
    transition: all .3s;
}

.indexcasino-slider-buttons .swiper-button-prevvv {
    height: 40px;
    left: -100px;
    display: inline-flex;
    gap: 12px;
    align-items: center;
    justify-content: center;
    padding: 10px;
    background: #2a333c;
    border: 1px solid #667a8f;
    width: 42px;
    border-radius: 8px;
    cursor: pointer;
    transition: all .3s;
}

.indexcasino-slider-buttons .swiper-button-nexttt {
    height: 40px;
    display: inline-flex;
    gap: 12px;
    align-items: center;
    justify-content: center;
    padding: 10px;
    background: #2a333c;
    border: 1px solid #667a8f;
    width: 42px;
    border-radius: 8px;
    right: 0;
    cursor: pointer;
    transition: all .3s;
}

.indexcasino-slider-buttons .swiper-button-prevvvvv:hover, .indexcasino-slider-buttons .swiper-button-nexttttt:hover {
    background: #3b4754 !important;
}

.indexcasino-slider-buttons .swiper-button-prevvvvv:after {
    content: '';
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><path fill="currentColor" d="m10 18l-6-6l6-6l1.4 1.45L7.85 11H20v2H7.85l3.55 3.55z"/></svg>') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-color: transparent !important;
    background-position: center !important;
    filter: invert(1) !important;
    width: 100% !important;
    height: 100% !important;
    background-size: 25px !important;
}

.indexcasino-slider-buttons .swiper-button-prevvv:hover, .indexcasino-slider-buttons .swiper-button-nexttt:hover {
    background: #3b4754 !important;
}

.indexcasino-slider-buttons .swiper-button-prevvv:after {
    content: '';
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><path fill="currentColor" d="m10 18l-6-6l6-6l1.4 1.45L7.85 11H20v2H7.85l3.55 3.55z"/></svg>') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-color: transparent !important;
    background-position: center !important;
    filter: invert(1) !important;
    width: 100% !important;
    height: 100% !important;
    background-size: 25px !important;
}

.toppromoRow-slider .swiper-button-prevv:after {
    content: '';
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><path fill="currentColor" d="m10 18l-6-6l6-6l1.4 1.45L7.85 11H20v2H7.85l3.55 3.55z"/></svg>') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-color: transparent !important;
    background-position: center !important;
    filter: invert(1) !important;
    width: 100% !important;
    height: 100% !important;
    background-size: 25px !important;
}

.indexcasino-slider-buttons .swiper-button-nexttt:after {
    content: '';
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><path fill="currentColor" d="m14 18l-1.4-1.45L16.15 13H4v-2h12.15L12.6 7.45L14 6l6 6z"/></svg>') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-color: transparent !important;
    background-position: center !important;
    filter: invert(1) !important;
    width: 100% !important;
    height: 100% !important;
    background-size: 25px !important;
}

.indexcasino-slider-buttons .swiper-button-nexttttt:after {
    content: '';
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><path fill="currentColor" d="m14 18l-1.4-1.45L16.15 13H4v-2h12.15L12.6 7.45L14 6l6 6z"/></svg>') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-color: transparent !important;
    background-position: center !important;
    filter: invert(1) !important;
    width: 100% !important;
    height: 100% !important;
    background-size: 25px !important;
}

.toppromoRow-slider .swiper-button-nextt:after {
    content: '';
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><path fill="currentColor" d="m14 18l-1.4-1.45L16.15 13H4v-2h12.15L12.6 7.45L14 6l6 6z"/></svg>') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    width: 100% !important;
    height: 100% !important;
    filter: invert(1) !important;
    background-size: 25px !important;
}

.toppromoRow-slider span.swiper-pagination-bullet {
    width: 22px !important;
    height: 2px !important;
    border-radius: 0 !important;
    opacity: 0.6;
}

.toppromoRow-slider .container-fluid {
    padding: 0px 5px;
}

.toppromoRow-slider .swiper-slide {
    padding-right: 15px;
}

.toppromoRow-slider .swiper-button-nextt:after {
    /* background: #5d7083 !important; */
    border-radius: 5px;
    border: 2px solid #2a333c;
    border: 0 !important;
    transition: all .3s;
    background-color: transparent !important;
}

.toppromoRow-slider .swiper-button-prevv:after {
    width: 36px;
    height: 36px;
    line-height: 35px !important;
}

.toppromoRow-slider .swiper-button-prevv:after {
    /* background: #5d7083 !important; */
    border-radius: 5px;
    transition: all .3s;
    /* border: 2px solid #2a333c; */
}

.toppromoRow-slider {
}

.toppromoRow-slider .swiper {
    padding-right: 15px;
}

.toppromoRow-slider .swiper-button-prevv:hover:after {
    /* background: #3b4754 !important; */
}

.toppromoRow-slider .swiper-button-prevv:hover:after {
    /* background: #3b4754 !important; */
}

.toppromoRow-slider .swiper-button-nextt:hover:after {
    /* background: #3b4754 !important; */
}

.toppromoRow-slider {
    margin-bottom: 30px;
}

.toppromoRow-slider .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: 0;
}

.toppromoRow-slider .swiper-wrapper {
    padding-bottom: 30px;
    padding-left: 15px;
    padding-right: 15px;
}

.toppromoRow-slider .swiper-button-nextt:after, .swiper-button-prev:after {
    width: 36px;
    height: 36px;
    font-size: 15px !important;
    line-height: 38px !important;
    position: relative;
    padding-left: 0px;
}

span.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #0361eb !important;
}

.swiper-pagination-bullet {
    background: #ffffff;
}

.toppromoRow-slider .swiper-button-nextt, .swiper-rtl .swiper-button-prev {
    width: 36px;
    height: 36px;
    right: 0;
    background: #5d7083 !important;
    border: 2px solid #2a333c;
}

.toppromoRow-slider .swiper-button-prevv {
    width: 36px;
    left: 0;
    height: 36px;
    background: #5d7083 !important;
    border: 2px solid #2a333c;
}

.swiper-pagination-bullet {
    background: #ffffff !important;
}

@media (max-width: 991px) {
    ul#footer-payment-modes a {
        display: block;
        width: 100%;
    }

    .right-box {
        overflow-y: scroll;
    }

    .footerRow .paymentLogos .ftpayLogo {
        margin-left: 4px;
        margin-right: 4px;
        min-width: unset !important;
        width: 100% !important;
    }

    .contact-boxes.contact-boxes-mobile {
        position: absolute;
        left: -30px;
        z-index: 999;
        top: 18px;
    }

    .contact-boxes.contact-boxes-mobile a {
        margin: 0px 5px !important;
    }

    .contact-boxes.contact-boxes-mobile a svg {
        width: 16px;
        height: 16px;
    }

    .contact-boxes a:first-child:after {
        content: '';
        position: absolute;
        width: 1px;
        height: 60px;
        left: 18px;
        top: -19px;
        background: #5b5b5b40;
    }

    .contact-boxes.contact-boxes-mobile a:last-child:after {
        display: none;
    }

    ul#footer-payment-modes a {
        display: block;
        width: 100%;
    }

    .filterTab {
        width: 100%;
        margin-right: 0 !important;
        justify-content: center !important;
    }

    .indexcasino-slider-buttons .swiper-button-prevvvvv {
        left: 7px !important;
        top: 50% !important;
    }

    .indexcasino-slider-buttons .swiper-button-nexttttt {
        right: 7px !important;
        top: 50% !important;
    }

    .divPartialCashout {
        left: 0.2rem;
        top: 2.5rem;
        right: 0.2rem;
        padding-bottom: 5rem;
        z-index: 1010;
    }

    .footer-scroll {
        position: relative;

    }

    .mobile-show {
        display: block !important;
    }

    .mobile-hidden {
        display: none !important
    }

    .payment-header-title--TXPB7 {
        align-items: center;
        display: flex;
        font-size: 18px;
    }

    .cancel-button--ZXMRq .ellipsis--_PsgU {
        display: none;
    }

    .back-button-mobile--To5LX {
        align-items: center;
        background: #343a3e;
        border-radius: 10px;
        color: #fff;
        display: flex;
        height: 32px;
        justify-content: center;
        min-width: 32px;
        width: 32px;
    }

    .form-footer--sKu05 {
        display: flex;
        flex-direction: column-reverse;
        gap: 12px;
    }

    .form-group-item--MfTLf, .label-wrapper--DnyNd {
        width: 100%;
    }

    .yatirim-title-tab.fade.show {
        display: table !important;
    }

    .toppromoRow-slider .swiper-button-nextt:after, .swiper-button-prev:after {
        width: 30px;
        height: 30px;
        font-size: 13px !important;
        line-height: 31px !important;
        position: relative;
        padding-left: 0px;
    }

    .toppromoRow-slider .swiper-button-nextt, .swiper-rtl .swiper-button-prev {
        width: 30px;
        height: 30px;
        margin-top: -30px !important;
    }

    .toppromoRow-slider .swiper-button-prevv {
        width: 30px;
        height: 30px;
        margin-top: -30px !important;
    }
}

.toppromoRow-slider img {
    max-height: 570px;
    object-fit: cover;
    width: 100%;
    border-radius: 8px;
}

.mainslider .swiper {
    max-height: 444px;
    border-radius: 30px;
}

.gecmisislem-pagination ul {
    justify-content: center;
}

.header-nav-item--gxLmC.active:before {
    background: #4590ff;
    border-radius: 0 0 2px 2px;
    box-shadow: 0 8px 20px 0 #4590ff;
    content: "";
    height: 2px;
    position: absolute;
    right: 50%;
    top: -21px;
    transform: translateX(50%);
    width: 24px;
}

.gecmisislem-pagination a {
    background: transparent;
    border: 1px solid #5d5d5d;
    color: white !important;
}

button#openModal {
    height: 38px !important;
    padding: 9px 24px !important;
}

button#Giris {
    height: 38px !important;
    padding: 9px 24px !important;
}

.gecmisislem-pagination a:hover {
    background: #4590ff;
    border: 1px solid #5d5d5d !important;
}

.contact-boxes {
    display: flex;
    position: relative;
    vertical-align: middle;
    align-items: center;
}

.flatpickr-calendar.rangeMode.animate.arrowTop.arrowLeft.open {
    background: #343a3e !important;
    border: 1px solid #4e565b !important;
    border-radius: 10px;
    padding: 10px;
    min-width: 328px;
    box-shadow: unset !important;
}

.contact-boxes a {
    margin: 0px 10px !important;
}

.contact-boxes a:first-child {
    margin-left: 30px !important;
}

.modal {
    z-index: 999999999999999999 !important;
}

div#mobilemenutrigger {
    display: none;
}

.drawer-menu--iml7r {
    flex-direction: column;
    gap: 5px;
    height: 100%;
    min-width: 32px;
    padding-left: 6px;
    width: 32px;
    display: flex;
    justify-content: center;
}

.drawer-menu-container--G81Bj {
    height: 100%;
}

.drawer-menu--iml7r > div:first-child {
    width: 16px;
}

.drawer-menu--iml7r > div:nth-child(2) {
    width: 10px;
}

.drawer-menu--iml7r > div:nth-child(2) {
    width: 10px;
}

.mobilemenu-area.show .side-menu-wrapper-mobile--FeQ8m {
    left: 0;
}

.mobile-header--AjH27 {
    align-items: center;
    gap: 16px;
    padding: 16px 16px 0;
    position: relative;
}

.mobile-header--AjH27, .side-menu-wrapper-mobile--FeQ8m {
    display: flex;
    justify-content: space-between;
}

.select--ZGlQv {
    cursor: pointer;
    min-width: 0;
    position: relative;
    transition: all .2s;
    width: 100%;
}

.select--ZGlQv, .select-preview--Jy8kl {
    align-items: center;
    display: flex;
    justify-content: center;
}

.close--RfTWM {
    align-items: center;
    background: #5d656b;
    border-radius: 50%;
    height: 23px;
    min-width: 23px;
    width: 23px;
}

.close--RfTWM, .drawer-menu--iml7r {
    display: flex;
    justify-content: center;
}

.neutral-150--HrBiB {
    color: #f9fdff;
}

.side-menu-wrapper-mobile--FeQ8m {
    background-color: #272c30;
    box-sizing: border-box;
    color: #f9fdff;
    cursor: auto;
    flex-direction: column;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    gap: 8px;
    height: 100vh;
    height: 100dvh;
    left: -100%;
    line-height: 24px;
    max-width: calc(100vw - 60px);
    max-width: calc(100dvw - 60px);
    position: fixed;
    top: 0;
    transition: left .3s ease;
    visibility: visible;
    white-space: normal;
    width: 320px;
    z-index: 10002;
}

.drawer-menu--iml7r > div {
    background: #4590ff;
    border-radius: 2px;
    height: 2px;
}

.mobilemenu-area {
    display: none;
}

.adresmodal-box {
    color: white;
    padding: 15px;
}

.header-top-close svg {
    width: 25px;
    margin-left: 10px;
}

.header-top-close {
    position: relative;
    top: 2px;
}

.header-top {
    margin-bottom: 0px;
    background: #4e514d;
    color: white;
}

.header-top-text {
    padding: 2px 10px;
    text-align: center;
    display: flex;
    vertical-align: middle;
    align-items: center;
    justify-content: center;
}

.header-top-text a {
    text-decoration: underline;
    color: white;
    font-weight: 500;
    margin: 0px 4px;
}

a.socialIconText.ng-tns-c8-0.ng-star-inserted svg {
    width: 20px;
    margin-right: 5px;
    margin-left: -2px;
}

.flex--FROoX {
    display: flex;
}

a.headLogo:after {
    content: '';
    position: absolute;
    width: 1px;
    height: 67px;
    right: -20px;
    top: -9px;
    background: #5b5b5b40;
}

.contact-boxes a:last-child:after {
    content: '';
    position: absolute;
    width: 1px;
    height: 60px;
    right: -12px;
    top: -9px;
    background: #5b5b5b40;
}

.casinoGameListBlockHeader {
    z-index: 2 !important;
}

.avatar--N3H7O, .player-avatar--zErsC, .skeleton--_6oH_ {
    align-items: center;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    -o-object-fit: cover;
    object-fit: cover;
}

button.toggle-menu--Og0W_.active span {
    transform: rotate(0deg);
}

button.toggle-menu--Og0W_ span {
    transform: rotate(180deg);
}

.player-avatar--zErsC, .skeleton--_6oH_ {
    height: 38px !important;
    outline: 2px solid #4590ff;
    width: 38px !important;
}

.header-menu--XP8wU {
    background: #1b1f22;
    border-radius: 6px;
    position: absolute;
    right: 0;
    top: 46px;
    z-index: 2;
    display: none;
}

.header-menu--XP8wU.active {
    display: block;
}

.nav-menu--k2vFM {
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    max-width: 100%;
    width: 228px;
}

.side-menu--iV1lH {
    background: #1b1f22;
}

.menu--Gu6io {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.menu-element--xhtZR {
    align-items: center;
    background: #343a3e;
    border-radius: 8px;
    color: #f9fdff;
    cursor: pointer;
    display: flex;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    gap: 12px;
    height: 44px;
    justify-content: space-between;
    line-height: 20px;
    position: relative;
    text-transform: capitalize;
}

.side-menu-element--VCC0X {
    background: transparent;
    border-bottom: 1px solid #272c30;
    border-radius: 0;
    margin-bottom: 0;
}

.menu-element--xhtZR.with-icon-menu-element--Z3Yk5 {
    padding: 8px 20px;
}

.icon-back--xi8Su {
    align-items: center;
    display: flex;
    justify-content: center;
    padding-right: 12px;
    position: relative;
}

.icon-back--xi8Su:after {
    background: #4e565b;
    content: "";
    height: 12px;
    position: absolute;
    right: 0;
    top: calc(50% - 6px);
    width: 1px;
}

.name--Fn5vl {
    flex: 1 1 100%;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: -.45px;
    line-height: 18px;
    min-width: 0;
    text-transform: capitalize;
}

.align-items-center--tfa4H {
    align-items: center;
}

.my-account-avatar-container--fSRT_ {
    align-items: center;
    cursor: pointer;
    display: flex;
    gap: 4px;
    min-width: 0;
    position: relative;
}

.avatar-wrapper--SY7mw {
    align-items: center;
    display: flex;
    height: 44px;
    justify-content: center;
    position: relative;
    width: 44px;
}

.buttons--gYJkm {
    align-items: center;
    display: flex;
    gap: 2px;
    position: relative;
    margin-left: 12px;
}

.buttons--gYJkm a:hover {
    color: white !important;
}

.green-opacity--j5pjJ {
    background-color: #2df67d66;
    color: #2df67d;
    --loader-color: #2df67d;
}

.link--kgD1W {
    padding: 7px;
}

.green-opacity--j5pjJ.outlined--C9kar {
    border: 1px solid #2df67d;
}

.brand-opacity--cUDSq {
    background-color: #4590ff52;
    color: #4590ff;
    --loader-color: 4590ff;
}

.brand-opacity--cUDSq.outlined--C9kar {
    border: 1px solid #4590ff;
}

.headerSocialIcon .socialIconText:first-child {
    display: none;
}

a.ng-tns-c8-0.ng-star-inserted svg {
    width: 20px;
}

.header-center {
    position: relative;
    /* left: 48px; */
    width: 100%;
    text-align: left;
    display: flex;
    justify-content: flex-start;
    margin-left: 30px;
}

.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
    box-shadow: unset !important;
}

.flatpickr-calendar {
    background: transparent;
    opacity: 0;
    display: none;
    text-align: center;
    visibility: hidden;
    padding: 0;
    -webkit-animation: none;
    animation: none;
    direction: ltr;
    border: 0;
    font-size: 14px;
    line-height: 24px;
    border-radius: 5px;
    position: absolute;
    width: 307.875px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    background: #fff;
    -webkit-box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08);
    box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08)
}

.flatpickr-calendar.open, .flatpickr-calendar.inline {
    opacity: 1;
    max-height: 640px;
    visibility: visible
}

.flatpickr-calendar.open {
    display: inline-block;
    z-index: 99999
}

.flatpickr-calendar.animate.open {
    -webkit-animation: fpFadeInDown 300ms cubic-bezier(.23, 1, .32, 1);
    animation: fpFadeInDown 300ms cubic-bezier(.23, 1, .32, 1)
}

.flatpickr-calendar.inline {
    display: block;
    position: relative;
    top: 2px
}

.flatpickr-calendar.static {
    position: absolute;
    top: calc(100% + 2px)
}

.flatpickr-calendar.static.open {
    z-index: 999;
    display: block
}

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
    -webkit-box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
    box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6
}

.flatpickr-calendar .hasWeeks .dayContainer, .flatpickr-calendar .hasTime .dayContainer {
    border-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.flatpickr-calendar .hasWeeks .dayContainer {
    border-left: 0
}

.flatpickr-calendar.hasTime .flatpickr-time {
    height: 40px;
    border-top: 1px solid #e6e6e6
}

.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
    height: auto
}

.flatpickr-calendar:before, .flatpickr-calendar:after {
    position: absolute;
    display: block;
    pointer-events: none;
    border: solid transparent;
    content: '';
    height: 0;
    width: 0;
    left: 22px
}

.flatpickr-calendar.rightMost:before, .flatpickr-calendar.arrowRight:before, .flatpickr-calendar.rightMost:after, .flatpickr-calendar.arrowRight:after {
    left: auto;
    right: 22px
}

.flatpickr-calendar.arrowCenter:before, .flatpickr-calendar.arrowCenter:after {
    left: 50%;
    right: 50%
}

.flatpickr-calendar:before {
    border-width: 5px;
    margin: 0 -5px
}

.flatpickr-calendar:after {
    border-width: 4px;
    margin: 0 -4px
}

.flatpickr-calendar.arrowTop:before, .flatpickr-calendar.arrowTop:after {
    bottom: 100%
}

.flatpickr-calendar.arrowTop:before {
    border-bottom-color: #e6e6e6
}

.flatpickr-calendar.arrowTop:after {
    border-bottom-color: #fff
}

.flatpickr-calendar.arrowBottom:before, .flatpickr-calendar.arrowBottom:after {
    top: 100%
}

.flatpickr-calendar.arrowBottom:before {
    border-top-color: #e6e6e6
}

.flatpickr-calendar.arrowBottom:after {
    border-top-color: #fff
}

.flatpickr-calendar:focus {
    outline: 0
}

.flatpickr-wrapper {
    position: relative;
    display: inline-block
}

.flatpickr-months {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.flatpickr-months .flatpickr-month {
    background: transparent;
    color: rgba(0, 0, 0, 0.9);
    fill: rgba(0, 0, 0, 0.9);
    height: 34px;
    line-height: 1;
    text-align: center;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: hidden;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-decoration: none;
    cursor: pointer;
    position: absolute;
    top: 0;
    height: 34px;
    padding: 10px;
    z-index: 3;
    color: rgba(0, 0, 0, 0.9);
    fill: rgba(0, 0, 0, 0.9)
}

.flatpickr-months .flatpickr-prev-month.flatpickr-disabled, .flatpickr-months .flatpickr-next-month.flatpickr-disabled {
    display: none
}

.flatpickr-months .flatpickr-prev-month i, .flatpickr-months .flatpickr-next-month i {
    position: relative
}

.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month, .flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
    /*
      /*rtl:begin:ignore*/
    left: 0 /*
      /*rtl:end:ignore*/
}

/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month, .flatpickr-months .flatpickr-next-month.flatpickr-next-month {
    /*
      /*rtl:begin:ignore*/
    right: 0 /*
      /*rtl:end:ignore*/
}

/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month:hover, .flatpickr-months .flatpickr-next-month:hover {
    color: red;
}

.flatpickr-months .flatpickr-prev-month:hover svg, .flatpickr-months .flatpickr-next-month:hover svg {
    fill: #f64747
}

.flatpickr-months .flatpickr-prev-month svg, .flatpickr-months .flatpickr-next-month svg {
    width: 14px;
    height: 14px
}

.flatpickr-months .flatpickr-prev-month svg path, .flatpickr-months .flatpickr-next-month svg path {
    -webkit-transition: fill .1s;
    transition: fill .1s;
    fill: inherit
}

.numInputWrapper {
    position: relative;
    height: auto
}

.numInputWrapper input, .numInputWrapper span {
    display: inline-block
}

.numInputWrapper input {
    width: 100%
}

.numInputWrapper input::-ms-clear {
    display: none
}

.numInputWrapper input::-webkit-outer-spin-button, .numInputWrapper input::-webkit-inner-spin-button {
    margin: 0;
    -webkit-appearance: none
}

.numInputWrapper span {
    position: absolute;
    right: 0;
    width: 14px;
    padding: 0 4px 0 2px;
    height: 50%;
    line-height: 50%;
    opacity: 0;
    cursor: pointer;
    border: 1px solid rgba(57, 57, 57, 0.15);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.numInputWrapper span:hover {
    background: rgba(0, 0, 0, 0.1)
}

.numInputWrapper span:active {
    background: rgba(0, 0, 0, 0.2)
}

.numInputWrapper span:after {
    display: block;
    content: "";
    position: absolute
}

.numInputWrapper span.arrowUp {
    top: 0;
    border-bottom: 0
}

.numInputWrapper span.arrowUp:after {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 4px solid rgba(57, 57, 57, 0.6);
    top: 26%
}

.numInputWrapper span.arrowDown {
    top: 50%
}

.numInputWrapper span.arrowDown:after {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid rgba(57, 57, 57, 0.6);
    top: 40%
}

.numInputWrapper span svg {
    width: inherit;
    height: auto
}

.numInputWrapper span svg path {
    fill: rgba(0, 0, 0, 0.5)
}

.numInputWrapper:hover {
    background: rgba(0, 0, 0, 0.05)
}

.numInputWrapper:hover span {
    opacity: 1
}

.flatpickr-current-month {
    font-size: 135%;
    line-height: inherit;
    font-weight: 300;
    color: inherit;
    position: absolute;
    width: 75%;
    left: 12.5%;
    padding: 7.48px 0 0 0;
    line-height: 1;
    height: 34px;
    display: inline-block;
    text-align: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.flatpickr-current-month span.cur-month {
    font-family: inherit;
    font-weight: 700;
    color: inherit;
    display: inline-block;
    margin-left: .5ch;
    padding: 0
}

.flatpickr-current-month span.cur-month:hover {
    background: rgba(0, 0, 0, 0.05)
}

.flatpickr-current-month .numInputWrapper {
    width: 6ch;
    width: 7ch \0;
    display: inline-block
}

.flatpickr-current-month .numInputWrapper span.arrowUp:after {
    border-bottom-color: rgba(0, 0, 0, 0.9)
}

.flatpickr-current-month .numInputWrapper span.arrowDown:after {
    border-top-color: rgba(0, 0, 0, 0.9)
}

.flatpickr-current-month input.cur-year {
    background: transparent;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: inherit;
    cursor: text;
    padding: 0 0 0 .5ch;
    margin: 0;
    display: inline-block;
    font-size: inherit;
    font-family: inherit;
    font-weight: 300;
    line-height: inherit;
    height: auto;
    border: 0;
    border-radius: 0;
    vertical-align: initial;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield
}

.flatpickr-current-month input.cur-year:focus {
    outline: 0
}

.flatpickr-current-month input.cur-year[disabled], .flatpickr-current-month input.cur-year[disabled]:hover {
    font-size: 100%;
    color: rgba(0, 0, 0, 0.5);
    background: transparent;
    pointer-events: none
}

.flatpickr-current-month .flatpickr-monthDropdown-months {
    appearance: menulist;
    background: transparent;
    border: none;
    border-radius: 0;
    box-sizing: border-box;
    color: inherit;
    cursor: pointer;
    font-size: inherit;
    font-family: inherit;
    font-weight: 300;
    height: auto;
    line-height: inherit;
    margin: -1px 0 0 0;
    outline: none;
    padding: 0 0 0 .5ch;
    position: relative;
    vertical-align: initial;
    -webkit-box-sizing: border-box;
    -webkit-appearance: menulist;
    -moz-appearance: menulist;
    width: auto
}

.flatpickr-current-month .flatpickr-monthDropdown-months:focus, .flatpickr-current-month .flatpickr-monthDropdown-months:active {
    outline: none
}

.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
    background: rgba(0, 0, 0, 0.05)
}

.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
    background-color: transparent;
    outline: none;
    padding: 0
}

.flatpickr-weekdays {
    background: transparent;
    text-align: center;
    overflow: hidden;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 28px
}

.flatpickr-weekdays .flatpickr-weekdaycontainer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

span.flatpickr-weekday {
    cursor: default;
    font-size: 90%;
    background: transparent;
    color: rgba(0, 0, 0, 0.54);
    line-height: 1;
    margin: 0;
    text-align: center;
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-weight: bolder
}

.dayContainer, .flatpickr-weeks {
    padding: 1px 0 0 0
}

.flatpickr-days {
    position: relative;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 307.875px
}

.flatpickr-days:focus {
    outline: 0
}

.dayContainer {
    padding: 0;
    outline: 0;
    text-align: left;
    width: 307.875px;
    min-width: 307.875px;
    max-width: 307.875px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1
}

.dayContainer + .dayContainer {
    -webkit-box-shadow: -1px 0 0 #e6e6e6;
    box-shadow: -1px 0 0 #e6e6e6
}

.flatpickr-day {
    background: none;
    border: 1px solid transparent;
    border-radius: 150px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #393939;
    cursor: pointer;
    font-weight: 400;
    width: 14.2857143%;
    -webkit-flex-basis: 14.2857143%;
    -ms-flex-preferred-size: 14.2857143%;
    flex-basis: 14.2857143%;
    max-width: 39px;
    height: 39px;
    line-height: 39px;
    margin: 0;
    display: inline-block;
    position: relative;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center
}

.flatpickr-day.inRange, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.today.inRange, .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.nextMonthDay.today.inRange, .flatpickr-day:hover, .flatpickr-day.prevMonthDay:hover, .flatpickr-day.nextMonthDay:hover, .flatpickr-day:focus, .flatpickr-day.prevMonthDay:focus, .flatpickr-day.nextMonthDay:focus {
    cursor: pointer;
    outline: 0;
    background: #e6e6e6;
    border-color: #e6e6e6
}

.flatpickr-day.today {
    border-color: #959ea9
}

.flatpickr-day.today:hover, .flatpickr-day.today:focus {
    border-color: #959ea9;
    background: #959ea9;
    color: #fff
}

.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay {
    background: #569ff7;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
    border-color: #569ff7
}

.flatpickr-day.selected.startRange, .flatpickr-day.startRange.startRange, .flatpickr-day.endRange.startRange {
    border-radius: 8px;
}

.flatpickr-day.selected.endRange, .flatpickr-day.startRange.endRange, .flatpickr-day.endRange.endRange {
    border-radius: 8px;
}

.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
    -webkit-box-shadow: -10px 0 0 #569ff7;
    box-shadow: -10px 0 0 #569ff7
}

.flatpickr-day.selected.startRange.endRange, .flatpickr-day.startRange.startRange.endRange, .flatpickr-day.endRange.startRange.endRange {
    border-radius: 50px
}

.flatpickr-day.inRange {
    border-radius: 0;
    -webkit-box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
    box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6
}

.flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover, .flatpickr-day.prevMonthDay, .flatpickr-day.nextMonthDay, .flatpickr-day.notAllowed, .flatpickr-day.notAllowed.prevMonthDay, .flatpickr-day.notAllowed.nextMonthDay {
    color: rgba(57, 57, 57, 0.3);
    background: transparent;
    border-color: transparent;
    cursor: default
}

.flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover {
    cursor: not-allowed;
    color: rgba(57, 57, 57, 0.1)
}

.flatpickr-day.week.selected {
    border-radius: 0;
    -webkit-box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
    box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7
}

.flatpickr-day.hidden {
    visibility: hidden
}

.rangeMode .flatpickr-day {
    margin-top: 1px
}

.flatpickr-weekwrapper {
    float: left
}

.flatpickr-weekwrapper .flatpickr-weeks {
    padding: 0 12px;
    -webkit-box-shadow: 1px 0 0 #e6e6e6;
    box-shadow: 1px 0 0 #e6e6e6
}

.flatpickr-weekwrapper .flatpickr-weekday {
    float: none;
    width: 100%;
    line-height: 28px
}

.flatpickr-weekwrapper span.flatpickr-day, .flatpickr-weekwrapper span.flatpickr-day:hover {
    display: block;
    width: 100%;
    max-width: none;
    color: rgba(57, 57, 57, 0.3);
    background: transparent;
    cursor: default;
    border: none
}

.flatpickr-innerContainer {
    display: block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden
}

.flatpickr-rContainer {
    display: inline-block;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.flatpickr-time {
    text-align: center;
    outline: 0;
    display: block;
    height: 0;
    line-height: 40px;
    max-height: 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.flatpickr-time:after {
    content: "";
    display: table;
    clear: both
}

.flatpickr-time .numInputWrapper {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 40%;
    height: 40px;
    float: left
}

.flatpickr-time .numInputWrapper span.arrowUp:after {
    border-bottom-color: #393939
}

.flatpickr-time .numInputWrapper span.arrowDown:after {
    border-top-color: #393939
}

.flatpickr-time.hasSeconds .numInputWrapper {
    width: 26%
}

.flatpickr-time.time24hr .numInputWrapper {
    width: 49%
}

.flatpickr-time input {
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0;
    border-radius: 0;
    text-align: center;
    margin: 0;
    padding: 0;
    height: inherit;
    line-height: inherit;
    color: #393939;
    font-size: 14px;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield
}

.flatpickr-time input.flatpickr-hour {
    font-weight: bold
}

.flatpickr-time input.flatpickr-minute, .flatpickr-time input.flatpickr-second {
    font-weight: 400
}

.flatpickr-time input:focus {
    outline: 0;
    border: 0
}

.flatpickr-time .flatpickr-time-separator, .flatpickr-time .flatpickr-am-pm {
    height: inherit;
    float: left;
    line-height: inherit;
    color: #393939;
    font-weight: bold;
    width: 2%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center
}

.flatpickr-time .flatpickr-am-pm {
    outline: 0;
    width: 18%;
    cursor: pointer;
    text-align: center;
    font-weight: 400
}

.flatpickr-time input:hover, .flatpickr-time .flatpickr-am-pm:hover, .flatpickr-time input:focus, .flatpickr-time .flatpickr-am-pm:focus {
    background: #eee
}

.flatpickr-input[readonly] {
    cursor: pointer
}

@-webkit-keyframes fpFadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fpFadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.flatpickr-current-month .flatpickr-monthDropdown-months {
    background: #292f32 !important;
}

.flatpickr-current-month .numInputWrapper span.arrowUp:after {
    border-bottom-color: rgb(255 255 255 / 90%) !important;
}

.flatpickr-current-month .numInputWrapper span.arrowDown:after {
    border-top-color: rgb(255 255 255 / 90%) !important;
}

.history-controls--o2_NA {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-between;
    margin-bottom: 24px;
}

.gecmisislemdate-box input::placeholder {
    color: white !important;
}

.tabs-container--VMKnM {
    max-width: 100%;
}

span.flatpickr-day:hover {
    background: #4590ff;
    border: 0;
}

.flatpickr-current-month {
    font-size: 15px !important;
    line-height: inherit;
    font-weight: 300;
    color: inherit;
    top: 10px !important;
    position: absolute;
    width: 75%;
    left: 12.5%;
    padding: 7.48px 0 0 0;
    line-height: 1;
    height: 34px;
    display: inline-block;
    text-align: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.inRange {
    color: white !important;
}

span.flatpickr-day.nextMonthDay:hover {
    background: #4590ff;
}

span.flatpickr-day.prevMonthDay:hover {
    background: #4590ff;
}

.scroll--actJt {
    height: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    touch-action: pan-x;
    -webkit-tap-highlight-color: transparent;
}

.scroll-container--DnmwC {
    position: relative;
}

.track-wrapper--PYNfr {
    width: -moz-max-content;
    width: max-content;
}

.track--VvsrB {
    align-items: center;
    display: flex;
    min-width: 100%;
}

.products--IvSel {
    display: flex;
    width: 100%;
}

.product--4R2gH:not(:last-of-type) {
    margin-right: 8px;
}

.icon-container--I78sb {
    margin-right: 8px;
}

.gecmisislemdate-box input {
    width: 100%;
    color: white;
    background: transparent;
    border: 0;
}

input#datepicker.active {
    background: transparent;
    border: 0;
    box-shadow: unset;
    outline: unset;
}

.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
    background: rgb(0 0 0);
}

.nav-link-base--_D21b {
    border: 1px solid transparent;
    border-radius: 8px;
    color: #f9fdff;
    display: inline-block;
    font-size: 14px;
    font-style: normal;
    line-height: 16px;
    padding: 12px 20px;
    text-align: center;
    white-space: nowrap;
    width: -moz-fit-content;
    width: fit-content;
}

.gecmisislemtable thead {
    background-color: #40474c;
    border-radius: 8px;
    color: #fff;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -.36px;
    line-height: 16px;
    margin-bottom: 8px;
    padding: 8px 20px !important;
    text-transform: capitalize;
    border: 0;
}

.flex--FROoX {
    display: flex;
}

.count--rpkkj {
    background-color: #4590ff;
    border-radius: 50%;
    box-sizing: border-box;
    color: var(--dark-text);
    font-size: 10px;
    font-weight: 600;
    height: 15px;
    line-height: 15px;
    min-width: 16px;
    padding: 0 3px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
}

.link--WXdyu {
    align-items: center;
    color: #f9fdff;
    display: flex;
    height: 36px;
    justify-content: center;
    min-width: 32px;
    min-width: 48px;
    width: 48px;
    padding: 0;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 32px;
}

.mainslider {
    margin-top: 15px !important;
}

.header-nav-item--gxLmC {
    align-items: center;
    color: #fff;
    display: flex;
    font-size: 14px;
    font-weight: 500;
    gap: 8px;
    padding-right: 20px;
}

.icon-wrapper--LIgw3 {
    height: 16px;
    min-width: 16px;
    width: 16px;
}

.header-nav-item--gxLmC:hover {
    color: white !important;
}

.header-nav-item--gxLmC span {
    color: #2df67d;
}

.wrapper--xQUxI {
    display: flex;
}

.header-nav-item--gxLmC:not(:first-child) {
    border-left: 1px dashed #5d656b;
    padding: 0 20px;
}

.gecmisislemtable table th {
    border: 0;
}

.gecmisislemtable thead th {
    padding: 8px 12px !important;
    border-radius: 0 !important;
    font-size: 14px;
    font-weight: 500;
}

.gecmisislemtable {
    border-radius: 8px;
}

.gecmisislemtable table {
    border-radius: 8px;
}

.gecmisislemtable tbody tr:first-child {
    border: unset;
}

.gecmisislemtable tbody tr {
    border-top: 1px solid #656565;
}

.gecmisislemtable td {
    border: 0;
    font-size: 12px;
    text-align: c;
}

.gecmisislemdate-box.active span.wrapper--xQUxI.collapse--ddLY7 {
    transform: rotate(0deg);
}

.gecmisislemdate-box.active {
    background: transparent;
}

.gecmisislemdate-box input {
    cursor: pointer;
}

.gecmisislemdate-box input::selection {
    background-color: transparent;
}

.gecmisislemdate-box input:focus {
    outline: unset;
    box-shadow: unset;
    border: 0;
}

.gecmisislemdate {
    max-width: 100%;
    width: 100%;
}

.gecmisislemdate-box {
    align-items: center;
    background: #343a3e;
    border: 1px solid #4e565b;
    border-radius: 8px;
    color: #f9fdff;
    cursor: pointer;
    max-width: 265px;
    display: flex;
    color: #f9fdff;
    font-style: normal;
    font-weight: 500;
    gap: 10px;
    height: 42px;
    padding: 12px 20px;
    position: relative;
}

.calendar-icon--mPg4S {
    color: #f9fdff;
}

.nav-link-base--_D21b.active {
    background: #4590ff;
    border-color: transparent;
    box-shadow: 0px 8px 16px 0px #458fff86;;
    color: white;
}

.history-controls--o2_NA ul#myTab {
    border: 0;
}

.nav-link-base--_D21b:hover {
    background: #4590ff;
    border-color: transparent;
    box-shadow: 0px 8px 16px 0px #458fff86;;
    color: white;
}

.scroll--actJt {
    height: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    touch-action: pan-x;
    -webkit-tap-highlight-color: transparent;
}

.scroll-inner--hoEfS {
    overflow: auto hidden;
    scrollbar-width: none;
    -webkit-overflow-scrolling: auto;
    overscroll-behavior-x: contain;
    scroll-behavior: auto;
}

.track--VvsrB {
    align-items: center;
    display: flex;
    min-width: 100%;
}

.track--yqyGn {
    padding: 0 16px;
    width: -moz-fit-content;
    width: fit-content;
}

.balances--OTJ_F {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.balances--OTJ_F > div {
    display: flex;
    justify-content: space-between;
}

.dropdown--oWVO8 .amount--M75Dq {
    line-height: 12px;
    margin-bottom: 0;
    color: #f9fdff;
    font-size: 12px;
    font-weight: 300;
    text-align: right;
    line-height: 14px;
    margin-bottom: -2px;
}

.amount--M75Dq {
    color: #f9fdff;
    font-size: 14px;
    font-weight: 500;
    line-height: 14px;
    margin-bottom: -2px;
}

.baltext-dropdown {
    display: none;
    position: relative;
}

.baltext-dropdown.active {
    display: block;
}

.baltext-container {
    margin-left: 12px;
}

.balText-area.active span.wrapper--xQUxI.collapse--A1UWJ.collapse--ddLY7.expanded--vdumk {
    transform: rotate(0deg);
}

.baltext-container span.wrapper--xQUxI.collapse--A1UWJ.collapse--ddLY7.expanded--vdumk {
    transform: rotate(180deg);
}

.new-casino {
    margin-top: 0 !important;
    padding: 0 !important;
}

.dropdown--oWVO8 {
    background: #272c30;
    border: 1px solid #5d656b;
    border-radius: 8px;
    color: #f9fdff;
    cursor: auto;
    display: flex;
    flex-direction: column;
    gap: 12px;
    font-size: 12px;
    font-weight: 300;
    left: 0;
    opacity: 1;
    padding: 10px;
    position: absolute;
    text-transform: capitalize;
    top: 15px;
    transition: opacity .3s;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    visibility: visible;
    white-space: normal;
    width: calc(100% + 84px);
    z-index: 10002;
}

.balText-area {
    align-items: center;
    border: 1px solid #4590ff;
    color: #f9fdff;
    cursor: pointer;
    height: 34px;
    display: flex;
    border-radius: 8px;
    min-width: 110px;
    font-size: 12px;
    font-weight: 500;
    gap: 8px;
    justify-content: space-between;
    padding: 4px 8px;
}

span.balText {
    margin: 0;
    white-space: nowrap;
    border: 0;
}

.track--yqyGn {
    padding: 0 16px;
    width: -moz-fit-content;
    width: fit-content;
}

.link-base--H6QDJ {
    align-items: center;
    border-radius: 8px;
    color: white;
    display: inline-flex;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    gap: 12px;
    justify-content: center;
    letter-spacing: -.28px;
    line-height: 20px;
    max-width: 100%;
    overflow: hidden;
    padding: 8px;
    position: relative;
    transition: .2s ease-in-out;
    white-space: nowrap;
    width: -moz-fit-content;
    width: fit-content;
}

.secondary--IWEUi {
    background-color: #40474c;
    color: #f9fdff;
}

.tab--ZGEwb {
    align-items: center;
    background-color: #272c30;
    border-radius: 8px;
    color: #e0e7ea;
    display: flex;
    height: 48px;
    justify-content: center;
    padding: 0 16px;
    width: -moz-max-content;
    width: max-content;
}

.scroll-inner--hoEfS a {
    -webkit-touch-callout: none;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.logout--R3jVX, .tab-wrapper--m2b_j {
    align-items: center;
    display: flex;
    justify-content: center;
}

.scrollable-tab-bar-inner-container--txgVs {
    display: flex;
    gap: 8px;
}

.tab-wrapper--m2b_j {
    gap: 8px;
}

.name--WzE_u {
    max-width: 120px;
    overflow: hidden;
    text-transform: capitalize;
}

.tab--ZGEwb.active-tab--Fkfu6:after {
    background: #4590ff;
    border-radius: 2px;
    bottom: 0;
    box-shadow: 8px 0 20px 0 #458fff75;
    content: "";
    height: 2px;
    margin-bottom: auto;
    margin-top: auto;
    position: absolute;
    width: 20px;
}

.tab--ZGEwb.active-tab--Fkfu6 {
    color: #4590ff;
    position: relative;
}

.flatpickr-calendar {
    background: #2f2f2f;
    color: #fff;
    border: none;
}

.flatpickr-months,
.flatpickr-weekdays {
    background: transparent;
}

.flatpickr-day {
    color: #fff;
    border-radius: 8px !important;
}

.flatpickr-day.prev-month,
.flatpickr-day.next-month {
    color: #666;
}

.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.inRange {
    background: #4590ff;
    color: #000;
    box-shadow: unset !important;
    border: 0 !important;
    border-radius: 8px;
}

.profile-mobile-menu {
    display: none;
}

.scrollable-tab-bar-container--o49DC {
    background-color: #40474c;
    background-repeat: no-repeat;
    background-size: cover;
    height: var(--mobile-scrollable-tab-bar-height);
    overflow: hidden;
    padding: 8px 0;
    position: relative;
}

.avatars--C6Ike {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin-top: 15px;
    height: auto;
    overflow-y: auto;
    padding: 2px 2px 16px;
    width: 100%;
}

.avatar-modal-tabs {
}

.avatar-modal-tabs ul#myTab {
    border: unset;
    justify-content: center;
    width: 100%;
    flex-wrap: wrap;
}

.avatar-modal-tabs ul#myTab a {
    width: 100%;
    display: block;
}

.avatar-modal-tabs ul#myTab li {
    width: 31%;
    text-align: center;
    margin-right: 10px;
}

.avatar-modal-tabs .nav-link.active {
    background: #002c6d;
    color: white;
}

.avatar-modal-tabs .nav-link {
    border-radius: 8px;
}

.avatar-modal-tabs .nav-link {
    border: 1px solid #4e565b;
}

.avatar-modal-tabs ul#myTab li:last-child {
    margin: 0;
}

.lazy-game-img--sjk9r {
    overflow: hidden;
    position: relative;
}

.avatar--LV2V7, .avatar-skeleton--a3OYs {
    border-radius: 50%;
    height: 65px !important;
    min-width: 65px !important;
    outline: 2px solid #4e565b;
    width: 65px !important;
}

.avatar--LV2V7 {
    cursor: pointer;
}

.active-avatar--_Yhk8 {
    cursor: default;
    outline: 2px solid #002c6d;
}

.avatar--yohmO {
    -o-object-fit: cover;
    object-fit: cover;
}

.container--vsdwh {
    display: grid;
    grid-template-areas:
        "name name"
        "surname surname"
        "identityNumber identityNumber"
        "login login"
        "email email"
        "phoneNumber phoneNumber"
        "dateOfBirth dateOfBirth"
        "country country"
        "townCity townCity"
        "address address"
        "postcode postcode";
    width: 100%;
    grid-column-gap: 16px;
    -moz-column-gap: 16px;
    column-gap: 16px;
}

.field--buvIX {
    flex-direction: column;
    height: auto;
}

.field--buvIX, .field-header--ouG3k {
    display: flex;
    width: 100%;
}

.field--buvIX, .field-header--ouG3k {
    display: flex;
    width: 100%;
}

.field-header--ouG3k {
    align-items: center;
    color: #e0e7ea;
    -moz-column-gap: .5rem;
    column-gap: .5rem;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    justify-content: space-between;
    letter-spacing: -.36px;
    line-height: 18px;
    margin-bottom: 4px;
    padding: 0 24px;
    text-transform: capitalize;
}

.label-group--a5n4b {
    overflow: hidden;
}

.input-container--Fl6oJ, .label-group--a5n4b {
    align-items: center;
    display: flex;
}

.label--B1X85 {
    flex: 1 1;
    min-width: 0;
    padding-right: 6px;
}

.ellipsis--_PsgU {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.input-container--Fl6oJ, .label-group--a5n4b {
    align-items: center;
    display: flex;
}

.field-footer--2IIiI {
    display: flex;
    font-size: 12px;
    line-height: 14px;
    min-height: 20px;
    padding: 0 24px;
}

.container--BBVIK {
    align-items: center;
    background-color: #343a3e;
    border: 1px solid #4e565b;
    border-radius: 8px;
    display: flex;
    height: 48px;
    justify-content: space-between;
    min-width: 250px;
    padding: 0 24px;
    width: 100%;
}

.left-content--uf1PI {
    border-right: 1px solid #4e565b;
    color: #e0e7ea;
    padding-right: 12px;
}

.input--ooNiK {
    background: transparent;
    border: 0;
    box-sizing: border-box;
    caret-color: #e0e7ea;
    color: #e0e7ea;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -.16px;
    line-height: 24px;
    padding: 0 12px;
    width: 100%;
}

.input--ooNiK:disabled {
    cursor: not-allowed;
    opacity: .5;
}

.input--ooNiK:disabled:read-only {
    color: #fff;
    cursor: default;
    opacity: 1;
    text-overflow: ellipsis;
}

.right-buttons--W68Qw {
    align-items: center;
    display: flex;
    gap: 8px;
}

.update-email-modal--eV6gg form {
    gap: 16px;
    padding: 16px 24px;
}

.container--BBVIK:focus-within:not(.disabled--d2lll) .left-content--uf1PI {
    color: #4590ff;
}

.container--BBVIK:focus-within:not(.disabled--d2lll) {
    border-color: #4590ff;
}

.input--ooNiK:focus {
    background: transparent;
    border: 0;
    box-shadow: unset;
    outline: none;
}

.update-email-modal--eV6gg button {
    margin: 0 auto;
}

.content--MCnaV, .left-content-wrapper--imFco {
    border-radius: 8px;
}

.button--QLHC2 {
    margin: 0 auto;
    border: 0;
    align-items: center;
    border-radius: 8px;
    color: white;
    display: flex;
    background: #4590ff;
    color: white;
    cursor: pointer;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    height: 40px;
    justify-content: center;
    letter-spacing: -.48px;
    line-height: 20px;
    max-width: 100%;
    overflow: hidden;
    padding: 12px 24px;
    position: relative;
    text-align: center;
    transition: .2s ease-in-out;
    width: -moz-fit-content;
    width: fit-content;
    --loader-color: var(--white);
}

.icon-wrapper--TcpQo {
    align-items: center;
    background: #4590ff;
    border-radius: 8px;
    color: #060607;
    border: 0;
    cursor: pointer;
    display: flex;
    height: 24px;
    justify-content: center;
    min-width: 24px;
    padding: 4px 8px;
    transition: all .2s;
}

.nav-menu--k2vFM {
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    max-width: 100%;
    width: 228px;
}

.menu--Gu6io {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.nav-menu--k2vFM.side-menu--iV1lH .logout--SVxdj.logout-element--v6awx.expand-element--znIhL.side-menu-element--pkvI0 {
    background: transparent;
}

.menu-element--xhtZR {
    align-items: center;
    border-radius: 8px;
    color: #f9fdff;
    cursor: pointer;
    display: flex;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    gap: 12px;
    height: 44px;
    justify-content: space-between;
    line-height: 20px;
    position: relative;
    text-transform: capitalize;
}

.active-link--gGE2A {
    color: #fff;
    position: relative;
}

.active-link--gGE2A {
    color: #fff;
    position: relative;
}

.icon-back--xi8Su {
    align-items: center;
    display: flex;
    justify-content: center;
    padding-right: 12px;
    position: relative;
}

.active-link--gGE2A .icon-back--xi8Su {
    color: #4590ff;
}

.icon-back--xi8Su:after {
    background: #4e565b;
    content: "";
    height: 12px;
    position: absolute;
    right: 0;
    top: calc(50% - 6px);
    width: 1px;
}

.active-link--gGE2A .icon-back--xi8Su {
    color: #4590ff;
}

.ellipsis--_PsgU {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.name--Fn5vl {
    flex: 1 1 100%;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: -.45px;
    line-height: 18px;
    min-width: 0;
    text-transform: capitalize;
}

.active-link--gGE2A {
    color: #fff;
    position: relative;
}

.active-link--gGE2A:after {
    background: #4590ff;
    border-radius: 2px;
    box-shadow: 8px 0 20px 0 #ffc400;
    content: "";
    height: 20px;
    left: -1px;
    position: absolute;
    top: calc(50% - 10px);
    width: 2px;
}

.expand-preview--fKBr3.expand-preview-expanded--PBFuA.closed span.wrapper--xQUxI.collapse--ddLY7.expanded--vdumk {
    transform: rotate(180deg);
}

.expanded-container--f1s7Q {
    background: #272c30cc;
    border-radius: 8px;
    padding-bottom: 4px;
    position: relative;
}

.balance--i7AIz.hidden {
    display: block !important;
}

.balance--i7AIz.hidden .ellipsis--_PsgU {
    opacity: 0;
}

.balance--i7AIz.hidden span:last-child {
    opacity: 1;
}

.name--Vpbfv {
    flex: 1 1 100%;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: -.45px;
    line-height: 18px;
    min-width: 0;
    text-transform: capitalize;
}

.expand-preview--fKBr3, .expand-title--Ff81g {
    align-items: center;
    display: flex;
    text-transform: capitalize;
}

.expand-preview--fKBr3 {
    background: #343a3e;
    border-radius: 8px;
    color: white;
    cursor: pointer;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    gap: 12px;
    height: 44px;
    justify-content: space-between;
    line-height: 20px;
    padding: 8px 20px;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100%;
}

.expand-preview-expanded--PBFuA {
    border-radius: 8px 8px 0 0;
}

.icon--xsw03 {
    align-items: center;
    display: flex;
    justify-content: center;
    min-width: 16px;
    padding-right: 12px;
    position: relative;
}

.expand-title--Ff81g {
    flex: 1;
    gap: 4px;
    min-width: 0;
}

.expand-preview--fKBr3, .expand-title--Ff81g {
    align-items: center;
    display: flex;
    text-transform: capitalize;
}

.collapse--ddLY7 {
    transform: rotate(180deg);
    transition: transform .2s;
}

.expanded--vdumk {
    transform: rotate(0deg);
}

.expand-preview--fKBr3:hover {
    opacity: .8;
}

.expand-items--oPGCc {
    display: flex;
    flex-direction: column;
    gap: 4px;
    opacity: .9;
    width: 100%;
}

.expand-element--znIhL {
    align-items: center;
    border: 1px solid transparent;
    border-radius: 8px;
    color: #f9fdff;
    cursor: pointer;
    display: flex;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    gap: 12px;
    height: 44px;
    line-height: 20px;
    padding: 8px 20px;
    position: relative;
    text-transform: capitalize;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.content--MCnaV {
    background: #343a3e;
    height: 100%;
    min-width: 0;
    border-bottom: 8px;
    padding: 24px 40px;
    width: 100%;
}

.account-page-container--bIG9P {
    color: #f9fdff;
    position: relative;
    width: auto;
}

.header--nEoEm {
    border-bottom: 1px solid #40474c;
    justify-content: space-between;
    letter-spacing: -.03em;
    margin-bottom: 16px;
    padding: 0 0 16px;
    position: relative;
}

.header--nEoEm, .main--QOE3i {
    align-items: center;
    display: flex;
    gap: 16px;
}

.account-page-container--bIG9P > div:first-child {
    position: relative;
    z-index: 1;
    margin-bottom: 10px;
}

.header--nEoEm, .main--QOE3i {
    align-items: center;
    display: flex;
    gap: 16px;
}

.header-icon-container--gyHT5 {
    align-items: center;
    background: #272c30;
    border-radius: 8px;
    color: #4590ff;
    display: flex;
    height: 40px;
    justify-content: center;
    min-width: 40px;
    position: relative;
    top: 2px;
    width: 40px;
}

.header-content--dLXW6 {
    max-width: 310px;
    overflow: hidden;
}

.header-title--PYEvR {
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    line-height: 30px;
    max-width: 320px;
    padding-top: 5px;
    text-transform: capitalize;
}

.ellipsis--_PsgU {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.details-content--SG5vs {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.logout-element--v6awx {
    background: #343a3e;
}

.expand-element--znIhL:hover {
    color: white !important;
    opacity: 0.8;
}

.menu-element--xhtZR:not(.active-link--gGE2A):hover {
    opacity: .8;
}

a.menu-element--xhtZR.with-icon-menu-element--Z3Yk5:hover {
    color: white !important;
}

.avatar--N3H7O {
    background: #4590ff;
    border: 1px solid #4590ff;
    color: var(--white);
    height: 40px;
    position: relative;
    width: 40px;
    z-index: 2;
}

.avatar--N3H7O.avatar-enabled--d2KqV {
    border: none;
    height: 36px;
    width: 36px;
}

.avatar--N3H7O.edit--sZGX7 {
    margin-bottom: 0;
    margin-left: 0;
    outline: 2px solid transparent;
}

.wrapper--xQUxI {
    display: flex;
}

.wrapper--xQUxI svg {
    height: 100%;
    width: 100%;
}

.edit-button--yWXFk {
    height: 44px;
    left: 0;
    position: absolute;
    top: 0;
    width: 44px;
    cursor: pointer;
    z-index: 2;
    background: transparent;
    border: 0;
}

.edit-icon-wrapper--rsXNt {
    background: #4590ff;
    bottom: 0;
    color: #fff;
    height: 18px;
    position: absolute;
    right: 0;
    width: 18px;
}

.edit-icon-wrapper--rsXNt, .no-avatar-container--bqFyN {
    align-items: center;
    border-radius: 50%;
    display: flex;
    justify-content: center;
}

.wrapper--xQUxI {
    display: flex;
}

.wrapper--xQUxI svg {
    height: 100%;
    width: 100%;
}

.profile--nfYs5, .profile-inner-container--padie {
    display: flex;
    flex-direction: column;
}

.profile-inner-container--padie {
    justify-content: center;
    min-width: 0;
}

.kyc-container--uIgUV {
    gap: 8px;
}

.details--K4QX0, .kyc-container--uIgUV {
    align-items: center;
    display: flex;
}

.ellipsis--_PsgU {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ellipsis--_PsgU {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.balances--PQlbP, .user-name--SVwSV {
    color: #fff;
}

.brand-color--EmdB5 {
    color: #4590ff;
}

.wrapper--xQUxI {
    display: flex;
}

.flex--FROoX {
    display: flex;
}

.align-items-center--tfa4H {
    align-items: center;
}

.detail--rvm99 {
    max-width: 100%;
}

.text--Phmw3 {
    align-items: center;
    display: flex;
    transition: all .2s;
}

.white--gQvFr {
    color: #fff;
}

.font-size-18--JLy3R {
    font-size: 18px;
}

.line-height-24--YJRLC {
    line-height: 24px;
}

.font-weight-600--QIAUv {
    font-weight: 600;
}

.ellipsis--G8n3d, .no-wrap--YXQIq {
    white-space: nowrap;
}

.ellipsis--G8n3d {
    display: block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ellipsis--_PsgU {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.balance--i7AIz span:last-child {
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.update-balance--FSlBx {
    align-items: center;
    border-radius: 18px;
    color: #fff;
    cursor: pointer;
    display: flex;
    gap: 6px;
    justify-content: center;
    transition: .2s;
    width: -moz-fit-content;
    width: fit-content;
}

.hidden--xEEVI > span:last-child {
    opacity: 1;
}

.balances--PQlbP {
    font-weight: 600;
    max-width: 100%;
}

.balances--PQlbP, .user-name--SVwSV {
    color: #fff;
}

.letter-spacing--ZWIXy {
    letter-spacing: -.2px;
}

.balance--i7AIz {
    position: relative;
}

.avatar--N3H7O, .player-avatar--zErsC, .skeleton--_6oH_ {
    align-items: center;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    -o-object-fit: cover;
    object-fit: cover;
}

.left-content-wrapper--imFco {
    display: flex;
    flex-direction: column;
    gap: 8px;
    max-width: 228px;
    border-radius: 8px;
}

.profile-container--NuiBp {
    align-items: center;
    background: #272c30cc;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    justify-content: space-between;
    padding: 20px;
    position: relative;
}

.profile--nfYs5 {
    border-radius: 8px;
    gap: 4px;
    overflow: hidden;
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
}

.profile-outer-container--qvI03 {
    display: grid;
    grid-template-columns: max-content 1fr max-content;
    width: 100%;
    grid-gap: 12px;
    align-items: center;
    gap: 12px;
}

.avatar-wrapper--SY7mw {
    align-items: center;
    display: flex;
    height: 44px;
    justify-content: center;
    position: relative;
    width: 44px;
}

.no-avatar-container--bqFyN {
    height: 44px;
    overflow: hidden;
    position: relative;
    width: 44px;
}

.edit-icon-wrapper--rsXNt, .no-avatar-container--bqFyN {
    align-items: center;
    border-radius: 50%;
    display: flex;
    justify-content: center;
}

.avatar-bg--lcf5Y {
    background: #4590ff4f;
    border: 1px solid transparent;
    border-radius: 50%;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}

.circle--eJ3Q2 {
    background: #0dab4c;
    border-radius: 50%;
    box-shadow: 2px 2px 10px 10px #0dab4c;
    height: 5px;
    width: 5px;
    --circle-animation-x: 42px;
    --circle-animation-y: 42px;
    --circle-half-animation-x: calc(var(--circle-animation-x) / 2);
    --circle-half-animation-y: calc(var(--circle-animation-y) / 2);
    animation: circle-animation--CqCe2 3s linear infinite;
}

@keyframes circle-animation--CqCe2 {
    0% {
        transform: translate(var(--circle-half-animation-x))
    }

    25% {
        transform: translate(var(--circle-animation-x), var(--circle-half-animation-y))
    }

    50% {
        transform: translate(var(--circle-half-animation-x), var(--circle-animation-y))
    }

    75% {
        transform: translateY(var(--circle-half-animation-y))
    }

    to {
        transform: translate(var(--circle-half-animation-x))
    }
}

.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
    background: rgb(41 47 50);
}

.my-account--xOQ3Y {
    align-items: stretch;
    background-color: #40474c;
    display: flex;
    flex-grow: 1;
    gap: 24px;
    margin-top: 0px;
    min-height: inherit;
    padding: 24px 7%;
    position: relative;
    width: 100%;
}

.menu-element--xhtZR.with-icon-menu-element--Z3Yk5 {
    padding: 8px 20px;
}

.main-page--JeSaR {
    display: flex;
    gap: 30px;
    min-height: calc(100vh - var(--header-height))
}

.left--EOAAx {
    gap: 16px;
    min-width: 308px;
    width: 308px
}

.left--EOAAx, .page--TQXj3 {
    display: flex;
    flex-direction: column
}

.page--TQXj3 {
    justify-content: space-between;
    position: relative;
    width: 100%
}

.page-wrapper--tzZy1 {
    margin: 0 0 60px;
    width: 100%
}

[data-page=vip-club] .page-wrapper--tzZy1 {
    padding: 1px 0 60px
}

.banner-slot--hs349 {
    padding: 0 !important;
    width: 100%
}

.highlights-preview--KOR6Q {
    border-width: 3px !important
}

.highlights-preview--KOR6Q [class*=highlight-title-wrapper] {
    border-radius: 6px;
    margin-bottom: -5px
}

.highlights-container--vo2g4 {
    background: var(--neutral-1800);
    height: auto;
    margin: 1px 0;
    max-height: 90px
}

.highlights-container--vo2g4 [class*=highlight-bar-container] {
    padding-left: 24px !important
}

.header--LSTGZ {
    align-items: center;
    align-self: flex-start;
    background-color: var(--neutral-1600);
    border-bottom: 1px solid transparent;
    box-sizing: border-box;
    display: flex;
    gap: 8px;
    height: var(--header-height);
    justify-content: space-between;
    left: 0;
    padding: 14px 5%;
    position: sticky;
    top: 0;
    transition: background-color .5s ease;
    width: 100%;
    z-index: 999
}

.header--LSTGZ.scrollable--D4b4z {
    background-color: transparent;
    border-color: var(--neutral-1600)
}

.header--LSTGZ.scrolled--tPMwN {
    background-color: var(--neutral-1600)
}

.left-content--OhOKT {
    align-items: center;
    display: flex;
    gap: 24px;
    justify-content: center
}

.divider--ZP8az {
    height: 24px
}

.nav-links--AS9j2 {
    gap: 4px;
    height: 100%;
    justify-content: flex-start
}

.button--lbbqi, .nav-links--AS9j2 {
    align-items: center;
    display: flex
}

.button--lbbqi {
    font-size: 14px;
    font-weight: 500;
    gap: 8px;
    line-height: 20px;
    max-width: 250px;
    padding: 0
}

.scroll--FqVs1 {
    flex: 1;
    height: calc(100% + 18px);
    min-width: 0;
    padding-left: var(--desktop-left-menu-width);
    position: relative
}

.scroll-inner--Gi5Vf {
    align-items: center;
    display: flex;
    height: 100%
}

.header-nav--RY8Q4 {
    display: flex
}


.active-tab--HSh_w {
    color: var(--light-text);
    position: relative;
    --dynamic-color: var(--brand)
}

.active-tab--HSh_w:before {
    background: var(--dynamic-color);
    border-radius: 0 0 2px 2px;
    box-shadow: 0 8px 20px 0 var(--dynamic-color);
    content: "";
    height: 2px;
    position: absolute;
    right: 50%;
    top: -28px;
    transform: translateX(50%);
    width: 24px
}

.icon-right--EfMDd {
    font-size: 12px;
    height: 16px
}

.side-menu-container--SMOgG {
    position: relative
}

.flex--FROoX.align-items-center--tfa4H {
    margin-left: 12px;
}

.langSelect.dropdown.flasee {
    margin-left: 5px;
    border: 0;
}

.toggle-menu--Og0W_ {
    cursor: pointer;
    align-items: center;
    background: #4e565b !important;
    border: 0;
    margin-left: 5px;
    border-radius: 6px;
    color: #4590ff;
    display: flex;
    height: 24px;
    justify-content: center;
    min-width: 24px;
    width: 24px
}


.header-menu--XP8wU > button {
    margin: 4px;
    width: calc(100% - 8px)
}

.header-menu--XP8wU:before {
    content: "";
    height: 10px;
    left: 50%;
    position: absolute;
    top: 0;
    transform: rotate(45deg) translateX(-50%) translateY(-3px);
    width: 10px;
    z-index: 1
}

.header-menu--XP8wU:before, .link--DEDzP {
    background: var(--color-20)
}

.link--DEDzP {
    align-items: center;
    color: var(--color-22);
    display: flex;
    gap: 12px;
    padding: 8px 24px !important;
    width: 100%
}

.link--DEDzP.disabled--Pfvbg {
    opacity: .4;
    pointer-events: none
}

.logout-link--vn_Py {
    background: inherit
}

.logout-link--vn_Py, .logout-link--vn_Py div:first-child {
    height: auto;
    width: auto
}

.logout-link--vn_Py, .logout-link--vn_Py svg {
    color: var(--color-22)
}

.logout-link--vn_Py, .logout-link--vn_Py div:last-child {
    font-size: 14px
}

.logout-link--vn_Py:hover {
    opacity: 1
}

.display-null--ZEM7R {
    display: none
}

.active-link--SRDQ2 {
    background: var(--color-21);
    border: 1px solid var(--color-5);
    border-radius: 24px;
    color: var(--white)
}

.active-link--SRDQ2 > span:first-child {
    color: var(--brand)
}

[data-mobile=true] .logout-link--vn_Py {
    background: inherit;
    color: var(--color-22)
}

[data-mobile=true] .logout-link--vn_Py, [data-mobile=true] .logout-link--vn_Py div:last-child {
    font-size: 13px
}

[data-mobile=true] .amount--b50CP {
    font-size: 12px
}

[data-mobile=true] .header-menu--XP8wU {
    border-radius: 8px;
    padding: 6px;
    top: 60px;
    width: 180px
}

[data-mobile=true] .link--DEDzP {
    font-size: 12px;
    gap: 6px;
    padding: 8px 6px
}

.app--ag_KZ {
    --brand: var(--primary-500);
    background: var(--background);
    box-sizing: border-box;
    font-weight: 400;
    margin: 0 auto;
    max-width: 1440px;
    padding: 12px 12px 0;
    position: relative
}

.grid-inner--ttDcU {
    align-content: flex-start;
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    margin-bottom: 10px;
    margin-top: -10px
}

.grid-item--lfxfA {
    box-sizing: border-box;
    padding: 10px
}

.grid2--bYiAY .grid-item--lfxfA {
    min-height: 588px;
    width: 50%
}

.bottom--uVAtH {
    display: flex;
    height: 588px;
    width: 100%
}

.grid-item3--PQdBs {
    height: 100%;
    padding: 10px;
    width: 90%
}

.add-button--NFPjI {
    align-items: flex-start
}

.add--nHOYv, .add-button--NFPjI {
    display: flex;
    justify-content: center;
    padding: 10px
}

.add--nHOYv {
    align-items: center;
    background: var(--neutral-1500);
    border-radius: 12px;
    cursor: pointer;
    height: 74px;
    max-height: 406px;
    transition: opacity .2s;
    width: 291px
}

.add--nHOYv:hover {
    opacity: .8
}

.title--r5L4O {
    align-items: center;
    color: white;
    display: inline-flex;
    font-size: 42px;
    font-style: normal;
    font-weight: 600;
    height: 41px;
    justify-content: flex-start;
    line-height: 50px;
    position: relative;
    text-transform: capitalize
}

.grid3--oS8A1 {
    height: calc(100% - 85px);
    min-height: 1170px;
    padding: 12px 10px 12px 0;
    width: 100%
}

.grid3--oS8A1 .add-button--NFPjI {
    width: 10%
}

.grid3--oS8A1 .add--nHOYv {
    height: 100%;
    max-height: 100%;
    width: 100%
}

.grid3--oS8A1 .grid-item--lfxfA:first-child, .grid3--oS8A1 .grid-item--lfxfA:nth-child(2), .grid4--Z1an3 .grid-item--lfxfA {
    height: 588px;
    width: 50%
}

.grid4--Z1an3 {
    height: 100%;
    min-height: 1016px;
    width: 100%
}

@media screen and (max-width: 1480px) {
    .grid1--zGFwm .grid-item--lfxfA, .grid2--bYiAY .grid-item--lfxfA, .grid3--oS8A1 .grid-item--lfxfA, .grid4--Z1an3 .grid-item--lfxfA {
        width: 100% !important
    }

    .bottom--uVAtH {
        flex-direction: column;
        height: auto
    }

    .grid-item3--PQdBs {
        height: auto;
        width: auto
    }
}

.available-swap--SlRzr .add--nHOYv {
    background: linear-gradient(0deg, rgba(0, 0, 0, .24), rgba(0, 0, 0, .24)), var(--dark-grey);
    border: 2px solid #4590ff;
    box-shadow: -4px 0 0 rgba(115, 162, 78, .3), 4px 0 0 rgba(115, 162, 78, .3), 0 -4px 0 rgba(115, 162, 78, .3), 0 4px 0 rgba(115, 162, 78, .3)
}

.wrapper--pix4Z {
    height: 0;
    position: relative
}

.top--tMH5i {
    justify-content: flex-end
}

.cancel--FEIIV, .top--tMH5i {
    align-items: center;
    display: inline-flex
}

.cancel--FEIIV {
    border-radius: 15px;
    color: white;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    height: 35px;
    left: 30px;
    padding: 0 16px;
    position: absolute;
    text-align: center;
    text-transform: capitalize;
    top: -30px;
    transition: opacity .2s
}

.cancel--FEIIV:hover {
    opacity: .8
}

.event--H59LS {
    background: var(--neutral-1500);
    border-radius: 6px;
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    position: relative
}

.event-content--H8axP {
    flex: 1
}

.without-scroll--bLZIc {
    flex: 0;
    padding-right: 9px
}

.event-content--H8axP:last-child {
    border-radius: 0 0 10px 10px
}

.event-content-shadow--WBMmJ {
    bottom: 0;
    height: 20px;
    position: absolute;
    width: 100%;
    z-index: 3
}

.header--Jpkhc {
    align-items: center;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    height: 56px;
    min-height: 56px;
    grid-gap: 10px;
    background: var(--neutral-1500);
    border-bottom: 1px solid var(--neutral-1400);
    gap: 10px;
    padding: 12px 24px
}

.event-info--pFLoq {
    color: var(--white);
    flex: 1;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    overflow: hidden;
    padding-left: 16px
}

.event-empty--jvBb2 {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center
}

.tournament-name--UBf4b {
    color: var(--text)
}

.button--G6pQp {
    align-items: center;
    background-color: var(--neutral-1600);
    border-radius: 50%;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    height: 32px;
    justify-content: center;
    min-width: 32px;
    transition: opacity .2s
}

.button--G6pQp svg {
    color: var(--neutral-500)
}

.button--G6pQp.active--_aV5z svg {
    color: var(--brand)
}

[data-touch=false] .button--G6pQp:not(:disabled):hover svg {
    color: #4590ff;
    opacity: .8
}

.button--G6pQp:disabled {
    cursor: auto;
    opacity: .5
}

.buttons--FSkbr {
    align-items: center;
    display: flex;
    flex-shrink: 0;
    gap: 4px
}

.main-widget--J7LQ9 {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 24px 16px 16px
}

.widget-content--Aod6V {
    --event-overall-height: 190px
}

.tabs--_GcWm {
    display: flex;
    flex-direction: column;
    gap: 4px
}

.participants--W_D_Q {
    align-items: center;
    color: var(--white);
    display: flex;
    font-size: 14px;
    font-weight: 500;
    gap: 12px;
    letter-spacing: -.14px;
    line-height: 20px;
    max-width: 100%
}

.tournament-info--UunxL {
    min-width: 0
}

.versus--AvIBv {
    color: var(--text)
}

.scores--c5VG0 {
    border: 1px solid var(--border);
    border-radius: 10px;
    gap: 4px;
    justify-content: space-evenly;
    padding: 8px 12px
}

.scores--c5VG0, .team-icon--eZLVQ {
    align-items: center;
    display: flex
}

.team-icon--eZLVQ {
    border: 1px solid var(--color-22);
    border-radius: 50%;
    height: 28px;
    justify-content: center;
    min-height: 28px;
    min-width: 28px;
    width: 28px
}

.team-icon--eZLVQ img {
    display: block;
    height: 16px;
    margin: auto;
    -o-object-fit: contain;
    object-fit: contain;
    width: 16px
}

.score--oLrrx {
    color: #4590ff;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px
}

.score-divider--REZoc {
    padding: 0 2px
}

.tab--DVAw5 {
    align-items: center;
    background: var(--secondary);
    border: 1px solid var(--neutral-1100);
    border-radius: 6px;
    color: var(--white);
    cursor: pointer;
    display: flex;
    font-size: 14px;
    font-weight: 500;
    justify-content: center;
    line-height: 20px;
    min-width: 0;
    padding: 8px 12px;
    width: 100%
}

.tab--DVAw5:hover {
    opacity: .8
}

.tab-text--DZsSW {
    font-size: 14px;
    font-weight: 500;
    line-height: 24px
}

.tab--DVAw5.active--_aV5z {
    background: #4590ff;
    border: 1px solid #4590ff;
    color: var(--dark-text)
}

.show-more-area--TKD1W {
    align-items: center;
    border-top: 1px solid var(--color-17);
    display: flex;
    justify-content: center;
    margin: auto 0 0;
    min-height: 60px
}

.widget-row--udWpR {
    border-top: 1px solid var(--stroke)
}

.widget-row--udWpR:last-child {
    border-bottom: 1px solid var(--stroke)
}

.bet-scroll--XFXKc {
    height: 100%;
    width: 100%
}

.bet-scroll--XFXKc .ScrollbarsCustom-Track {
    background: #4590ff;
    right: 2px !important;
    width: 7px !important
}

.bet-scroll--XFXKc .ScrollbarsCustom-Wrapper {
    width: 100%
}

.bet-scroll--XFXKc .ScrollbarsCustom-Content {
    height: 100%
}

.bet-scroll--XFXKc .ScrollbarsCustom-ThumbY {
    background: var(--brand) !important;
    border-radius: 6px !important;
    box-sizing: border-box
}

.statistic-container--OD0In {
    height: auto;
    padding: 0 16px 16px
}

.swap-mode--FRQu9 {
    align-items: center;
    background: var(--neutral-2000-opacity-40);
    border-radius: 10px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    transition: all .15s;
    z-index: 3
}

.highlight--IvzGB, .swap-mode--FRQu9 {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.highlight--IvzGB {
    border: 2px solid #4590ff;
    border-radius: 10px;
    z-index: 1
}

.swap-icon--RmN_E {
    align-items: center;
    background: var(--neutral-1400);
    border-radius: 50px;
    box-sizing: border-box;
    color: #4590ff;
    display: flex;
    height: 96px;
    justify-content: center;
    width: 96px
}

[data-touch=false] .swap-mode--FRQu9:hover {
    background: var(--neutral-2000-opacity-55)
}

.no-event--RnoVR {
    align-items: center;
    background: var(--neutral-1500);
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    outline-offset: -1px;
    position: relative;
    transition: all .15s
}

.no-event--RnoVR:hover {
    background: var(--neutral-1400);
    outline: 1px solid var(--brand)
}

.event-rect--vXbk_ {
    color: #4590ff;
    cursor: pointer;
    height: 100%;
    justify-content: space-evenly;
    overflow: hidden;
    width: 100%
}

.event-rect--vXbk_, .wrapper--fT50_ {
    align-items: center;
    display: flex;
    flex-direction: column
}

.wrapper--fT50_ {
    border: 1px dashed var(--neutral-1300);
    border-radius: 8px;
    gap: 20px;
    padding: 32px
}

.icon--S_siv {
    height: 64px !important;
    position: relative;
    width: 64px !important
}

.button--p9VJz {
    width: 200px
}

.event-number--RC_lL {
    color: var(--neutral-1700);
    font-size: 20px;
    font-weight: 600;
    left: auto;
    position: absolute;
    top: calc(50% - 40px);
    z-index: 1
}

.no-event-text--hPhiF {
    font-size: 20px;
    line-height: 28px;
    margin-top: 32px
}

.icon-wrapper--QBxbO {
    border: 1px solid var(--neutral-1200);
    border-radius: 30px;
    color: #4590ff;
    height: 60px;
    width: 60px
}

.icon-wrapper--QBxbO, .select-event--isf7V {
    align-items: center;
    display: flex;
    justify-content: center
}

.select-event--isf7V {
    color: white;
    cursor: pointer;
    font-size: 16px;
    font-weight: 500;
    min-width: 130px;
    padding: 0 16px;
    text-transform: capitalize;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.no-event-bottom--gn8sv {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 8px
}

.search-mode--YSp5q {
    background: var(--neutral-1600);
    border-radius: 10px;
    box-sizing: border-box;
    height: 100%;
    padding: 12px 16px
}

.search--mdYHq {
    position: relative
}

.search-icon--h0X95 {
    color: var(--light-text);
    position: absolute;
    right: 20px;
    top: calc(50% - 8px)
}

.search-input--YIJMm {
    align-items: center;
    background: var(--neutral-1500);
    border: 1px solid var(--neutral-1300);
    border-radius: 6px;
    color: white;
    display: flex;
    gap: 8px;
    height: 48px;
    padding: 16px;
    width: 100%
}

.search-input--YIJMm::-moz-placeholder {
    color: white;
    text-transform: capitalize
}

.search-input--YIJMm::placeholder {
    color: white;
    text-transform: capitalize
}

.search-title--bTZCK {
    color: white;
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
    margin-top: 16px;
    max-width: 100%
}

.content--KHlfS {
    padding-right: 13px
}

.empty-wrapper--tDjv_ {
    padding-top: 80px
}

.suggested-event--wIXYE {
    background: var(--neutral-1400);
    border-radius: 10px;
    box-sizing: border-box;
    cursor: pointer;
    margin-top: 16px;
    overflow: hidden
}

.suggest-head--zS0xv {
    align-items: center;
    background: var(--neutral-1300);
    color: var(--white);
    display: flex;
    height: 34px;
    justify-content: space-between;
    padding: 0 16px
}

.info-head--zGY1_ {
    display: flex;
    max-width: 100%
}

.sport-icon--uXDCo {
    flex-shrink: 0;
    height: 16px;
    width: 16px
}

.tournament-name--Iati_ {
    flex: 1;
    padding-left: 8px
}

.live-date--A0HSC > div {
    font-size: 14px;
    gap: 5px;
    line-height: 18px
}

.live-date--A0HSC, .pre-live-date--a4DOH {
    font-size: 12px;
    min-width: 55px;
    text-transform: capitalize
}

.event--CruKv {
    align-items: center;
    display: grid;
    grid-template-columns: fit-content(100%) auto;
    padding: 8px 16px;
    grid-gap: 10px;
    gap: 10px
}

.teams--ubAjw {
    min-width: 0
}

.team--PpCqs {
    margin-bottom: 2px
}

.team--PpCqs, .team-icon--oVzgA {
    align-items: center;
    display: flex
}

.team-icon--oVzgA {
    flex-shrink: 0;
    height: 24px;
    justify-content: center;
    width: 24px
}

.team-name--uWcuM {
    color: white;
    font-size: 14px;
    font-weight: 500;
    min-width: 0;
    padding-left: 2px
}

.team-icon--oVzgA img {
    display: block;
    height: 14px;
    -o-object-fit: contain;
    object-fit: contain;
    width: 14px
}

.team-name--uWcuM, .tournament-name--Iati_ {
    min-width: 0
}

[data-touch=false] .suggested-event--wIXYE:hover {
    opacity: .8
}

.event-status--ODTk8 {
    color: #4590ff;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: -.12px;
    line-height: 16px;
    margin: 0 auto;
    min-width: 0;
    text-transform: capitalize
}

.grid-scrollbar--Xan9Y {
    height: 100%;
    width: 100%
}

.grid-scrollbar--Xan9Y .ScrollbarsCustom-Track {
    background: transparent !important;
    right: 3px !important;
    width: 5px !important
}

.grid-scrollbar--Xan9Y .ScrollbarsCustom-Thumb {
    background: var(--brand) !important;
    border-radius: 3px !important;
    box-sizing: border-box
}

.grid-scrollbar--Xan9Y .ScrollbarsCustom-Content {
    height: 100%
}

.league--wxguh, .single-category--JxjSZ {
    padding-top: 14px
}

.markets--gdahN {
    align-items: center;
    background: var(--neutral-1500);
    border-radius: 8px;
    display: flex;
    gap: 10px;
    justify-content: flex-end;
    margin-bottom: 8px;
    padding: 10px 15px 10px 0
}

.markets--gdahN:not(:first-child) {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.market--Bjv3w {
    align-items: center;
    color: white;
    display: flex;
    flex-direction: column;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    gap: 5px;
    letter-spacing: -.3px;
    line-height: 14px;
    min-height: 1px;
    text-align: center;
    text-transform: capitalize
}

.market-name--zU7Su {
    flex: 1 1 100%;
    min-width: 0
}

.outcome-list--oRfYr {
    align-items: center;
    display: flex;
    gap: 10px;
    justify-content: space-between
}

.cell--nxY2l {
    width: 55px
}

.menu--ERFxt {
    align-items: center;
    background: var(--neutral-1500);
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    height: 60px;
    justify-content: space-between;
    margin-top: 16px;
    padding: 10px 15px
}

.menu--ERFxt.expanded--rJ25a {
    border-bottom: 1px solid var(--neutral-1300);
    border-radius: 8px 8px 0 0
}

.tournament-name--YohUM {
    color: var(--light-text);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -.48px;
    line-height: 16px
}

.tournament-name-info--r4ktJ {
    align-items: center;
    display: flex;
    gap: 15px
}

.event-row--LMCmg {
    background: var(--neutral-1500);
    border-radius: 8px;
    box-sizing: border-box;
    color: white;
    cursor: pointer;
    height: 56px;
    margin-bottom: 10px;
    padding: 8px 15px 8px 18px
}

.event-row--LMCmg, .team-view--iNmvh {
    align-items: center;
    display: flex
}

.team-view--iNmvh {
    height: 100%;
    width: 100%
}

.teams--p4Obh {
    align-items: flex-start;
    display: flex;
    flex: 1 1 100%;
    flex-direction: column;
    font-size: 12px;
    gap: 4px;
    justify-content: space-between;
    letter-spacing: -.36px;
    min-width: 0;
    overflow: hidden
}

.event-number--GU4_B, .teams--p4Obh {
    color: white;
    font-style: normal;
    font-weight: 500;
    line-height: 14px
}

.event-number--GU4_B {
    font-size: 8px;
    letter-spacing: -.24px;
    min-width: -moz-fit-content;
    min-width: fit-content
}

.event-info--ytyZs {
    align-items: flex-start;
    border-left: 1px solid var(--color-7);
    border-right: 1px solid var(--color-7);
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    margin: 0 12px;
    padding: 0 12px
}

.event-info--ytyZs.event-number--GU4_B {
    align-items: center;
    width: 54px
}

.team-info--PpqlY {
    align-items: center;
    display: flex;
    gap: 5px;
    width: 100%
}

.team-name--ansNC {
    max-width: 250px
}

.team-logo--ejeiH {
    height: 14px;
    min-width: 14px;
    position: relative;
    width: 14px
}

.team-logo--ejeiH img {
    height: 100%;
    width: 100%
}

.total-markets--DKOgl {
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    gap: 5px;
    height: 100%;
    justify-content: center;
    letter-spacing: -.36px;
    line-height: 14px;
    min-width: 70px;
    width: 70px
}

.markets--X2wQZ, .total-markets--DKOgl {
    align-items: center;
    display: flex
}

.markets--X2wQZ {
    gap: 10px
}

.cell--T7rLa {
    height: 37px;
    min-width: 55px
}

.cell--T7rLa, .odds--bJpfI, .params--Lu3D0 {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    position: relative
}

.odds--bJpfI, .params--Lu3D0 {
    background-color: var(--neutral-1400);
    border-radius: 8px;
    box-shadow: 0 2px 2px 0 var(--neutral-1300) inset;
    cursor: pointer;
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    height: 100%;
    letter-spacing: -.3px;
    line-height: 14px;
    padding: 0 6px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100%
}

.odds--bJpfI {
    color: var(--text)
}

.params--Lu3D0 {
    color: var(--pale-text)
}

.odds--bJpfI:hover:not(.locked--_dCh4,.active--F2U76) {
    color: var(--brand)
}

.odds--bJpfI.active--F2U76 {
    background-color: var(--primary-800);
    box-shadow: 0 2px 2px 0 var(--white-opacity-44) inset;
    color: var(--neutral-1700)
}

.odds--bJpfI.locked--_dCh4 {
    align-items: center;
    cursor: default;
    display: flex;
    justify-content: center;
    pointer-events: none
}

.odds--bJpfI.up--VmMhF:not(.locked--_dCh4) {
    color: var(--validation)
}

.odds--bJpfI.down--cTafI:not(.locked--_dCh4) {
    color: var(--error)
}

.down-line--LAVDc, .up-line--glG_R {
    height: 2px;
    position: absolute;
    width: 90%
}

.up-line--glG_R {
    background: var(--green);
    top: 5px
}

.down-line--LAVDc {
    background: var(--error);
    bottom: 5px
}

.lock-label--wMywa {
    height: 18px;
    justify-content: center;
    position: absolute;
    right: -2px;
    top: 0;
    transform: translateY(-50%);
    width: 18px
}

.lock-label--wMywa, .team--fA51I {
    align-items: center;
    display: flex
}

.team--fA51I {
    gap: 5px;
    justify-content: space-between;
    width: 100%
}

.score--Q0D0P {
    align-items: center;
    box-sizing: border-box;
    color: #4590ff;
    display: flex;
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    justify-content: center;
    letter-spacing: -.3px;
    line-height: 17px;
    min-width: 17px
}

.odds--bJpfI.finished--bbYZm {
    cursor: default;
    pointer-events: none;
    position: relative
}

.odds--bJpfI.finished--bbYZm.won--Pcv7m {
    box-sizing: border-box;
    color: var(--validation)
}

.racing-markets--mKAEG {
    color: white;
    overflow-x: auto;
    padding: 8px 0
}

.racing-markets--mKAEG::-webkit-scrollbar {
    height: 6px
}

.racing-markets--mKAEG::-webkit-scrollbar-track {
    background-color: var(--background)
}

.racing-markets--mKAEG::-webkit-scrollbar-thumb {
    background: #4590ff;
    border-radius: 2px
}

.racing-markets--mKAEG::-webkit-scrollbar-thumb:hover {
    background: var(--brand)
}

.market-group--M4hWv {
    height: 60px
}

.market-group--M4hWv, .team-view--KCXde {
    align-items: center;
    display: flex
}

.team-view--KCXde {
    background: var(--neutral-1400);
    border-bottom: 1px solid var(--neutral-1300);
    border-left: 1px solid var(--neutral-1300);
    gap: 15px;
    height: 100%;
    min-width: 200px;
    padding-left: 10px;
    width: 200px
}

.team-info--qR8Ti {
    align-items: flex-start;
    display: flex;
    flex: 1 1 100%;
    flex-direction: column;
    gap: 4px;
    min-width: 0
}

.team-favorite--Hx9e0 {
    align-items: center;
    background: #4590ff;
    border-radius: 15px;
    color: var(--dark-text);
    display: flex;
    font-size: 14px;
    font-weight: 600;
    height: 24px;
    justify-content: center;
    line-height: 16px;
    min-width: 24px;
    width: 24px
}

.market-header--ScLhO {
    align-items: flex-end;
    background: var(--neutral-1500);
    border-radius: var(--default-border-radius) var(--default-border-radius) 0 0;
    color: white;
    display: flex;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    justify-content: flex-end;
    letter-spacing: -.3px;
    line-height: normal;
    min-width: 895px
}

.market-head--xMrI7 {
    align-items: center;
    display: flex;
    flex-direction: column
}

.racing-market-places--o4aCS {
    display: flex
}

.race-place--ICSrO, .race-place-short--tTETj {
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 6px 0
}

.race-place--ICSrO {
    width: 70px
}

.racing-market-places-list--p_Xlc {
    display: flex;
    gap: 8px;
    padding: 0 18px 0 17px
}

.race-place-short--tTETj {
    width: 36px
}

.market-name--j1gMe {
    justify-content: center;
    min-width: 70px;
    padding: 6px 0;
    text-transform: capitalize
}

.market-list--JCKNZ, .market-name--j1gMe {
    align-items: center;
    display: flex
}

.market-list--JCKNZ {
    background: var(--neutral-1400);
    flex: 1;
    justify-content: flex-end
}

.race-winner-odd--qWFHm {
    align-items: center;
    display: flex;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    justify-content: center;
    letter-spacing: -.36px;
    min-width: 70px;
    width: 70px
}

.market-groups--XK7jV .market-list--JCKNZ, .market-groups--XK7jV .market-list--JCKNZ .race-winner-odd--qWFHm {
    height: 100%
}

.finished-markets--RsHut .market-list--JCKNZ > .race-winner-odd--qWFHm, .market-group--M4hWv:last-child .market-list--JCKNZ .forecast-place--dc4HQ, .market-groups--XK7jV .market-list--JCKNZ > .race-winner-odd--qWFHm {
    border-bottom: 1px solid var(--neutral-1300)
}

.finished-markets--RsHut .market-list--JCKNZ > .race-winner-odd--qWFHm {
    height: 60px
}

.last-five--hW39i {
    border-bottom: 1px solid var(--neutral-1300);
    display: flex;
    height: 100%;
    justify-content: flex-end;
    width: 100%
}

.forecast-place--dc4HQ {
    align-items: center;
    display: flex;
    gap: 8px;
    height: 100%;
    justify-content: center;
    padding: 0 17px
}

.forecast-place--dc4HQ.forecast-place-bordered--T_Ol9, .forecast-place--dc4HQ:not(.forecast-place-any--QxJ9P) {
    border-left: 1px solid var(--neutral-1300)
}

.forecast-place-any--QxJ9P {
    width: 70px
}

.forecast-place-any--QxJ9P:last-child {
    border-right: 1px solid var(--neutral-1300)
}

.cast-odd--BlZrl {
    align-items: center;
    border-radius: 5px;
    cursor: pointer;
    display: flex;
    height: 30px;
    justify-content: center;
    width: 36px
}

.cast-odd--BlZrl:not(.locked--X7g6L,.disable--gxTMI):hover {
    opacity: .8
}

.cast-odd--BlZrl.disable--gxTMI:not(.active--UG60L), .cast-odd--BlZrl.locked--X7g6L {
    cursor: default;
    pointer-events: none
}

.checkbox--l7nPw {
    background: var(--white);
    border: 1px solid #4590ff;
    border-radius: 5px;
    height: 20px;
    position: relative;
    width: 20px
}

.checkbox--l7nPw.checked--rvz4S {
    background-color: var(--brand)
}

.checkbox--l7nPw.checked--rvz4S:before {
    background-image: -webkit-image-set(url(https://api-otobet-tr--prd--pl-sb.apin18erdg.com/sportsbook__static/Assets/Images/fa1d8ca8e66d09e935f1.png) 1x, url(https://api-otobet-tr--prd--pl-sb.apin18erdg.com/sportsbook__static/Assets/Images/954df29f0e822d0b2517.png) 2x);
    background-image: image-set(url(https://api-otobet-tr--prd--pl-sb.apin18erdg.com/sportsbook__static/Assets/Images/fa1d8ca8e66d09e935f1.png) 1x, url(https://api-otobet-tr--prd--pl-sb.apin18erdg.com/sportsbook__static/Assets/Images/954df29f0e822d0b2517.png) 2x);
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    height: 8px;
    inset: 0;
    margin: auto;
    position: absolute;
    width: 10px
}

.checkbox--l7nPw.disable--gxTMI:not(.checked--rvz4S) {
    background: transparent;
    border: 1px solid var(--neutral-1300)
}

.cast-odd--BlZrl:not(.locked--X7g6L,.disable--gxTMI):hover .checkbox--l7nPw, .checkbox--l7nPw.active--UG60L:not(.locked--X7g6L) {
    border: 1px solid var(--brand)
}

.button-control--IgFbG {
    align-items: center;
    display: flex;
    gap: 15px;
    justify-content: flex-end;
    padding-top: 15px
}

.virtual-loader--PPDzs {
    margin: 15px 0
}

.markets--oLIxD {
    align-items: stretch;
    display: flex
}

.market-groups--XK7jV {
    width: 100%
}

.finished-markets--RsHut .race-winner-odd--qWFHm {
    height: 59px
}

.finished--WqwWI {
    display: flex
}

.finished-cast--cPrOu {
    align-items: center;
    background: var(--neutral-1400);
    border-bottom: 1px solid var(--neutral-1300);
    border-left: 1px solid var(--neutral-1300);
    display: flex;
    flex-direction: column;
    gap: 12px;
    justify-content: center;
    padding: 10px
}

.finished-cast--cPrOu:last-of-type {
    border-right: 1px solid var(--neutral-1300)
}

.one-place--T5Uhy {
    width: 70px
}

.triple-place--AGGon {
    width: 185px
}

.fourth-place--GbhZU {
    width: 229px
}

.finished-text--ZEmbj {
    align-items: center;
    display: flex;
    flex-direction: column;
    width: 100%
}

.finished-title--F2D88 {
    color: var(--pale-text);
    font-weight: 400
}

.finished-result--U7XE2, .finished-title--F2D88 {
    font-size: 10px;
    line-height: 12px;
    text-align: center
}

.finished-result--U7XE2 {
    font-weight: 700
}

.stats--SE2mh {
    position: relative
}

.star-rating--SXA7u {
    align-items: center;
    color: var(--warning);
    cursor: pointer;
    display: flex;
    font-size: 12px;
    font-weight: 700;
    gap: 2px;
    line-height: 14px
}

.star--UVajc {
    height: 12px;
    width: 13px
}

.star-icon--R5t0c {
    background-image: -webkit-image-set(url(https://api-otobet-tr--prd--pl-sb.apin18erdg.com/sportsbook__static/Assets/Images/4be3660ebabe6ef4095e.png) 1x, url(https://api-otobet-tr--prd--pl-sb.apin18erdg.com/sportsbook__static/Assets/Images/060ce3d663eb38895bc7.png) 2x);
    background-image: image-set(url(https://api-otobet-tr--prd--pl-sb.apin18erdg.com/sportsbook__static/Assets/Images/4be3660ebabe6ef4095e.png) 1x, url(https://api-otobet-tr--prd--pl-sb.apin18erdg.com/sportsbook__static/Assets/Images/060ce3d663eb38895bc7.png) 2x);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 100%;
    width: 100%
}

.stats-details--Lvoej {
    background: var(--neutral-1400);
    border: 1px solid #4590ff;
    border-radius: 5px;
    box-shadow: 5px 5px 11px rgba(0, 0, 0, .25);
    left: -30px;
    padding: 15px;
    position: absolute;
    top: calc(100% + 6px);
    width: 200px;
    z-index: 100
}

.team-view--NncgS {
    align-items: center;
    display: flex;
    gap: 15px;
    margin-bottom: 18px
}

.team-info--JcW2S {
    display: flex;
    flex-direction: column;
    gap: 4px
}

.stats-title--S4bUq {
    border-bottom: 1px solid var(--dark-grey);
    font-size: 10px;
    line-height: 12px;
    padding-left: 6px
}

.delay--FzXas, .stats-title--S4bUq {
    display: flex;
    font-weight: 400;
    justify-content: space-between
}

.delay--FzXas {
    align-items: center;
    border-bottom: 2px solid var(--validation);
    font-size: 12px;
    line-height: 14px;
    padding: 10px 0;
    position: relative
}

.delay-place--sQ2OB {
    align-items: center;
    background: #4590ff;
    border-radius: 3px;
    color: white;
    display: flex;
    justify-content: center;
    padding: 2px 0;
    width: 19px
}

.delay-meters--uUKut {
    color: var(--dark-grey)
}

.delay-dot--PbpDU {
    background: #4590ff;
    border-radius: 100%;
    bottom: 0;
    height: 8px;
    position: absolute;
    transform: translateY(calc(50% + 1px));
    width: 8px;
    z-index: 200
}

.container--lKXXn {
    align-items: stretch;
    display: flex;
    gap: 15px;
    justify-content: center;
    padding: 15px
}

.menu--lSM9D {
    height: 48px
}

.view--f1Z61 {
    height: 314px;
    width: 552px
}

.left-side--bdd33 {
    align-items: center;
    gap: 15px
}

.left-side--bdd33, .market-container--tZuH3 {
    display: flex;
    flex-direction: column
}

.market-container--tZuH3 {
    background: var(--neutral-1300);
    border-bottom: 1px solid var(--neutral-1400);
    border-left: 1px solid var(--neutral-1400);
    border-radius: 0 0 5px 5px;
    border-right: 1px solid var(--neutral-1400);
    height: calc(100% - 50px);
    padding: 15px
}

.empty-pick--yrrK5 {
    align-items: center;
    border: 1px dashed var(--neutral-1500);
    border-radius: 8px;
    display: flex;
    height: 100%;
    justify-content: center;
    padding: 16px
}

.empty-pick-title--W6EXI {
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    text-align: center;
    width: 300px
}

.right-side--vocsq {
    width: 474px
}

@media screen and (max-width: 1750px) {
    .view--f1Z61 {
        height: 300px
    }

    .container--lKXXn {
        flex-direction: column;
        padding: 15px 0
    }

    .left-side--bdd33, .right-side--vocsq, .view--f1Z61 {
        width: 100%
    }
}

.container--dUlt3 {
    background: var(--neutral-1300);
    border: 1px solid var(--neutral-1400);
    border-radius: 8px;
    width: 552px
}

.table-container--fJ6ME {
    display: grid;
    grid-template-columns: repeat(10, 42px);
    grid-template-rows: repeat(8, 47px);
    position: relative;
    width: 100%;
    grid-gap: 10px;
    gap: 10px;
    justify-items: center;
    padding: 15px 21px
}

.table-container--fJ6ME:after {
    background: var(--neutral-1400);
    content: "";
    height: 1px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: calc(100% - 42px)
}

.field--mrqeX {
    align-items: center;
    border-radius: 50%;
    color: var(--virtual-sports-text);
    cursor: pointer;
    display: flex;
    font-size: 16px;
    font-weight: 700;
    justify-content: center;
    line-height: 20px;
    width: 100%
}

.field--mrqeX:not(.active--RDr4a,:hover) {
    text-shadow: 0 2px 5px rgba(0, 0, 0, .35)
}

.field--mrqeX.yellow--Nf5Cw.active--RDr4a, .field--mrqeX.yellow--Nf5Cw:hover {
    background: linear-gradient(0deg, var(--virtual-sports-text), var(--virtual-sports-text)), var(--virtual-sports-yellow-vivid);
    border: 3px solid var(--virtual-sports-yellow-vivid);
    color: var(--virtual-sports-yellow-vivid)
}

.field--mrqeX.orange--GoBsb.active--RDr4a, .field--mrqeX.orange--GoBsb:hover {
    background: linear-gradient(0deg, var(--virtual-sports-text), var(--virtual-sports-text)), var(--virtual-sports-orange-vivid);
    border: 3px solid var(--virtual-sports-orange-vivid);
    color: var(--virtual-sports-orange-vivid)
}

.yellow--Nf5Cw {
    background: var(--virtual-sports-yellow-vivid);
    margin-bottom: 5px
}

.orange--GoBsb {
    background: var(--virtual-sports-orange-vivid);
    margin-top: 5px
}

.buttons--Ds4NJ {
    align-items: center;
    border-top: 1px solid var(--neutral-1400);
    display: flex;
    gap: 25px;
    justify-content: space-between;
    padding: 9px 15px
}

.clear-button--VATNQ {
    background: var(--virtual-sports-red-strong-1);
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    justify-content: center;
    line-height: 16px;
    min-width: 165px;
    padding: 10px;
    width: 165px
}

.clear-button--VATNQ, .quick-pick--yt5cu {
    border-radius: 8px;
    display: flex
}

.quick-pick--yt5cu {
    align-items: center;
    background: var(--neutral-1400);
    gap: 5px;
    justify-content: space-between;
    padding: 5px 10px
}

.quick-title--qTpr6 {
    color: white;
    flex: 1 1 100%;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    min-width: 0
}

.select--65mA_ {
    position: relative
}

.select-current--ZBVdl {
    color: var(--pale-text);
    cursor: pointer;
    font-size: 14px;
    gap: 3px;
    justify-content: center;
    line-height: 16px;
    min-width: 40px;
    padding: 5px;
    width: 40px
}

.drop-down--YorDA, .select-current--ZBVdl {
    align-items: center;
    background: var(--neutral-1300);
    border-radius: 8px;
    display: flex;
    font-weight: 400
}

.drop-down--YorDA {
    bottom: calc(100% + 3px);
    color: white;
    flex-direction: column;
    font-size: 12px;
    gap: 2px;
    line-height: 14px;
    padding: 10px 7px;
    position: absolute;
    width: 100%;
    z-index: 10
}

.counter--g2A4p {
    align-items: center;
    border-radius: 5px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    padding: 6px 0;
    width: 100%
}

.counter--g2A4p.active--RDr4a, .counter--g2A4p:hover {
    background: #4590ff;
    color: var(--dark-text)
}

.shuffle-btn--Brl3I {
    border-radius: 8px;
    cursor: pointer;
    height: 26px;
    min-width: 26px;
    padding: 3px;
    width: 26px
}

.shuffle-btn--Brl3I, .shuffle-btn--Brl3I:hover {
    background: var(--brand)
}

.shuffle-icon--kkfAe {
    background-image: -webkit-image-set(url(https://api-otobet-tr--prd--pl-sb.apin18erdg.com/sportsbook__static/Assets/Images/776a4397b3d873c85f56.png) 1x, url(https://api-otobet-tr--prd--pl-sb.apin18erdg.com/sportsbook__static/Assets/Images/03ae7e48c34f957b84a1.png) 2x);
    background-image: image-set(url(https://api-otobet-tr--prd--pl-sb.apin18erdg.com/sportsbook__static/Assets/Images/776a4397b3d873c85f56.png) 1x, url(https://api-otobet-tr--prd--pl-sb.apin18erdg.com/sportsbook__static/Assets/Images/03ae7e48c34f957b84a1.png) 2x);
    background-size: contain;
    filter: invert(1);
    height: 100%;
    width: 100%
}

@media screen and (max-width: 1600px) {
    .container--dUlt3 {
        width: 525px
    }

    .table-container--fJ6ME {
        -moz-column-gap: 8px;
        column-gap: 8px;
        padding: 17px 16px
    }
}

.clear-all--_8_g4 {
    align-items: center;
    border-radius: 8px;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    font-size: 12px;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap
}

.clear-all--_8_g4.disable--asplW {
    cursor: default;
    opacity: .5;
    pointer-events: none
}

.board-container--rrq0x {
    align-items: center;
    display: flex;
    flex-direction: column;
    width: 100%
}

.board-header--Su4Z4 {
    background: var(--neutral-1400);
    border-radius: var(--default-border-radius) var(--default-border-radius) 0 0;
    display: flex;
    width: 100%
}

.title--fjXNv {
    color: white;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -.3px;
    line-height: normal;
    padding: 6px;
    text-align: center;
    width: 50%
}

.outcomes--aI3le {
    background: var(--neutral-1500);
    width: 100%
}

.outcome-wrapper--wpb3S {
    display: flex
}

.outcome-wrapper--wpb3S:not(:last-child) {
    border-bottom: 1px solid var(--neutral-1400)
}

.outcome-field--K8qJI {
    color: var(--light-text);
    font-size: 12px;
    font-weight: 400;
    line-height: 28px;
    padding: 12px 0;
    text-align: center;
    width: 50%
}

.board-control--Cx_3y {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 15px 0;
    width: 100%
}

.board-title--UrrRE {
    color: var(--light-text);
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    text-transform: capitalize
}

.market-list--m2RpK {
    display: flex;
    gap: 15px;
    justify-content: center;
    padding-bottom: 15px;
    width: 100%
}

.outcome-wrapper--L6_Bk {
    align-items: center;
    border: 1px solid var(--neutral-1500);
    border-radius: 8px;
    color: var(--light-text);
    cursor: pointer;
    display: flex;
    flex-direction: column;
    font-size: 12px;
    font-weight: 400;
    height: 52px;
    line-height: 14px;
    width: 138px
}

.outcome-wrapper--L6_Bk.active--BR3t6 {
    background: #4590ff;
    border-color: var(--dark-text);
    color: var(--dark-text)
}

.outcome-parameter--WbxFg {
    border-bottom: 1px solid var(--neutral-1500);
    padding: 5px;
    text-align: center;
    width: 100%
}

.outcome-wrapper--L6_Bk.active--BR3t6 .outcome-parameter--WbxFg {
    border-color: var(--dark-text)
}

.odds--KDJt_ {
    display: flex;
    padding: 7px
}

.sport-menu-container--g97B4 {
    margin: 28px 0
}

.menu--OgD5z {
    border-radius: initial
}

.market-container--ZOr1G {
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 25px 0 30px;
    width: 100%
}

.market-wrapper--aeeIu {
    background: linear-gradient(0deg, var(--virtual-sports-background), var(--virtual-sports-background));
    border-radius: 25px;
    box-shadow: 0 9px 21px rgba(0, 0, 0, .57);
    display: grid;
    padding: 34px 26px 26px;
    width: 1090px
}

@media screen and (max-width: 1650px) {
    .market-container--ZOr1G {
        padding: 0
    }

    .market-wrapper--aeeIu {
        background: var(--virtual-sports-background);
        border-radius: inherit;
        box-shadow: none;
        padding: 16px 16px 26px;
        width: 100%
    }
}

.roulette-table--wv77e {
    border-right: 1px solid var(--virtual-sports-grey-light);
    border-top: 1px solid var(--virtual-sports-grey-light);
    display: grid;
    grid-template-columns: repeat(13, 73px) 1fr;
    grid-template-rows: repeat(3, 48px);
    width: 100%
}

.box--niEBX {
    align-items: center;
    border-bottom: 1px solid var(--virtual-sports-grey-light);
    border-left: 1px solid var(--virtual-sports-grey-light);
    color: var(--virtual-sports-text);
    cursor: pointer;
    display: flex;
    font-size: 15px;
    font-weight: 400;
    justify-content: center;
    line-height: 18px;
    padding: 15px 10px;
    position: relative
}

.zero-box--xkgVX {
    background: linear-gradient(0deg, var(--virtual-sports-green-dark-1), var(--virtual-sports-green-dark-1)), var(--virtual-sports-red-pure);
    grid-column: 1/2;
    grid-row: 1/4
}

.box--niEBX.hover-box--TBqsE, .dot--H3wSn:not(.dot-selected--PVN4i):hover {
    background: linear-gradient(0deg, var(--virtual-sports-green-strong), var(--virtual-sports-green-strong)), var(--virtual-sports-red-pure)
}

.first-row--JcPAd {
    grid-row: 1/2
}

.second-row--wIzGK {
    grid-row: 2/3
}

.third-row--Y10Au {
    grid-row: 3/4
}

.red-box--RVnDh {
    background: var(--virtual-sports-red-pure)
}

.black-box--GcF71 {
    background: linear-gradient(0deg, var(--virtual-sports-black), var(--virtual-sports-black)), var(--virtual-sports-red-pure)
}

.line-pick--Uf1PL {
    background: linear-gradient(0deg, var(--virtual-sports-background), var(--virtual-sports-background)), var(--virtual-sports-red-pure)
}

.dot--H3wSn {
    background: var(--virtual-sports-grey-light);
    border: 1px solid var(--virtual-sports-text);
    border-radius: 50%;
    display: none;
    height: 16px;
    position: absolute;
    width: 16px;
    z-index: 1
}

.box--niEBX:hover > .dot--H3wSn {
    display: block
}

.left-top--A1322 {
    left: -1px
}

.left-top--A1322, .top-middle--y2LS2 {
    top: 0;
    transform: translate(-50%, -50%)
}

.top-middle--y2LS2 {
    left: 50%
}

.right-top--DrSFC {
    top: 0
}

.right-middle--Y6Ow4, .right-top--DrSFC {
    right: 0;
    transform: translate(50%, -50%)
}

.right-middle--Y6Ow4 {
    top: calc(50% + .5px)
}

.right-bottom--X8nBm {
    bottom: -1px;
    right: 0;
    transform: translate(50%, 50%)
}

.bottom-middle--e8eRg {
    left: 50%
}

.bottom-middle--e8eRg, .left-bottom--CNW3u {
    bottom: -1px;
    transform: translate(-50%, 50%)
}

.left-bottom--CNW3u {
    left: -1px
}

.left-middle--JLU3p {
    bottom: calc(50% - .5px);
    left: -1px;
    transform: translate(-50%, 50%)
}

.right-third-bottom--PMzew {
    bottom: calc(16.66667% - .83333px);
    right: 0;
    transform: translate(50%, 50%)
}

.right-third-top--ZfFf2 {
    right: 0;
    top: 16.66667%;
    transform: translate(50%, -50%)
}

.selected--O9TJW:after {
    background: url(https://api-otobet-tr--prd--pl-sb.apin18erdg.com/sportsbook__static/Assets/Images/d5d3c5c05a59694350ed.svg) no-repeat;
    content: "";
    cursor: pointer;
    height: 16px;
    position: absolute;
    width: 16px;
    z-index: 3
}

.line-pick--Uf1PL.selected--O9TJW:after {
    bottom: 2px;
    right: 2px
}

.selected--O9TJW:not(.line-pick--Uf1PL):after {
    bottom: 50%;
    left: calc(50% + 8px)
}

.dot-selected--PVN4i {
    background: url(https://api-otobet-tr--prd--pl-sb.apin18erdg.com/sportsbook__static/Assets/Images/d5d3c5c05a59694350ed.svg) no-repeat;
    border: none;
    cursor: pointer;
    display: block;
    z-index: 3
}

@media screen and (max-width: 1650px) {
    .roulette-table--wv77e {
        grid-template-columns:repeat(14, 1fr)
    }

    .box--niEBX {
        font-size: 12px;
        line-height: 16px;
        padding: 15px 5px
    }
}

.selector--bMF_Q {
    align-items: center;
    background: linear-gradient(0deg, var(--virtual-sports-background), var(--virtual-sports-background)), linear-gradient(0deg, var(--virtual-sports-text), var(--virtual-sports-text)), var(--virtual-sports-red-pure);
    border-bottom: 1px solid var(--virtual-sports-grey-light);
    border-left: 1px solid var(--virtual-sports-grey-light);
    color: var(--virtual-sports-text);
    cursor: pointer;
    display: flex;
    font-family: Roboto, sans-serif;
    font-size: 15px;
    font-weight: 400;
    justify-content: center;
    line-height: 18px;
    padding: 15px 10px;
    position: relative
}

.selector-first-twelve--opNfR {
    grid-column: 2/6;
    grid-row: 1/2
}

.selector-second-twelve--aW0QX {
    grid-column: 6/10;
    grid-row: 1/2
}

.selector-third-twelve--kNJqb {
    border-right: 1px solid var(--virtual-sports-grey-light);
    grid-column: 10/14;
    grid-row: 1/2
}

.selector-first-half--fshnS {
    grid-column: 2/4
}

.selector-even--Xui7P, .selector-first-half--fshnS {
    border-top: 1px solid var(--virtual-sports-grey-light);
    grid-row: 2/3
}

.selector-even--Xui7P {
    grid-column: 4/6
}

.selector-red--Q9FCq {
    background: red;
    grid-column: 6/8
}

.selector-black--FkROa, .selector-red--Q9FCq {
    border-top: 1px solid var(--virtual-sports-grey-light);
    grid-row: 2/3
}

.selector-black--FkROa {
    background: linear-gradient(0deg, var(--virtual-sports-black), var(--virtual-sports-black)), var(--virtual-sports-red-pure);
    grid-column: 8/10
}

.selector-odd--l5fzq {
    grid-column: 10/12
}

.selector-last-half--Mix8z, .selector-odd--l5fzq {
    border-top: 1px solid var(--virtual-sports-grey-light);
    grid-row: 2/3
}

.selector-last-half--Mix8z {
    border-right: 1px solid var(--virtual-sports-grey-light);
    grid-column: 12/14
}

.selector-orange-sector--JO7Xz {
    background: linear-gradient(0deg, var(--virtual-sports-orange), var(--virtual-sports-orange)), linear-gradient(0deg, var(--virtual-sports-text), var(--virtual-sports-text)), var(--virtual-sports-red-pure);
    grid-column: 2/4
}

.selector-blue-sector--s0gZa, .selector-orange-sector--JO7Xz {
    border-top: 1px solid var(--virtual-sports-grey-light);
    grid-row: 3/4
}

.selector-blue-sector--s0gZa {
    background: linear-gradient(0deg, var(--virtual-sports-blue-bright), var(--virtual-sports-blue-bright)), linear-gradient(0deg, var(--virtual-sports-text), var(--virtual-sports-text)), var(--virtual-sports-red-pure);
    grid-column: 4/6
}

.selector-rose-sector--z65vA {
    background: linear-gradient(0deg, var(--virtual-sports-rose), var(--virtual-sports-rose)), var(--virtual-sports-red-pure);
    grid-column: 6/8
}

.selector-green-sector--Pp4PC, .selector-rose-sector--z65vA {
    border-top: 1px solid var(--virtual-sports-grey-light);
    grid-row: 3/4
}

.selector-green-sector--Pp4PC {
    background: linear-gradient(0deg, var(--virtual-sports-green-cyan), var(--virtual-sports-green-cyan)), linear-gradient(0deg, var(--virtual-sports-black), var(--virtual-sports-black)), var(--virtual-sports-red-pure);
    grid-column: 8/10
}

.selector-yellow-sector--fc0Vr {
    background: linear-gradient(0deg, var(--virtual-sports-yellow-soft), var(--virtual-sports-yellow-soft)), linear-gradient(0deg, var(--virtual-sports-text), var(--virtual-sports-text)), var(--virtual-sports-red-pure);
    grid-column: 10/12
}

.selector-white-sector--gSKCs, .selector-yellow-sector--fc0Vr {
    border-top: 1px solid var(--virtual-sports-grey-light);
    color: #000;
    grid-row: 3/4
}

.selector-white-sector--gSKCs {
    background: linear-gradient(0deg, var(--virtual-sports-text), var(--virtual-sports-text)), var(--virtual-sports-red-pure);
    border-right: 1px solid var(--virtual-sports-grey-light);
    grid-column: 12/14
}

.selector--bMF_Q.selected--y4bZZ:after {
    background: url(https://api-otobet-tr--prd--pl-sb.apin18erdg.com/sportsbook__static/Assets/Images/d5d3c5c05a59694350ed.svg) no-repeat;
    border-radius: 16px;
    content: "";
    cursor: pointer;
    height: 16px;
    position: absolute;
    width: 16px;
    z-index: 3
}

.sector-inside--gEniQ, .sector-number--qu_CN {
    display: grid;
    grid-row: 2/3;
    grid-row-gap: 10px;
    grid-column: 1/1;
    grid-template-columns: repeat(12, 73px) 74px 1fr;
    grid-template-rows: repeat(3, 48px);
    row-gap: 10px
}

.selector-first-twelve--opNfR.selected--y4bZZ:after, .selector-second-twelve--aW0QX.selected--y4bZZ:after, .selector-third-twelve--kNJqb.selected--y4bZZ:after {
    bottom: 3px;
    right: 3px
}

.selected--y4bZZ:not(.selector-first-twelve--opNfR,.selector-second-twelve--aW0QX,.selector-third-twelve--kNJqb):after {
    right: 3px;
    top: 3px
}

@media screen and (max-width: 1650px) {
    .sector-inside--gEniQ, .sector-number--qu_CN {
        grid-template-columns:repeat(14, 1fr)
    }
}

@media screen and (max-width: 1400px) {
    .selector--bMF_Q {
        font-size: 12px;
        line-height: 16px
    }
}

.container--re8S0 {
    align-items: center;
    color: var(--virtual-sports-text);
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin: 0 auto;
    padding: 26px 91px 0 73px;
    width: 1040px
}

.title--LpvT4 {
    font-size: 14px;
    font-weight: 700;
    line-height: 16px
}

.neighbors--Z9FsI {
    border: 1px solid var(--virtual-sports-grey-light);
    position: relative;
    width: 100%
}

.arrow--Eimw8 {
    align-items: center;
    background: rgba(0, 0, 0, .2);
    border: 1px solid rgba(163, 172, 184, .3);
    border-radius: 50px;
    bottom: 0;
    display: flex;
    height: 36px;
    justify-content: center;
    margin: auto 0;
    position: absolute;
    right: -51px;
    top: 0;
    width: 36px
}

.arrow--Eimw8:first-child {
    left: -51px;
    right: auto
}

.next-arrow--JNY8m, .prev-arrow--B6ULX {
    background-image: -webkit-image-set(url(https://api-otobet-tr--prd--pl-sb.apin18erdg.com/sportsbook__static/Assets/Images/e5da294227fa2c07c981.png) 1x, url(https://api-otobet-tr--prd--pl-sb.apin18erdg.com/sportsbook__static/Assets/Images/95fcceb1ded38f6e6c68.png) 2x);
    background-image: image-set(url(https://api-otobet-tr--prd--pl-sb.apin18erdg.com/sportsbook__static/Assets/Images/e5da294227fa2c07c981.png) 1x, url(https://api-otobet-tr--prd--pl-sb.apin18erdg.com/sportsbook__static/Assets/Images/95fcceb1ded38f6e6c68.png) 2x);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
    height: 16px;
    min-width: 16px;
    width: 16px
}

.next-arrow--JNY8m {
    transform: rotate(180deg)
}

.field--hy2hK {
    align-items: center;
    border-left: 1px solid var(--virtual-sports-grey-light);
    color: var(--virtual-sports-text);
    cursor: pointer;
    display: flex;
    font-size: 15px;
    font-weight: 400;
    height: 48px;
    justify-content: center;
    line-height: 18px;
    padding: 15px 10px;
    position: relative;
    width: 40px
}

.field--hy2hK.hover-box--Afq_A {
    background: linear-gradient(0deg, var(--brand), var(--brand)), var(--virtual-sports-red-pure)
}

.zero-box--fnXtW {
    background: linear-gradient(0deg, var(--virtual-sports-green-dark-1), var(--virtual-sports-green-dark-1)), var(--virtual-sports-red-pure)
}

.red-box--O8gXN {
    background: var(--virtual-sports-red-pure)
}

.black-box--RDK1s {
    background: linear-gradient(0deg, var(--virtual-sports-black), var(--virtual-sports-black)), var(--virtual-sports-red-pure)
}

.active--pHIdF:after {
    background: url(https://api-otobet-tr--prd--pl-sb.apin18erdg.com/sportsbook__static/Assets/Images/d5d3c5c05a59694350ed.svg) no-repeat;
    border-radius: 16px;
    content: "";
    cursor: pointer;
    height: 16px;
    left: 50%;
    position: absolute;
    top: 0;
    transform: translate(-50%, -50%);
    width: 16px;
    z-index: 3
}

@media screen and (max-width: 1650px) {
    .container--re8S0 {
        width: 700px
    }

    .field--hy2hK {
        font-size: 12px;
        line-height: 16px
    }
}

.container--Swty_ {
    align-items: stretch;
    display: flex;
    gap: 15px;
    justify-content: center;
    padding: 15px
}

.view--_7v2Z {
    height: 314px;
    width: 552px
}

.menu--gY3lQ {
    height: 48px
}

.left-side--YVTfa, .market-container--Fe2DU {
    display: flex;
    flex-direction: column;
    gap: 15px
}

.market-container--Fe2DU {
    background: var(--neutral-1300);
    border-bottom: 1px solid var(--neutral-1400);
    border-left: 1px solid var(--neutral-1400);
    border-radius: 0 0 var(--default-border-radius) 8px;
    border-right: 1px solid var(--neutral-1400);
    height: calc(100% - 50px);
    padding: 15px
}

.right-side--Zjl9n {
    width: 474px
}

@media screen and (max-width: 1520px) {
    .view--_7v2Z {
        height: 300px;
        width: 525px
    }

    .right-side--Zjl9n {
        width: 429px
    }
}

@media screen and (max-width: 1600px) {
    .container--Swty_ {
        flex-direction: column;
        padding: 15px 0
    }

    .left-side--YVTfa, .right-side--Zjl9n, .view--_7v2Z {
        width: 100%
    }
}

.container--tEJ6l {
    background: var(--neutral-1300);
    border: 1px solid var(--neutral-1400);
    border-radius: 8px;
    width: 552px
}

.buttons--jW2C3 {
    align-items: center;
    border-top: 1px solid var(--neutral-1400);
    display: flex;
    gap: 25px;
    justify-content: flex-end;
    padding: 15px
}

.clear-button--EIWGX {
    background: var(--virtual-sports-red-strong-1);
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    font-size: 14px;
    font-weight: 500;
    justify-content: center;
    line-height: 16px;
    min-width: 165px;
    padding: 10px;
    width: 165px
}

.roulette-racing-table--oDT06 {
    display: grid;
    grid-template-columns: 64px repeat(5, 86px);
    grid-template-rows: repeat(6, 48px);
    justify-content: center;
    padding: 26px;
    width: 100%
}

.box--raMPD {
    align-items: center;
    border-bottom: 1px solid var(--virtual-sports-grey-light);
    border-left: 1px solid var(--virtual-sports-grey-light);
    color: var(--light-text);
    cursor: pointer;
    display: flex;
    font-size: 15px;
    font-weight: 400;
    justify-content: center;
    line-height: 18px;
    padding: 15px;
    position: relative;
    text-align: center
}

.border-right--AyRgi {
    border-right: 1px solid var(--virtual-sports-grey-light)
}

.black-box--Y6O95:hover, .red-box--mbsg6:hover, .zero-box--Ruyeo:hover {
    background: linear-gradient(0deg, var(--brand), var(--brand)), linear-gradient(0deg, var(--virtual-sports-black), var(--virtual-sports-black)), var(--virtual-sports-red-pure)
}

.black-box--Y6O95, .red-box--mbsg6, .zero-box--Ruyeo {
    color: var(--virtual-sports-text)
}

.zero-box--Ruyeo {
    background: linear-gradient(0deg, var(--virtual-sports-green-dark-1), var(--virtual-sports-green-dark-1)), var(--virtual-sports-red-pure);
    border-top: 1px solid var(--virtual-sports-grey-light);
    grid-column: 1/2;
    grid-row: 2/5;
    margin-top: -1px
}

.first-row--Az272 {
    grid-row: 2/3
}

.first-row--Az272:not(.red-box--mbsg6,.black-box--Y6O95) {
    border-left: none;
    border-right: 1px solid var(--virtual-sports-grey-light);
    border-top: 1px solid var(--virtual-sports-grey-light);
    margin-top: -1px
}

.second-row--MntuA {
    grid-row: 3/4
}

.second-row--MntuA:not(.red-box--mbsg6,.black-box--Y6O95) {
    border-left: none;
    border-right: 1px solid var(--virtual-sports-grey-light)
}

.third-row--HouIR {
    grid-row: 4/5
}

.third-row--HouIR:not(.red-box--mbsg6,.black-box--Y6O95) {
    border-left: none;
    border-right: 1px solid var(--virtual-sports-grey-light)
}

.red-box--mbsg6 {
    background: var(--virtual-sports-red-pure)
}

.black-box--Y6O95 {
    background: linear-gradient(0deg, var(--virtual-sports-black), var(--virtual-sports-black)), var(--virtual-sports-red-pure)
}

.first-column--TfmWN {
    grid-column: 2/3
}

.first-column--TfmWN, .second-column--wgDjB {
    border-top: 1px solid var(--virtual-sports-grey-light)
}

.second-column--wgDjB {
    grid-column: 3/4
}

.third-column--kSm7T {
    grid-column: 4/5
}

.fourth-column--Hp6Qk, .third-column--kSm7T {
    border-top: 1px solid var(--virtual-sports-grey-light)
}

.fourth-column--Hp6Qk {
    border-right: 1px solid var(--virtual-sports-grey-light);
    grid-column: 5/6
}

.low--Lrx9F {
    grid-column: 2/4
}

.high--jyyj2, .low--Lrx9F {
    grid-row: 5/6
}

.high--jyyj2 {
    border-right: 1px solid var(--virtual-sports-grey-light);
    grid-column: 4/6
}

.even--UR8X6 {
    grid-column: 2/3;
    grid-row: 6/7
}

.red--Wxc2x {
    background: red;
    grid-column: 3/4
}

.black--YDW6z, .red--Wxc2x {
    color: var(--virtual-sports-text);
    grid-row: 6/7
}

.black--YDW6z {
    background: #000;
    grid-column: 4/5
}

.odd--JkuCf {
    border-right: 1px solid var(--virtual-sports-grey-light);
    grid-column: 5/6;
    grid-row: 6/7
}

.selected--jeS54:after {
    background: url(https://api-otobet-tr--prd--pl-sb.apin18erdg.com/sportsbook__static/Assets/Images/d5d3c5c05a59694350ed.svg) no-repeat;
    background-size: cover;
    content: "";
    cursor: pointer;
    height: 16px;
    width: 16px
}

.selected-list--kWNpI, .selected--jeS54:after {
    left: 2px;
    position: absolute;
    top: 2px;
    z-index: 3
}

.selected-list--kWNpI {
    display: flex;
    gap: 2px
}

.selected-element--lu3Cf {
    background: url(https://api-otobet-tr--prd--pl-sb.apin18erdg.com/sportsbook__static/Assets/Images/d5d3c5c05a59694350ed.svg) no-repeat;
    background-size: cover;
    cursor: pointer;
    height: 16px;
    width: 16px
}

@media screen and (max-width: 1600px) {
    .container--tEJ6l {
        width: 100%
    }

    .roulette-racing-table--oDT06 {
        padding: 33px 16px
    }
}

.outcome--A5JXd {
    align-items: center;
    background: var(--neutral-1200);
    border-radius: 5px;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    font-size: 12px;
    font-weight: 400;
    justify-content: center;
    line-height: 28px;
    padding: 1px 0;
    position: relative;
    width: 58px
}

.outcome--A5JXd:hover {
    color: var(--brand)
}

.outcome--A5JXd.active--Qn5UU {
    background: #4590ff;
    color: var(--white)
}

.outcome-wrapper--GPn7H {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 6px;
    width: 33.33333%
}

.market-head-wrapper--J0fJs {
    align-items: center;
    display: flex;
    gap: 3px;
    padding: 12px 0 12px 15px;
    width: 25%
}

.market-border--ujmMR .market-list--qlIOv {
    border-left: 1px solid var(--neutral-1400)
}

.head-color-box--h_4ZO {
    align-items: center;
    border-radius: 2px;
    color: var(--light-text);
    display: flex;
    font-size: 10px;
    font-weight: 700;
    height: 20px;
    justify-content: center;
    line-height: 12px;
    text-shadow: 0 1px 3px rgba(0, 0, 0, .57);
    width: 20px
}

.red--JTT_J {
    background: var(--virtual-sports-red-pure)
}

.black--lXkFV {
    background: linear-gradient(0deg, var(--virtual-sports-black), var(--virtual-sports-black)), var(--virtual-sports-red-pure)
}

.green--AVy16 {
    background: linear-gradient(0deg, var(--virtual-sports-green-dark-2), var(--virtual-sports-green-dark-2)), var(--virtual-sports-red-pure)
}

.empty-pick--eR3gf {
    align-items: center;
    border: 1px dashed var(--neutral-1500);
    border-radius: 8px;
    display: flex;
    height: 100%;
    justify-content: center;
    padding: 16px
}

.empty-pick-title--f6sBP {
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    text-align: center;
    width: 300px
}

.main-header--B0kJT {
    background: var(--neutral-1400);
    border-radius: 5px 5px 0 0;
    display: flex;
    justify-content: flex-end;
    padding: 6px 0
}

.market-title--NX3L3 {
    color: white;
    font-size: 10px;
    font-weight: 400;
    line-height: 12px;
    padding: 0 5px;
    text-align: center;
    width: 25%
}

.market-group--k8NW2 {
    align-items: stretch;
    background: var(--neutral-1300);
    display: flex
}

.market-group--k8NW2:not(:last-child) {
    border-bottom: 1px solid var(--neutral-1400)
}

.market-group--k8NW2:last-child {
    border-radius: 0 0 5px 5px
}

.market-list--qlIOv {
    display: flex;
    padding: 12px 0;
    width: 100%
}

.market-wrapper--N9qHD {
    display: flex;
    flex-direction: column;
    width: 75%
}

.market-head--tiPtX {
    background: var(--neutral-1400);
    display: flex;
    padding: 6px 0;
    width: 100%
}

.market-head--tiPtX .market-title--NX3L3 {
    width: 33.33333%
}

.subtitle--hPprr {
    align-items: center;
    display: flex;
    flex-direction: column;
    font-size: 10px;
    font-weight: 400;
    letter-spacing: -.02em;
    line-height: 12px
}

.container--FqFhv {
    align-items: stretch;
    display: flex;
    gap: 15px;
    justify-content: center;
    padding: 15px
}

.menu--qLQPb {
    height: 48px
}

.view--bUcIt {
    height: 314px;
    width: 552px
}

.left-side--kmGT0 {
    align-items: center;
    gap: 15px
}

.left-side--kmGT0, .market-container--R3UEx {
    display: flex;
    flex-direction: column
}

.market-container--R3UEx {
    background: var(--neutral-1300);
    border-bottom: 1px solid var(--neutral-1400);
    border-left: 1px solid var(--neutral-1400);
    border-radius: 0 0 var(--default-border-radius) 8px;
    border-right: 1px solid var(--neutral-1400);
    height: calc(100% - 50px);
    padding: 15px
}

.right-side--rX7Kd {
    width: 474px
}

@media screen and (max-width: 1750px) {
    .view--bUcIt {
        height: 300px;
        width: 525px
    }

    .right-side--rX7Kd {
        width: 429px
    }

    .container--FqFhv {
        flex-direction: column;
        padding: 15px 0
    }

    .left-side--kmGT0, .right-side--rX7Kd, .view--bUcIt {
        width: 100%
    }
}

.container--nr5b3 {
    background: var(--neutral-1300);
    border: 1px solid var(--neutral-1400);
    border-radius: 8px;
    width: 552px
}

.table-container--ZE03T {
    display: grid;
    grid-template-columns: repeat(6, 64px);
    grid-gap: 34px 24px;
    gap: 34px 24px;
    justify-content: center;
    padding: 34px 24px 38px
}

.field--IxVKA {
    align-items: center;
    border-radius: 50%;
    color: var(--virtual-sports-text);
    cursor: pointer;
    display: flex;
    font-size: 18px;
    font-weight: 700;
    height: 64px;
    justify-content: center;
    line-height: 21px;
    padding: 18px 0;
    width: 64px
}

.field--IxVKA.active--ipfBn, .field--IxVKA:hover {
    background: var(--white)
}

.green--v9UhL:not(.active--ipfBn,:hover) {
    background: radial-gradient(50% 50% at 50% 50%, var(--virtual-sports-green-soft) 0, var(--virtual-sports-green-dark-moderate) 100%)
}

.green--v9UhL.active--ipfBn, .green--v9UhL:hover {
    border: 5px solid var(--virtual-sports-green-dark-moderate);
    color: var(--virtual-sports-green-dark-moderate)
}

.blue--FZs3g:not(.active--ipfBn,:hover) {
    background: radial-gradient(50% 50% at 50% 50%, var(--virtual-sports-blue-soft) 0, var(--virtual-sports-blue-vivid) 100%)
}

.blue--FZs3g.active--ipfBn, .blue--FZs3g:hover {
    border: 5px solid var(--virtual-sports-blue-vivid);
    color: var(--virtual-sports-blue-vivid)
}

.yellow--hH8zi:not(.active--ipfBn,:hover) {
    background: radial-gradient(50% 50% at 50% 50%, var(--virtual-sports-yellow-pale) 0, var(--virtual-sports-yellow-pure-2) 100%);
    color: var(--virtual-sports-black)
}

.yellow--hH8zi.active--ipfBn, .yellow--hH8zi:hover {
    border: 5px solid var(--virtual-sports-yellow-pure-2);
    color: var(--virtual-sports-yellow-pure-2)
}

.red--zRJKu:not(.active--ipfBn,:hover) {
    background: radial-gradient(50% 50% at 50% 50%, var(--virtual-sports-red-soft) 0, var(--virtual-sports-red-strong-2) 100%)
}

.red--zRJKu.active--ipfBn, .red--zRJKu:hover {
    border: 5px solid var(--virtual-sports-red-strong-2);
    color: var(--virtual-sports-red-strong-2)
}

.buttons--sWaOr {
    border-top: 1px solid var(--neutral-1400);
    padding: 9px 15px
}

.buttons--sWaOr, .buttons-left-side--gmdnb {
    align-items: center;
    display: flex;
    gap: 25px;
    justify-content: space-between
}

.buttons-left-side--gmdnb {
    max-width: calc(100% - 190px)
}

.quick-title--QlT19 {
    flex: 1 1 100%;
    min-width: 0
}

.clear-button--M_q0w {
    background: var(--virtual-sports-red-strong-1);
    display: flex;
    font-size: 14px;
    justify-content: center;
    line-height: 16px;
    min-width: 165px;
    padding: 10px;
    width: 165px
}

.clear-button--M_q0w, .retry-btn--s4eQ6 {
    border-radius: 5px;
    cursor: pointer;
    font-weight: 500
}

.retry-btn--s4eQ6 {
    color: #4590ff;
    font-size: 15px;
    height: 48px;
    line-height: 18px;
    min-width: 48px;
    padding: 9px;
    width: 48px
}

.retry-count--eZVOF {
    align-items: center;
    background: url(https://api-otobet-tr--prd--pl-sb.apin18erdg.com/sportsbook__static/Assets/Images/a61cf73dbde479578be4.svg) no-repeat;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%
}

.retry-btn--s4eQ6:hover {
    background: #4590ff;
    color: var(--text)
}

.retry-btn--s4eQ6:hover .retry-count--eZVOF {
    background: url(https://api-otobet-tr--prd--pl-sb.apin18erdg.com/sportsbook__static/Assets/Images/d6005833dcae17a759d3.svg) no-repeat
}

@media screen and (max-width: 1600px) {
    .container--nr5b3 {
        width: 525px
    }

    .table-container--ZE03T {
        -moz-column-gap: 18px;
        column-gap: 18px;
        padding: 44px 25px 43px
    }
}

@media screen and (max-width: 1400px) {
    .container--nr5b3 {
        width: 100%
    }
}

.first-ball--BEPjM {
    padding-bottom: 10px
}

.combo-container--GDoHX, .first-ball--BEPjM {
    align-items: center;
    display: flex;
    gap: 5px
}

.combo-container--GDoHX {
    flex-direction: column
}

.combo--jejd7 {
    align-items: center;
    border: 1px solid var(--neutral-1400);
    border-radius: 5px;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    height: 52px;
    justify-content: space-between;
    padding: 4px;
    width: 100%
}

.combo-title--ffyiC {
    display: flex;
    flex-direction: column;
    gap: 4px;
    width: 140px
}

.combo-title-header--s7h4W {
    align-items: flex-end;
    display: flex;
    gap: 5px
}

.combo-title-header-pick--JP55v {
    color: var(--light-text);
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
    text-transform: uppercase
}

.combo-title-header-bonus--O_dtM {
    color: var(--grey);
    flex: 1;
    font-size: 10px;
    font-weight: 400;
    line-height: 12px;
    text-transform: capitalize
}

.combo-title-footer--lcdCu {
    display: flex;
    gap: 4px;
    width: 140px
}

.intermediate-title--d4A5R {
    align-items: center;
    display: flex;
    flex-direction: column;
    font-weight: 400
}

.intermediate-title--d4A5R:not(.total--s06tT) {
    max-width: 40px
}

.total--s06tT {
    background: #4590ff;
    border-radius: 3px;
    padding: 8px;
    width: 56px
}

.combo-pays--qfknO {
    color: var(--light-text);
    font-size: 10px;
    line-height: 12px
}

.total--s06tT .combo-pays--qfknO {
    color: var(--dark-text)
}

.combo-length--e7b48 {
    color: var(--light-text);
    font-size: 14px;
    line-height: 16px;
    text-align: center
}

.total--s06tT .combo-length--e7b48 {
    color: var(--dark-text)
}

.outcome-wrapper--gL5u9 {
    align-items: center;
    border: 1px solid var(--neutral-1400);
    border-radius: 5px;
    box-sizing: border-box;
    color: var(--light-text);
    cursor: pointer;
    display: flex;
    font-size: 12px;
    font-weight: 400;
    gap: 5px;
    height: 52px;
    line-height: 14px;
    padding: 16px 10px;
    width: 100%
}

.market-name--TGNIQ {
    flex: 1
}

.ball--moYj7 {
    align-items: center;
    border-radius: 50%;
    color: var(--virtual-sports-text);
    display: flex;
    font-size: 10px;
    font-weight: 700;
    height: 20px;
    justify-content: center;
    line-height: 12px;
    text-shadow: 0 1px 3px rgba(0, 0, 0, .57);
    width: 20px
}

.ball--moYj7.green--Twc2m {
    background: radial-gradient(50% 50% at 50% 50%, var(--virtual-sports-green-soft) 0, var(--virtual-sports-green-dark-moderate) 100%)
}

.ball--moYj7.blue--Ox2TR {
    background: radial-gradient(50% 50% at 50% 50%, var(--virtual-sports-blue-soft) 0, var(--virtual-sports-blue-vivid) 100%), radial-gradient(50% 50% at 50% 50%, var(--virtual-sports-green-soft) 0, var(--virtual-sports-green-dark-moderate) 100%), var(--virtual-sports-grey)
}

.ball--moYj7.yellow--BQwYA {
    background: radial-gradient(50% 50% at 50% 50%, var(--virtual-sports-yellow-pale) 0, var(--virtual-sports-yellow-pure-2) 100%), radial-gradient(50% 50% at 50% 50%, var(--virtual-sports-blue-soft) 0, var(--virtual-sports-blue-vivid) 100%), radial-gradient(50% 50% at 50% 50%, var(--virtual-sports-green-soft) 0, var(--virtual-sports-green-dark-moderate) 100%), var(--virtual-sports-grey);
    color: var(--virtual-sports-black)
}

.ball--moYj7.red--ZCWTU {
    background: radial-gradient(50% 50% at 50% 50%, var(--virtual-sports-red-soft) 0, var(--virtual-sports-red-strong-2) 100%), radial-gradient(50% 50% at 50% 50%, var(--virtual-sports-yellow-pale) 0, var(--virtual-sports-yellow-pure-2) 100%), radial-gradient(50% 50% at 50% 50%, var(--virtual-sports-blue-soft) 0, var(--virtual-sports-blue-vivid) 100%), radial-gradient(50% 50% at 50% 50%, var(--virtual-sports-green-soft) 0, var(--virtual-sports-green-dark-moderate) 100%), var(--virtual-sports-grey)
}

.empty-pick--vX9gU {
    align-items: center;
    border: 1px dashed var(--neutral-1500);
    border-radius: 8px;
    display: flex;
    height: 100%;
    justify-content: center;
    padding: 16px
}

.empty-pick-title--Dk4Xq {
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    text-align: center;
    width: 300px
}

.first-pick-container--hDv_1 {
    display: flex;
    width: 100%
}

.outcomes--yQAL2 {
    display: flex;
    flex-wrap: wrap
}

.outcome-wrapper--urGGo {
    align-items: center;
    border: 1px solid var(--neutral-1400);
    border-radius: 5px;
    box-sizing: border-box;
    color: var(--light-text);
    cursor: pointer;
    display: flex;
    font-size: 12px;
    font-weight: 400;
    gap: 5px;
    height: 52px;
    line-height: 14px;
    padding: 16px 10px;
    width: 100%
}

.market-name--QlRq9 {
    flex: 1
}

.ball--TXAvx {
    align-items: center;
    border-radius: 50%;
    display: flex;
    height: 20px;
    justify-content: center;
    width: 20px
}

.ball--TXAvx.green--Ppd_X {
    background: radial-gradient(50% 50% at 50% 50%, var(--virtual-sports-green-soft) 0, var(--virtual-sports-green-dark-moderate) 100%)
}

.ball--TXAvx.blue--ZI5xd {
    background: radial-gradient(50% 50% at 50% 50%, var(--virtual-sports-blue-soft) 0, var(--virtual-sports-blue-vivid) 100%), radial-gradient(50% 50% at 50% 50%, var(--virtual-sports-green-soft) 0, var(--virtual-sports-green-dark-moderate) 100%), var(--virtual-sports-grey)
}

.ball--TXAvx.yellow--Z5CRk {
    background: radial-gradient(50% 50% at 50% 50%, var(--virtual-sports-yellow-pale) 0, var(--virtual-sports-yellow-pure-2) 100%), radial-gradient(50% 50% at 50% 50%, var(--virtual-sports-blue-soft) 0, var(--virtual-sports-blue-vivid) 100%), radial-gradient(50% 50% at 50% 50%, var(--virtual-sports-green-soft) 0, var(--virtual-sports-green-dark-moderate) 100%), var(--virtual-sports-grey)
}

.ball--TXAvx.red--sX6XD {
    background: radial-gradient(50% 50% at 50% 50%, var(--virtual-sports-red-soft) 0, var(--virtual-sports-red-strong-2) 100%), radial-gradient(50% 50% at 50% 50%, var(--virtual-sports-yellow-pale) 0, var(--virtual-sports-yellow-pure-2) 100%), radial-gradient(50% 50% at 50% 50%, var(--virtual-sports-blue-soft) 0, var(--virtual-sports-blue-vivid) 100%), radial-gradient(50% 50% at 50% 50%, var(--virtual-sports-green-soft) 0, var(--virtual-sports-green-dark-moderate) 100%), var(--virtual-sports-grey)
}

.container--aGy8j {
    padding-top: 9px
}

.title--Cjju2 {
    color: var(--light-text);
    font-size: 12px;
    font-weight: 500;
    line-height: 14px
}

.market-list--zeKug, .title--Cjju2 {
    display: flex;
    gap: 5px
}

.market-list--zeKug {
    padding-top: 5px
}

.outcome-wrapper--kNIwU {
    align-items: center;
    border: 1px solid var(--neutral-1400);
    border-radius: 5px;
    color: var(--light-text);
    cursor: pointer;
    display: flex;
    flex-direction: column;
    font-size: 12px;
    font-weight: 400;
    height: 52px;
    line-height: 14px;
    width: 100%
}

.outcome-wrapper--kNIwU.active--Gwpk1 {
    background: #4590ff;
    color: var(--white)
}

.outcome-parameter--S0KiD, .outcome-wrapper--kNIwU.active--Gwpk1 .outcome-parameter--S0KiD {
    border-bottom: 1px solid var(--neutral-1400)
}

.outcome-parameter--S0KiD {
    padding: 5px;
    text-align: center;
    width: 100%
}

.odds--w8T2X {
    display: flex;
    padding: 7px
}

.color-picker-container--tWlJV {
    display: flex;
    flex-direction: column;
    gap: 5px
}

.color-list--vbz_1 {
    display: flex;
    gap: 5px;
    justify-content: center
}

.field-container--e5N3M {
    background: var(--neutral-1500);
    border: 1px solid var(--neutral-1300);
    border-radius: 8px;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    font-size: 12px;
    font-weight: 400;
    height: 52px;
    line-height: 14px;
    width: 85px
}

.field-container--e5N3M.active--yBWN0 {
    background: #4590ff;
    border-color: var(--dark-text);
    color: var(--dark-text)
}

.field-header--ZwVOi {
    align-items: center;
    border-bottom: 1px solid var(--neutral-1400);
    display: flex;
    justify-content: space-between;
    padding: 5px;
    width: 100%
}

.active--yBWN0 .field-header--ZwVOi {
    border-color: var(--dark-text)
}

.ball--wCso1 {
    border-radius: 50%;
    height: 14px;
    width: 14px
}

.coefficient--nAVo2 {
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 7px;
    width: 100%
}

.ball--wCso1.green--KoBn2 {
    background: radial-gradient(50% 50% at 50% 50%, var(--virtual-sports-green-soft) 0, var(--virtual-sports-green-dark-moderate) 100%), var(--virtual-sports-grey)
}

.ball--wCso1.blue--QJf8l {
    background: radial-gradient(50% 50% at 50% 50%, var(--virtual-sports-blue-soft) 0, var(--virtual-sports-blue-vivid) 100%), radial-gradient(50% 50% at 50% 50%, var(--virtual-sports-green-soft) 0, var(--virtual-sports-green-dark-moderate) 100%), var(--virtual-sports-grey)
}

.ball--wCso1.yellow--mhn2i {
    background: radial-gradient(50% 50% at 50% 50%, var(--virtual-sports-yellow-pale) 0, var(--virtual-sports-yellow-pure-2) 100%), radial-gradient(50% 50% at 50% 50%, var(--virtual-sports-blue-soft) 0, var(--virtual-sports-blue-vivid) 100%), radial-gradient(50% 50% at 50% 50%, var(--virtual-sports-green-soft) 0, var(--virtual-sports-green-dark-moderate) 100%), var(--virtual-sports-grey)
}

.ball--wCso1.red--jrp8z {
    background: radial-gradient(50% 50% at 50% 50%, var(--virtual-sports-red-soft) 0, var(--virtual-sports-red-strong-2) 100%), radial-gradient(50% 50% at 50% 50%, var(--virtual-sports-yellow-pale) 0, var(--virtual-sports-yellow-pure-2) 100%), radial-gradient(50% 50% at 50% 50%, var(--virtual-sports-blue-soft) 0, var(--virtual-sports-blue-vivid) 100%), radial-gradient(50% 50% at 50% 50%, var(--virtual-sports-green-soft) 0, var(--virtual-sports-green-dark-moderate) 100%), var(--virtual-sports-grey)
}

.container--ELwfG {
    padding: 15px 0
}

.title--GaMbn {
    color: var(--light-text);
    font-size: 12px;
    font-weight: 500;
    line-height: 14px
}

.market-list--kOpem, .title--GaMbn {
    display: flex;
    gap: 5px
}

.market-list--kOpem {
    padding-top: 5px
}

.outcome-wrapper--XJzcG {
    align-items: center;
    border: 1px solid var(--neutral-1500);
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    font-size: 12px;
    font-weight: 400;
    height: 52px;
    line-height: 14px;
    width: 100%
}

.outcome-wrapper--XJzcG.active--Pef7j {
    background: #4590ff;
    border-color: var(--dark-text);
    color: var(--dark-text)
}

.outcome-parameter--r34Cd {
    border-bottom: 1px solid var(--neutral-1500);
    padding: 5px;
    text-align: center;
    width: 100%
}

.outcome-wrapper--XJzcG.active--Pef7j .outcome-parameter--r34Cd {
    border-color: var(--dark-text)
}

.odds--w_K0v {
    display: flex;
    padding: 7px
}

.container--Nax6C {
    box-sizing: border-box;
    color: white;
    margin: 0 auto;
    min-height: 100%;
    position: relative;
    width: 100%
}

.view-container--FeXBM {
    display: flex;
    flex-direction: column;
    gap: 18px
}

.view--WpFN7 {
    align-items: center;
    display: flex;
    justify-content: center;
    width: 100%
}

.player--b6de4 {
    width: 580px
}

.sport-menu--hFjq_ {
    align-items: center;
    display: flex
}

.sport-menu-container--tJZYk {
    border-radius: 14px;
    height: 330px;
    overflow: hidden;
    width: 100%
}

.sport-menu-container--tJZYk, .tabs--HvNR5 {
    display: flex;
    justify-content: center
}

.tabs--HvNR5 {
    align-items: flex-end;
    flex-direction: column;
    gap: 8px;
    padding: 29px 25px;
    width: 30%
}

.tab--lVWPX {
    cursor: pointer;
    gap: 8px;
    justify-content: space-between
}

.tab--lVWPX, .tab-icon-container--oIiwk {
    align-items: center;
    display: flex
}

.tab-icon-container--oIiwk {
    background: hsla(0, 0%, 95%, .15);
    border-radius: 5px;
    box-shadow: 5px 5px 7px rgba(0, 0, 0, .25), 2px 2px 2px rgba(0, 0, 0, .12), 0 1px 5px rgba(0, 0, 0, .2);
    justify-content: center;
    padding: 6px
}

.tab-icon--FfigV {
    height: 15px;
    min-width: 15px;
    width: 15px
}

.tab-icon--FfigV > div {
    background-position: 50%;
    background-size: contain;
    height: 100%;
    width: 100%
}

.tab-name--qvlP3 {
    color: hsla(0, 0%, 100%, .35);
    display: flex;
    flex: 1 1 100%;
    font-size: 12px;
    font-weight: 400;
    justify-content: flex-end;
    line-height: 14px;
    min-width: 0;
    text-transform: capitalize
}

.icon_live-match--l0anH {
    background-image: -webkit-image-set(url(https://api-otobet-tr--prd--pl-sb.apin18erdg.com/sportsbook__static/Assets/Images/34e03ac049aac1d20d47.png) 1x, url(https://api-otobet-tr--prd--pl-sb.apin18erdg.com/sportsbook__static/Assets/Images/ba89537b08a5702918ae.png) 2x);
    background-image: image-set(url(https://api-otobet-tr--prd--pl-sb.apin18erdg.com/sportsbook__static/Assets/Images/34e03ac049aac1d20d47.png) 1x, url(https://api-otobet-tr--prd--pl-sb.apin18erdg.com/sportsbook__static/Assets/Images/ba89537b08a5702918ae.png) 2x)
}

.modal--zDWcs {
    color: white;
    height: 585px;
    margin: 0 auto;
    padding-bottom: 40px;
    position: relative;
    text-align: center;
    width: 780px
}

.close--PxXUt {
    cursor: pointer;
    position: absolute;
    right: 24px;
    top: 24px
}

.dots--bsRfv {
    align-items: center;
    display: flex;
    gap: 4px;
    justify-content: center;
    margin: 23px auto 0
}

.horizontal-line--HyYyT {
    background: var(--neutral-1200);
    height: 3px;
    width: 50px
}

.dot--yYCac {
    border: 1px solid var(--neutral-1200);
    border-radius: 14px;
    cursor: pointer;
    height: 28px;
    min-width: 28px;
    width: 28px
}

.dot--yYCac.active--hdYUh {
    background: #4590ff;
    border: none
}

.content--ToHzb {
    width: 100%
}

.bottom--fM4R0 {
    justify-content: center
}

.bottom--fM4R0, .checkbox-group--RopOL {
    align-items: center;
    display: flex
}

.checkbox-group--RopOL {
    color: white;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
    gap: 8px;
    padding-right: 10px;
    text-align: left
}

.button--cfxHK {
    margin: 32px auto;
    padding: 0 45px
}

.step--Cv2bn {
    align-items: center;
    display: inline-flex;
    flex-direction: column;
    padding-top: 30px
}

.icon--pgBef {
    color: #4590ff;
    margin: 0 auto
}

.title--CKbty {
    font-size: 28px;
    font-weight: 600;
    margin-top: 20px;
    text-transform: capitalize
}

.step-content--d7XDP, .title--CKbty {
    color: white;
    text-align: center
}

.step-content--d7XDP {
    font-size: 14px;
    line-height: 22px;
    margin: 15px auto 0
}

.step-content--d7XDP span {
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    height: 24px;
    margin: 0 8px;
    vertical-align: middle;
    width: 24px
}

.stats--zB33x {
    display: flex;
    flex-direction: column;
    gap: 16px;
    height: 100%;
    margin-bottom: auto;
    margin-top: 24px;
    width: 100%
}

.stub--HK7b6 {
    align-items: center;
    border-radius: 0 0 10px 10px;
    box-shadow: inset 0 -1px 0 var(--stroke);
    color: white;
    display: flex;
    height: 380px;
    justify-content: center;
    min-height: 380px
}

.error--ICoBO {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    text-transform: capitalize
}

.statistics--G4sg5 {
    box-shadow: inset 0 -1px 0 var(--stroke);
    display: flex;
    flex-direction: column;
    height: 380px;
    min-height: 380px;
    overflow: hidden;
    padding: 0 16px
}

.statistics-header--b9q2D {
    align-items: center;
    display: grid;
    grid-template-columns: minmax(0, auto) min-content;
    grid-gap: 8px;
    gap: 8px;
    height: 40px
}

.header-left-side--M570N {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.navigation-wrapper--o3MgP {
    gap: 8px
}

.more-stats-btn--DRAhR, .navigation-wrapper--o3MgP {
    align-items: center;
    display: flex;
    justify-content: center
}

.more-stats-btn--DRAhR {
    border-radius: 10px;
    cursor: pointer;
    height: 40px;
    margin-top: 8px;
    width: 100%
}

.title--UWbZU {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    text-transform: capitalize
}

.control-button--z0mEV {
    align-items: center;
    background: var(--granit-grey);
    border-radius: 50%;
    color: white;
    cursor: pointer;
    display: flex;
    height: 33px;
    justify-content: center;
    transition: opacity .2s;
    width: 33px
}

.control-button--z0mEV:first-child {
    transform: rotate(-180deg)
}

.control-button--z0mEV:hover {
    opacity: .8
}

.disable--fO8Q_ {
    cursor: default
}

.disable--fO8Q_, .disable--fO8Q_:hover {
    opacity: .5
}

.modal--AiITs {
    height: auto;
    min-height: 500px;
    width: 600px
}

.widget-name--HNQvO {
    color: white;
    font-size: 28px;
    font-weight: 600;
    line-height: 32px;
    min-width: 185px
}

.container--vETXl {
    display: grid;
    padding-bottom: 20px;
    width: 100%;
    grid-gap: 12px;
    gap: 12px;
    grid-template-columns: minmax(210px, 248px) 1fr 304px
}

.center-container--6jqrD {
    min-width: 513px
}

.left-side--oetgW, .left-side-container--FuTwZ {
    height: 100%
}

.left-side--oetgW {
    background: var(--color-3);
    border-radius: 10px;
    box-shadow: 0 24px 36px 0 var(--color-11), 0 2px 0 0 var(--white) inset;
    display: flex;
    flex-direction: column;
    text-transform: capitalize
}

.sidebar--sKTDs {
    background: inherit;
    gap: 8px;
    grid-template-rows: min-content auto;
    height: 100%
}

.static--_XCd6 {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.live-static--eD6XK {
    margin-bottom: 12px
}

.scrollable-content--T6bfk {
    border-radius: 6px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 8px
}

.skeleton-loader--kzoSs {
    animation: skeleton--TyKlr .8s linear infinite alternate;
    background: var(--skeleton-start);
    height: var(--skeleton-height, 100%);
    width: var(--skeleton-width, 100%)
}

@keyframes skeleton--TyKlr {
    0% {
        background: var(--skeleton-start)
    }

    to {
        background: var(--skeleton-end)
    }
}

.menu--c80m4 {
}

.live-sport-menu--FCd0R {
    border-radius: 0 0 6px 6px;
    overflow: hidden
}

.live-sport-header--Rjdpc {
    box-shadow: none
}

.sport-menu-item-container--X6mx1 {
}

.categories-container--W1sep {
}

.tournaments-container--A8t2N {
    display: flex;
    flex-direction: column;
    gap: 4px
}

.tournament--FkRKr {
    background-color: var(--neutral-1600);
    border-radius: 8px;
    color: var(--neutral-200);
    display: flex;
    flex-direction: column;
    font-size: 12px;
    font-weight: 600;
    line-height: 20px
}

.tournament-header--IDGkj {
    align-items: center;
    cursor: pointer;
    display: flex;
    gap: 12px;
    height: 44px;
    justify-content: space-between;
    max-width: none;
    padding: 0 12px
}

.expanded--uXU1S {
    box-shadow: 0 -1px 0 0 var(--neutral-1400) inset
}

.tournament-text--mPWgK {
    background-color: inherit;
    font-size: 12px;
    font-weight: 500;
    max-width: none;
    width: 100%
}

.icon--S6NDs {
    color: var(--text)
}

.active-icon--sEY9v {
    color: var(--primary-400)
}

.right--R4M3I {
    gap: 12px
}

.count--FWRbt, .right--R4M3I {
    align-items: center;
    display: flex
}

.count--FWRbt {
    background-color: var(--neutral-1300);
    border-radius: 6px;
    color: white;
    font-size: 12px;
    font-weight: 500;
    justify-content: center;
    max-height: 24px;
    min-width: 27px;
    padding: 4px 8px
}

.events-container--FtPgz {
    display: flex;
    flex-direction: column
}

.button--tGyqE {
    background: var(--neutral-1600);
    border-radius: 6px;
    box-shadow: 0 -1px 0 0 var(--neutral-1400) inset;
    display: flex;
    flex-direction: column
}

.button--tGyqE:last-child, .button--tGyqE:only-child {
    box-shadow: none
}

.button--tGyqE:not(.button--tGyqE:last-child) {
    border-radius: initial
}

[data-touch=false] .button--tGyqE:hover {
    opacity: .8
}

.exist--u4tft {
    border: 1px solid var(--live)
}

.event-info--A0yXu {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 16px 14px
}

.row--q0Ch2 {
    align-items: center;
    display: grid;
    grid-template-columns: min-content minmax(0, auto) min-content;
    position: relative;
    grid-gap: 0;
    gap: 12px
}

.name--WAcxe, .time--Hph1o {
    color: var(--white);
    font-size: 12px;
    font-weight: 400;
    line-height: 16px
}

.time--Hph1o {
    text-transform: capitalize
}

.time--Hph1o:empty {
    display: none
}

.time-icon--DgfIZ {
    color: var(--live)
}

.icon-wrapper--zouUa {
    cursor: auto;
    min-width: 20px
}

.icons-wrapper--wFxMV {
    align-items: center;
    cursor: auto;
    display: flex;
    gap: 12px;
    height: 20px;
    position: relative
}

.icons-wrapper--wFxMV > * {
    min-width: auto
}

.icon-wrapper--zouUa:hover:not(.disabled--IwNmE) {
    cursor: pointer;
    opacity: .8
}

.team-icon--RiIsT {
    display: block;
    height: 20px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 20px
}

.server--UBvrW:before {
    background: var(--live);
    border-radius: 100%;
    bottom: 0;
    content: "";
    height: 4px;
    left: -6px;
    margin: auto 0;
    position: absolute;
    top: 0;
    width: 4px
}

.bottom--sjjgM {
    gap: 12px;
    justify-content: space-between;
    width: 100%
}

.bottom--sjjgM, .score--oYHKg {
    align-items: center;
    display: flex
}

.score--oYHKg {
    background-color: var(--primary-500);
    border-radius: 4px;
    color: var(--neutral-1700);
    font-size: 12px;
    font-weight: 600;
    justify-content: center;
    line-height: 20px;
    min-width: 24px;
    padding: 1px 4px
}

.live-button--vHrv9 {
    color: var(--neutral-200)
}

.live-button--vHrv9.disabled--IwNmE {
    color: var(--neutral-1000)
}

[data-touch=false] .live-button--vHrv9:not(.disabled--IwNmE):hover {
    color: var(--live)
}

.breadcrumb-item {
    color: white !important;
}

#depositLink, #withdrawLink {
    color: white !important;
}

:root {

    --primary: #229507;
    --secondary: #292937;
    --primary-rgb: rgba(255, 0, 0, 0.9);
    --primary-rgb2: rgba(255, 0, 0, 0.5);
    --primary-rgb3: rgba(255, 0, 0, 0.3);
    --hover-color: #333731;
    --darkBG: #333731;
    --login-button-bg: # #fff;
    --login-button-text: #fff;
    --headerBG: #3f433d;
    --menuBG: #229507;
    --menu-text: #ffffff;
    --dropdown-text: #ffffff;
    --tabText: #ffffff;
    --sidebarBG: #134D38;
    --body-bg: #1c1e1c;
    --footer-bg: #0b0b0d;
    --mobileFootIcon: #fff;

    --btntText: #ffffff;
    --betSlipBG: #123528;
    --gameBox: rgba(40, 55, 50, 0.3);
    --oddBox: #1A674B;
    --oddBoxHover: #20815e;
    --white-color: #ffffff;
    --black-color: #000;
    --darkGray: #303030;
    --textwhite: 255, 255, 255;


}

/* width */
::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

/* Track */
::-webkit-scrollbar-track {
    background: var(--body-bg);
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.5);
}

/* Handle on hover */
/* ::-webkit-scrollbar-thumb:hover {
  background: var(--secondary);
} */
@font-face {
    font-family: 'gilroy-regularuploaded_file';
    src: url('gilroy-regular-webfont.woff2') format('woff2'),
    url('gilroy-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


a {
    text-decoration: none;
    cursor: pointer;
    transition: all 0.3s;
}

a:hover {
    text-decoration: none;
}

.cursor-pointer {
    cursor: pointer;
}

.cursor-not-allowed {
    cursor: not-allowed;
}

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

body {
    background: var(--body-bg);
    line-height: 20px;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 400;
    direction: ltr
}

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

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

h1 {
    font-size: 34px;
    font-weight: 600;
}

h2 {
    font-size: 28px;
    font-weight: 600;
}

h3 {
    font-size: 24px;
    font-weight: 600;
}

h4 {
    font-size: 20px;
    font-weight: 600;
}

h5 {
    font-size: 18px;
    font-weight: 600;
}

h6 {
    font-size: 16px;
    font-weight: 600;
}

img {
    max-width: 100%;
}

.alertMsg {
    color: var(--white-color);
}

.text-decoration-underline {
    text-decoration: underline;
    float: right;
}

.btn {
    font-weight: 400;
    font-size: 14px;
}

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

.close {
    font-size: 2rem;
    font-weight: 400;
    padding: 0.5rem 1rem !important;
    margin: -0.6rem -1rem -1rem auto !important;
}

.click-disable {
    cursor: not-allowed
}

.container {
    max-width: 1440px;
    width: 90%;
    max-width: 1450px !important;
}

.bg-primary, .badge-primary {
    background: var(--secondary) !important;
}

.btn-primary {
    background: var(--primary) !important;
    border-color: var(--primary) !important;
    color: var(--btntText);
    box-shadow: none !important;
}

.btn-outline-primary {
    border-color: var(--primary) !important;
    color: var(--white-color);
}

.btn-outline-primary:hover {
    background: var(--primary) !important;
}

.active {
    background: var(--hover-color);
}

.star-error {
    font-size: 20px;
}

.form-group {
    position: relative;
}

.viewBtn {
    border-color: var(--primary);
    color: var(--white-color);
    border-radius: 30px;
}

.viewBtn:hover {
    background: var(--primary);
    border-color: var(--primary);
}

.iframeBG {
    background: var(--darkBG);
}

.badge {
    /* padding: .25em .4em .10em; */
    /* line-height: 14px; */
}

/******* Date Picker Style *********/
/* .daterangepicker{background-color: var(--body-bg)!important; border-color: var(--primary)!important;} */
.daterangepicker .ranges li.active, .daterangepicker td.active, .daterangepicker td.active:hover {
    background: var(--primary) !important;
}

/* .daterangepicker .ranges li{color: #fff;} */
.daterangepicker .ranges li:hover {
    background-color: var(--hover-color) !important;
    color: #fff;
}

/* .daterangepicker.show-ranges.ltr .drp-calendar.left{border-color: var(--primary)!important;} */
/* .daterangepicker .drp-buttons{border-color: var(--primary)!important;} */
/******* End Date Picker Style *********/
.resendBtn {
    width: auto !important;
    padding: 3px !important;
    height: 20px;
    margin: 0 0 0 5px;
}

.headBar {
    background: var(--headerBG);
    min-height: 55px;
    position: relative;
    top: 0px;
    z-index: 99;
    padding: 8px 10px;
    width: 100%;
    border-bottom: 1px solid rgba(218, 209, 177, .05); /* overflow: hidden; */
}

.darkHead {
    z-index: 10;
}

.headLogo {
    display: block;
    height: 50px;
}

.headLogo img {
    height: 100%;
    object-fit: contain;
    transition: all 0.3s;
}

/* .darkHead .headLogo img{height: 52px;} */
.headerItem {
    display: flex;
    justify-content: end;
    align-items: center;
}

.headerItem .loginCol {
    display: flex;
    align-items: center;
    margin: 0 10px 0 60px;
}

.headerItem .loginCol .btn {
    padding: 4px 8px;
    font-size: 14px;
    border-radius: 4px;
    text-transform: uppercase;
}

.headerItem .loginCol .btn-warning {
    color: var(--login-button-text);
    border-color: var(--login-button-bg);
    background: var(--login-button-bg);
}

.headerItem .loginCol .loginBtn {
    border: none;
    background: none !important;
    color: var(--white-color) !important;
    margin-right: 10px;
    text-decoration: underline;
}

/* .headerItem .loginCol .loginBtn:hover{border: 1px solid rgba(255,255,255,0.5);} */
.headerItem .betSlipBtn, .headerItem .userBtn {
    color: var(--white-color);
    font-size: 20px;
    background: none;
    border: none;
    outline: none;
    cursor: pointer;
}

.headerItem .playerCol {
    position: relative;
    margin: 0 1.5rem;
}

.playerNav {
    position: absolute;
    top: 47px;
    overflow: hidden;
    width: auto;
    min-width: 266px;
    z-index: 9;
    border-radius: 4px;
    right: -3em;
    padding: 5px;
    transition: all 0.3s;
    box-shadow: -10px 10px 20px #000000;
    background: var(--darkBG);
}

.playerNav .mobile-section {
    display: none;
}

.playerNav .mobile-section .pl-link {
    margin: 0 0 5px !important;
    justify-content: space-between;
}

.playerNav .mobile-section .pl-link:hover {
    background: rgba(255, 255, 255, 0.07);
}

.playerNav .pl-link {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 10px 15px;
    border-radius: 4px;
    color: var(--menu-text) !important;
    background: rgba(255, 255, 255, 0.07);
    margin: 0 0 5px;
}

.playerNav .pl-link:last-child {
    margin: 0;
}

.playerNav .pl-link i {
    margin-right: 10px;
    width: 22px;
    text-align: center;
}

.playerNav .pl-link:hover {
    background: var(--hover-color);
    color: rgba(255, 255, 255, 0.7);
}

.search-box {
    position: fixed;
    z-index: 999;
    top: 100px;
    width: 70%;
    margin: 0 auto;
    left: 0;
    right: 0;
    padding: 10px 20px;
    background: var(--headerBG);
    border-radius: 5px;
    box-shadow: 0 5px 15px rgba(255, 255, 255, 0.2);
}

.search-box .input-group {
    background: var(--body-bg);
    border-radius: 30px;
    align-items: center;
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.search-box .srchIcon {
    color: var(--white-color);
    padding: 0 10px 0 15px;
}

.search-box .srchClose {
    border: none;
    background: none;
    padding: 0 20px;
    cursor: pointer;
    color: var(--white-color);
}

.search-box .form-control {
    background: none;
    border: none;
    color: var(--white-color);
    box-shadow: none !important;
    height: 45px;
}

.search-box .listProvider {
    overflow-y: auto;
    height: 400px;
}

.search-box .listProvider ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 15px;
    margin: 20px 0;
}

.search-box .listProvider ul li {
    border: 1px solid var(--secondary);
    text-align: center;
    color: var(--white-color);
    border-radius: 5px;
    width: 15%;
    height: 84px;
    cursor: pointer;
    transition: all 0.3s;
}

.search-box .listProvider ul li:hover {
    border: 1px solid var(--login-button-bg);
}

.search-box .listProvider ul li:hover h4 {
    background: var(--login-button-bg);
}

.search-box .listProvider img {
    height: 40px;
    width: 70%;
    object-fit: contain;
    margin: 10px auto;
    filter: contrast(0.1) brightness(5) drop-shadow(2px 2px 5px rgba(0, 0, 0, 0.7));
}

.search-box .listProvider h4 {
    background: var(--secondary);
    font-size: 10px;
    font-weight: 400;
    letter-spacing: 1.5px;
    text-align: center;
    width: 100%;
    padding: 5px;
    transition: all 0.3s;
}

.noProvider {
    text-align: center;
    width: 100%;
    margin: 50px 0 0;
}

.noProvider i {
    font-size: 30px;
    color: rgba(255, 255, 255, 0.2);
    margin: 0 0 10px;
}

.noProvider p {
    color: rgba(255, 255, 255, 0.2);
}

.langSelect {
    padding: 0 20px 0 10px;
    margin: 0 10px 0 0;
    border-right: 1px solid var(--secondary);
    border-left: 1px solid var(--secondary);
}

.langSelect .dropdown-toggle {
    color: #fff;
    padding: 0.09rem 0 !important;
}

.langSelect .dropdown-toggle::after {
    content: "\f078";
    font: 10px/25px FontAwesome;
    width: 10px;
    height: 25px;
    display: inline-block;
    border: none;
    position: absolute;
    top: 0;
    right: 7px;
    color: var(--white-color);
}

.langSelect.show .dropdown-toggle::after {
    transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
}

.langSelect .dropdown-menu {
    min-width: 8rem;
    padding: 5px;
    border-radius: 0 0 4px 4px;
    box-shadow: 0 0 8px rgba(255, 255, 255, 0.1);
    background: var(--darkBG);
    top: 10px !important;
    transform: translate3d(-70px, 28px, 0px) !important;
}

.langSelect .dropdown-item {
    display: flex;
    align-items: center;
    padding: 0.25rem 0.5rem;
    font-size: 12px;
    margin: 0 0 2px;
    background: rgba(255, 255, 255, 0.07);
    border-radius: 4px;
    color: var(--dropdown-text) !important;
}

.langSelect .dropdown-item:hover {
    background: var(--primary);
    color: var(--white-color) !important;
}

.langSelect .flag-icon {
    width: 20px;
    height: 20px;
    border-radius: 20px;
    margin-right: 5px;
    display: inline-block;
}

.flag-icon-us {
    background: url(../assets/images/flag/en.png);
}

.flag-icon-fr {
    background: url(../assets/images/flag/french.png);
}

.flag-icon-portugal {
    background: url(../assets/images/flag/portugal.png);
}

.flag-icon-es {
    background: url(../assets/images/flag/es.png);
}

.flag-icon-ind {
    background: url(../assets/images/flag/ind.png);
}

.flag-icon-tr {
    background: url(../assets/images/flag/turkish.png)
}

.currentTime {
    padding: 4px 8px;
    font-size: 12px;
    border-radius: 4px;
    min-width: 65px;
    min-height: 28px;
    display: flex;
    align-items: center;
    background: rgba(255, 255, 255, 0.1);
    color: #fff;
}

.settingBar {
    background: #141414;
    padding: 10px 0;
    position: relative;
    top: -10px;
    box-shadow: 0px 4px 7px 0px rgba(0, 0, 0, 0.4);
}

.settingBar .changeView {
    border: 1px solid #fff;
    border-radius: 30px;
    display: flex;
    align-items: center;
}

.settingBar .changeView .btn {
    background: none;
    border: none;
    color: rgba(255, 255, 255, .6);
    padding: 2.5px 12px;
    font-size: 16px;
    background: #222;
    border-radius: 30px;
}

.settingBar .changeView .active {
    background: none;
    color: #fff;
}

.settingBar .colorCol {
    margin: 0 0 0 15px;
}

.settingBar .colorCol ul {
    display: flex;
    align-items: center;
}

.settingBar .colorCol li {
    margin: 0;
}

.settingBar .colorCol li a {
    cursor: pointer;
    display: flex;
    align-items: center;
}

.settingBar .colorCol span {
    width: 25px;
    height: 25px;
    border-radius: 25px;
    z-index: 1;
    position: relative;
}

.settingBar .colorCol span + span {
    left: -12px;
    z-index: 0;
}

.settingBar .active {
    background: none;
}

.settingBar .active .crBox1 {
    border: 2px solid #fff;
}

.settingBar .active .crBox2 {
    border: 2px solid #fff;
}

.innerSearch {
    margin: 0 0 1.4rem;
}

.innerSearch .input-group {
    background: rgba(218, 209, 177, .05);
    border-radius: 4px;
    align-items: center;
    border: 1px solid var(--secondary);
    position: relative;
}

.innerSearch .srchIcon {
    color: var(--white-color);
    min-height: 36px;
    min-width: 37px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 10.5px;
    background: rgba(255, 255, 255, 0.1);
}

.innerSearch .srchClose {
    cursor: pointer;
    position: absolute;
    left: 0;
    z-index: 9;
    background: #272733
}

.innerSearch .form-control {
    background: none;
    border: none;
    color: var(--white-color);
    box-shadow: none !important;
    height: 36px;
    font-size: 12px;
}

.mainMenu {
    width: 100%;
    background: var(--menuBG);
    margin-top: 8px;
    min-height: 36px;
    border-radius: 4px;
}

.mainMenu ul {
    display: flex;
    align-items: center;
    overflow-x: auto;
    white-space: nowrap;
    flex-wrap: nowrap;
}

.mainMenu ul li {
    position: relative;
}

.mainMenu ul li a {
    padding: 7px 18px;
    border-top: 2px solid transparent;
    display: block;
    color: var(--white-color) !important;
    font-size: 16px;
    letter-spacing: .1px;
    transition: 0.3s all;
}

.mainMenu ul li a .menuIconImg {
    height: 20.5px; /* filter: invert(1); */
    vertical-align: text-top;
    margin: 0 5px 0 0;
    max-width: inherit;
}

.mainMenu ul li:first-child a {
    padding: 7px 10px;
}

.mainMenu ul li a i {
    margin: 0 5px 0 0;
}

.mainMenu ul li a:hover {
    background: var(--body-bg);
    border-color: var(--primary);
    color: var(--menu-text) !important;
}

.mainMenu ul li:hover a {
    background: #24a6e4;
    border-color: var(--primary);
    color: var(--menu-text) !important;
}

.mainMenu ul li:hover .subMenu {
    display: block !important;
}

.mainMenu .subMenu {
    display: none;
    position: absolute;
    top: 38px;
    width: 250px;
    left: 0;
    background: var(--hover-color);
}

.mainMenu .subMenu li a {
    padding: 8px 18px;
    border-top: 1px solid rgba(0, 0, 0, 0.3) !important;
    font-size: 14px;
    font-weight: 400;
}

.mainMenu .subMenu li a:hover {
    border-top: 1px solid transparent;
    background: var(--darkBG);
}

.mainMenu .active {
    color: var(--menu-text) !important;
}

.mainMenu sup {
    position: absolute;
    right: -15px;
    top: 5px;
    font-size: 9px;
    padding: 0 5px;
}

.mobFooter {
    display: none;
    position: fixed;
    z-index: 99;
    background: var(--headerBG);
    padding: 0 5px;
    width: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    justify-content: space-between;
    align-items: center;
}

.mobFooter a {
    cursor: pointer;
    padding: 6px 5px 0;
    color: var(--white-color) !important;
    text-align: center;
    opacity: 0.5;
}

.mobFooter i {
    font-size: 18px;
}

/* .mobFooter a.active i{color: #4590ff;} */
.mobFooter .mobLike {
    display: block;
    font-size: 10px;
    font-weight: 400;
}

.mobFooter a.active {
    background: transparent;
    opacity: inherit;
}

.aviIcon {
    transform: rotate(-45deg);
}

/* .mainWrap{padding-left: 250px;} */
.sidebarMain {
    width: 250px;
    transition: width .3s;
    -webkit-box-orient: vertical;
    border-right: 1px solid rgba(218, 209, 177, 0.1);
    height: calc(100dvh - 92px);
    background: var(--body-bg);
    flex-shrink: 0;
    overflow-x: auto;
    flex-direction: column;
    padding: 25px 10px 70px;
    position: fixed;
    left: 0;
    top: 92px;
    z-index: 7;
}

.sidebarMain .sideScroll {
    height: 100%;
    padding: 0 24px;
    width: 240px;
}

.topbtn {
    position: absolute;
    z-index: 10;
    padding: 0 0 0 10px;
    display: flex;
    align-items: center;
    top: 0;
    min-height: 60px;
    background: var(--secondary);
    width: 100%;
}

.topbtn a {
    padding: 8px 15px;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
    color: var(--white-color);
    border-radius: 32px;
    text-decoration: none;
}

.searchBtn {
    border-color: rgba(255, 255, 255, 0.2) !important;
    font-size: 12px;
    border-radius: 4px;
    color: var(--white-color);
    padding: 4px 8px;
}

.searchBtn .srch-Text {
    margin: 0 0 0 5px;
}

.searchBtn:hover {
    background: none !important;
}

.showHideBar {
    width: 43px;
    height: 28px;
    color: var(--white-color);
    background: var(--hover-color);
    position: absolute;
    right: -20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, .25);
    box-shadow: 0 4px 4px #00000040;
    border-radius: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
}

.showHideBar i {
    transform: rotate(180deg);
}

.sidebarMain .titleBar {
    color: var(--white-color);
    margin-top: 10px;
}

.global-switcher {
    display: flex;
    align-items: center;
    min-height: 60px;
    padding: 0 20px;
}

.global-switcher .tabbtn {
    border: 1px solid var(--hover-color);
    padding: 4px 15px;
    border-radius: 20px;
    color: var(--white-color);
    font-size: 14px;
    font-weight: 700;
    margin: 0 15px 0 0;
}

/* .sideSports{overflow-x: auto;} */
.sideSports li {
    position: relative;
    margin: 0 0 6px;
}

.sideSports li a {
    color: var(--white-color) !important;
    display: flex;
    justify-content: space-between;
    border-radius: 4px;
    border-left: 3px solid transparent;
    background: var(--menuBG);
    align-items: center;
    text-decoration: none;
    padding: 11px 15px;
    font-size: 12px;
    font-weight: 400;
}

.sideSports li a .mobileHeaderIcon {
    height: 20px;
    filter: invert(1);
    min-width: 24px;
}

.sideSports li a:hover {
    background: #000;
    border-left: 3px solid var(--primary);
}

.sideSports li .active {
    background: var(--primary);
}

.sideSports .spCol {
    display: flex;
    align-items: center;
}

.sideSports .spCol i {
    font-size: 18px;
    width: 24px;
    text-align: center;
}

.sideSports .sportN {
    margin: 0 0 0 10px;
}

.sideSports .totalMch {
    font-size: 12px;
}

.sideSports sup {
    position: absolute;
    right: 12px;
    top: 13px;
    font-size: 9px;
    padding: 0 5px;
}

.sideCategory, .accountCol {
    padding: 25px 0 0;
    margin: 20px 0 0;
    border-top: 1px solid var(--secondary);
}

.accountCol {
    padding: 25px 0;
}

.sideCategory li a {
    border: 1px solid var(--primary);
    background: var(--primary);
    color: var(--white-color);
    font-weight: 600;
}

.sideCategory li a:hover {
    color: var(--white-color) !important;
}

.sideCategory .subCate a {
    position: relative;
}

.sideCategory .subCate a::after {
    content: '\f105';
    font-family: FontAwesome;
    position: absolute;
    right: 15px;
    top: 12px;
    color: var(--white-color);
    transition: all 0.3s;
}

.sideCategory .current a::after {
    transform: rotate(90deg);
}

.sideCategory .subList {
    margin: 10px 3px 0;
}

.sideCategory .subList li a {
    background: var(--secondary);
    border: 1px solid var(--secondary);
    padding: 8px 15px;
}

.sideCategory .subList li a::after {
    display: none;
}

.sideCategory .subList li a:hover {
    transform: scale(1.1);
}

.sideCategory .themeImg {
    width: 32px !important;
    border-radius: 8px;
    overflow: hidden;
}

.sideCategory .themeImg img {
    object-fit: cover;
    width: 32px;
    height: 32px;
}

.sideSports .subSport:hover {
    background: none;
}

.sideSports .open-subSport {
    background: var(--hover-color) !important;
    border-radius: 5px;
    padding: 0 0 1px;
    margin: 0 0 2px;
}

.sideSports .subSport .spCol {
    flex: auto;
}

.sideSports .subSport .totalMch {
    margin-right: 5px;
}

.sideSports .subData {
    background: var(--secondary);
    border-radius: 5px;
    margin: 3px;
    padding: 5px;
}

.sideSports .subData a {
    font-size: 12px;
    font-weight: 300;
    padding: 6px;
    border-radius: 5px;
    background: var(--hover-color);
}

.sideSports .subData .ic-Col {
    width: 30px;
    display: flex;
    align-items: center;
    justify-content: end;
}

.sideSports .subData .ic-Col .sb-totalMch {
    margin-right: 8px;
}

.sideSports .subData .market-game {
    background: var(--hover-color);
    border-left: 2px solid transparent;
    margin: 5px 5px 0;
    padding: 5px 8px;
    border-radius: 5px;
}

.sideSports .subData .active {
    border-left: 2px solid #4590ff;
    background: var(--primary);
}

.sideSports .subData .market-game .gameTeam {
    font-size: 11px;
    line-height: 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: 300;
    margin: 0;
    color: var(--white-color);
}

.sideSports .subData .market-game .gmOdd {
    color: #4590ff;
    font-weight: 700;
}

.sideSports .subData .market-game .gamepart {
    display: flex;
    align-items: center;
    margin: 5px 0 0;
    justify-content: space-between;
    font-size: 11px;
    line-height: 14px;
    font-weight: 300;
    color: rgba(255, 255, 255, 0.6);
}

.sideSports .subData .market-game .gamepart .gmText {
    flex: auto;
}

.sideSports .subData .market-game .gamepart .gmNumb {
    background: var(--secondary);
    border-radius: 3px;
    padding: 2px 5px;
    margin-right: 5px;
}

.sideSports .subData .market-game .marketHolder {
    display: flex;
    justify-content: space-between;
    border-radius: 5px;
    margin: 8px 0 0;
    overflow: hidden;
}

.sideSports .subData .market-game .marketHolder .mkt-Item {
    width: 49.7%;
    padding: 5px 8px;
    font-size: 12px;
    color: var(--white-color);
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: var(--secondary);
    cursor: pointer;
}

.sideSports .subData .market-game .marketHolder .mkt-Item:hover {
    background: #4590ff;
    color: var(--black-color);
}


.sidebarMain.sideFilter {
    width: 100%;
    left: -120%;
    top: 0 !important;
    transition: 0.5s;
    overflow: hidden;
}

.sidebarMain.sideFilter::after {
    position: absolute;
    width: 25%;
    height: 100%;
    right: -25%;
    top: 0;
    content: '';
}

.sidebarMain.sideFilter .close {
    top: 30px;
    font-size: 20px;
    opacity: inherit;
    right: 36px;
}

.sidebarMain.sideFilter .sideSports {
    height: calc(100dvh - 115px);
    overflow-x: auto;
}

.sidebarMain.sideFilter .dropdown-list {
    background: none;
    position: inherit;
    border: none;
    box-shadow: none;
    padding-top: 0;
    margin: 0;
    display: block !important;
}

.sidebarMain.sideFilter .multiselect-dropdown .dropdown-btn .dropdown-multiselect__caret {
    display: none !important;
}

.sidebarMain.sideFilter .dropdown-list ul {
    overflow-x: inherit !important;
    max-height: 100% !important;
}

.sidebarMain.sideFilter .dropdown-list li {
    padding: 3px 10px !important;
}

.sidebarMain.sideFilter .dropdown-list li.multiselect-item-checkbox:hover {
    background: none;
}

.sidebarMain.sideFilter .dropdown-list li.multiselect-item-checkbox input[type=checkbox] + div {
    color: var(--white-color);
    text-transform: capitalize;
    font-size: 12px;
}

.sidebarMain.sideFilter .dropdown-list li.multiselect-item-checkbox input[type=checkbox] + div:before {
    border: 1px solid var(--hover-color);
    border-radius: 2px;
}

.sidebarMain.sideFilter .dropdown-list li.multiselect-item-checkbox input[type=checkbox]:checked + div:before {
    background: none;
}

.sidebarMain.sideFilter .dropdown-list li.multiselect-item-checkbox input[type=checkbox][disabled] + div {
    opacity: 0.4;
}

.proList {
    border-bottom: 1px solid var(--hover-color);
    border-top: 1px solid var(--hover-color);
    padding: 0 0 15px;
    margin: 0 0 10px;
}

.proList:last-child {
    border: none;
}

.proList .dropdown-btn {
    color: var(--white-color);
}

.filterData {
}

.filterData ul {
    display: flex;
    flex-wrap: wrap;
}

.filterData li {
    padding: 2px 5px 3px 5px;
    background: #4590ff;
    color: var(--black-color);
    border-radius: 3px;
    margin: 0 5px 5px 0;
}

/* for the Hide Sidebar */
.hide-SideBar {
    width: 60px;
}

.hide-SideBar .showHideBar {
    transform: rotate(180deg);
    background: none;
    box-shadow: none;
    right: 10px;
    top: 28%
}

.hide-SideBar .topbtn .chBtn {
    display: none;
}

.hide-SideBar .global-switcher {
    display: none;
}

.hide-SideBar .sideSports {
    padding: 20px 0 0;
}

.hide-SideBar .sideSports li a {
    justify-content: center;
}

.hide-SideBar .sideSports .subData {
    display: none;
}

.hide-SideBar .sideSports .subSport:hover .subData {
    position: fixed;
    z-index: 99;
    left: 60px;
    top: 60px;
    display: block;
    height: 93vh;
}

.hide-SideBar .sideSports .open-subSport {
    background: none !important;
}

.hide-SideBar .sideSports .sportN, .hide-SideBar .sideSports .totalMch {
    display: none;
}

.hide-SideBar .sideSports .subSport .spCol {
    flex: inherit;
}

.hide-SideBar .sideSports .subSport .fa-chevron-down {
    display: none;
}

/* End Hide SideBar */
.backBtn {
    background: var(--darkBG) !important;
    padding: 11px 16px;
    color: var(--white-color);
    margin: -4px 10px 0 0;
}

.breadcrumb {
    background: var(--darkBG);
    align-items: center;
    display: inline-block;
}

.breadcrumb .breadcrumb-item {
    color: var(--primary);
    font-size: 15px;
    display: inline-block;
}

.breadcrumb .breadcrumb-item:first-child::before {
    display: none;
}

.breadcrumb .breadcrumb-item::before {
    content: '|';
    font-size: 20px;
    font-weight: 100;
    color: var(--white-color);
}

.breadcrumb .breadcrumb-item a {
    color: var(--white-color);
    opacity: 0.7;
}

app-landing-dashboard {
    flex: auto;
}

.centerWrap {
    width: 100%;
    margin: 102px auto 0; /* max-width: 1670px; */
}

.innerWrap {
    max-width: 100%;
}

.porfileWrap {
    max-width: 100%;
    padding: 0 0 0 260px;
}


.scorecard-Wrap {
    background: url(../assets/images/stadium.jpg) bottom no-repeat;
    background-size: cover;
    min-height: 250px;
    border-radius: 20px;
    box-shadow: inset 0 0 60px rgba(0, 0, 0, 0.8);
    margin: 0 0 15px;
}

.eventWrap {
    flex: auto;
    padding: 40px 15px 0 15px;
    margin-top: 80px;
    height: calc(100vh - 80px);
    overflow-x: auto;
}

.eventTabs {
    background: var(--darkBG);
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 0 15px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.eventTabs .nav-link {
    background: none;
    color: var(--white-color) !important;
    font-weight: 700;
    border-radius: 0;
    padding: 0.7rem 1.4rem;
    border: none;
}

/* .eventTabs .nav-link:hover{border-bottom: 2px solid var(--primary); cursor: pointer;} */
.eventTabs .nav-link i {
    margin-right: 5px;
}

.eventTabs .nav-pills .nav-link.active {
    background: none;
    border-bottom: 2px solid var(--primary);
    color: var(--primary) !important;
}

.eventTabs .viewBox {
    display: flex;
    margin-right: 15px;
}

.eventTabs .viewBox a {
    padding: 5px 6px;
    font-size: 18px;
    color: var(--white-color);
}

.eventList-Wrap .marketRow .marketList .subGame-List {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.eventList-Wrap .marketRow .maketName {
    background: var(--darkBG);
    color: var(--white-color);
    width: 100%;
    border: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
    font-size: 14px;
    border-radius: 5px;
    cursor: pointer;
}

.eventList-Wrap .marketRow .maketName:focus {
    border: none;
    box-shadow: none;
    outline: none;
}

.eventList-Wrap .marketRow .maketName .mrkNM {
    flex: auto;
    text-align: left;
}

.eventList-Wrap .marketRow .marketList .subGame-List .gameData {
    flex-basis: 100%;
    margin: 3px 0 0;
    overflow: hidden;
    border-radius: 5px;
    background: var(--gameBox);
}

.eventList-Wrap .marketRow .marketList .column-List2 .gameData {
    flex-basis: 49.8%;
}

.eventList-Wrap .marketRow .marketList .subGame-List .gameData .gmHead {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: var(--white-color);
    padding: 3px 10px;
}

.eventList-Wrap .marketRow .marketList .subGame-List .gameData .gmHead .sgmTitle {
    flex: auto;
    font-size: 12px;
    padding-top: 4px;
}

.eventList-Wrap .marketRow .marketList .subGame-List .gameData .gmodd-box .oddHeader {
    display: flex;
    justify-content: space-between;
}

.eventList-Wrap .marketRow .marketList .subGame-List .gameData .gmodd-box .oddHeader .oddBox {
    background: var(--primary) !important;
    cursor: default !important;
}

.eventList-Wrap .marketRow .marketList .subGame-List .gameData .gmodd-box .oddHeader .odName {
    width: 100%;
    text-align: center;
}

.eventList-Wrap .marketRow .marketList .subGame-List .gameData .gmodd-box .oddBox {
    padding: 8px 10px;
    display: flex;
    justify-content: space-between;
    font-size: 12px;
    background: var(--oddBox);
    flex: 0 0 49.92%;
    margin-bottom: 1px;
}

.eventList-Wrap .marketRow .marketList .subGame-List .gameData .gmodd-box .oddBox:hover {
    background: var(--oddBoxHover);
    cursor: pointer;
}

.eventList-Wrap .marketRow .marketList .subGame-List .gameData .gmodd-box .oddColRow {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}

.eventList-Wrap .marketRow .marketList .subGame-List .gameData .gmodd-box .column3 .oddBox {
    flex: 0 0 33.22%;
}

.eventList-Wrap .marketRow .marketList .subGame-List .gameData .gmodd-box .column4 .oddBox {
    flex: 0 0 24.95%;
}

.eventList-Wrap .marketRow .marketList .subGame-List .gameData .gmodd-box .oddBox .odName {
    color: var(--white-color);
}

.eventList-Wrap .marketRow .marketList .subGame-List .gameData .gmodd-box .oddBox .mrkodd-blc {
    color: #4590ff;
    position: relative;
}

.eventList-Wrap .upA {
    position: absolute;
    right: -6px;
    top: -6px;
    transform: rotate(45deg);
}

.eventList-Wrap .downA {
    position: absolute;
    right: -6px;
    bottom: -6px;
    transform: rotate(-45deg);
}

.betSlipMain {
    height: calc(100vh - 80px);
    background: var(--betSlipBG);
    display: flex;
    flex-shrink: 0;
    -webkit-box-orient: vertical;
    flex-direction: column;
    margin-top: 80px;
    position: relative;
    transition: width .3s;
    padding-top: 30px;
    width: 360px;
    transition: 0.5s all;
}

.betsBox {
    width: 360px;
}

.betSlipMain .topbtn {
    justify-content: space-between;
    width: 360px;
    padding: 0 5px 0 10px;
    background: none;
    position: inherit;
}

.betSlipMain .topbtn a {
    padding: 12px 18px;
}

.betSlipMain .topbtn .active {
    box-shadow: 0 4px 4px #00000040;
}

.betNB {
    width: 25px;
    height: 25px;
    background: var(--primary);
    border-radius: 25px;
    text-align: center;
    line-height: 25px;
    display: inline-block;
    margin-left: 5px;
}

.betSlipMain .closeBet {
    padding: 5px 20px !important;
    font-size: 20px;
}

.betSlipMain .closeBet:hover {
    background: var(--hover-color);
}

.betSlipMain .stakeBox {
    padding: 10px 0;
    background: var(--primary);
    margin: 0 0 10px;
}

.betSlipMain .stakeBox .form-control {
    background: #303030;
    border-color: #303030;
    color: var(--white-color);
}

.slipTabs {
    border: 1px solid var(--primary);
    padding: 5px;
    border-radius: 32px;
    width: 320px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 10px auto 5px;
}

.slipTabs .nav-link {
    border-radius: 32px;
    background: none;
    color: var(--white-color) !important;
    font-weight: 700;
    margin-right: 5px;
    padding: 0.2rem 1.4rem;
}

.slipTabs .nav-link:hover {
    background: var(--hover-color);
    cursor: pointer;
}

.slipTabs .nav-pills .nav-link.active {
    background: var(--hover-color);
}

.sportsBets {
    overflow-x: auto;
    padding: 10px;
    height: calc(100vh - 485px);
}

.betDetail {
    border-radius: 5px;
    overflow: hidden;
    background: var(--primary);
    font-size: 14px;
    margin-bottom: 5px;
}

.betDetail p {
    margin: 0;
    padding: 2px 10px;
    font-size: 12px;
}

.betDetail .eName {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--white-color);
    background: var(--secondary);
    padding: 6px 10px;
    margin-bottom: 8px;
}

.betDetail .eName .etNm {
    font-size: 14px;
}

.betDetail .timeDate-Text {
    color: rgba(255, 255, 255, 0.8);
}

.betDetail .dcText {
    color: rgba(255, 255, 255, 0.5);
    padding: 0 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.betDetail .xbText {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: var(--white-color);
    margin-bottom: 5px;
}

.betDetail .xbText .xbNum {
    color: #4590ff;
}

.betDetail .xbText .xtext {
    font-weight: bold;
}

.betDetail .stakeBox {
    padding: 0 10px !important;
    margin: 0 0 5px !important;
}

.betDetail .stakeBox .form-control {
    background: none;
    border-color: var(--hover-color);
}


.betAmountWrap {
    position: absolute;
    bottom: 0;
    width: 360px;
    background: var(--secondary);
}

.betAmountWrap .amountText {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    width: 100%;
    padding: 5px 10px;
}

.betAmountWrap .amountText .amText {
    color: rgba(255, 255, 255, 0.8);
}

.betAmountWrap .amountText .blText {
    color: var(--white-color);
    font-size: 16px;
}

.betBtn-Wrap {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 10px;
}

.betBtn-Wrap .saveBtn {
    width: 48.5%;
    background: var(--hover-color);
    color: var(--white-color);
}

.betBtn-Wrap .clearBtn {
    width: 48.5%;
    background: #3e1d1c;
    color: #FE2247;
}

.betBtn-Wrap .placeBtn {
    width: 100%;
    background: #4590ff;
    margin-top: 10px;
}

.betBtn-Wrap .btn:hover {
    opacity: 0.8;
}

.bannerRow {
    min-height: 318px;
    margin: 0 0 20px;
}

.carousel-inner, .carousel-item {
    min-height: 318px;
}

.carousel-item.active {
    display: flex;
    justify-content: center;
    align-items: center;
    animation: gradient 2s linear infinite;
    background: linear-gradient(120deg, rgba(255, 255, 255, 0.2), var(--secondary), rgba(255, 255, 255, 0.2), var(--secondary));
    background-size: 300% 100%;
}

.carousel-inner {
    border-bottom: 1px solid var(--primary-rgb3);
    border-top: 1px solid var(--primary);
}

.bannerNo {
    position: absolute;
    top: 17px;
    height: 20px;
    width: 35px;
    color: #fff;
    font-size: 12px;
    background: #000;
    text-align: center;
    z-index: 99;
    right: 34px;
}

.carousel-control-next, .carousel-control-prev {
    width: 18px;
    height: 18px;
    opacity: inherit;
    top: 20px
}

.carousel-control-next {
    right: 15px;
}

.carousel-control-prev {
    right: 36px;
    left: inherit;
}

.carousel-control-next i, .carousel-control-prev i {
    width: 18px;
    height: 18px;
    text-align: center;
    position: relative;
    line-height: 18px;
    font-size: 12px;
    background: #000;
    color: #fff;
    border-radius: 50%;
}

.gameMenu {
    margin: 30px 0 25px;
}

.gameMenu ul {
    display: flex;
    gap: 30px;
    align-items: center;
    flex-wrap: nowrap;
    overflow-x: auto;
}

.gameMenu ul li {
    display: block;
    white-space: nowrap;
    text-align: center;
    color: var(--white-color);
    font-weight: 500;
    font-size: 12px;
    cursor: pointer;
    transition: all 0.3s;
}

.gameMenu .gmIcon {
    width: 62px;
    height: 62px;
    border: 1px solid rgba(218, 209, 177, 0.1);
    border-radius: 50%;
    margin: 0 auto 10px;
    transition: all 0.3s;
    display: flex;
    justify-content: center;
    align-items: center;
}

.gameMenu .gmIcon i {
    background: var(--primary-rgb3);
    color: var(--white-color);
    font-size: 20px;
    border-radius: 50%;
    transition: all 0.3s;
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.gameMenu ul li:hover {
    color: var(--primary);
}

.gameMenu ul li:hover .gmIcon {
    border: 1px solid var(--primary)
}

.gameMenu ul li:hover i {
    color: var(--primary);
}

.secTitle {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 0 15px;
}

.secTitle .smText {
    color: rgba(255, 255, 255, 0.5);
    display: block;
    width: 100%;
    margin: 0 0 5px;
}

.secTitle h5, .secTitle h2 {
    color: var(--white-color);
    display: flex;
    align-items: center;
    font-size: 16px;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.secTitle .viewMore {
    font-size: 12px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.5);
    display: flex;
    align-items: center;
}

.secTitle .viewMore .fa {
    font-size: 16px;
    margin: 0 0 0 5px;
}

.secTitle .animation-textBar {
    min-height: 22px;
    width: 150px;
    border-radius: 10px;
    animation: gradient 2s linear infinite;
    background-image: linear-gradient(120deg, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.5));
    background-size: 300% 100%;
}

.secTitle app-svg-icon {
    display: flex;
    align-items: center;
}

.secTitle svg {
    width: 20px;
    height: 20px;
    fill: var(--white-color);
    margin: 0 8px 0 0;
}

.innerBanner {
    margin: 0 0 20px;
    overflow: hidden;
    position: relative; /*border-bottom: 1px solid var(--primary-rgb3); border-top: 1px solid var(--primary);*/
    border-radius: 4px;
}

.innerBanner h1 {
    color: var(--white-color);
    font-size: 24px;
}

.game-carousel {
    margin: 0 0 20px;
}

.gameArrow {
    position: relative;
}

.gameArrow .slick-arrow {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 45%;
    width: 23px;
    height: 23px;
    font-size: 0;
    background: #fff;
    border-radius: 30px;
    border: none;
    cursor: pointer;
    z-index: 9;
}

.gameArrow .slick-arrow:focus {
    box-shadow: none !important;
    border: none !important;
    outline: none;
}

.gameArrow .slick-prev {
    left: 8px;
}

.gameArrow .slick-prev::before {
    content: '\f137';
    font-family: FontAwesome;
    font-size: 24px;
    color: var(--secondary);
}

.gameArrow .slick-next {
    right: 3px;
}

.gameArrow .slick-next::before {
    content: '\f138';
    font-family: FontAwesome;
    font-size: 24px;
    color: var(--secondary);
}

.swiper-button-next, .swiper-button-prev {
    top: 52% !important;
    z-index: 9 !important;
}

.swiper-button-next:after, .swiper-button-prev:after {
    font-size: 12px !important;
    color: var(--white-color);
    width: 25px;
    height: 25px;
    background: var(--secondary);
    text-align: center;
    line-height: 25px !important;
    border-radius: 30px;
}

.game-carousel swiper > .swiper.s-wrapper .swiper-wrapper .swiper-slide {
    padding-top: 5px;
}

.gameRow {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

.gameCol {
    width: 15.88%;
    min-height: 320px;
    transition: all 0.3s;
    position: relative;
    background: var(--darkBG);
    box-shadow: 0 0 35px inset rgba(0, 0, 0, 0.3);
    background: linear-gradient(-45deg, var(--darkBG), rgba(255, 255, 255, 0.2), var(--secondary));
    background-size: 400% 400%;
    animation: gradient 2s ease infinite;
}

.gameCol img {
    position: relative;
    z-index: 1;
    transition: all 0.5s;
}

/* .gameCol:hover{ top: -3px;} */
/* .gameCol::before{ content: " "; position: absolute; display: block; width: 25px; height: 25px; margin: auto; left: 0; right: 0; top: 0; bottom: 0; z-index: 0; border-radius: 50%; border: 3px dotted #fff; border-color: #fff transparent #fff transparent; animation: lds-dual-ring 1.5s linear infinite; animation-iteration-count: 1; opacity: 0; }  */

.providergameCol {
    cursor: pointer;
    top: 0;
    height: 80px;
    border-radius: 10px;
    position: relative;
    background: var(--darkBG);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 95%;
    margin: 0 auto 5px;
    box-shadow: 0 4px 4px #00000040;
    transition: all 0.3s;
    overflow: hidden;
}

.providergameCol .playBox {
    display: none !important;
}

.providergameCol .topText {
    display: none !important;
}

.providergameCol:hover {
    background: var(--gameBox);
}

.gamprovidergameColeCol img {
    position: relative;
    z-index: 1;
}

/* .providergameCol:hover{top:-2px;} */
.providergameCol::before {
    content: " ";
    position: absolute;
    display: block;
    width: 25px;
    height: 15px;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0;
}

.dropdown-list ul {
    overflow-x: hidden !important;
}

/* @keyframes gradient {
  0% {
      background-position: 0% 50%;
  }
  50% {
      background-position: 100% 50%;
  }
  100% {
      background-position: 0% 50%;
  }
}
@keyframes lds-dual-ring {
    0% {
      transform: rotate(-180deg); opacity: inherit;
    }
    100% {
      transform: rotate(360deg); opacity: 0;
    }
  } */


.game-carousel .gameCol, .fixedProvider.providerProloader > div, .casinoPreLoader .filterRow ul li {
    position: relative;
    overflow: hidden;
    border-radius: 4px;
    cursor: pointer;
    animation: gradient 2s linear infinite;
    background-image: linear-gradient(120deg, rgba(255, 255, 255, 0.2), var(--secondary), rgba(255, 255, 255, 0.2), var(--secondary));
    background-size: 300% 100%;
}

/* .game-carousel .gameCol::before{content: ''; position: absolute; top: 0; left: 0; right: 0; z-index: 5; width: 100%; height: 100%; border-radius: 4px; filter: blur(1px); border: 3px solid rgba(255,255,255,0.2); } */
.game-carousel .gameCol:hover .playBox {
    opacity: inherit;
}

.game-carousel .gameCol:hover img {
    filter: blur(3px);
}

.game-carousel .img100 img {
    width: 100%;
}

.topText {
    position: absolute;
    right: 10px;
    top: 10px;
    padding: 2px 8px 0;
    font-size: 12px;
    border-radius: 5px;
    background: var(--secondary);
    color: var(--white-color);
    text-transform: uppercase;
}

.game-carousel .playBox {
    position: absolute;
    transition: 0.3s all;
    opacity: 0;
    top: 0;
    z-index: 2;
    background: rgba(0, 0, 0, 0.4);
    padding: 30px 10px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: 100%;
}

.game-carousel .playBox h6 {
    width: 100%;
    position: relative;
    text-align: center;
    color: var(--white-color);
}

.game-carousel .playBox i {
    color: var(--white-color);
    margin: 5px 0;
}

.game-carousel .playBox .btn-dark {
    border: none;
    background: var(--black-color);
    text-transform: uppercase;
    font-size: 12px;
    min-height: 28px;
    color: var(--white-color);
    padding: 3px 15px;
    margin: 50px 0 0;
}

.game-carousel .playBox .btn-dark:hover {
    background: var(--hover-color);
}

.game-carousel .playBox .topMark {
    position: absolute;
    background: var(--primary);
    padding: 4px 8px 2px 20px;
    left: -20px;
    top: -15px;
    text-transform: uppercase;
    text-shadow: none;
    font-size: 12px;
}

.landingGameRow {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    margin: 0 0 20px;
}

.innerGameRow {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.innerGameRow .gameCol {
    width: 13.8%;
    min-height: 340px;
}

.innerGameRow .gameCol-2 {
    width: 19.1%;
    margin: 0 5px 10px;
    min-height: 145px;
}

.border-tb {
    border: 1px solid rgba(218, 209, 177, 0.1);
}

.footerRow {
    border-top: 1px solid rgba(218, 209, 177, 0.1);
    padding: 50px 0 40px;
    margin: 50px auto 0;
    max-width: 1640px;
    width: 100%;
}

.footerRow h6 {
    font-weight: 700;
    color: rgba(var(--textwhite), .7);
    margin: 0 0 18px;
    font-size: 12px;
    text-transform: uppercase; /* z-index: -1; *//* position: relative; */
}

.reslogoRow {
    display: flex;
    align-items: center;
    gap: 20px;
}

.reslogoRow .resLogo img {
    height: 20px;
    object-fit: contain;
}

.footerRow .footLogo {
    margin: 0 0 20px;
    display: block;
}

.footerRow .footLogo img {
    height: 25px;
    object-fit: contain
}

.footerRow .footLink {
    font-size: 12px;
    color: rgba(255, 255, 252, 1) !important;
    display: inline-block; /* z-index: -1; *//* position: relative; */
}

.footerRow ul > li:last-child {
    margin-bottom: 0;
}

.footerRow li {
    margin-bottom: 12px;
}

.footerRow .footLink:hover {
    color: var(--white-color) !important;
}

.footerRow .socialMedia {
    display: flex;
    align-items: center;
    gap: 5px;
}

.footerRow .socialMedia .socialLink {
    border: 1px solid var(--white-color);
    width: 20px;
    height: 20px;
    border-radius: 20px;
    text-align: center;
    line-height: 18px;
    font-size: 10px;
    color: var(--white-color) !important;
    transition: 0.3s all;
}

.footerRow .socialMedia .socialLink:hover {
    transform: scale(1.2);
}

.footerRow .copytext {
    border-top: 1px solid rgba(218, 209, 177, 0.1);
    padding: 20px 0;
    margin: 30px 0 0;
}

.footerRow .copytext p {
    margin: 0 0 15px;
    color: rgba(var(--textwhite), .9);
    font-size: 12px;
    text-align: center;
}

.footerRow .paymentLogos {
    width: 100%;
    gap: 0 8px;
}

.footerRow .paymentLogos .ftpayLogo {
    margin-bottom: 0;
    padding: 0;
    min-width: 135px;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.footerRow .paymentLogos .ftpayLogo img {
    height: 42px;
    object-fit: contain;
    cursor: pointer; /* -webkit-filter: grayscale(100%); *//* filter: grayscale(100%); *//* opacity: 0.6; */
}

.footerRow .paymentLogos .ftpayLogo img:hover {
    filter: inherit;
    -webkit-filter: inherit;
    opacity: 1;
}

.footerRow .filterTab .arrowTabs {
    height: 100%;
}

.footerRow .filterTab .arrowTabs.arrowLeft {
    left: -15px;
}

.footerRow .filterTab .arrowTabs.arrowRight {
    right: -15px;
}

.footerRow .filterTab {
    margin: 0 0 2.7rem;
}

.footerRow .payment-center {
    text-align: center;
}

.footerRow .payment-center > div {
    display: inline-block;
}

.footerRow .payText {
    font-size: 10px;
    letter-spacing: 2px;
    width: 100%;
    text-align: center;
    margin: 0 0 18px;
}

app-casino-game-dashboard .footer-scroll {
    overflow-y: auto;
}

app-casino-game-dashboard .footer-scroll .footerRow {
    padding-bottom: 0;
    height: 430px;
}

app-casino-game-dashboard .copyRight {
    padding-bottom: 40px;
}

.copyRight {
    border-color: rgba(218, 209, 177, 0.1) !important;
}

.copyRight p {
    color: var(--white-color);
    opacity: 0.9;
    font-size: 12px;
    margin: 0;
}

.tabsRow {
    display: flex;
    flex-wrap: wrap;
    margin: 7px 0 0;
    position: absolute;
    right: 60px;
}

.tabsRow .lo-logo {
    height: 25px;
    object-fit: contain;
    margin: 0 0 20px;
}

.tabsRow .nav {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

/* .tabsRow .nav-item{ flex: 0 0 50%;} */
.tabsRow a.nav-link {
    color: var(--tabText) !important;
    cursor: pointer;
    padding: 0.5rem 0;
    font-size: 12px;
}

.tabsRow .btn {
    padding: 4px 8px !important;
    font-size: 12px;
    border-radius: 4px;
    text-transform: uppercase;
    display: inline-block !important;
    width: auto !important;
    color: #fff !important;
}

.tabsRow .signBtn {
    border: none;
    background: none !important;
    color: rgba(var(--textwhite), .8) !important;
    font-size: 14px;
    text-decoration: underline !important;
}

.tabsRow .active {
    display: none !important;
}

.tabsthin .nav {
    width: 100%;
    justify-content: center;
    flex-wrap: nowrap;
}

.tabsthin .nav li {
    display: flex;
    flex: auto;
}

.tabsthin a.nav-link {
    padding: 0.3rem 1.5rem;
    flex-grow: 1;
    display: block;
    text-align: center;
}


.eyeIcon {
    position: absolute;
    right: 10px;
    bottom: 12px;
    color: var(--white-color);
    cursor: pointer;
}

.forgotPass {
    text-decoration: underline !important;
    font-size: 12px;
    margin: 7px 0 0;
    display: block;
    cursor: pointer;
}

/* Modal popup Changes */
.loginModal {
    max-width: 720px;
}

.loginModal .modal-header {
    background: none;
    padding: 10px 15px;
    border-bottom: 1px solid var(--secondary);
}

.loginModal .forgotText {
    text-decoration: underline;
    color: var(--white-color);
}

.loginModal .form-control {
    background: var(--secondary);
    border-color: transparent;
    font-size: 13px;
    background: rgba(218, 209, 177, 0.1);
    border-radius: 4px;
    height: 52px;
    color: rgb(255 255 255);
}

.loginModal .form-control:focus {
    border: 1px solid var(--primary);
    box-shadow: none;
}

.loginModal .modal-body {
    padding: 15px 0;
    min-height: 400px;
}

.loginModal .tab-content .active {
    background: none;
}

.loginModal .btn-primary {
    background: var(--secondary);
    padding: 0.5rem 3.5rem;
    border-radius: 4px;
    text-transform: uppercase;
    border: none !important;
    display: block;
    width: 100%;
}

.loginModal .btn-sm {
    font-size: 10px;
    padding: 0.2rem 0.5rem;
    display: inline-block;
}

.loginModal .lo-logo {
    height: 40px;
    object-fit: contain;
}

.loginModal .secTitle h5 {
    font-size: 18px;
    font-weight: 500;
}

.loginBG {
    width: 360px;
    display: block;
    padding: 0;
    overflow: hidden;
    border-radius: 4px;
}

.loginBG img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0px 10px 10px 10px;
}

.tab-pane.fade {
    transition: all 0.5s;
    transform: translateY(8rem);
}

.tab-pane.fade.show {
    transform: translateY(0rem);
}

.tab-pane.active {
    animation: opac 1.5s
}

@keyframes opac {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.modal-header {
    background: var(--primary);
}

.modal-title {
    color: var(--white-color);
}

.modal-content {
    background-color: var(--body-bg) !important;
    border-radius: 4px;
    border: 1px solid var(--secondary);
}

.modal-content .col-form-label {
    color: var(--white-color);
}

.modal-header {
    border-bottom: none;
}

.modal-header .close {
    color: rgba(255, 255, 255, .6);
    opacity: inherit;
    text-shadow: none;
}

.modal-footer {
    border-top: none;
}

/* End Modal Changes */
.arrow-group {
    display: flex;
    border-radius: 30px;
}

.arrow-group button {
    background: var(--darkBG);
    cursor: pointer;
    border: 1px solid var(--secondary);
    padding: 3px 18px;
    color: var(--white-color);
}

.arrow-group button:hover {
    background: var(--secondary);
    border: 1px solid var(--hover-color);
}

.arrow-group .leftBtn {
    border-radius: 30px 0 0 30px;
}

.arrow-group .rightBtn {
    border-radius: 0 30px 30px 0;
    margin-left: -1px;
}


.event-TabRow {
    background: var(--darkBG);
    padding: 20px;
    border-radius: 5px;
}

.event-TabRow ul {
    display: flex;
    align-items: center;
}

.event-TabRow li {
    color: var(--white-color);
    margin: 0 20px;
}

.event-TabRow li a {
    color: var(--white-color);
    display: block;
    text-align: center;
    opacity: 0.5;
}

.event-TabRow li a:hover {
    opacity: inherit;
    transform: scale(1.1);
}

.event-TabRow .s-col {
    display: block;
    position: relative;
    width: 45px;
    margin: 0 auto;
}

.event-TabRow .s-col .d-icon, .event-TabRow .s-col .fa-solid {
    font-size: 24px;
}

.event-TabRow .noMC {
    position: absolute;
    right: -10px;
    top: -5px;
    font-weight: 700;
    padding: 0 10px;
    border-radius: 10px;
    background: var(--primary);
}

.event-TabRow .active {
    background: none;
    opacity: inherit;
}

.event-TabRow .active .noMC {
    background: #4590ff;
    color: var(--black-color);
}

.bonusBTN-row {
    margin: 0 0 2.5rem;
}

.bonusBTN-row ul {
    display: flex;
    align-items: center;
    gap: 0 5px;
}

.bonusBTN-row li {
    display: flex;
    align-items: center;
    background: var(--secondary);
    border-radius: 4px;
    overflow: hidden;
    transition: all 0.3s;
}

.bonusBTN-row li:hover {
    background: var(--hover-color);
}

.bonusBTN-row li a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: var(--white-color);
    padding: 5px 10px;
    min-height: 38px;
}

.bonusBTN-row .sIcon {
    color: var(--menu-text);
    margin-right: 10px;
    font-size: 18px;
}

.bonusBTN-row .sportText {
    flex: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: var(--white-color);
}

.bonusBTN-row .active .sportText {
    color: var(--menu-text);
}

.bonusRow {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding: 0px 20px 00px 20px;
    margin-top: 50px;
}

.bonusCard {
    width: 24.4%;
    margin-bottom: 30px;
}

.bonusCard .bonusImg {
    height: 100%;
    cursor: pointer;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.5);
    overflow: hidden;
    border-radius: 10px;
    position: relative;
}

/* .bonusCard .bonusImg::before{content: ''; position: absolute; top: 0; left: 0; right: 0; z-index: 5; width: 100%; height: 100%; border-radius: 10px; filter: blur(1px); border: 3px solid rgba(255,255,255,0.2); } */
.bonusCard .bonusImg img {
    width: 100%;
    transition: all 0.5s;
    object-fit: cover !important;
    height: 100%;
}

.bonusCard .detailBox {
    padding: 20px;
    position: absolute;
    z-index: 8;
    bottom: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
    transition: all 0.3s;
}

.bonusCard:hover .detailBox {
    background: rgb(21 112 155 / 84%);
}

.bonusCard:hover .bonusImg img {
    transform: scale(1.2);
    filter: blur(4px);
}

.bonusCard .bonusTitle {
    color: #fff;
    margin: 0px;
    display: block;
    font-size: 20px;
    font-weight: 800;
    text-align: center;
}

.bonusCard .bonusDesc {
    font-size: 12px;
    font-weight: normal;
    color: rgba(255, 255, 255, 0.8);
    margin: 0 0 20px;
}

.bonusCard .btn-link {
    color: var(--white-color);
}

.bonusCard .buttonBox {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.bonusDetail {
    color: var(--white-color);
}

.bonusDetail li {
    border-bottom: 1px solid var(--secondary);
    padding: 5px 0;
}

.bonusDetail li:last-child {
    border-bottom: none;
}

.bonusDetail .bTitle {
    width: 50%;
    display: inline-block;
    text-transform: capitalize;
    vertical-align: top;
}

.bonusDetail .bValue {
    width: 50%;
    display: inline-block;
}

.bonusDetail .bonusThumb {
    width: 50%;
    padding: 5px;
    border: 1px solid var(--secondary);
    border-radius: 5px;
    margin: 0 0 20px;
}

.bonusDetail .bonusThumb img {
    border-radius: 5px;
}

.bonusDetail .descRow {
    margin: 10x 0;
}

.bonusDetail .descRow p {
}

.bonusDetail .descRow ol, .bonusDetail .descRow ul {
    margin: 0 0 15px 15px;
    padding: 0;
}

.bonusDetail .descRow li {
    border: none;
}

.filterRow .col-form-label {
    color: var(--white-color);
    font-weight: 600;
}

.filterRow .multiselect-dropdown {
    min-width: 200px;
    background: var(--primary);
    border-radius: 3px;
}

.multiselect-dropdown .dropdown-btn {
    border-color: var(--primary) !important;
}

.filterRow .multiselect-dropdown span {
    color: var(--menu-text);
    text-transform: capitalize;
}

.filterRow .multiselect-dropdown .dropdown-list {
    background: var(--primary);
    box-shadow: none;
    border-color: var(--primary);
}

.filterRow .multiselect-item-checkbox input[type=checkbox] + div {
    color: var(--menu-text) !important;
    text-transform: capitalize;
}

.filterRow .multiselect-item-checkbox input[type=checkbox] + div:before {
    color: var(--menu-text) !important;
    border-color: var(--menu-text) !important;
    background: transparent !important;
}

.filterRow .multiselect-item-checkbox input[type=checkbox] + div:after {
    color: var(--menu-text) !important;
    border-color: var(--menu-text) !important;
}

.filterRow .multiselect-item-checkbox:hover {
    background-color: var(--hover-color) !important;
}

.filterRow .multiselect-dropdown .dropdown-btn {
    padding: 6px 25px 6px 5px !important;
}

.filterRow .multiselect-dropdown .dropdown-btn .selected-item {
    border: 1px solid var(--primary) !important;
    color: var(--menu-text) !important;
    font-size: 12px !important;
    background: var(--primary) !important;
    box-shadow: none !important;
}

.filterRow .multiselect-dropdown .dropdown-btn .selected-item a {
    color: var(--menu-text) !important;
}

.filterRow .multiselect-dropdown .dropdown-btn .dropdown-multiselect__caret:before {
    border: none !important;
    content: '\f078' !important;
    color: var(--menu-text) !important;
    font-family: FontAwesome !important;
    top: 8px !important;
}

.filterRow ul {
    border-radius: 4px;
    padding: 7px 10px;
    background: rgba(255, 255, 255, 0.05);
    margin: 0 0 20px;
    display: flex;
    flex-wrap: nowrap;
    white-space: nowrap;
    overflow-x: auto;
    gap: 6px;;
}

.fillterMores {
    border-radius: 4px;
    position: relative;
    padding: 7px 10px;
    background: rgba(255, 255, 255, 0.05);
    margin: 0 0 20px;
}

.filterRow .fillterMores ul {
    background: transparent;
    border-radius: 0;
    margin: 0;
    padding: 0 20px 0 0;
    flex-wrap: wrap;
    max-height: 40px;
    overflow-y: hidden;
}

.filterRow .fillterMores.append-data ul {
    max-height: 100%;
}

.append-data .fa-angle-down:before {
    content: "\f106";
}

.filterRow ul::-webkit-scrollbar {
    display: none;
}

.filterRow ul li {
    border: 1px solid transparent;
    border-radius: 4px;
    display: flex;
    align-items: center;
    font-weight: 500;
    background: var(--secondary);
    padding: 3px 10px;
    min-height: 40px;
    text-transform: uppercase;
    color: var(--white-color);
    cursor: pointer;
    transition: all 0.3s;
}

.filterRow ul li img {
    height: 30px;
    object-fit: contain;
    filter: contrast(0.1) brightness(5) opacity(0.7);
}

.filterRow ul li.active {
    border: 1px solid #fff;
    color: var(--primary);
}

.tableFilter {
    display: flex;
    flex-wrap: wrap;
}

.tableFilter .form-group {
    margin: 0 1rem 0 0;
}

.tableFilter .col-form-label {
    color: var(--white-color);
    font-weight: bold;
}

.tableFilter .form-control {
    border-color: var(--secondary);
    font-size: 12px;
    font-weight: 400;
    box-shadow: none;
    background: rgba(218, 209, 177, 0.1);
    border-radius: 4px;
    color: var(--white-color);
}

.form-control option {
    color: var(--black-color);
}

.docButton {
    display: none;
    gap: 10px;
    justify-content: flex-end;
    align-items: end;
}

.docButton .btn {
    border-radius: 40px !important;
    width: 30px;
    height: 30px;
}

.table-responsive {
    background: var(--darkBG);
    font-size: 14px;
}

.table-responsive .border {
    border-color: var(--primary) !important;
}

.table-responsive .table td, .table th {
    border-color: rgba(255, 255, 252, 0.3);
    padding: 0.3rem 0.8rem;
    font-weight: 400;
}

.table thead th {
    border-bottom: none;
}

.table-responsive {
    min-height: calc(100dvh - 300px);
}

.sorting {
    position: relative;
}

.sorting::after {
    content: '\f0dc';
    cursor: pointer;
    font-family: FontAwesome;
    font-size: 11px;
    color: var(--white-color);
    right: 8px;
    top: 4px;
    position: absolute;
}

.sorting_asc::after {
    content: '\f0de' !important;
}

.sorting_desc::after {
    content: '\f0dd' !important;
}

.paginationRow {
    background: var(--darkBG);
    padding: 0 10px 10px;
    display: flex;
    justify-content: end;
}

.paginationRow .page-link {
    background: none;
    border: none;
    padding: 0.3rem 0.75rem;
    width: 30px;
    color: #fff !important;
}

.paginationRow .current {
    background: var(--primary) !important;
}

.balText {
    margin: 0 0 0 1rem;
    color: var(--menu-text);
    border: 1px solid rgba(255, 255, 255, 0.2);
    background: none;
    padding: 4px 8px;
    font-size: 12px;
    border-radius: 4px;
}

.depositBtn {
    margin: 0 0 0 2rem;
    padding: 4px 8px;
    font-size: 12px;
    border-radius: 4px;
    text-transform: uppercase;
}


.profileRow {
    background: var(--darkBG);
    padding: 2rem;
    width: 75%;
}

.profileRow .col-form-label {
    color: var(--white-color);
}

.profileRow .form-control {
    border-color: var(--secondary);
    font-size: 12px;
    background: rgba(218, 209, 177, 0.1);
    border-radius: 4px;
    height: 42px;
    padding: .375rem 2rem .375rem .75rem;
    color: rgba(255, 255, 255, 0.3);
}

.profileRow .form-control:focus {
    border: 1px solid var(--primary);
    box-shadow: none;
}

.kycTabs {
    margin-bottom: 2rem;
}

.kycTabs ul {
    display: flex;
}

.kycTabs ul li {
    color: var(--white-color);
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 2rem 0 0;
    font-weight: bold;
    padding: 0 5px 5px;
    border-bottom: 3px solid transparent;
}

.kycTabs ul li:hover, .kycTabs .active {
    border-bottom: 3px solid var(--login-button-bg);
    color: var(--login-button-bg);
    background: none;
}

.kycForm .custom-file {
    position: relative;
    height: 100px;
    background: none !important;
}

.kycForm .custom-file::before {
    content: '\f0ee';
    font: 30px/10px FontAwesome;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 90%;
    height: 80%;
    text-align: center;
}

.kycForm .pdfUpdated::before {
    content: '\f1c1';
}

.kycForm .custom-file .custom-file-input {
    height: 100%;
}

.kycTabs .withsup {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.kycTabs .withsup sup {
    margin: 0 0 10px;
}

.kycForm .custom-file .closeB {
    position: absolute;
    z-index: 9;
    right: -15px;
    top: -20px;
}

.fileText {
    font-size: 12px;
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 15px;
    font-size: 12px;
    text-align: center;
    left: 0;
}

.thumbnail-img {
    position: relative;
    width: 100%;
    height: 100px;
    text-align: center;
    border: 1px solid var(--hover-color);
    padding: 3px;
}

.thumbnail-img img {
    height: 93px;
    object-fit: cover;
}

.thumbnail-img .fa {
    position: absolute;
    right: -20px;
    top: -10px;
    color: #fff;
}

.infoDetail {
    margin: 1rem 0 0;
}

.infoDetail p {
    color: var(--white-color);
}

.balanceRow {
    padding: 0.4rem 0.5rem 0.4rem 1rem;
    background: rgba(0, 0, 0, 0.4);
    border: 2px solid var(--secondary);
    border-radius: 5px;
    margin: 0 0 1rem;
    color: var(--white-color);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.forModal-table {
    width: 1199px !important;
    max-width: 990px !important;
}

.sample-slider2 {
    width: 100%;
    overflow: hidden;
}

.sample-slider2 img {
    width: 80%;
    height: 50px;
    margin: 0 auto;
    object-fit: contain;
    filter: grayscale(100%) brightness(100) contrast(5) drop-shadow(0 0 1px white);
    opacity: 0.5;
    transition: all 0.3s;
}

.sample-slider2 img:hover {
    opacity: inherit;
    cursor: pointer;
}

.sample-slider2 .swiper-wrapper {
    transition-timing-function: linear;
}

/* with color bar */
.setting-show .centerWrap {
    padding: 80px 0 0 0;
}

.setting-show .sidebarMain {
    margin-top: 120px;
    height: calc(100vh - 120px);
}

/* end color bar */
.gameFrame {
    min-height: calc(100dvh - 155x);
    box-shadow: inset 0 0 50px rgba(0, 0, 0, 0.4);
    background: var(--secondary);
    color: var(--white-color);
    overflow: hidden;
}

.gameFrame .ifream {
    width: 102.5%;
    height: calc(100dvh - 155px);
    border: none;
    outline: none;
}

.sportifream {
    width: 100%;
}

.fixedRow {
    position: absolute;
    bottom: -30px;
    left: 0;
    right: 0;
}

.commandBTN {
    width: 100%;
    background: var(--menuBG);
    min-height: 36px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.commandBTN a {
    color: var(--white-color);
    padding: 10px 15px;
    display: flex;
    align-items: center;
}

.commandBTN .fa-television {
    height: 12px;
    overflow: hidden;
}

.commandBTN a:hover {
    background: var(--hover-color);
}

.upiLogo img {
    height: 22px;
    display: inline-block;
}

.inMobile-lg {
    width: 1600px !important;
    max-width: 1600px !important;
}

.inMobile-xxl {
    width: 2100px !important;
    max-width: 2100px !important;
    border: none !important;
}

app-g1-live-sport-iframe .centerWrap {
    padding: 45px 0 0;
}

.viewBtn {
    font-size: 12px;
    font-weight: 400;
}

.withdraw-deposit-ui .inMobile-md {
    width: 1024px;
    max-width: 1024px;
}

.withdraw-deposit-ui .table-responsive {
    min-height: calc(100dvh - 480px);
}

/* For sportsbook */
.sportBookRow {
    margin: 101px 0 0;
    position: relative;
    z-index: 8;
}

/* .sportBookRow #bt-inner-page{background: var(--body-bg)!important;} */
.bt499 {
    background: var(--headerBG) !important;
}

/* end sportsbook */
.paymentSec {
    background: var(--headerBG);
    border-radius: 10px;
    margin: 30px 0 50px;
    padding: 25px 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
}

.paymentSec h3 {
    color: var(--white-color);
    font-weight: 800;
    letter-spacing: 1px;
    margin: 0;
    padding: 0;
}

.paymentSec ul {
    display: flex;
    justify-content: center;
    gap: 20px;
}

.paymentSec ul li {
    transition: all 0.3s;
}

.paymentSec ul li img {
    height: 30px;
    max-width: 100%;
    object-fit: contain;
}

.paymentSec ul li:hover {
    transform: scale(1.1);
    cursor: pointer;
}

.paymentSec .btn-primary {
    padding: 10px 25px;
}

.landing-bonus {
    margin-top: 50px;
}

.deposit-listing h5 {
    font-size: 13px;
    font-weight: 500;
}

.deposit-listing h5 strong {
    font-size: 16px;
}

.bank_details .deposit-listing {
    flex-grow: 1;
}

.bank_details .deposit-listing .btn-outline-primary {
    border-color: var(--secondary) !important;
}

.customRadio {
    margin: 0 0 30px;
}

.customRadio label {
    cursor: pointer;
}

.customRadio .col-form-label .input-radio {
    box-shadow: 0px 0px 0px 1px #6d6d6d;
    font-size: 1.5em;
    width: 15px;
    height: 15px;
    margin: 2px 5px 0 0;
    border: 2px solid #fff;
    background-clip: border-box;
    border-radius: 50%;
    appearance: none;
    transition: background-color 0.3s, box-shadow 0.3s;
}

.customRadio .input-radio:checked {
    box-shadow: 0px 0px 0px 3px var(--login-button-bg);
    background-color: var(--login-button-bg);
}

.customRadio .col-form-label .input-check {
    box-shadow: 0px 0px 0px 1px #6d6d6d;
    font-size: 1.5em;
    width: 15px;
    height: 15px;
    margin: 2px 5px 0 0;
    border: 1px solid #fff;
    background-clip: border-box;
    border-radius: 50%;
    appearance: none;
    transition: background-color 0.3s, box-shadow 0.3s;
}

.customRadio .col-form-label {
    display: flex;
    align-items: center;
    margin: 5px 15px;
}

.customRadio .input-check:checked {
    position: relative;
}

.customRadio .input-check:checked:before {
    content: '\f00c';
    font-family: FontAwesome;
    font-size: 14px;
    line-height: 16px;
    color: var(--login-button-text);
    text-align: center;
    position: absolute;
    top: -2px;
    left: -2px;
    width: 17px;
    height: 17px;
    background: var(--login-button-bg);
}

.cryptoCoinList {
    gap: 5px;
    overflow-x: auto;
    max-width: 1045px;
    flex-wrap: nowrap;
    white-space: nowrap;
    margin: 0 0 2rem;
}

.cryptoCoinList a {
    font-size: 12px;
    border-radius: 20px;
    background: var(--secondary) !important;
    color: var(--white-color) !important;
    border: none;
    font-weight: 400;
    padding: 5px 10px 5px 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0 8px;
}

.cryptoCoinList a:hover {
    background: var(--hover-color) !important;
}

.cryptoCoinList a:hover .cryptoIcon {
    transform: rotate(360deg);
}

.cryptoCoinList .cryptoIcon {
    width: 25px;
    transition: all 0.3s;
}

.cryptoCoinList a.active {
    background: linear-gradient(90deg, var(--pick-color) 0%, var(--pick-color2) 100%) !important;
}

.cryptoDetail li {
    padding: 30px 20px;
    background: var(--secondary);
}

.cryptoWithBox {
    background: var(--secondary);
    border-radius: 5px;
    margin-left: 10%;
    display: flex;
    align-items: center;
}

.selectCurrency .btn {
    width: 100%;
    padding: 7.5px 12px;
    border-radius: 10px;
    font-size: 1rem;
    font-weight: 400;
    background: rgba(218, 209, 177, 0.1) !important;
    border: 1px solid var(--secondary) !important;
    color: var(--white-color);
    display: flex;
    align-items: center;
    gap: 0 10px;
    position: relative;
}

.selectCurrency .dropdown-toggle::after {
    content: '\f107';
    font-family: FontAwesome;
    font-size: 12px;
    color: var(--white-color);
    border: none;
    position: absolute;
    right: 17px;
    top: 10px
}

.selectCurrency .cryptoIcon {
    width: 25px;
}

.selectCurrency .dropdown-menu {
    width: 255px;
    background: var(--secondary);
    border: 1px solid var(--secondary);
    z-index: 9;
    display: block;
    flex-wrap: wrap;
    height: auto;
    overflow-y: auto;
}

.selectCurrency .dropdown-item {
    width: 93.5%;
    height: 40px;
    font-size: 12px;
    padding: 8px 10px;
    border-radius: 5px;
    color: var(--white-color);
    display: inline-flex;
    align-items: center;
    gap: 0 10px;
    margin: 0 0 10px 8px;
    border: 1px solid var(--darkGray);
}

.selectCurrency .dropdown-item:hover, .selectCurrency .dropdown-item:focus {
    background: var(--primary) !important;
}

.selectCurrency .dropdown-item.active, .selectCurrency .dropdown-item:active {
    background: var(--primary) !important;
}

.withdrawFee {
    background: var(--secondary);
    padding: 20px;
    border-radius: 10px;
    margin: 0 0 20px;
    height: 80%;
}

.withdrawFee p {
    color: var(--white-color);
    display: flex;
    justify-content: space-between;
    margin: 0 0 15px;
}

.withdrawFee p span {
    width: 45%;
}

.withdrawFee p strong {
    text-align: right;
}

.infoQue {
    border: 1px solid var(--login-button-bg);
    color: var(--login-button-bg);
    background: none;
    display: inline-block;
    margin: 0 0 0 10px;
    cursor: pointer;
    width: 20px !important;
    height: 20px;
    border-radius: 20px;
    text-align: center;
    line-height: 20px;
}

.amoutvalue {
    gap: 5px;
}

.amoutvalue .btn {
    background: none !important;
    padding: 0.480rem 0.75rem;
}

.amoutvalue .active {
    background: var(--primary) !important;
}

.deposit-listing .btn-outline-primary {
    font-size: 12px;
}

.qrcode canvas {
    width: 160px !important;
    height: 160px !important;
}

/* join now hover */
.glow-on-hover {
    border: none;
    outline: none;
    cursor: pointer;
    position: relative;
    z-index: 0;
    border-radius: 8px;
}

.glow-on-hover:before {
    content: '';
    background: linear-gradient(45deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000);
    position: absolute;
    top: -2px;
    left: -2px;
    background-size: 400%;
    z-index: -1;
    filter: blur(5px);
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    animation: glowing 20s linear infinite;
    opacity: 0;
    transition: opacity .3s ease-in-out;
    border-radius: 8px;
}

.glow-on-hover:active {
    color: #000
}

.glow-on-hover:active:after {
    background: transparent;
}

.glow-on-hover:hover:before {
    opacity: 1;
}

.glow-on-hover:after {
    z-index: -1;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: var(--login-button-bg);
    left: 0;
    top: 0;
    border-radius: 8px;
}

@keyframes glowing {
    0% {
        background-position: 0 0;
    }
    50% {
        background-position: 400% 0;
    }
    100% {
        background-position: 0 0;
    }
}

/*end join now hover */
app-image-viewer .modal-content {
    background: none !important;
    border: none;
}

.depositRow .amounttab {
    padding: .520rem .75rem;
}

.depositRow .amoutvalue li {
    margin: 0 5px 0 0;
}

.gamePlayWrap .fixedFoot {
    display: none;
}

.bganimation {
    animation: gradient 2s linear infinite;
    background-image: linear-gradient(120deg, rgba(255, 255, 255, 0.2), var(--secondary), rgba(255, 255, 255, 0.2), var(--secondary));
    background-size: 300% 100%;
}

.fadein {
    animation: fadeinout 0.5s alternate;
}

.fadeout {
    animation: fade-out 0.5s alternate;
}

@keyframes gradient {
    0% {
        background-position: 100% 0%;
    }
    100% {
        background-position: 0% 0%;
    }
}

@keyframes fadeinout {
    0% {
        opacity: 0;
        transform: translateY(10px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fade-out {
    0% {
        opacity: 0;
        transform: translateY(-50px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.dataTables_empty {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    border: 0 !important;
}

td.dataTables_empty {
    margin: 30px 0;
}

.contentBox h3 {
    color: var(--white-color);
    margin: 0 0 10px;
    padding: 0;
}

.contentBox h5 {
    color: var(--white-color);
    margin: 0 0 5px;
    padding: 0;
}

.contentBox h6 {
    color: var(--white-color);
    margin: 0 0 5px;
    padding: 0;
}

.contentBox p {
    color: var(--white-color);
    margin: 0 0 10px;
    padding: 0;
}

.contentBox ul {
    list-style: disc;
    margin: 0 0 20px 30px;
}

.contentBox li {
    color: var(--white-color);
    margin: 0 0 5px;
}

.fixedProvider {
    display: flex;
    flex-wrap: nowrap;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    gap: 10px;
    margin: 0 0 20px;
}

.fixedProvider::-webkit-scrollbar {
    display: none;
}

.fixedProvider .proBox {
    min-width: 9.42%;
    transition: 0.3s all;
    min-height: 190px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: url(../assets/images/proBG.jpg) no-repeat;
    background-size: 100%;
    border-radius: 4px;
    overflow: hidden;
    font-size: 24px;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--white-color);
}

.fixedProvider .proBox i {
    font-size: 30px;
    margin-right: 10px;
}

.fixedProvider .proBox img {
    width: 85%;
    filter: contrast(0.1) brightness(5);
    max-height: 42px;
    object-fit: contain;
}

.fixedProvider .proBox:hover {
    transform: scale(1.05);
}

.toppromoRow {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 10px;
    margin: 0 0 20px;
}

.toppromoRow .promoBox {
    width: 19.1%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    overflow: hidden;
    transition: 0.3s all;
}

.toppromoRow .promoBox img {
    width: 100%;
}

.toppromoRow .promoBox:hover {
    transform: scale(1.05);
}

.topGateway {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 10px;
    margin: 0 0 20px;
}

.topGateway .gateBox {
    width: 19.5%;
    min-height: 215px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
    flex-direction: column;
    background: url(../assets/images/gateBox.png) no-repeat;
    background-size: 100%;
    overflow: hidden;
    transition: 0.3s all;
}

.topGateway .gateBox .comLogo {
    height: 35px;
}

.topGateway .gateBox:hover {
    transform: scale(1.05);
}

.topGateway .gateBox .gateLogo {
    clip-path: polygon(5% 0, 100% 0, 100% 85%, 95% 100%, 0 100%, 0 15%);
    width: 75%;
    height: 70px;
    background: rgba(255, 255, 255, 0.1);
    display: flex;
    justify-content: center;
    align-items: center;
}

.topGateway .gateBox .gateLogo img {
    height: 50px;
    filter: contrast(0.1) brightness(5);
    object-fit: contain;
    height: 40px;
    width: 80%;
}

.topGateway .gateBox .gateBTN {
    clip-path: polygon(5% 0, 100% 0, 100% 85%, 95% 100%, 0 100%, 0 15%);
    height: 38px;
    padding: 0 0 0 10px;
    color: #fff;
    background: var(--primary);
    border: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0 15px;
}

.topGateway .gateBox .gateBTN .fa {
    clip-path: polygon(15% 0, 100% 0, 100% 85%, 95% 100%, 0 100%, 0 15%);
    height: 38px;
    width: 40px;
    color: #000;
    background: var(--white-color);
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    right: 0;
}

.fixedFoot {
    position: fixed;
    bottom: -1px;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 9;
    background: var(--body-bg);
    border-top: 1px solid var(--secondary);
}

.fixedFoot .awwowBtn {
    background: var(--body-bg);
    border: 1px solid var(--secondary);
    border-bottom: none;
    position: absolute;
    top: -19.5px;
    height: 18px;
    z-index: 9999;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 60px;
    border-radius: 0 0 4px 4px;
    text-align: center;
    padding: 0;
    box-shadow: none !important;
    color: rgba(255, 255, 255, 0.5) !important;
    transform: rotate(180deg);
}

.fixedFoot .collapsed i {
    transition: all 0.3s;
    transform: inherit;
}

.filterTab {
    margin: 0 0 0.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}

.filterTab ul {
    padding: 0 10px;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    scroll-behavior: smooth;
    overflow-y: auto;
    width: 100%;
    margin: 0 auto;
    gap: 0 5px;
}

.filterTab ul::-webkit-scrollbar {
    display: none;
}

.filterTab ul li a {
    min-height: 38px;
    padding: 3px 10px;
    text-transform: uppercase;
    font-weight: 500;
    background: rgba(255, 255, 255, 0.14);
    border-radius: 4px;
    display: flex;
    justify-content: center;
    text-transform: uppercase;
    align-items: center;
    white-space: nowrap;
    color: rgba(var(--textwhite), .7);
}

.filterTab ul li a i {
    margin: 0 0.7rem 0 0;
    font-size: 1.3rem;
}

.filterTab ul li a svg {
    width: 18px;
    height: 18px;
    fill: var(--white-color);
    margin: 0.2rem 0.5rem 0 0;
}

.filterTab ul li a.active svg {
    fill: var(--white-color);
}

.filterTab ul li a.active {
    background: var(--primary);
    color: #fff;
}

.filterTab .arrowTabs {
    height: 38px;
    width: 3rem;
    display: flex;
    align-items: center;
    color: var(--white-color);
    font-size: 11px;
    position: absolute;
    z-index: 1;
    padding: 0 10px;
}

.filterTab .arrowLeft {
    left: 0;
    box-shadow: inset 55px -10px 15px -20px rgba(0, 0, 0, 0.8);
    justify-content: flex-start;
}

.filterTab .arrowRight {
    right: 0;
    box-shadow: inset -50px -10px 15px -20px rgba(0, 0, 0, 0.8);
    justify-content: flex-end;
}

.profile-content {
}

.profile-content .edit-user {
    margin-bottom: 15px;
    display: flex;
    align-items: center;
}

.profile-content .avatar-holder {
    width: 32px;
    height: 32px;
    font-size: 12px;
    line-height: 32px;
    flex-shrink: 0;
    text-align: center;
    text-transform: uppercase;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.4);
}

.profile-content .user-right {
    padding-left: 10px;
    flex: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
}

.profile-content .username {
    margin-bottom: 2px;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.9);
}

.profile-content .user-id {
    display: flex;
    align-items: center;
    font-size: 11px;
    line-height: 1.2;
    color: rgba(255, 255, 255, 0.5);
}

.profile-content .user-id i {
    margin-left: 6px;
}

.profile-content .main-balance {
    margin-bottom: 15px;
    padding: 10px 15px;
    border-radius: 4px;
    background: #109121;
}

.profile-content .main-balance.bonus {
    background-color: var(--menuBG);
}

.profile-content .balance-title {
    font-size: 14px;
    line-height: 20px;
    opacity: .9;
    color: var(--white-color);
}

.profile-content .user-balance {
    display: flex;
    flex-direction: column;
}

.profile-content .eye-icon {
    flex-shrink: 0;
    width: 34px;
    height: 34px;
    text-align: center;
    cursor: pointer;
    color: #fff9;
    font-size: 16px;
    line-height: 1;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, .1);
}

.profile-content .total-balance {
    margin-bottom: 15px;
    display: flex;
    justify-content: space-between;
}

.profile-content .amount {
    font-size: 20px;
    line-height: 22px;
    font-weight: 700;
    color: var(--white-color);
    opacity: .9;
}

.profile-content .buttons-bottom {
    display: flex;
    justify-content: center;
}

.profile-content .buttons-bottom .btn {
    padding: 0 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 34px;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 400;
    border-radius: 4px;
    color: var(--white-color);
    background: rgba(255, 255, 255, .25);
}

.profile-content .buttons-bottom .btn:hover {
    color: var(--white-color);
    background: rgba(255, 255, 255, .15);
}

.profile-content .buttons-bottom .btn.withdraw-bc {
    margin-left: 6px;
}

.profile-content .buttons-bottom .btn.withdraw-bc img {
    margin-right: 6px;
    max-width: 15px;
}

.profile-content .buttons-bottom .btn i {
    margin-right: 6px;
}

.profile-content .bonus-info {
    padding-top: 10px;
    display: flex;
    justify-content: space-between;
    border-top: 1px solid rgba(255, 255, 255, .2);
}

.profile-content .ellipsis {
    opacity: .8;
    color: var(--white-color);
}

.profile-content .bonus-info b {
    color: var(--white-color);
}

.profile-content .bonus .amount {
    margin-bottom: 6px;
}


/* ======= PROVIDER CSS START ======== */
.filter-rowreverse-style-col .sidebarMain.sideFilter .sideSports ul li {
    display: flex;
    padding: 10px 16px;
    height: 40px;
    color: rgba(var(--textwhite), .8);
    background: rgba(var(--textwhite), .1);
    border-radius: 4px;
    margin-bottom: 4px;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
}

.filter-rowreverse-style-col .sidebarMain.sideFilter .sideSports ul li.active {
    background: rgba(var(--textwhite), .8);
    color: rgba(var(--black-color), .8);
}

.filter-rowreverse-style-col .sidebarMain.sideFilter .titleBar.providerText {
    color: rgba(var(--textwhite), .8);
    padding: 10px 0 11px;
}

/* ==== PROVIDER CSS START  ==== */
.footerProvider {
    padding: 58px 5% 0px;
}

.footerProvider.casinoProviderFtr {
    padding-top: 0;
    padding-bottom: 65px;
}

.provider-style-div {
    border: 1px solid var(--primary);
    width: 100%;
    border-radius: 50px;
    padding: 56px 18px;
    min-height: 230px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.footerProvider ul li {
    margin: 8px 10px 8px;
}

.footerProvider ul li img {
    height: 42px;
    max-width: 122px;
    object-fit: contain;
}

.footerProvider a {
    justify-content: center;
    align-items: center;
    font-size: 23px;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--white-color);
    display: flex;
    cursor: default;
}

.provider-style-div h3 {
    color: var(--white-color);
    text-transform: uppercase;
    position: absolute;
    top: -14px;
    background: var(--body-bg);
    padding: 0px 20px;
    left: 50%;
    transform: translateX(-50%);
}

.footerProvider i {
    font-size: 30px;
    margin-right: 10px;
}

.provider-style-div > ul {
    justify-content: center;
    align-items: center;
}

/* ==== PROVIDER CSS END  ==== */
.headerSocialIcon .socialIconText {
    background: var(--primary);
    border-color: var(--primary);
    color: var(--btntText);
    border-radius: 4px;
    padding: 4px 10px;
    margin-right: 10px;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 75px;
    height: 30px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.headerSocialIcon .socialIconText span {
    font-size: 10.5px;
    line-height: normal;
}

.sidebarMain .headerSocialIcon .socialIconText:last-child {
    margin-right: 0;
}

#comm100-container > div > div {
    bottom: 6% !important;
    padding-right: 6px;
}

/* CHATS ICON CSS */
.bonus-requestIframeStyle .modal-body {
    padding: 0;
    overflow: hidden;
}

.bonus-requestIframeStyle iframe.ifreamview {
    width: 103.5%;
}

.bonus-requestIframeStyle button.close {
    color: var(--white-color);
    font-size: 16px;
    margin: 5px 0px 0 auto !important;
}


@media (min-width: 768px) {
    .sidebarMain {
        display: block !important;
    }

    /* app-player-sidebar.hideSidemenu, app-player-sidebar.showSidemenu{display: block!important;} */
}

@media (min-width: 1024px) {
    .modal-xl {
        max-width: 1140px;
    }

}

@media (max-width: 1899px) {
    .gameCol {
        min-height: 272px;
    }

    .innerGameRow .gameCol {
        width: 13.7%;
        min-height: 300px;
    }

    .bannerRow, .carousel-inner, .carousel-item {
        min-height: 300px;
    }
}

@media (max-width: 1699px) {
    .search-box {
        left: inherit;
        right: 15%;
    }

    .profileRow {
        width: 80%;
    }

    .bannerRow, .carousel-inner, .carousel-item {
        min-height: 265px;
    }

    .mainMenu ul li a {
        padding: 7px 13px;
    }


}

@media (max-width: 1670px) {
    .centerWrap {
        padding: 0 15px;
        max-width: 100%;
    }

    .footerRow {
        max-width: 96%;
    }

    .topGateway .gateBox {
        width: 19.4%;
        min-height: 208px;
        gap: 10px;
    }

    .topGateway .gateBox .gateLogo {
        height: 50px;
    }

    .topGateway .gateBox .gateLogo img {
        height: 30px;
    }

    .fixedProvider .proBox {
        min-height: 185px;
    }

    .gameCol {
        width: 15.79%;
    }

    .innerGameRow .gameCol {
        min-height: 284px;
    }

    .centerWrap.porfileWrap {
        padding: 0 0px 0 260px;
    }

    .footerProvider {
        padding: 58px 4% 0px;
    }

    .footerProvider ul li img {
        height: 38px;
        max-width: 117px;
    }

}

@media (max-width: 1600px) {
    /* .gameFrame{min-height: 600px;} */
    /* .gameCol{min-height: 255px;} */
    .bannerRow, .carousel-inner, .carousel-item {
        min-height: 245px;
    }

    .innerGameRow .gameCol {
        width: 13.6%;
    }

    .topGateway {
        margin: 0 0 3px;
    }

    #comm100-container > div > div {
        bottom: 7.5% !important;
    }

}

@media (max-width: 1599px) {
    .gameCol {
        min-height: 290px;
    }

    /* .search-box{left: inherit; right: 7%;} */
    .search-box .listProvider ul li {
        width: 18%;
    }

    .profileRow {
        width: 88%;
    }

    .bannerRow, .carousel-item {
        min-height: 230px;
    }

    .toppromoRow .promoBox {
        width: 16%;
    }

    .fixedProvider .proBox {
        min-height: 172px;
        min-width: 9.37%;
    }

    .innerGameRow .gameCol {
        min-height: 272px;
    }

    .filterRow ul li img {
        height: 28px;
    }

    .filterRow .fillterMores ul {
        padding: 0 35px 0 0;
    }

    .provider-style-div {
        padding: 45px 18px;
        min-height: 198px;
    }

    .footerProvider ul li img {
        max-width: 114px;
        height: 37px;
    }

    .footerProvider ul li {
        margin: 6px 8px 6px;
    }

    .mainMenu ul li a {
        font-size: 14px;
    }

    .mainMenu ul li a .menuIconImg {
        height: 16.5px;
    }
}

@media (max-width: 1499px) {
    .topGateway .gateBox {
        min-height: 186px;
    }

    .gameCol {
        width: 15.75%;
    }

    .innerGameRow .gameCol {
        min-height: 240px;
    }

    .topGateway {
        margin: 0 0 15px;
    }

    .footerProvider ul li img {
        height: 31px;
    }
}

@media (max-width: 1439px) {
    .innerGameRow .gameCol {
        min-height: 247px;
    }

}

@media (max-width: 1449px) {
    .gameCol {
        width: 15.70%;
        min-height: 285px;
    }

    .filterRow ul li { /*padding:8px 10px;*/
        padding: 3px 8px;
        font-size: 14px;
    }

    .profileRow {
        width: 90%;
    }

    .bannerRow, .carousel-item {
        min-height: 200px;
    }

    .fixedProvider .proBox {
        min-height: 155px;
        min-width: 9.32%;
    }

    .topGateway .gateBox {
        min-height: 180px;
    }

    .fixedProvider .proBox {
        font-size: 22px;
    }

    .fixedProvider .proBox i {
        font-size: 22px;
        margin-right: 6px;
    }

    .mainMenu ul li a {
        padding: 7px 12px;
    }
}

@media (max-width: 1400px) {
    .gameCol {
        min-height: 214px;
    }

    .provider-style-div {
        min-height: 165px;
    }
}

@media (max-width: 1399px) {
    .bannerRow, .carousel-inner, .carousel-item {
        min-height: 200px;
    }

    .gameCol {
        width: 15.66%;
        min-height: 260px;
    }

    .innerGameRow .gameCol {
        width: 16%;
        min-height: 273px;
    }

    .inMobile-md {
        width: 1199px !important;
        max-width: 1199px !important;
    }

    .resendotp, .profileRow .col-form-label {
        font-size: 12px;
    }

    .profileRow {
        width: 100%;
    }

    .fixedProvider .proBox {
        min-height: 150px;
        min-width: 9.29%;
    }

    .topGateway .gateBox {
        min-height: 175px;
        width: 19.3%;
    }

    .topGateway .gateBox .gateLogo {
        height: 45px;
    }

    .topGateway .gateBox .gateLogo img {
        height: 25px;
    }

    .toppromoRow .promoBox {
        width: 15.95%;
    }

    .topGateway {
        margin: 0 0 16px;
    }

    .filterRow ul li img {
        height: 27px;
    }

    .footerProvider ul li img {
        height: 31px;
        max-width: 100px;
    }

    .mainMenu ul li a .menuIconImg {
        height: 16px;
    }

    #comm100-container > div > div {
        bottom: 8.5% !important;
    }
}

@media (max-width: 1349px) {
    .fixedProvider .proBox {
        min-height: 144px;
        min-width: 9.26%;
    }

    .gameCol {
        width: 15.50%;
    }

    .innerGameRow .gameCol {
        width: 15.8%;
        min-height: 250px;
    }

    .bonusCard {
        width: 24.2%;
    }
}

@media (max-width: 1299px) {
    .bannerRow, .carousel-inner, .carousel-item {
        min-height: 175px;
    }

    .gameCol {
        min-height: 256px;
    }

    .innerGameRow .gameCol {
        width: 15.8%;
    }

    .tableFilter .form-group {
        margin: 0 0 0 0.5rem;
    }

    .bonusBTN-row li a {
        padding: 5px 20px;
    }

    .amoutvalue .btn {
        padding: 0.480rem 0.50rem;
    }

    .fixedProvider .proBox {
        min-height: 140px;
        min-width: 9.26%;
    }

    .topGateway .gateBox {
        min-height: 159px;
    }

    .topGateway .gateBox .gateLogo {
        height: 40px;
    }

    .topGateway .gateBox .gateBTN {
        height: 34px;
    }

    .fixedProvider .proBox {
        font-size: 18px;
    }

    .fixedProvider .proBox i {
        font-size: 18px;
    }

    .footerProvider ul li img {
        height: 26px;
        max-width: 88px;
    }

    /* .mainMenu ul li a {padding: 7px 10px; font-size: 13px;} */
}


@media (max-width: 1249px) {
    .fixedProvider .proBox {
        min-height: 136px;
        min-width: 10.22%;
    }

    .toppromoRow .promoBox {
        width: 15.90%;
    }

    .topGateway .gateBox {
        min-height: 153px;
    }

    .topGateway .gateBox .comLogo {
        height: 20px;
    }

    .gameCol {
        width: 15.50%;
    }

    .topGateway .gateBox {
        width: 19.2%;
    }

    .innerGameRow .gameCol {
        min-height: 235px;
    }

}

@media (max-width: 1199px) {
    .searchBtn {
        border: none !important;
    }

    .bannerRow, .carousel-inner, .carousel-item {
        min-height: 480px;
    }

    .bannerRow img {
        height: 480px;
        object-fit: cover;
        width: 100%;
    }

    .gameCol {
        width: 18%;
        min-height: 185px;
    }

    .innerGameRow .gameCol {
        width: 19.1%;
    }

    .innerGameRow .gameCol-2 {
        min-height: 120px;
    }

    .search-box {
        width: 95%;
        left: 0;
        right: 0;
    }

    .searchBtn .srch-Text {
        display: none;
    }

    .game-carousel .playBox {
        display: none !important;
    }

    .selectCurrency .dropdown-menu {
        width: 100%;
    }

    .selectCurrency .dropdown-item {
        width: 46%;
    }

    .amoutvalue .btn {
        font-size: 12px;
        padding: 0.180rem 0.30rem;
    }

    .footerRow {
        padding: 50px 2% 20px;
    }

    .footerRow h6 {
        font-size: 12px;
    }

    .footerRow .copytext p, .footerRow .footLink {
        font-size: 10px;
    }

    .depositRow .amoutvalue li {
        margin: 0;
    }

    .amoutvalue {
        margin: 8px 0 0;
    }

    .footerRow li {
        margin-bottom: 4px;
    }

    .topGateway .gateBox {
        width: 18.5%;
    }

    .toppromoRow .promoBox {
        width: 14.9%;
    }

    .topGateway .gateBox .gateLogo img {
        height: 20px;
    }

    .topGateway .gateBox .gateLogo {
        height: 32px;
    }

    .topGateway .gateBox {
        min-height: 135px;
    }

    .topGateway .gateBox .gateBTN {
        height: 26px;
    }

    .gameCol {
        width: 15.3%;
    }

    .fixedProvider {
        margin: 0 0 10px;
    }

    .filterRow ul li img {
        height: 28px;
    }

    .footerRow .payment-center > div {
        display: block;
    }

    .mainMenu ul li a {
        padding: 7px 14px;
    }
}

@media (max-width: 1023px) {
    .topGateway .gateBox {
        min-height: 119px;
    }
}

@media (max-width: 992px) {
    .searchBtn {
        left: 80px;
        padding: 0.3rem 0.5rem;
        font-size: 14px;
        border-radius: 50%;
    }

    .search-box {
        top: 61px
    }

    .search-box .listProvider ul li {
        width: 23%;
    }

    .bannerRow, .carousel-inner, .carousel-item {
        min-height: 365px;
    }

    .bannerRow img {
        height: 365px;
    }

    .headBar {
        border-bottom: 1px solid var(--secondary);
    }

    .sportBookRow {
        margin-top: 89px;
    }

    .mobFooter {
        border-top: 1px solid rgba(255, 255, 255, 0.5);
    }

    /* .carousel-control-next{right: -20px;}
    .carousel-control-prev{left: -20px;} */
    .headLogo {
        height: 38px;
        margin: 5px 0;
    }

    /* .darkHead .headLogo img {height: 60px;} */
    .headBar {
        padding: 0;
    }

    .gameCol {
        width: 14.9%;
        min-height: 180px;
    }

    .innerBanner img {
        height: 100px;
        object-fit: cover;
    }

    .innerGameRow .gameCol {
        width: 18.8%;
        min-height: 185px;
    }

    .innerGameRow .gameCol-2 {
        width: 19%;
        min-height: 100px;
    }

    .sidebarMain .sideScroll {
        width: 100%;
        padding: 0 15px;
    }

    /* .inMobile-md{width: 1199px!important; max-width: 990px!important;} */
    .docButton {
        justify-content: end;
        position: absolute;
        right: 15px;
        top: -55px
    }

    .docButton .btn {
        margin-left: 5px;
    }

    .container {
        max-width: 100%;
    }

    .mainMenu {
        margin-top: 0;
        background: none;
        border-top: 1px solid rgba(255, 255, 255, 0.1);
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }

    /* .mainMenu ul{flex-wrap: nowrap; white-space: nowrap; overflow-x: auto;} */
    .mainMenu ul::-webkit-scrollbar {
        display: none;
    }

    .mainMenu ul li a {
        font-size: 12px;
        padding: 8px 10px;
        text-transform: uppercase;
        color: rgba(255, 255, 255, 0.8) !important;
        font-size: 10px;
        letter-spacing: .065em;
    }

    .mainMenu ul li a i, .mainMenu ul li a .menuIconImg {
        display: none;
    }

    .mainMenu sup {
        right: -20px;
    }

    .providergameCol {
        height: 60px;
        width: 100%;
    }

    .providergameCol img {
        max-width: 60%;
    }

    .sidebarMain {
        width: 220px;
    }

    .bonusCard .bonusImg {
        min-height: 100px;
    }

    /* .innerGameRow{justify-content: center;} */
    .filterRow .multiselect-dropdown .dropdown-btn .selected-item {
        font-size: 10px !important;
    }

    .filterRow .multiselect-dropdown .dropdown-btn {
        font-size: 10px !important;
        padding: 6px 20px 6px 5px !important;
        min-height: 35px;
        display: flex !important;
        align-items: center;
    }

    .filterRow ul li {
        padding: 5px 10px;
    }

    .innerSearch .form-control {
        height: 35px;
        font-size: 12px;
    }

    .balText, .depositBtn {
        padding: 0.3rem 0.4rem;
        margin: 0 0 0 0.3rem;
        font-size: 10px;
        height: 30px;
    }

    /* .mainWrap{padding-left: 220px;} */
    .gameMenu {
        margin: 10px 0 0;
    }

    .gameFrame, .gameFrame .ifream {
        height: calc(100dvh - 90px);
    }

    .paymentSec {
        flex-wrap: wrap;
    }

    .reslogoRow {
        margin: 0 0 20px;
    }

    .footerRow .copytext p {
        font-size: 12px;
    }

    .playerNav {
        min-width: 200px;
        right: -0.5em;
    }

    .playerNav .pl-link {
        font-size: 12px;
        font-weight: 400;
        padding: 5px 10px;
    }

    .footerRow .footLink {
        font-size: 10px;
    }

    .cryptoDetail {
        flex-wrap: wrap;
        justify-content: center !important;
    }

    .deposit-listing h5.codeB {
        word-wrap: break-word;
        text-align: center;
        width: 70%;
    }

    .cryptoDetail .qrcodeImage {
        padding: 0 !important;
    }

    .amoutvalue {
        margin: 0 0 15px;
    }

    .sidebarMain {
        top: 80px;
        height: calc(100dvh - 70px);
    }

    .centerWrap {
        padding: 10px 0 20px;
        margin: 88px 0 0;
    }

    .bonusCard {
        width: 32.3%;
    }

    .topGateway .gateBox .comLogo {
        height: 18px;
    }

    .topGateway .gateBox .gateLogo {
        height: 28px;
    }

    .topGateway .gateBox .gateLogo img {
        height: 18px;
    }

    .topGateway .gateBox .gateBTN {
        gap: 0 10px;
        height: 24px;
    }

    .topGateway .gateBox .gateBTN .fa {
        width: 33px;
    }

    .topGateway .gateBox {
        min-height: 120px;
    }
}

@media (max-width: 920px) {
    .gameCol {
        min-height: 160px;
    }
}

@media (max-width: 830px) {
    .gameCol {
        min-height: 140px;
    }

    .innerGameRow .gameCol-2 {
        width: 23.8%;
    }

    .selectCurrency .dropdown-item {
        width: 95%;
    }

    .row {
        margin: 0 -5px;
    }

    .container-fluid {
        padding: 0px;
    }

}

@media (max-width: 767px) {
    .bonusCard {
        width: 48.5%;
    }

    .search-box .listProvider ul li {
        width: 30%;
    }

    .search-box .listProvider {
        height: 300px;
    }

    .bannerRow, .carousel-inner, .carousel-item {
        min-height: 280px;
    }

    .bannerRow img {
        height: 280px;
    }

    /* .carousel-control-next{right: 0;}
    .carousel-control-prev{left: 0;} */
    /* .carousel-control-next i, .carousel-control-prev i{background: none; border: none;} */
    .container {
        padding-right: 5px;
        padding-left: 5px;
    }

    .mainWrap {
        display: block;
    }

    /* .bannerRow{ min-height: 150px;}
    .bannerRow img{height: 150px; object-fit: cover;} */
    .searchBtn {
        left: 0;
        position: absolute;
    }

    .betSlipBtn {
        display: none;
    }

    /* .headerItem .loginCol .btn{font-size: 12px; padding: 10px 15px;} */
    .headerItem .loginCol .btn-warning {
        font-size: 14px;
    }

    .headerItem .loginCol {
        margin: 0;
    }

    .headerItem .playerCol {
        margin: 0;
    }

    .headerItem .langSelect {
        display: none;
    }

    .headerItem .currentTime {
        display: none;
    }

    /* .langSelect .dropdown-menu{top:0px; box-shadow: 0 0 10px rgba(255,255,255,0.2); transform: translate3d(0, 28px, 0px)!important;} */
    .sidebarMain {
        width: 100%;
        height: 100%;
        margin: 0;
        display: flex;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 999;
        padding: 35px 10px 35px;
        background: var(--headerBG);
    }

    .sidebarMain .close {
        font-size: 14px;
        position: absolute;
        top: 20px;
        right: 20px;
        text-align: center;
        color: var(--white-color);
    }

    .sidebarMain .sideSports {
        margin-top: 20px;
    }

    .filter-rowreverse-style-col .sidebarMain.sideFilter .sideSports {
        margin-top: 6px;
    }

    .filter-rowreverse-style-col .sidebarMain.sideFilter .sideSports ul {
        padding-bottom: 4px;
    }

    .bonusBTN-row ul {
        flex-wrap: wrap;
    }

    .bonusBTN-row ul li {
        width: 100%;
        margin: 0 0 0.8rem;
    }

    .mobFooter {
        display: flex;
    }

    /* .centerWrap{padding: 10px 0 20px; margin: 60px 0 0;} */
    .eventTabs .nav-link {
        padding: 0.6rem 1rem;
        font-size: 12px;
    }

    .bonusBTN-row .sIcon {
        padding: 0.5rem;
        font-size: 22px;
        margin-right: 0.5rem;
        width: 45px;
        text-align: center;
    }

    .bonusBTN-row .sportText {
        padding: 0 0.2rem 0 0;
    }

    .bonusBTN-row .sportText i {
        line-height: 22px;
    }

    /* .innerGameRow .gameCol{ width: 30.5%;} */
    .innerGameRow .gameCol {
        width: 18.7%;
        min-height: 160px;
        min-width: auto !important;
    }

    .innerBanner img {
        height: 100px;
        object-fit: cover;
    }

    .filterRow .multiselect-dropdown {
        min-width: 150px;
    }

    .gameCol {
        min-height: 215px;
        width: 31.8%;
    }

    /* .game-carousel .gameCol{ margin: 0 3px 7px;}  */
    .innerGameRow .gameCol-2 {
        width: 32.2%;
        margin: 0 3px 5px;
        min-height: 100px;
    }

    .footerRow {
        padding: 1.5rem 0 4rem;
        margin: 0;
        text-align: center;
        max-width: 100%;
        overflow: hidden;
    }

    .footerRow .footLink {
        font-size: 11.5px;
        padding: 2px 8px;
        margin: 0 0 5px;
        display: inline-block;
        border-left: 1px solid rgba(255, 255, 255, 0.1)
    }

    .reslogoRow .resLogo {
        margin: 0 5px 0;
        display: inline-block;
    }

    .tableFilter {
        justify-content: space-between;
    }

    .tableFilter .form-group {
        width: 48.5%;
        margin: 0 0 0.8rem;
    }

    .profileRow {
        padding: 1rem;
    }

    .kycTabs ul li {
        margin: 0 0.5rem 0 0;
        font-size: 12px;
    }

    .filterRow .multiselect-dropdown .dropdown-btn .selected-item {
        font-size: 8px !important;
    }

    .sideFilter {
        display: block;
        padding: 20px 16px;
    }

    .sample-slider2 .swiper-slide {
        width: 120px !important;
    }

    app-force-to-change-password .loginModal, .loginModal {
        max-width: 100%;
    }

    app-force-to-change-password .col-form-label {
        padding: 0 !important;
    }

    .loginModal .modal-content {
        height: 100vh;
    }

    /* .loginModal .close{ background: var(--primary); border-radius: 5px; padding: 8px 15px 10px; margin-top: 0;} */
    .loginModal .close {
        font-size: 2rem;
        color: rgba(var(--textwhite), .6);
        padding: 10px 13px !important;
        text-shadow: none;
    }

    .loginModal .modal-body {
        padding: 15px 0px;
        display: flex;
        flex-flow: column;
        justify-content: flex-start;
        height: calc(97vh - 160px);
        min-height: 300px;
    }

    .loginModal .tab-content {
        min-height: 100px;
    }

    .loginBG {
        display: none;
    }

    .selectCurrency {
        margin: 0 0 20px;
    }

    .selectCurrency .dropdown-item {
        width: 46.5%;
    }

    .depositRow .amoutvalue li {
        margin: 0 0 5px;
    }

    .amoutvalue li a {
        font-size: 10px;
        padding: 3px 5px;
        margin-bottom: 0;
    }

    .amoutvalue .btn {
        padding: 3px 5px;
    }

    .table-responsive {
        min-height: calc(100dvh - 370px);
    }

    .withdraw-deposit-ui .table-responsive {
        min-height: calc(100dvh - 430px);
    }

    .gameFrame {
        margin-top: -8px;
    }

    .gameFrame, .gameFrame .ifream {
        height: calc(100dvh - 137px);
    }

    .fixedProvider {
        display: none;
    }

    .toppromoRow .promoBox {
        width: 48.2%;
    }

    .topGateway {
        justify-content: center;
    }

    .topGateway .gateBox {
        width: 31%;
        min-height: 160px;
    }

    .topGateway .gateBox .gateLogo {
        height: 35px;
    }

    .topGateway .gateBox .gateLogo img {
        height: 23px;
    }

    .topGateway .gateBox .gateBTN {
        height: 22px;
        padding: 0 0 0 5px;
        font-size: 10px;
        gap: 0 10px;
    }

    .topGateway .gateBox .gateBTN .fa {
        height: 22px;
        width: 25px;
    }

    .game-carousel .gameRow {
        flex-wrap: nowrap;
        white-space: nowrap;
        overflow-x: auto;
        gap: 10px;
        padding: 0;
    }

    .game-carousel .gameRow::-webkit-scrollbar {
        display: none;
    }

    .game-carousel .gameCol {
        min-width: 23.7%;
    }

    .reslogoRow {
        justify-content: center;
    }

    .footerRow .copytext {
        margin: 0;
    }

    .topGateway .gateBox .comLogo {
        height: 24px;
    }

    .landingGameRow.loaderGames .gameCol {
        min-width: 47.9%;
        min-height: 400px;
    }

    .tabsRow {
        right: 52px;
        margin: 3.5px 0 0;
    }

    .loginModal .row.justify-content-center.mb-5 .col-12 {
        padding: 0;
    }

    .loginModal .row.justify-content-center.mb-5 {
        margin: 0;
    }

    .loginModal .col-12.col-md-6 {
        padding: 0 7px;
    }

    .centerWrap.porfileWrap {
        padding: 0 0 0 0;
    }

    .playerNav .mobile-section {
        display: block;
    }

    #comm100-button-b6cb9628-fd1c-4462-bc36-bb069145836b iframe {
        right: -6px !important;
        bottom: 28px !important;
    }

}

@media (max-width: 680px) {
    .gameCol {
        width: 31.5%;
        min-height: 151px;
    }

    .topGateway .gateBox {
        width: 48.2%;
        min-height: 210px;
    }

    .innerGameRow .gameCol {
        width: 23.3% !important;
    }

    .landingGameRow.loaderGames .gameCol {
        min-height: 400px;
    }

    .innerGameRow .gameCol {
        min-height: 164px;
    }

}

@media (max-width: 575px) {
    .gameCol {
        width: 31%;
    }



    .innerGameRow .gameCol {
        width: 48.5%;
        min-height: 148px;
        min-width: auto;
    }

    .innerGameRow .gameCol-2 {
        width: 47.3%;
        margin: 0 5px 8px;
        min-height: 100px;
    }

    .innerBanner h1 {
        justify-content: center;
        padding: 0;
    }

    .loginModal {
        margin: 0 auto;
    }

    .bannerRow, .carousel-inner, .carousel-item {
        min-height: 209px;
    }

    .bannerRow img {
        height: auto;
    }

    .topGateway .gateBox {
        min-height: 180px;
    }

    .landingGameRow.loaderGames .gameCol {
        min-height: 336px;
    }


}

@media (max-width: 520px) {
    .topGateway .gateBox {
        min-height: 157px;
    }

    .landingGameRow.loaderGames .gameCol {
        min-height: 300px;
    }

    .innerGameRow .gameCol {
        min-height: 138px;
    }

    .bonusCard {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .gameCol {
        width: 30%;
        min-height: 130px;
    }

    .bannerRow, .carousel-inner, .carousel-item {
        min-height: 180px;
    }

    .search-box .listProvider ul li {
        width: 46%;
    }

    .cryptoDetail .deposit-listing li {
        flex-direction: column;
        gap: 15px;
    }

    .deposit-listing h5.codeB {
        word-wrap: break-word;
        text-align: center;
        width: 100%;
    }

    .innerGameRow .gameCol {
        width: 31.6% !important;
    }

    .topGateway .gateBox {
        min-height: 145px;
    }

    .landingGameRow.loaderGames .gameCol {
        min-height: 240px;
    }

    .innerGameRow .gameCol {
        min-height: 162px;
    }
}

@media (max-width: 450px) {
    .topGateway .gateBox {
        min-height: 135px;
    }
}

@media (max-width: 420px) {
    .gameCol {
        min-height: 120px;
    }

    .bannerRow, .carousel-inner, .carousel-item {
        min-height: 185px;
    }

    .topGateway .gateBox {
        min-height: 124px;
    }

    .innerGameRow .gameCol {
        width: 31.3% !important;
    }

    .landingGameRow.loaderGames .gameCol {
        min-height: 230px;
    }

    .innerGameRow .gameCol {
        min-height: 150px;
    }
}

@media (max-width: 400px) {
    .topGateway .gateBox .gateLogo {
        height: 32px;
    }

    .topGateway .gateBox .gateLogo img {
        height: 21px;
    }

    .gameCol {
        min-height: 100px;
    }

    .landingGameRow.loaderGames .gameCol {
        min-width: 47.5%;
        min-height: 210px;
    }

    .innerGameRow .gameCol {
        min-height: 138px;
    }
}

@media (max-width: 380px) {
    .searchBtn {
        font-size: 10px;
        padding: 0.3rem 0.4rem;
    }

    .bannerRow, .carousel-inner, .carousel-item {
        min-height: 160px;
    }

    .gameCol {
        width: 29.8%;
    }

    /* .innerGameRow .gameCol{ width: 30.1%;} */
    .innerGameRow .gameCol-2 {
        width: 47.8%;
        margin: 0 3px 8px;
        min-height: 80px;
    }

    .topGateway .gateBox {
        min-height: 113px;
        gap: 5px;
    }


}

@media (max-width: 360px) {
    .topGateway .gateBox {
        min-height: 107px;
    }

    .innerGameRow .gameCol {
        width: 48.2% !important;
    }

    .landingGameRow.loaderGames .gameCol {
        min-height: 193px;
    }

    .innerGameRow .gameCol {
        min-height: 200px;
    }
}

@media (max-width: 340px) {
    .balText, .depositBtn {
        font-size: 10px;
        padding: 0.3rem 0.2rem;
        margin: 0 0 0 0.2rem;
    }

    .filterRow .col-form-label {
        font-size: 12px;
    }

    .bannerRow, .carousel-inner, .carousel-item {
        min-height: 130px;
    }

    .filterRow .multiselect-dropdown .dropdown-btn {
        font-size: 12px;
    }

    .multiselect-dropdown .dropdown-btn .dropdown-multiselect__caret {
        height: 30px !important;
        padding: 0 8px !important;
    }

    .loginModal .modal-body {
        padding: 0 10px;
    }

    .gameCol {
        min-height: 96px;
    }

    .innerGameRow .gameCol {
        width: 48%;
        min-height: 100px;
    }

    .topGateway .gateBox {
        min-height: 94px;
    }

    .topGateway .gateBox .gateLogo {
        height: 25px;
    }

    .topGateway .gateBox .gateLogo img {
        height: 20px;
    }

    .landingGameRow.loaderGames .gameCol {
        min-height: 175px;
        min-width: 47.4%;
    }

    .innerGameRow .gameCol {
        min-height: 175px;
    }
}


.errorMa {
    color: red;
    font-size: 11px !important;
    line-height: 10px;
}

app-force-to-change-password .errorMa, .validation-message {
    color: red;
    position: inherit;
    bottom: -25px !important;
    min-height: 18px;
    font-size: 11px !important;
    line-height: 10px;
}

app-force-to-change-password .loginModal {
    max-width: 440px;
}

.longError .validation-message {
    line-height: 12px;
}

.toggelPass {
    position: absolute;
    right: 10px;
    bottom: 18px;
    color: #fff;
}

.loginModal .countrycode {
    height: 52px !important;
}

.loginModal .validation-message {
    bottom: -25px !important;
}

.loginModal .form-group {
    margin-bottom: 1.7rem;
}

.nodatafound {
    color: #fff;
    margin: 20px 0 !important;
    padding: 0 !important;
    width: 100%;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
}

.nodatafound .noImg {
    display: block;
    margin: 0 auto 30px;
}

.categoryicon {
    width: 32px;
    height: 30px;
    object-fit: cover;
    margin-right: 10px
}

.no-data {
    color: white;
}

.no-data h5 {
    font-size: 16px;
}

.pth-value {
    color: red;
}

.selection-back {
    color: blue;
}

.positive-value {
    color: green;
}

.showSidemenu {
    display: block !important;
}

.hideSidemenu {
    display: none !important;
}

.playersidebarMain {
    display: block !important;
}

.setting-show .settingBar {
    display: block !important;
}

.settingBar {
    display: none !important;
}

@media (max-width: 767px) {
    .playersidebarMain {
        display: none !important;
    }

    .multiselect-dropdown .dropdown-btn {
        display: none !important;
    }
}


@media screen and (min-width: 967px) {
    .frameWrap.mobile {
        position: relative;
        top: 30px;
        z-index: 1;
    }
}

.frameWrap.mobile {
    background: #000 url(../assets/images/phone_view.png) no-repeat center;
    height: calc(50vh);
    width: 375px;
    margin: 0 auto;
}

/* .frameWrap {
  display: flex;
  justify-content: center;
  align-items: center;
  height: calc(100% - 60px);
} */


/* for G1blue  */
.G1blue .loginModal .form-control {
    border-color: rgba(0, 0, 0, 0.5);
}


/* =================== KAILASH CSS START =================== */


input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

input[type=number] {
    -moz-appearance: textfield;
}

/* ===== DEPOSIT & WITHDRWAR CSS START ======= */
.deposit-listing li {
    color: var(--white-color);
}

.btn-outline-white {
    border-color: var(--white-color) !important;
    color: var(--white-color) !important;
}

.bg-none {
    background: none !important;
}

.fa-qrcode.ShowQR {
    cursor: pointer;
}

.modal-text {
    color: var(--white-color) !important;
}

.picture-function.position-absolute {
    top: 0;
    right: 0;
}

.picture-function.position-absolute a {
    color: var(--white-color);
    opacity: .4;
    box-shadow: none !important;
}

.filefile input[type=file] {
    opacity: 0;
}

.filedisables .picture-function.position-absolute a {
    opacity: 1;
}

.filefile {
    background: rgba(218, 209, 177, 0.1);
    height: 42px;
    border: 1px solid var(--secondary) !important;
    border-radius: 10px;
}

.merchantpayment {
    overflow-x: auto;
    max-width: 1145px;
    padding: 0 0 5px;
    margin: 0 0 15px 0;
    display: block;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
}

.merchantpayment li {
    padding: 5px 0;
    margin: 0 10px 0 5px;
    display: inline-block;
}

.merchantpayment li a.activemerchant {
    box-shadow: 0 0 0 2px var(--hover-color);
}

.merchantpayment li a {
    background: var(--white-color);
    display: inline-block;
    border-radius: 8px;
    overflow: hidden;
}

.merchantpayment li a img {
    height: 45px;
    object-fit: contain;
}

.filefile {
    position: relative;
    z-index: 1;
}

.filefile.filedisables:after {
    opacity: .3;
}

.filefile::after {
    content: attr(attr-file-attach);
    position: absolute;
    color: var(--white-color);
    top: 11px;
    z-index: -1;
    font-weight: 600;
    left: 14px;
}

.copyt:active:after {
    content: "Copied";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 50%;
    right: 0;
    top: -100%;
    transform: translateX(-50%);
    line-height: 3;
    font-size: 10px;
}

.copyt {
    cursor: pointer;
    position: relative;
}

.text-truncate-md {
    max-width: 200px;
    display: inline-block;
}


@media (max-width: 992px) {
    .eventTabs .nav-pills .nav-link {
        padding: 0.4rem 1rem;
    }

    .merchantpayment li a img {
        height: 35px;
    }

    .cryptoWithBox {
        margin: 0;
    }

    .profile-content .main-balance {
        padding: 8px 10px;
    }

    .profile-content .buttons-bottom .btn {
        height: 32px;
        text-transform: capitalize;
    }
}

@media (max-width: 767px) {
    .openFilter {
        height: 100%;
        overflow: hidden;
        width: 100%;
        position: fixed;
    }

    .deposit-listing i.fa.h5 {
        font-size: 17px;
    }

    .bank_details {
        flex-wrap: wrap !important;
        padding-bottom: 10px;
    }

    .bank_details .deposit-listing, .bank_details .qrcodeImage {
        width: 100%;
    }

    .deposit-listing .ShowQR.h4 {
        font-size: 21px;
    }

    .picture-function .btn {
        padding: 9px 8px;
    }

    .amoutvalue li a {
        font-size: 11px;
        padding: 5px 6px;
    }

    .merchantpayment li a {
        display: inline-block;
        text-align: center;
        min-width: 80px;
    }

    /* .merchantpayment li { padding: 5px 4px;} */
    .withdraw-deposit-ui .secTitle {
        padding-top: 10px;
    }

    /* .mainWrap{padding-left: 0;} */
    /* .sportBookRow{margin: 60px 0 0;} */
    .sportifream {
        height: 100%;
        margin-bottom: 50px;
    }

    app-g5-navigation-sidebar {
        display: none;
    }

    app-player-sidebar app-g5-navigation-sidebar {
        display: block;
    }

}

.loginModal .tab-content div#singupForm span.errorMa {
    position: absolute;
    margin-top: 3px;
}

.porfileWrap .profileRow .form-group {
    margin-bottom: 1.3rem;
}

/* ============== KAILASH CSS START  ============== */
.loginModal .form-control[type="password"] {
    padding-right: 45px;
}

.bannerRow .carousel-inner {
    border: 0px;
}

.porfileWrap span.validation-message {
    position: absolute;
    line-height: 12px;
}

.langSelect.loginFormSltDropdown {
    padding: 0px;
    border: 0px !important;
    margin-right: 0;
}

.fixedProvider.providerProloader .proBox:hover {
    transform: inherit;
}

.loginFormSltDropdown .dropdown-toggle::after {
    height: 52px;
    display: flex;
    align-items: center;
    right: 15px;
    opacity: .8;
    font-size: 12px;
}

.loginFormSltDropdown .selectDropText {
    color: rgba(255, 255, 255, 0.3);
    padding: 13px 15px;
    display: inline-block;
    font-size: 14px;
}

.loginFormSltDropdown.langSelect .dropdown-item {
    color: rgba(var(--textwhite), .5) !important;
}

.loginModal.smallModal {
    width: 400px;
}

.loginFormSltDropdown .dropdown-menu {
    width: 100%;
    transform: translate3d(0px, 39px, 0px) !important;
    padding: 10px 10px;
}

.loginFormSltDropdown .dropdown-menu .dropdown-item:hover {
    color: rgba(var(--textwhite), 1) !important;
}

.pi6SpacingForError {
    padding: 12px 0px;
}


span.bannerNo {
    display: none;
}

/* .sliderNavMenu {
  width: 81px;height: 20px;background: #000;
  top: 18px;right: 15px;position: absolute;
  display: flex;border-radius: 10px; z-index: 0;
} */
.mt-20px {
    margin-top: 20px;
}

.smallModal .modal-body {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 552px;
    padding: 15px;
}

.smallModal .col-12.col-md-6 {
    width: 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0;
}

.loginModal.smallModal .modal-footer {
    background: rgba(var(--textwhite), .05);
}

.loginModal.smallModal .btn-primary-outline {
    background: transparent !important;
    border: 1px solid rgba(255, 255, 255, .6) !important;
}

span.bannerNo {
    z-index: 1;
}

.loginModal span.toggelPass {
    color: rgba(255, 255, 255, 0.3);
}

.loginModal.smallModal .row.justify-content-center.mb-5 {
    margin: 0px !important;
}

.showMoreBtn button {
    background: transparent;
    font-size: 14px;
    color: rgba(var(--textwhite), .7);
}

.bannerRow .carousel-item > img {
    width: 100%;
}

.secTitle.categoryspacebtn {
    margin-bottom: 5px;
}

.filterTab .arrowTabs {
    color: rgba(var(--textwhite), .7);
}

.filterRow ul li:hover {
    border: 1px solid rgba(var(--textwhite), .7);
    box-shadow: 0 0 0 1px rgba(var(--textwhite), .8)
}

.filterRow ul li.active {
    justify-content: center;
    color: #fff;
    background: rgba(var(--textwhite), .15);
    border: 1px solid rgba(var(--textwhite), .7);
}

.filterRow ul li i.fa-solid.fa-table-cells {
    margin: 0 0.7rem 0 0;
    font-size: 1.3rem;
}

.innerBanner img {
    min-width: 100%;
}

.innerSearch .input-group {
    width: 300px;
}

.secTitle.searchTexts {
    opacity: 1;
    margin-left: 50px;
}

.fadeIn .secTitle.searchTexts {
    opacity: 0;
}

.scrollTopDiv .back-to-top {
    position: fixed;
    bottom: 65px;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: rgba(var(--textwhite), .15);
    color: rgba(var(--textwhite), .8);
    font-size: 14px;
    backdrop-filter: blur(2px);
    z-index: 99;
    left: 50%;
    transform: translateX(-50%);
    padding: 0px 21px;
    transition: top .24s ease;
    border: 0;
    display: none;
    line-height: 56px;
}

.scrollTopDiv .back-to-top:focus, .scrollTopDiv .back-to-top:active {
    box-shadow: none !important;
    background: rgba(var(--textwhite), .15) !important;
}

.showMoreBtn {
    margin: 5px 0px 0px 0px;
    position: absolute;
    right: 10px;
    display: none;
}

.fillterMores.greaterthan .showMoreBtn {
    display: block;
}

.innerSearch .fadeOff .input-group {
    max-width: 38.5px;
    position: relative;
    cursor: pointer;
    z-index: 1;
}

.customselectArrow .inputCustomIcon {
    position: absolute;
    color: rgba(var(--textwhite), .7);
    right: 14px;
    top: 20px;
}

.customselectArrow select.form-control {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    min-height: 52px;
}

.customselectArrow .fa-calendar-days.inputCustomIcon {
    font: 19.5px / 12px FontAwesome;
}

.custom-datepicker .form-control {
    z-index: 5;
}

.casinoPreLoader .filterRow ul li {
    min-width: 100px;
}

@media (max-width: 1200px) {
    .footerRow .filterTab .arrowTabs.arrowLeft {
        left: -12px;
    }

    .footerRow .filterTab .arrowTabs.arrowRight {
        right: -12px;
    }

    .footerRow .paymentLogos {
        justify-content: flex-start;
    }

    .footerProvider ul li img {
        height: 28px;
        max-width: 100px;
    }

    .footerProvider a {
        font-size: 16px;
    }

    .footerProvider i {
        font-size: 22px;
        margin-right: 7px;
    }
}

@media (max-width: 992px) {
    .innerBanner img {
        min-height: 100px;
        height: auto;
        width: 100%;
    }

    .filterRow ul li {
        min-width: 85px;
    }

    .innerSearch .input-group {
        width: 250px;
    }

    .bonusDetail .table thead th span {
        white-space: nowrap;
    }

    .bonusDetail td.dataTables_empty {
        margin: 40px 0 20px;
    }

    #rolling-modal .bonusDetail {
        overflow: hidden;
    }

    #rolling-modal .bonusDetail .table-responsive-sm {
        overflow: auto;
    }

    #rolling-modal .bonusDetail .nodatafound {
        margin: 42px 0 0 !important;
    }

    .footerProvider {
        padding: 58px 0% 0px;
    }

    .footerProvider ul li {
        margin: 5px 4px 5px;
    }

    .footerProvider ul li img {
        height: 26px;
        max-width: 91px;
    }

}

@media (max-width: 950px) and (min-width: 768px) {
    .topGateway .gateBox .gateLogo {
        height: 24px;
    }

    .topGateway .gateBox .gateLogo img {
        height: 18px;
    }

    .topGateway .gateBox {
        min-height: 95px;
    }

    .topGateway .gateBox .gateBTN {
        height: 18px;
        font-size: 11px;
        gap: 10px;
    }

    .fixedProvider .proBox {
        min-width: 13.22%;
    }

    .filterRow .fillterMores ul {
        max-height: 44px;
    }

    .profileRow {
        padding: 0.1rem;
    }

    .porfileWrap span.validation-message {
        font-size: 10px !important;
    }

    .topGateway .gateBox .gateLogo img {
        height: 15px;
    }

    .topGateway .gateBox .gateLogo {
        height: 20px;
    }

    .topGateway .gateBox {
        background-size: 99%;
    }
}

@media (max-width: 950px) and (min-width: 820px) {
    .topGateway .gateBox {
        min-height: 118px;
    }
}

@media (max-width: 767px) {
    .provider-style-div h3 {
        font-size: 16px;
        padding: 0px 10px;
    }

    .bonusBTN-row li a {
        width: 100%;
    }

    .sidebarMain .langSelect .dropdown-menu {
        transform: translate3d(0px, 28px, 0px) !important;
        width: 100%;
        margin: 0px !important;
        left: 0 !important;
    }

    .sidebarMain .langSelect.dropdown .dropdown-toggle {
        border: 1px solid var(--secondary);
        padding: 9px 10px !important;
        display: flex;
        align-items: center;
        border-radius: 4px;
        color: var(--white-color) !important;
    }

    .sidebarMain .langSelect.dropdown {
        padding: 0;
        margin: 0;
        border: 0px;
    }

    .sidebarMain .langSelect .dropdown-toggle::after {
        top: 6px;
    }

    .fixedFoot {
        display: none;
    }

    .filterRow ul li {
        min-width: 78px;
    }

    .mobile-px-0 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .innerSearch .input-group {
        max-width: 100%;
    }

    .footerRow ul {
        display: flex;
        justify-content: center;
    }

    .footerRow li {
        margin-bottom: 0;
    }

    .footerRow h6 {
        margin: 0 0 8px;
    }

    .loginModal.smallModal {
        width: 100%;
    }

    .smallModal .modal-body {
        padding: 15px 7px;
        padding: 15px 7px;
        max-height: calc(100vh - 160px);
    }

    .loginModal.smallModal .modal-footer {
        position: fixed;
        width: 100%;
        bottom: 0;
        padding: 1.8rem 14px;
        justify-content: center;
    }

    .loginModal.smallModal .modal-footer .btn-primary {
        max-width: 47%;
        justify-content: center;
        display: flex;
    }

    .filterTab .arrowTabs {
        display: none;
    }

    .filterTab ul {
        width: 100%;
    }

    .filterTab ul li a {
        display: flex;
        flex-direction: column;
        text-transform: capitalize;
        align-items: center;
        min-width: 80px;
        height: 60px;
        font-size: 10px;
    }

    .filterTab ul li a i {
        margin: 0px 0px 0px;
        height: 28px;
        font-size: 28px;
    }

    .filterTab ul .position-sticky {
        left: 0;
        z-index: 1;
    }

    .secTitle.position-absolute {
        display: none;
    }

    .white-outline-btn {
        background: transparent !important;
        border: 1px solid rgba(255, 255, 255, .6) !important;
        padding: 4px 15px;
        text-transform: uppercase;
        font-size: 12px !important;
        width: auto !important;
        min-height: 28px;
        color: #fff;
    }

    .filter-rowreverse-style-col {
        flex-direction: row-reverse;
        align-items: center;
        margin-bottom: 12px;
    }

    .filter-rowreverse-style-col .innerSearch {
        margin: 0 0 5px;
    }

    .innerSearch .input-group {
        width: 100%;
        flex-direction: row-reverse;
    }

    .mobileFlt.position-absolute {
        left: 0;
    }

    .fadeIn .mobileFlt {
        opacity: 0;
        visibility: hidden;
    }


    .filter-rowreverse-style-col .innerSearch > div {
        justify-content: flex-end;
    }

    .fadeIn span.srchIcon.srchClose {
        right: 0;
        left: auto;
        top: 0;
    }

    .mobile-display-none {
        display: none;
    }

    .secTitle h5, .secTitle h2 {
        font-size: 13px;
        color: rgba(var(--textwhite), .8);
    }

    .secTitle.categoryspacebtn h5 {
        margin-left: -6px;
    }

    .innerBanner {
        margin: 0 0 10px;
    }

    .filterTab {
        margin: 0 0 .8rem;
    }

    .casinoPreLoader.categoryStyleMob li {
        height: 60px;
    }

    .casinoPreLoader.categoryStyleMob ul {
        background: none;
        padding: 0;
        margin-left: -5px;
    }

    .footerRow .paymentLogos {
        gap: inherit;
    }

    .footerRow .paymentLogos .ftpayLogo {
        margin-left: 4px;
        margin-right: 4px;
    }

    .footerRow .filterTab .arrowTabs {
        display: none;
    }

    .footerRow .paymentLogos .ftpayLogo img {
        -webkit-filter: inherit;
        filter: inherit;
        opacity: 0.8;
    }

    .footerRow ul {
        flex-wrap: wrap;
    }

    .footerRow .paymentLogos {
        margin: 0 -13px;
        width: auto;
        flex-wrap: nowrap;
        justify-content: flex-start;
    }

    .breadcrumb {
        margin-top: 10px;
    }

    .filterTab.porviderTabs .mobilePaddingLeft-0 {
        padding-left: 0;
    }

    .footerProvider ul li img {
        height: 24px;
        max-width: 85px;
    }

    .provider-style-div {
        padding: 30px 18px;
    }

    .footerProvider {
        padding: 12px 0% 0px;
    }

    .footerProvider.casinoProviderFtr {
        padding-bottom: 45px;
    }

    /* .headerSocialIcon .socialIconText {margin-bottom: 12px;width: 34px;height: 34px; font-size: 17px;} */
    .sidebarMain .headerSocialIcon {
        padding-top: 20px;
        justify-content: center;
    }

    /* .sidebarMain .headerSocialIcon a i {font-size: 15px;} */
    .bonus-requestIframeStyle iframe.ifreamview {
        width: 105%;
    }
}


@media (max-width: 479px) {
    .kycTabs {
        padding: 0;
    }

    .kycTabs .withsup sup {
        white-space: nowrap;
    }

    .kycTabs ul li {
        margin: 0 0.1rem 0 0;
        font-size: 11px;
    }
}

.gameFrame.ifZoomVideoPlay .ifream {
    height: calc(100dvh - 0px);
}

/* ============== KAILASH CSS END  ============== */


/* .modalfreamheight{
  height: 720px!important;
  width: 1194px!important;
  right:330px!important;
} */

.ifreamview {
    border: none;
    height: calc(100dvh - 162px) !important;
}


@media only screen and (max-width: 992px) {
    .modalfreamheight {
        height: 650px !important;
        width: auto !important;
        right: 0px !important;

    }

    .ifreamview {
        height: calc(100vh - 200px) !important;

    }
}

@media only screen and (max-width: 668px) {
    .modalfreamheight {
        height: calc(100vh - 80px) !important;
        width: auto !important;
        right: 0px !important;

    }

    .ifreamview {
        height: calc(100vh - 190px) !important;

    }
}

.hidechatboat {
    display: none !important;
}


#comm100-container {
    display: none;
}

button.btn.btn-primary.login-button {
    background: #109121 !important;
}

.modal-content {
    border-bottom: 2px solid #229507 !important;
    border-top: 2px solid #229507 !important;
    border-left: 2px solid #229507 !important;
    border-right: 2px solid #229507 !important;
    padding-top: 2px !important;
    box-shadow: 0px -10px 20px #229507 !important;
}

.live-chat-adviser-bc {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 20px 7px;
    color: rgba(255, 255, 255, .5);
    font-size: 14px;
    font-weight: 500;
    text-decoration: underline;
    cursor: pointer;
}

.modal-footer.reg-first {
    padding: 0px;
}

.flatpickr-calendar.rangeMode.animate.open.arrowTop.arrowLeft.rightMost {
    background: #343a3e;
    border: 1px solid #4e565b;
    border-radius: 10px;
    margin-top: 2px;
    padding: 12px;
}

.flatpickr-weekdays {
}

.flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover, .flatpickr-day.prevMonthDay, .flatpickr-day.nextMonthDay, .flatpickr-day.notAllowed, .flatpickr-day.notAllowed.prevMonthDay, .flatpickr-day.notAllowed.nextMonthDay {
    color: rgb(255 255 255 / 30%);
}

.flatpickr-day {
    color: white;
}

span.flatpickr-weekday {
    color: white;
}

.flatpickr-month {
    background: #272c30cc;
    border-radius: 5px;
    height: 36px;
    padding: 8px;
}

.flatpickr-months .flatpickr-month {
    top: -8px;
    /* background: #272c30cc; */
}

.flatpickr-months {
    height: 36px;
    background: #272c30cc;
    position: relative;
    border-radius: 8px;
}

span.flatpickr-prev-month {
}

span.flatpickr-prev-month {
    background-color: #343a3e;
    border-radius: 5px;
    height: 21px !important;
    margin: 0;
    width: 21px !important;
    left: 21px !important;
    text-align: center;
    top: 50% !important;
    transform: translateY(-50%);
}

span.flatpickr-prev-month svg {
    position: absolute;
    left: 4px;
    top: 4px;
    filter: invert(1);
}

span.flatpickr-next-month svg {
    position: absolute;
    left: 4px;
    top: 4px;
    filter: invert(1);
}

span.flatpickr-next-month {
    background-color: #343a3e;
    border-radius: 5px;
    height: 21px !important;
    margin: 0;
    width: 21px !important;
    right: 21px !important;
    text-align: center;
    top: 50% !important;
    transform: translateY(-50%);
}

.flatpickr-current-month {
    color: white;
    background: transparent;
}

@media (max-width: 991px) {
    .payment-mobile-search {
        display: block;
    }

    .indexcasino-slider-buttons .swiper-button-prevvv {
        left: 10px !important;
    }

    .indexcasino-slider-buttons {
        position: unset !important;
    }

    .link-base--H6QDJ {
        padding: 6px;
    }

    .fast-access-title--I19Jl {
        color: #b2babd;
        font-size: 12px;
        font-weight: 600;
        letter-spacing: .16em;
        line-height: 16px;
    }

    .fast-access-tab--yIynJ {
        align-items: center;
        color: #fff;
        display: flex;
        font-size: 14px;
        font-weight: 500;
        gap: 12px;
        line-height: 24px;
        padding: 10px 0;
        text-transform: capitalize;
        transition: background .2s;
    }

    .icon-wrapper--oIgqJ {
        align-items: center;
        background: var(--secondary-gradient);
        border-radius: var(--default-border-radius);
        color: #ffc300;
        display: flex;
        height: 28px;
        justify-content: center;
        min-width: 28px;
        width: 28px;
    }

    .fast-access-icon--jc5l0 {
        background: none;
        height: 16px;
        width: 16px;
    }

    .tab--o4v8n:hover {
        color: white !important;
    }

    button#mobilelangtrigger.active span {
        transform: rotate(0);
    }

    .en-us--a4PKI {
        background-image: url(https://mt2turkiye.xyz/assets/images/093d1bf61d0c93472aea.png);
    }

    .flag--EYGxc {
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: cover;
        border-radius: 7px;
        height: 14px;
        min-width: 14px;
        width: 14px;
    }

    .option--Y4tXx {
        align-items: center;
        box-sizing: border-box;
        color: #f9fdff;
        display: flex;
        gap: 8px;
        line-height: 20px;
        margin-bottom: 5px;
    }

    .dropdown--jbWFl.show {
        display: flex;
    }

    .dropdown--jbWFl {
        width: 252px;
        border-radius: 8px;
        background: #1b1f22;
        box-sizing: border-box;
        display: none;
        flex-direction: column;
        gap: 5px;
        top: 65px;
        left: 13px;
        padding: 10px;
        z-index: 999999999;
        text-align: left;
        position: absolute;
    }

    .wide--KJYPU {
        width: 100%;
    }

    .transparent--zEIsw {
        background: transparent;
        color: #e0e7ea;
    }

    .transparent--zEIsw.outlined--kKRcg {
        border: 1px solid #40474c;
    }

    .content--hKG2x .ellipsis--_PsgU.current--QANga {
        margin: 0px 10px;
    }

    .tr-tr--PFxAt {
        background-image: url(https://mt2turkiye.xyz/assets/images/6622f0e1e90838df7ced.png);
    }

    .footer-flag--qGZA2 {
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: cover;
        border-radius: 50%;
        height: 18px;
        width: 18px;
    }

    .buttons--mE38z {
        display: flex;
        gap: 4px;
        height: 100%;
        width: 100%;
    }

    .wide--NgTn4 {
        width: 100%;
    }

    .green-opacity--j5pjJ {
        background-color: #2df67d66;
        color: #2df67d;
        --loader-color: #2df67d;
    }

    .header-button--Fr4K_ {
        height: 36px;
        min-width: 36px;
        text-transform: capitalize;
    }

    .content--vF9hY {
        display: flex;
        flex-direction: column;
        gap: 8px;
        height: 100%;
        padding: 0 16px;
        justify-content: space-between;
        margin-bottom: 10px;
        padding: 0 16px;
    }

    div#mobilemenutrigger {
        display: block;
    }

    .drawer-menu-container--G81Bj {
        height: 100%;
        margin-right: 4px;
    }

    .mobile-flex {
        display: flex;
        vertical-align: middle;
        align-items: center;
        margin-top: 10px;
        position: relative;
        top: 4px;
    }

    .headerItem {
        position: relative;
        top: 8px;
        right: 0;
    }

    .balText-area {
        min-width: 70px;
    }

    .header-top-close {
        position: absolute;
        right: 10px;
        top: 54%;
        transform: translateY(-50%);
    }

    .header-top-text {
        display: block;
        font-size: 12px;
    }

    .headLogo:after {
        display: none;
    }

    .baltext-container {
        margin-left: 2px;
    }

    .buttons--gYJkm {
        margin-left: 2px;
    }

    .flex--FROoX.align-items-center--tfa4H {
        margin-left: 5px;
    }

    .toggle-menu--Og0W_ {
        margin-left: 0;
    }

    .headLogo {
        height: 40px;
        margin: 0;
        width: auto;
        margin-left: 4px;
        margin-top: -10px;
    }

    .mobileoverlay {
        position: absolute;
        display: none;
    }

    .mobileoverlay.show {
        display: block;
    }

    .mobileoverlay:before {
        -webkit-backdrop-filter: blur(16px);
        backdrop-filter: blur(16px);
        background-color: #060607b8;
        bottom: 0;
        content: "";
        min-height: 100vh;
        top: -39px;
        z-index: 1000;
        position: fixed;
        right: 0;
        width: 100vw;
    }

    .header-center {
        display: none;
    }

    .profile-container--NuiBp {
        align-items: center;
        background: #272c30cc;
        border-radius: 8px;
        display: flex;
        gap: 12px;
        padding: 10px 16px 0;
        flex-direction: column;
        justify-content: space-between;
    }

    .balance--i7AIz.hide .ellipsis--_PsgU {
        opacity: 0;
    }

    .balance--i7AIz.hide span {
        opacity: 1;
        display: block;
    }

    .header-button-content--nMhoN {
        display: flex;
        vertical-align: middle;
        align-items: center;
        width: 100%;
        justify-content: center;
    }

    .header-button-content--nMhoN svg {
    }

    .header-button-content--nMhoN span {
        margin-right: 8px;
    }

    .balance--i7AIz.hide span {
        opacity: 1;
        display: block;
    }

    .profile--nfYs5 {
        border-radius: 8px;
        padding: 3px;
        gap: 4px;
        overflow: hidden;
        position: relative;
        width: 100%;
    }

    .profile--nfYs5, .profile-inner-container--padie {
        display: flex;
        flex-direction: column;
    }

    .profile-outer-container--qvI03 {
        display: grid;
        grid-template-columns: max-content 1fr max-content;
        width: 100%;
        grid-gap: 12px;
        align-items: center;
        gap: 12px;
    }

    .avatar-wrapper--SY7mw {
        align-items: center;
        display: flex;
        justify-content: center;
        position: relative;
        height: 36px;
        width: 36px;
    }

    .icon-wrapper--oIgqJ {
        align-items: center;
        background: linear-gradient(180deg, #4e565b, #343a3e);
        border-radius: 8px;
        color: #4590ff;
        display: flex;
        height: 28px;
        justify-content: center;
        min-width: 28px;
        width: 28px;
    }

    .direction-column--e4TCZ {
        flex-direction: column;
    }

    .tab--o4v8n {
        align-items: center;
        color: #e0e7ea;
        display: flex;
        font-size: 14px;
        font-weight: 500;
        gap: 12px;
        line-height: 20px;
        padding: 10px 0;
        text-transform: capitalize;
        transition: background .2s;
    }

    .mobilemenu-area.show {
        display: block;
    }

    .left-content-wrapper--imFco {
        display: none;
    }

    .profile-mobile-menu {
        display: block;
        margin-top: 0px;
    }

    .my-account--xOQ3Y {
        margin-top: 0;
        padding: 0;
    }

    .content--MCnaV {
        background: #343a3e;
        height: 100%;
        min-width: 0;
        border-bottom: 8px;
        padding: 16px;
        border-radius: 0 !important;
        width: 100%;
    }
}

@media (max-width: 991px) {
    .spor-detail-page-web {
        display: none !important;
    }

    .spor-detail-page-mobil {
        display: block !important;
        width: 100%;
    }

    .table-responsive {
        display: block !important;
    }
}

@media (max-width: 767px) {
    .table-responsive {
        min-height: auto !important;
    }
}

.langSelect .dropdown-menu {
    position: fixed !important;
    left: unset !important;
    top: 60px !important;
}

.tab-pane.fade {
    display: none !important;
}

.tab-pane.fade.show {
    display: block !important;
}

.gx-3 {
    column-gap: 16px;
}

.flex-shrink-0 {
    flex-shrink: 0 !important;
}

.footer_text {
    color: #8d8e90;
}

.underline, .text-underline {
    text-decoration: underline;
}

b, strong, .bold {
    font-weight: 700;
}

@media (max-width: 425px) {
    .contact-boxes.contact-boxes-mobile a {
        margin-right: 0 !important;
    }

    .contact-boxes.contact-boxes-mobile a:first-child {
        margin-left: 23px !important;
    }

    .contact-boxes.contact-boxes-mobile {
        position: absolute;
        left: -27px;
        z-index: 999;
    }
}

@media (max-width: 768px) {
    .contact-boxes.contact-boxes-mobile {
        display: none !important;
    }
}

div#chat-widget-container {
    margin-bottom: 50px;
}

/* ========== MODAL İÇİ STİLLER (BS YOK) ========== */
:root {
    --upm-d-bg: #152238;
    --upm-d-bg-2: #1c2b45;
    --upm-d-card: #21324f;
    --upm-d-text: #e8eef8;
    --upm-d-muted: #9fb2d0;
    --upm-accent: #1e88e5;
    --upm-accent-2: #1565c0;
    --upm-green: #2e7d32;
    --upm-gold: #a87907;
    --upm-vip: #6f4e37;
    --upm-radius: 12px;
    --upm-br: 1px solid rgba(255, 255, 255, .08);
}

/* layout */
.upm-shell {
    display: grid;
    grid-template-columns: 300px 1fr;

    color: var(--upm-d-text);
    height: 100vh;
}

.upm-side {
    display: flex;
    flex-direction: column;
    gap: 12px;
    overflow-y: scroll;
    padding: 8px 16px 16px 16px;
    background: #2b3650;


}



.upm-main {

    padding: 16px;

    background: #152138;
}

/* usercard */
.upm-usercard {
    display: flex;
    gap: 10px;
    align-items: center;

    padding: 0 10px 10px 10px;
}

.upm-avatar {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: #334766;
    font-weight: 700;
}

.upm-username {
    font-weight: 700;
}

.upm-userid {
    font-size: 12px;
    color: var(--upm-d-muted);
}

/* summary cards */
.upm-sumgrid {
    display: grid;
    gap: 10px;
}

.upm-sumcard {
    border-radius: var(--upm-radius);
    padding: 12px;
    border: var(--upm-br);
    color: #fff;
    position: relative;
}

.upm-sum-head {
    font-size: 12px;
    opacity: .9;
}

.upm-sum-val {
    font-size: 20px;
    font-weight: 800;
    margin: 6px 0 4px;
}

.upm-sum-sub {
    font-size: 12px;
    opacity: .8;
}

.upm-sum-actions {
    display: flex;
    gap: 8px;
    margin-top: 8px;
}

.upm-chip {
    background: #ffffff40;
    color: #fff;
    border: 1px solid rgba(255, 255, 255, .2);
    padding: 6px 10px;
    border-radius: 10px;
    cursor: pointer;
    width: 100%;
}

.upm-chip:hover {
    background: rgba(0, 0, 0, .3);
}

.upm-sum-green {
    background: #109121;
}

.upm-sum-gold {
    background: #aa7f00;
}

.upm-sum-vip {
    background: radial-gradient(circle at -14% 113%, #624811, #b07d10);
}

/* accordion */
.upm-accordion {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.upm-acc-item {
    background: var(--upm-d-card);
    border-radius: var(--upm-radius);
    border: var(--upm-br);
}

.upm-acc-toggle {
    width: 100%;
    text-align: left;
    background: rgb(255 255 255 / 5%);
    color: #fff;
    border: 0;
    padding: 12px 14px;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
}

.upm-acc-item.is-open .upm-acc-toggle {
    background: rgb(255 255 255 / 5%);
}

.upm-acc-caret {
    margin-left: auto;
    opacity: .7;
}

.upm-acc-panel {
    display: none;
    padding: 8px;
    border-top: var(--upm-br);
    background: rgb(255 255 255 / 10%);
}

.upm-acc-link {
    display: block;
    padding: 10px 10px;
    border-radius: 10px;
    color: #f5f5f5 !important;
    cursor: pointer;
}

.upm-acc-link:hover {
    /* background: #22365a; */
    color: #fff !important;
}

.upm-acc-link.is-active {
    /* background: #1f3152; */
    color: #fff;
}

/* right content */
.upm-h3 {
    margin: 0;
    font-size: 18px;
    background: #2b3650;
    padding: 20px;
}

.upm-card {
    /* background: #1f2f4b; */
    /* border: var(--upm-br); */
    border-radius: var(--upm-radius);
    padding: 12px;
    margin-bottom: 12px;
    background: var(--ux-bg2);
    border: 1px solid var(--ux-border);
    border-radius: 14px;
    padding: 14px;
    margin-top: 10px;
}

.upm-grid2 {
    display: grid;
    gap: 12px;
    grid-template-columns:repeat(2, 1fr);
}

.upm-label {
    display: block;
    margin-bottom: 6px;
    font-size: 13px;
    color: #c8d6ee;
}

.upm-input {
    width: 100%;
    padding: 10px 12px;
    border-radius: 10px;
    background: #152238;
    color: #fff;
    border: 1px solid rgba(255, 255, 255, .12);
    background: var(--ux-card);
    border: 1px solid var(--ux-border);
    border-radius: 10px;
    padding: 10px;
    display: flex;
    justify-content: space-between;
    gap: 6px;
}

.upm-input::placeholder {
    color: #8ea6cc;
}

.upm-actions {
    display: flex;
    gap: 10px;
    justify-content: flex-end;
    margin-top: 10px;
}

.upm-btn {
    padding: 9px 14px;
    border-radius: 10px;
    border: 1px solid transparent;
    background: #324a74;
    color: #fff;
    cursor: pointer;
}

.upm-btn:hover {
    filter: brightness(1.05);
}

.upm-primary {
    background: var(--upm-accent);
    border-color: var(--upm-accent);
}

.upm-primary:hover {
    background: var(--upm-accent-2);
    border-color: var(--upm-accent-2);
}

/* table-like */
.upm-table {
    width: 100%;
}

.upm-trow {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 8px;
    padding: 8px 10px;
    position: relative;
    background: #172a48;
    border-radius: 10px;
    padding: 8px 10px 10px;
    border: 1px solid var(--ux-border);
    position: relative;
    margin-bottom: 10px;
    justify-content: space-between;
    grid-auto-flow: column;
    width: 100%;
}

.upm-thead {
    background: #263a60;
    border-radius: 10px;
    font-weight: 700;
    text-align: left;
}

/* badge */
.upm-badge {
    background: #e53935;
    color: #fff;
    padding: 2px 6px;
    border-radius: 8px;
    font-size: 11px;
    margin-left: 6px;
}

/* responsive */
@media (max-width: 860px) {
    .upm-shell {
        grid-template-columns:1fr;
    }

    .upm-side {
        padding-bottom: 60px;
    }

    .mobile-header .icon-btn {
        background: #1f2e48 !important;
        color: #fff !important;
    }

    .tab-pane.active {

        background: #152138;
    }

    .upm-side {

        max-height: calc(100vh - 50px)  !important;
    }

    .upm-shell {
        background: #2c3750 !important;

    }

    .upm-main {
        background: #152138;
        padding-bottom: 100px;
    }


    element.style {
    }
    .tabs a.active {
        background: #1c3b70;
        color: #fff;
    }
    .tabs a {
        justify-content: center !important;
    }

    .betting-slip {
        display: block !important;
    }

    .upm-trow div {
        width: 100% !important;
        margin: auto;
        font-size: 11px;
    }

    .slk-web {
        display: none;
    }

    span.ps-icon {

        display: block !important;
    }

    html.upm-modal-open,
    body.upm-modal-open {
        /* overflow: hidden !important; */
    }

    .upm-side {

        /* max-height: 842px !important; */

    }

    .ticket .ticket-id {
        width: 100%;
        font-size: 13px;
        color: #9fb0c8;
        background: #2b3650;
        padding: 20px;
        border-radius: 10px;
    }

    .ticket .ml-auto {
        margin: 0 !important;
        width: 100%;
        justify-content: center;
        display: flex;
    }


    .ticket-toggle-btn {
        display: flex;

        gap: 6px;
        width: 100%;
        justify-content: center !important;
    }

    .colsmall {
        font-size: 13px;
        color: #cfe6f6;
        width: 100%;
        background: rgb(43, 54, 80);
        padding: 20px;
        border-radius: 10px;
    }

    .dcs {
        width: 100%;
        background: #2b3650;
        padding: 20px;
        border-radius: 10px;
    }

    .ticket-details-wrapper {
        display: none ;
    }

    .bx-tabs {
        display: flex;

        flex-direction: column;
    }

    .bx-subbar {
        display: flex;

        flex-direction: column;
    }

    .bx-tabs {
        display: flex;
        flex-wrap: wrap;
    }

    .bx-subbar {

        justify-content: center !important;
    }

    .upm-tabs {
        display: flex;
        flex-direction: column;
    }


    .upx-tabbar {
        display: flex;
        /* gap: 10px; */
        margin-bottom: 12px;
        flex-direction: column !important;
    }

    .upf-filters {
        display: block !important;

    }

    .upm-trow div {
        width: 100% !important;
        margin: auto;
    }

    .upf-action {
        display: flex;
        align-items: flex-end;
        justify-content: center;
        margin-top: 10px;
    }

    .right-box {
        display: none;
        background: #152138;
    }

    div#panel-bets .tabs {
        /* margin: 0 0 10px; */
        display: grid !important;
        /* flex-wrap: wrap !important; */
        flex-direction: unset;
    }


    .upm-grid2 {
        grid-template-columns:1fr;
    }
}


/* ---------- KÖK DEĞİŞKENLER ---------- */
:root {
    --upm-bg: #ffffff;
    --upm-fg: #1b1b1b;
    --upm-overlay: rgba(0, 0, 0, .58);
    --upm-primary: #1e88e5;
    --upm-primary-strong: #1565c0;
    --upm-border: #e7e7e7;
    --upm-radius: 4px;
    --upm-shadow: 0 16px 50px rgba(0, 0, 0, .25);
}

/* ---------- BODY SCROLL KÄ°LÄ°DÄ° ---------- */
.upm-no-scroll {
    overflow: hidden;
}

/* ---------- OVERLAY ---------- */
.upm-overlay {
    position: fixed;
    inset: 0;
    background: var(--upm-overlay);
    display: none; /* kapalı başlangıç */
    z-index: 999999; /* BS modal üstüne çıkar */
    align-items: center;
    justify-content: center;
    padding: 24px;
    backdrop-filter: blur(1px);
}

/* açık/kapalı durumları */
.upm-overlay.is-open {
    display: flex;
}

/* ---------- DÄ°YALOG ---------- */
.upm-dialog {
    width: min(560px, 100%);
    background: #152238;
    color: var(--upm-fg);
    border-radius: 30px;
    box-shadow: var(--upm-shadow);
    border: 1px solid #152238;
    transform: translateY(10px) scale(.98);
    opacity: 0;
    transition: transform .18s ease, opacity .18s ease;
    overflow: hidden;
    max-width: 1575px !important;
    height: 100%;
    width: 100%;
    /* overflow-y: scroll; */
}

/* açılma animasyonu */
.upm-overlay.is-open .upm-dialog {
    transform: translateY(0) scale(1);
    opacity: 1;
    box-shadow: 0 0 12px #3ba9ff;
}

/* ---------- HEADER ---------- */
.upm-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 18px;
    background: linear-gradient(180deg, #f9fafb, #f2f4f7);
    border-bottom: 1px solid var(--upm-border);
}

.upm-title {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: .2px;
}

.upm-iconbtn {
    appearance: none;
    background: transparent;
    border: none;
    font-size: 24px;
    line-height: 1;
    cursor: pointer;
    padding: 6px 8px;
    border-radius: 8px;
    transition: background .15s ease, transform .06s ease;
}

.upm-iconbtn:hover {
    background: rgba(0, 0, 0, .06);
}

.upm-iconbtn:active {
    transform: scale(.98);
}

/* ---------- BODY ---------- */
.upm-body {
    padding: 18px;
    font-size: 14.5px;
    line-height: 1.6;
}

/* ---------- FOOTER ---------- */
.upm-footer {
    display: flex;
    gap: 10px;
    justify-content: flex-end;
    padding: 12px 18px 18px;
    border-top: 1px solid var(--upm-border);
    background: #fbfbfc;
}

/* ---------- BUTONLAR ---------- */
.upm-btn {
    appearance: none;
    border: 1px solid transparent;
    border-radius: 10px;
    padding: 9px 14px;
    font-weight: 600;
    cursor: pointer;
    transition: background .18s ease, border-color .18s ease, transform .06s ease;
}

.upm-btn:active {
    transform: translateY(1px);
}

.upm-action {
    background: var(--upm-primary);
    color: #fff;
    border-color: var(--upm-primary);
}

.upm-action:hover {
    background: var(--upm-primary-strong);
    border-color: var(--upm-primary-strong);
}

.upm-ghost {
    background: #fff;
    color: #333;
    border-color: var(--upm-border);
}

.upm-ghost:hover {
    background: #f3f4f6;
}

/* ---------- RESPONSIVE ---------- */
@media (max-width: 420px) {
    .upm-dialog {
        border-radius: 12px;
    }

    .upm-title {
        font-size: 16px;
    }
}

/* ---------- FOCUS GÖRÜNÜRLÜĞÜ ---------- */
.upm-iconbtn:focus,
.upm-btn:focus {
    outline: 2px solid #9ecbff;
    outline-offset: 2px;
    border-radius: 10px;
}

.upm-shell-box {
    /* overflow-y: scroll; */
    height: 100%;
}

.upm-panel {
    display: none;
}

.upm-panel.is-active {
    display: block;
    position: relative;
}

.overlay-header {
}


.slider-box .swiper {
    width: 100%;
    height: 100%;
}

.upf-slider .swiper-slide {
    text-align: center;
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100% !important;
}

.upf-slider .swiper-slide img {
    display: block;
    width: 100% !important;
    height: 100%;
    object-fit: cover;
}


:root {
    --ux-bg: #0f1c31;
    --ux-bg2: #152238;
    --ux-card: #182a47;
    --ux-text: #eaf1ff;
    --ux-muted: #a8bbd9;
    --ux-gold: #d3a028;
    --ux-gold-2: #ffcc58;
    --ux-border: rgba(255, 255, 255, .08);
    --ux-radius: 12px;
}

.upx-tabs {
    /* background: var(--ux-bg); */
    color: var(--ux-text);
    padding: 14px;
    /* border-radius: 14px; */
    /* border: 1px solid var(--ux-border); */
}

.upx-tabbar {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 14px;
}

.upx-tab {
    cursor: pointer;
    font-weight: 700;
    display: flex;
    align-items: center;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .15);
    background: #1c3b70;
    color: #fff;
    min-width: 139px;
    background: #233c63;
    border: 1px solid var(--ux-border);
    border-radius: 10px;
    padding: 10px;
    display: flex;
    justify-content: space-between;
    gap: 6px;
}

.upx-tab.is-active {
    background: #1c3b70;
    color: #fff;
    /* box-shadow: 0 0 12px #3ba9ff; */
}

.upx-tab .ico {
    font-size: 14px;
    opacity: .95;
}

.upx-subbar {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 8px 0 16px;
}

.upx-sub {
    /* background: linear-gradient(180deg, #243a64, #1c2f54); */
    color: #fff;
    border: none;
    /* padding: 10px 14px; */
    /* border-radius: 14px; */
    cursor: pointer;
    font-weight: 700;
    position: relative;
    background: transparent;
    color: #fff;
    /* border: 1px solid #6d88c7; */
    padding: 0;
}

.upx-sub .badge {
    /* background: rgba(255, 255, 255, .08); */
    /* padding: 2px 6px; */
    /* border-radius: 8px; */
    /* margin-right: 6px; */
    /* border: 1px solid rgba(255, 255, 255, .12); */
}

.upx-sub.is-active {
    /* outline: none; */
    /* box-shadow: 0 0 12px #3ba9ff; */
    padding: 0;
}

.overlay-header {
    /* margin: 10px 0; */
    position: relative;
}

.upx-h3 {
    font-size: 18px;
    font-weight: 800;
    margin: 0;
    padding: 10px;
}

.upx-panels {
    background: var(--ux-bg2);
    border: 1px solid var(--ux-border);
    border-radius: 14px;
    padding: 14px;
}

.upx-panel {
    display: block !important;
}

.upx-panel.is-active {
    display: block;
}

.upx-headgrid {
    display: grid;
    grid-template-columns:repeat(5, 1fr);
    gap: 10px;
    margin-bottom: 10px;
}

.upx-chipbox {
    background: var(--ux-card);
    border: 1px solid var(--ux-border);
    border-radius: 10px;
    padding: 10px;
    display: flex;
    justify-content: space-between;
    gap: 6px;
    align-items: center;
}

.upx-chipbox b {
    color: #fff;
}

.upx-chipbox .muted {
    color: var(--ux-muted);
}

.upx-note {
    background: #13243f;
    border: 1px dashed var(--ux-border);
    color: var(--ux-muted);
    padding: 10px;
    border-radius: 10px;
    margin: 10px 0;
}

.upx-field {
    margin-bottom: 10px;
}

.upx-label {
    display: block;
    margin-bottom: 6px;
    color: #cfe0ff;
    font-size: 13px;
}

.upx-input {
    width: 100%;
    padding: 12px 14px;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, .12);
    background: #0f1c31;
    color: #fff;
}

.upx-input::placeholder {
    color: #8aa0c4;
}

.upx-btn {
    padding: 10px 14px;
    border-radius: 12px;
    border: 2px solid transparent;
    background: #294474;
    color: #fff;
    font-weight: 800;
    cursor: pointer;
}

.upx-primary {
    background: linear-gradient(180deg, #2b60c6, #1f48a0);
    border-color: #2b60c6;
}

.upx-btn[disabled] {
    opacity: .5;
    cursor: not-allowed;
}

.upx-card {
    background: var(--ux-card);
    border: 1px solid var(--ux-border);
    border-radius: 10px;
    padding: 12px;
}

@media (max-width: 920px) {
    .upx-headgrid {
        grid-template-columns:repeat(2, 1fr);
    }
}

@media (max-width: 520px) {
    .upx-headgrid {
        grid-template-columns:1fr;
    }

    .upx-tabbar, .upx-subbar {
        gap: 6px;
    }
}

.upx-tab:hover {
    /* box-shadow: 0 0 12px #3ba9ff; */
}


.upx-sub:hover {
    /* box-shadow: 0 0 12px #3ba9ff; */
}

.hsv-img {
    width: 150px;
    object-fit: contain;
    height: 56px;
}


.upx-input:focus {
    outline: 0;
}


:root {
    --ux-bg: #0f1c31;
    --ux-bg2: #152238;
    --ux-card: #182a47;
    --ux-text: #eaf1ff;
    --ux-muted: #a8bbd9;
    --ux-border: rgba(255, 255, 255, .08);
    --ux-gold: #d3a028;
    --ux-radius: 12px;
}

/* Satır düzeni */
.upf-filters {
    display: flex;
    grid-template-columns: 1.3fr 1.3fr 1.3fr 1.3fr .8fr;
    gap: 12px;
    background: var(--ux-bg2);
    padding: 12px;
    border: 1px solid var(--ux-border);
    border-radius: 14px;
    margin-bottom: 10px;
}

/* Alan */
.upf-field {
    position: relative;
    background: #2a364d33;
    border-radius: 10px;
    padding: 8px 10px 10px;
    border: 1px solid var(--ux-border);
    position: relative;
}

.upf-label {
    font-size: 12px;
    color: #9fb2d0;
    margin-bottom: 6px;
}

.upf-input {
    width: 100%;
    background: #3a465d44;
    color: var(--ux-text);
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 10px;
    padding: 12px 40px 12px 12px;
    position: relative;
}

.upf-input::placeholder {
    color: #8aa0c4;
}

/* ikonlar */
.upf-ico, .upf-caret {
    position: absolute;
    right: 12px;
    bottom: 14px;
    font-size: 13px;
    color: #cbd7ef;
    pointer-events: none;
}

.upf-caret {
    right: 14px;
}

/* Göster butonu */
.upf-action {
    display: flex;
    align-items: flex-end;
}

.upx-btn {
    padding: 12px 16px;
    border-radius: 12px;
    border: 2px solid transparent;
    background: #294474;
    color: #fff;
    font-weight: 800;
    cursor: pointer;
}

.upx-primary {
    background: linear-gradient(180deg, #2b60c6, #1f48a0);
    border-color: #2b60c6;
}

/* Sonuç demo kutusu */
.upf-result {
    color: #cbd7ef;
    text-align: center;
    padding: 28px 10px;
}

/* Flatpickr koyu temaya uyumlu ufak dokunuÅŸ */
.flatpickr-calendar {
    font-family: inherit;
}

.flatpickr-calendar, .flatpickr-months, .flatpickr-days {
    background: #0f1c31;
    color: #eaf1ff;
    border: 1px solid var(--ux-border);
}

.flatpickr-day {
    color: #eaf1ff;
}

.flatpickr-day.today, .flatpickr-day.selected {
    background: #d3a028;
    border-color: #d3a028;
    color: #0f1c31;
}

.flatpickr-monthDropdown-months, .numInput.cur-year {
    background: #152238;
    color: #eaf1ff;
    border: 1px solid var(--ux-border);
}

/* Responsive */
@media (max-width: 980px) {
    .upf-filters {
        grid-template-columns: 1fr 1fr;
    }

    .upf-action {
        grid-column: 1 / -1;
    }
}

.daterangepicker.one-cal .drp-calendar.right {
    display: none !important;
}

.daterangepicker.one-cal .drp-calendar.left {
    border-right: 0 !important;
}


.daterangepicker th.month {
    color: #000000 !important;
}

.daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
    color: #ffffff;
    background: #15223800 !important;
}

.daterangepicker {
    background: #2b3650 !important;
    border: 1px solid #2b3650 !important;
}

.calendar-table {
}

.daterangepicker .calendar-table {
    border: 1px solid #fff !important;
    border-radius: 4px !important;
    background-color: #2b3650 !important;
}

.daterangepicker td.in-range {
    background-color: #4162a1 !important;
}

.daterangepicker .calendar-table table {
    border: none !important;
}

.calendar-table {
    border: none !important;
    width: 100% !important;
}

.daterangepicker.show-calendar .drp-buttons {
    border: none !important;
}

.daterangepicker td.available:hover, .daterangepicker th.available:hover {
    background-color: #4162a1 !important;
    border-color: #4162a1 !important;
    color: inherit !important;
}

.daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
    color: #ffffff !important;
    background: #15223800 !important;
}

.daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span {
    color: #fff !important;
    border: solid #ffffff !important;
    border-width: 0 2px 2px 0 !important;
    border-radius: 0 !important;
    display: inline-block !important;
    padding: 3px !important;
}

#mini-date {
    width: 240px;
    font: 500 18px/1.4 system-ui, -apple-system, Segoe UI, Roboto, Arial;
    padding: 6px 8px;
    border: 0;
    border-bottom: 2px solid #3b82f6; /* mavi çizgi */
    outline: none;
}

#mini-date:focus {
    box-shadow: 0 3px 0 0 rgba(59, 130, 246, .35);
}


.pika-single {
    box-shadow: 0 12px 28px rgba(0, 0, 0, .28);
    border: 1px solid #e5e7eb;
    border-radius: 6px;
}


.withdraw-table {
    width: 100%;
    border-collapse: collapse;
    background: #0f1c31;
    color: #fff;
}

.withdraw-head-row {
    background: #263a60;
}

.withdraw-head-cell {
    padding: 10px;
    text-align: left;
    font-weight: 600;
}

.withdraw-row:nth-child(even) {
    background: rgba(255, 255, 255, 0.03);
}

.withdraw-cell {
    padding: 12px;
    border-top: 1px solid rgba(255, 255, 255, .1);
}

/* Durumlar */
.status {
    padding: 4px 8px;
    border-radius: 6px;
    font-weight: 600;
    font-size: 13px;
}

.status-success {
    background: #2e7d32;
    color: #fff;
}

.status-pending {
    background: #a87907;
    color: #fff;
}

.status-failed {
    background: #e53935;
    color: #fff;
}


.upx-card {
    background: #102242;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 14px;
    padding: 0 0 12px;
    overflow: hidden;
    transition: all 500ms ease;
}

.bonus-img {
    width: 100%;
    /* height: 180px; */
    /* object-fit: cover; */
    /* display: block; */
}

.bonus-title {
    color: #fff;
    font-weight: 800;
    padding: 10px 12px;
}

.bonus-cta {
    width: calc(100% - 24px);
    margin: 0 12px;
    border-radius: 10px;
}

/* boÅŸ durum */
.upx-empty {
    color: #cbd7ef;
    text-align: center;
    padding: 32px 10px;
}

/* üst tablar */
.upx-tabbar {
    display: flex;
    /* gap: 10px; */
    flex-wrap: wrap;
    margin-bottom: 12px;
}

.upx-tab {
}

.upx-tab.is-active {
    outline: 0;
}

/* alt filtreler (çoklu seçim) */
.upx-subbar {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin: 6px 0 14px;
}

.upx-sub {

    padding: 10px 12px;

}

.upx-sub.is-on {
    box-shadow: 0 0 12px #3ba9ff inset, 0 0 6px #3ba9ff;
}

/* üst sekmeler */
.upx-tabbar {
    display: flex;
    /* gap: 10px; */
    margin-bottom: 12px;
}

.upx-tab {
}

.upx-tab.is-active {
    outline: 0;
}

.upx-subbar {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin: 6px 0 14px;
}

.upx-sub {

    cursor: pointer
}

.upx-sub.is-on {
    box-shadow: 0 0 12px #3ba9ff inset, 0 0 6px #3ba9ff
}


.bx-tabs {
    display: flex;
    gap: 10px;
    margin-bottom: 15px;
    justify-content: center;
}

.bx-tab {
    font-weight: 700;
    align-items: center;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .15);
    color: #fff;
    min-width: 150px;
    background: var(--ux-card);
    border: 1px solid var(--ux-border);
    border-radius: 10px;
    padding: 10px;
    display: flex;
    justify-content: space-between;
    gap: 6px;
}

.bx-subbar {
    display: flex;
    gap: 8px;
    margin: 10px 0 18px;
    flex-wrap: wrap;
}

.bx-sub {

    cursor: pointer;
    font-weight: 700;

    align-items: center;
    gap: 8px;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .15);
    background: #1c3b70;
    color: #fff;
    border: none;
    min-width: 150px;
    justify-content: center;
    border: 2px solid #6d88c7;
    background: var(--ux-card);
    border: 1px solid var(--ux-border);
    border-radius: 10px;
    padding: 10px;
    display: flex;
    justify-content: space-between;
    gap: 6px;
}

.bx-sub.is-on {
    background: #2b3650;
    color: #fff;
}

.bx-section {
    display: none;
}

.bx-section.is-active {
    display: block;
}

.bonus-title {
    font-size: 15px;
    font-weight: 600;
    margin: 10px 0;
    color: #fff;
}

.upx-btn {
    border: 0;
    padding: 8px 12px;
    border-radius: 8px;
    cursor: pointer;
}

.upx-primary {
    background: #3e66fb;
    color: #fff;
}

.upx-success {
    background: #32c77a;
    color: #fff;
}

.upx-warning {
    background: #f2b84b;
    color: #000;
}

.bx-empty {
    margin-top: 10px;
    color: #9fb0d4;
}


.bonus-cta {
    margin: 0;
    width: 100%;
    border-radius: 0;
    background: #1c3b70;
}

.bonus-card {
    padding: 0;
}

.upx-card .bonus-img {
    height: 300px !important;
    width: 100%;
}

.bonus-card img {
    /* height: 200px !important; */
}


.bonus-cta {
    margin: 0;
    width: 100%;
    background: #18323b;
    color: #cfe6f6;
    border: 1px solid rgba(255, 255, 255, 0.03);
    cursor: pointer;
    background: var(--ux-card);
    padding: 10px;
    display: flex;
    justify-content: center;
    gap: 6px;
}

.bonus-card {
    padding: 0;
    transition: all 500ms ease;
}

.upx-card .bonus-img {
    height: 300px !important;
    width: 100%;
    object-fit: cover;
}


.bonus-card:hover {
    scale: 1.05;
    transition: all 500ms ease;
}


/* Kapsayıcı */
#panel-bonus-history {
    padding: 6px;
}

/* Bar */
.fx-bar {
    display: flex;
    gap: 12px;
    align-items: stretch;

    background: #2f3a50;
    border: 1px solid #414b61;
    border-radius: 10px;
    padding: 10px;
    background: var(--ux-bg2);
    border: 1px solid var(--ux-border);
    border-radius: 14px;
    padding: 14px;
}

/* Alanlar */
.fx-field {
    width: 100%;

    flex-direction: column;
    justify-content: center;
    cursor: pointer;
    font-weight: 700;
    display: flex !important;
    align-items: center;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .15);
    background: #1c3b70;
    color: #fff;
    min-width: 150px;
    background: #233c63;
    border: 1px solid var(--ux-border);
    border-radius: 10px;
    padding: 10px;
    display: flex;
    justify-content: center;
    gap: 6px;
    align-items: baseline;
}

.fx-label {
    font-size: 12px;
    letter-spacing: .3px;
    color: #c1c9da;
    margin-bottom: 6px;
    display: block;
    margin: 0;
}

.fx-select {
    position: relative;
}

.fx-select select {
    width: 100%;
    border: 0;
    background: transparent;
    color: #e6ecff;
    font-weight: 700;
    font-size: 16px;
    padding: 6px 28px 6px 0;
    outline: 0;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.fx-caret {
    position: absolute;
    right: 6px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    color: #cdd6ea;
    font-size: 14px;
}

/* Buton */
.fx-action {
    margin-left: auto;
    display: flex;
    align-items: center;
}

.fx-btn {
    border: 0;
    padding: 10px 18px;
    border-radius: 8px;
    cursor: pointer;
    font-weight: 700;
    background: transparent;
    color: var(--ux-text);
    padding: 16px;
    border-radius: 8px;
    cursor: pointer;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 8px;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .15);
    background: #1c3b70;
    color: #fff;
    border: none;
    min-width: 150px;
    justify-content: center;

}


.fx-primary:hover {
    filter: brightness(1.05);
}

/* Sonuç */
.fx-result {
    text-align: center;
    color: #c9d4ea;
    font-size: 14px;
    padding: 18px 8px;
}

/* Mobil */
@media (max-width: 768px) {
    .fx-action {
        width: 100%;
        justify-content: flex-end;
    }

    .fx-btn {
        width: 160px;
    }
}


#panel-bonus-freespin .bf-tabbar {
    display: flex;
    gap: 8px;
    border: 1px solid rgba(255, 255, 255, 0.03);
    border-radius: 6px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.01), rgba(0, 0, 0, 0.02));
    padding: 6px;
}

/* tabs */
.bf-tab {
    background: transparent;
    border: none;
    color: #aeb8c9;
    padding: 8px 14px;
    border-radius: 4px;
    font-weight: 700;
    cursor: pointer;
    transition: all .14s ease;
    outline: none;
}

.bf-tab:focus {
    box-shadow: 0 0 0 3px rgba(86, 96, 255, 0.06);
}

.bf-tab--active, .bf-tab.bf-tab--active, .bf-tab.bf-tab--active:focus {
    color: #fff;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.02), rgba(255, 255, 255, 0.01));
    box-shadow: inset 0 -2px 0 rgba(255, 255, 255, 0.02);
}

/* panels */
.bf-panels {
    margin-top: 14px;
}

.bf-panel {
    padding-top: 6px;
}

.bf-hidden {
    display: none;
}

.bf-panel--active {
    display: block;
}

.bf-table-wrap {
    overflow: auto;
    border-radius: 6px;
}

.bf-table {
    width: 100%;
    border-collapse: collapse;
    font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
    color: #dbe8ff;
    min-width: 640px;
}

.bf-table thead {
}

.bf-tr {
}

.bf-th {
    text-align: left;
    padding: 12px 16px;
    color: #dbe8ff;
    font-weight: 700;
    border-bottom: 1px solid rgba(255, 255, 255, 0.03);
}

.bf-td {
    padding: 12px 16px;
    color: #d1e4ff;
    border-bottom: 1px solid rgba(255, 255, 255, 0.02);
    vertical-align: middle;
}

.bf-tr:nth-child(odd) .bf-td {
    background: rgba(255, 255, 255, 0.01);
}

.bf-tr:hover .bf-td {
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.015), rgba(255, 255, 255, 0.01));
}

/* badges */
.bf-badge {
    padding: 6px 10px;
    border-radius: 12px;
    font-weight: 800;
    font-size: 12px;
    display: inline-block;
    min-width: 78px;
    text-align: center;
}

.bf-success {
    background: rgba(46, 204, 113, 0.12);
    color: #18b66f;
    border: 1px solid rgba(24, 182, 111, 0.06);
}

.bf-pending {
    background: rgba(255, 193, 7, 0.10);
    color: #ffbf36;
    border: 1px solid rgba(255, 193, 7, 0.06);
}

.bf-failed {
    background: rgba(255, 99, 99, 0.10);
    color: #ff6b6b;
    border: 1px solid rgba(255, 99, 99, 0.06);
}

.bf-empty {
    text-align: center;
    color: #9aa7bb;
    padding: 38px 12px;
}

.bf-empty--hidden {
    display: none;
}

.bf-desc {
    margin-top: 12px;
    color: #9aa7bb;
    font-size: 13px;
}

@media (max-width: 760px) {
    .bf-tab {
        padding: 10px 8px;
        font-size: 13px;
    }

    .bf-badge {
        min-width: 64px;
        padding: 5px 8px;
    }

    .bf-table {
        min-width: 520px;
    }

    .bf-th, .bf-td {
        padding: 10px 12px;
        font-size: 13px;
    }
}


#promoCodeInput {
    padding: 10px !important;
    width: 60% !important;
    margin: 10px 0 !important;
    border-radius: 5px !important;
    border: 1px solid #3d4b63 !important;
    background: #2b3650 !important;
    color: #fff !important;
    background: var(--ux-card);
    border: 1px solid var(--ux-border);
    border-radius: 10px;
    padding: 10px;
    /* display: flex; */
    justify-content: space-between;
    gap: 6px;
}

#applyPromoBtn {
    padding: 10px 20px !important;
    background: #2b3650 !important;
    border: none !important;
    border-radius: 5px !important;
    color: #fff !important;
    cursor: pointer !important;
}


#promoMessage {
    margin-top: 10px !important;
    font-weight: bold !important;
}


.upm-input:focus {
    outline: 0;
}


.switch {
    position: relative;
    display: inline-block;
    width: 46px;
    height: 24px;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #444;
    transition: .3s;
    border-radius: 24px;
}

.slider:before {
    position: absolute;
    content: "";
    height: 18px;
    width: 18px;
    left: 3px;
    top: 3px;
    background: white;
    transition: .3s;
    border-radius: 50%;
}

.switch input:checked + .slider {
    background: #00c48c;
}

.switch input:checked + .slider:before {
    transform: translateX(22px);
}

/* extras */
.qr-block {
    text-align: center;
}

.qr-block img {
    width: 160px;
    height: 160px;
    border-radius: 8px;
    background: #fff;
    padding: 6px;
    display: inline-block;
}

.actions-row {
    margin-top: 12px;
    display: flex;
    gap: 8px;
    align-items: center;
}

.auth-info {
    margin-top: 10px;
    color: #bfc7cc;
    font-size: 13px;
}

.mono {
    font-family: ui-monospace, Roboto Mono, monospace;
}


.tabs {
    display: flex;
    gap: 8px;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 12px;
}

.tabs a {
    text-decoration: none;

    margin-right: 5px;

    cursor: pointer;
    font-weight: 700;

    align-items: center;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .15);
    background: #1c3b70;
    color: #fff;
    min-width: 150px;
    background: #233c63;
    border: 1px solid var(--ux-border);
    border-radius: 10px;
    padding: 10px;
    display: flex;
    justify-content: space-between;
}

.tabs a.active {
    background: #1c3b70;
    color: #fff;
}

.date-filter {
    margin-left: auto;
    display: flex;
    gap: 8px;
    align-items: center;
}

.date-filter .btn, .btn-action {
    background: #18323b;
    color: #cfe6f6;
    padding: 8px 10px;
    border-radius: 6px;
    border: 1px solid rgba(255, 255, 255, 0.03);
    cursor: pointer;
    background: var(--ux-card);
    border: 1px solid var(--ux-border);
    border-radius: 10px;
    padding: 10px;
    display: flex;
    justify-content: space-between;
    gap: 6px;
}

.dropdown-menu {
    position: absolute;
    background: #0f1726;
    border: 1px solid rgba(255, 255, 255, 0.03);
    padding: 6px;
    border-radius: 6px;
    display: none;
}

.dropdown-menu a {
    display: block;
    padding: 6px 8px;
    color: #cfe6f6;
    text-decoration: none;
    border-radius: 4px;
    margin-bottom: 5px;
}

.tab-content { /* background:#0f2633; *//* padding:14px; *//* border-radius:8px; *//* border:1px solid rgba(255,255,255,0.02); */
    background: var(--ux-bg2);
    border: 1px solid var(--ux-border);
    border-radius: 14px;
    padding: 14px;
}

.ticket {
    border-bottom: 1px solid rgba(255, 255, 255, 0.03);
    padding: 12px 6px;
    display: flex;
    gap: 12px;
    align-items: center;
    background: var(--ux-card);
    /* border: 1px solid var(--ux-border); */
    border-radius: 10px;
    padding: 10px;
    display: flex;
    justify-content: space-between;
    gap: 6px;
    margin-bottom: 10px;
    align-items: center;
}

.ticket:last-child {
    border-bottom: none;
}

.ticket .ticket-id {
    width: 100%;
    font-size: 13px;
    color: #9fb0c8;
}

.ticket .ticket-id .num {
    font-weight: 700;
    color: #fff;
    display: block;
    margin-top: 6px;
    font-size: 13px;
}

.status .badge {
    display: inline-block;
    padding: 6px 10px;
    border-radius: 6px;
    font-weight: 700;
    font-size: 12px;
    color: #fff;
}

.badge-success {
    background: linear-gradient(180deg, #1db954, #14833a);
}

.badge-open {
    background: linear-gradient(180deg, #1e90ff, #0d61b2);
}

.badge-lose {
    background: linear-gradient(180deg, #e55353, #b22b2b);
}

.colsmall {
    font-size: 13px;
    color: #cfe6f6;
    width: 100%;
}

.ml-auto {
    margin-left: auto;
}

.no-record {
    padding: 18px;
    color: #94a8ba;
    text-align: center;
}

.ticket-details {
    display: none;
    padding: 10px 12px;
    background: rgba(255, 255, 255, 0.02);
    border-radius: 6px;
    margin-top: 8px;
}

@media (max-width: 900px) {
    .ticket {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .ticket .ml-auto {
        margin-left: 0
    }
}


div#panel-bets .tabs {
    margin: 0 0 10px;
    display: flex;
}

#panel-bonus-casino .tabs {
    margin-bottom: 10px;
}

#panel-bonus-casino .tab-link {
    margin-right: 5px;
    background: #f1f1f1;
    cursor: pointer;
    cursor: pointer;
    font-weight: 700;
    display: flex;
    align-items: center;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .15);
    background: #1c3b70;
    color: #fff;
    min-width: 150px;
    background: #233c63;
    border: 1px solid var(--ux-border);
    border-radius: 10px;
    padding: 10px;
    display: flex;
    justify-content: space-between;
    gap: 6px;
    display: inline-block;
    margin-bottom: 10px;
}

#panel-bonus-casino .tab-link.active {
    background: #1c3b70;
    color: #fff;
}

#panel-bonus-casino table {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
}

#panel-bonus-casino th, #panel-bonus-casino td {
    border: 1px solid #ddd;
    padding: 8px;
    text-align: left;
}

#panel-bonus-casino th {
    background: #f9f9f9;
}

#panel-bonus-casino .no-record {
    padding: 12px;
    text-align: center;
    color: #777;
}

.ticket-details-wrapper {
    display: none;

}

.ticket-toggle-btn {
    background: #18323b;
    color: #cfe6f6;
    padding: 8px 10px;
    border-radius: 6px;
    border: 1px solid rgba(255, 255, 255, 0.03);
    cursor: pointer;
    background: var(--ux-card);
    border: 1px solid var(--ux-border);
    border-radius: 10px;
    padding: 10px;
    display: flex;
    justify-content: space-between;
    gap: 6px;
}

.dcs {
    width: 100%;
}

.upm-trow div {
    width: 130px;
    margin: auto;
}

span.ps-icon {
    position: absolute;
    top: 32%;
    right: 20px;
    font-size: 30px;
}


.betting-slip {
    width: 100%;
    background: var(--steel-shadow);
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.7),
    0 0 0 1px rgba(255, 255, 255, 0.05),
    inset 0 1px 0 rgba(255, 255, 255, 0.1);
    position: relative;
    z-index: 1;
    animation: fadeInSlide 0.6s ease-out;
    backdrop-filter: blur(10px);
}

.betting-slip::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg, transparent, var(--ember-glow), transparent);
    animation: glowPulse 2s ease-in-out infinite;
}

.betting-slip .header {
    background: #2b3650;
    padding: 18px 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid var(--obsidian-frame);
    position: relative;
}

.header::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--obsidian-frame), transparent);
}

.header-left {
    display: flex;
    align-items: center;
    gap: 12px;
    color: var(--platinum-mist);
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.02em;
}

.collapse-icon {
    font-size: 14px;
    transform: rotate(180deg);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
    padding: 4px;
    border-radius: 4px;
}

.collapse-icon:hover {
    background: rgba(255, 255, 255, 0.1);
    transform: rotate(180deg) scale(1.1);
}

.status {
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    padding: 6px 12px;
    background: rgb(21 34 56);
    border-radius: 20px;
    border: 1px solid rgb(255 255 255 / 30%);
    animation: glowPulse 3s ease-in-out infinite;
}

.bet-item {
    background: #152238;
    position: relative;
    overflow: hidden;
}

.bet-item::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    /* background: linear-gradient(180deg, var(--ember-glow), transparent); */
    opacity: 0.6;
}

.bet-header {
    padding: 20px 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.bet-number {
    display: flex;
    align-items: center;
    gap: 12px;
    color: var(--platinum-mist);
    font-size: 14px;
    font-weight: 500;
}

.bet-circle {
    width: 28px;
    height: 28px;
    border: 2px solid var(--slate-veil);
    border-radius: 50%;
    display: grid;
    place-items: center;
    font-size: 12px;
    font-weight: 700;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05));
    transition: all 0.3s ease;
    position: relative;
}

.bet-circle::after {
    content: '';
    position: absolute;
    inset: -2px;
    border-radius: 50%;
    padding: 2px;
    background: linear-gradient(135deg, var(--ember-glow), var(--slate-veil));
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask-composite: xor;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.bet-circle:hover::after {
    opacity: 1;
}

.bet-type {
    background: linear-gradient(135deg, var(--obsidian-frame), var(--charcoal-depths));
    color: var(--platinum-mist);
    padding: 6px 10px;
    border-radius: 6px;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.bet-odds {
    color: var(--platinum-mist);
    font-size: 18px;
    font-weight: 700;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
    position: relative;
}

.bet-odds::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg, transparent, #127bce, transparent);
    border-radius: 1px;
    opacity: 0.5;
}

.bet-details {
    padding: 0 24px 20px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.team-name {
    color: var(--platinum-mist);
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0.01em;
}

.bet-option {
    color: var(--silver-whisper);
    font-size: 13px;
    font-weight: 500;
}

.match-date {
    color: #ffffff;
    font-size: 12px;
    font-family: 'JetBrains Mono', monospace;
    letter-spacing: 0.02em;
}

.live-indicator {
    color: var(--crimson-pulse);
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    padding: 4px 8px;
    background: rgba(255, 51, 102, 0.15);
    border-radius: 4px;
    border: 1px solid rgba(255, 51, 102, 0.3);
    align-self: flex-start;
    animation: liveBlink 2s infinite;
    position: relative;
}

.live-indicator::before {
    content: '●';
    margin-right: 6px;
    animation: glowPulse 1s ease-in-out infinite;
}

.summary {
    background: #152238;
    padding: 20px 24px;
    border-top: 1px solid var(--obsidian-frame);
    position: relative;
}

.summary::before {
    content: '';
    position: absolute;
    top: 0;
    left: 24px;
    right: 24px;
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--obsidian-frame), transparent);
}

.summary-row {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 8px;
    align-items: center;
    margin-bottom: 12px;
}

.summary-row:last-child {
    margin-bottom: 0;
}

.summary-label {
    color: var(--silver-whisper);
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.summary-value {
    color: var(--platinum-mist);
    font-size: 13px;
    font-weight: 600;
    font-family: 'JetBrains Mono', monospace;
}

.summary-value.win {
    color: var(--ember-glow);
    font-weight: 700;
    text-shadow: 0 0 8px rgba(0, 255, 161, 0.3);
    position: relative;
}

.summary-value.win::after {
    content: '';
    position: absolute;
    inset: -2px;
    background: linear-gradient(45deg, rgba(0, 255, 161, 0.1), transparent);
    border-radius: 4px;
    z-index: -1;
}

.detail-section {
    background: #2b3650;
    padding: 18px 24px;
    border-top: 1px solid var(--obsidian-frame);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.detail-button {
    color: var(--silver-whisper);
    font-size: 14px;
    font-weight: 500;
    background: none;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    border-radius: 8px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
}

.detail-button::after {
    content: '⌄';
    font-size: 12px;
    transition: transform 0.3s ease;
}

.detail-button:hover {
    color: var(--platinum-mist);
    background: rgba(255, 255, 255, 0.05);
    transform: translateY(-1px);
}

.detail-button:hover::after {
    transform: translateY(2px);
}

.dbs-ticket .footer {
    background: #152238;
    padding: 16px 24px;
    border-top: 1px solid var(--obsidian-frame);
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
}

.date-time, .coupon-number {
    color: #ffffff;
    font-size: 11px;
    font-family: 'JetBrains Mono', monospace;
    letter-spacing: 0.02em;
}

.coupon-number {
    text-align: right;
    word-break: break-all;
}

@media (max-width: 480px) {
    .betting-slip {
        border-radius: 12px;
    }

    .header, .bet-header, .summary, .detail-section, .footer {
        padding-left: 16px;
        padding-right: 16px;
    }

    .bet-details {
        padding-left: 16px;
        padding-right: 16px;
    }

    .summary-row {
        grid-template-columns: 1fr 1fr;
        gap: 4px;
    }
}

:root {
    --midnight-abyss: #0f0f0f;
    --charcoal-depths: #1d1d21;
    --steel-shadow: #2b2d31;
    --ember-glow: #00ffa1;
    --crimson-pulse: #ff3366;
    --platinum-mist: #e8e8e8;
    --silver-whisper: #b8bcc2;
    --slate-veil: #6b7280;
    --obsidian-frame: #404347;
}

.user-cart-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
}


.modal-exit i {
    font-size: 26px;
    position: relative;
    top: -3px;
}


.fa-solid.fa-share.deg-yt {
    rotate: 180deg;
    font-size: 20px;
    top: -3px;
    position: relative;
}

nav.bg-sb {
    /* background: #07172f; */
    border-radius: 5px 5px 0 0;
}

span.ps-icon {

    display: none;
}


.betting-slip {
    display: none;
}


.icon-bar .dropdown-btn {
    background: #243a63;
    border: none;
    padding: 6px 12px;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    background: #1f2e48;
}

.icon-bar .icon-btn {
    border: none;
    padding: 1px 1px;
    border-radius: 6px;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    transition: box-shadow 0.2s ease;
}

.icon-bar.time {
    padding: 6px 10px;
    font-size: 14px;
}

.icon-bar .notify {
    font-size: 18px;
    cursor: pointer;
}


.ibar-left {
    display: flex;
}

.ibar-right .fa.fa-user {
    color: #fff;
}

.mobile-header .actions {
    padding: 5px;
}

.mobile-header .icon-bar {
    display: flex;
    justify-content: space-between !important;
    align-items: center !important;

    padding: 4px !important;
}

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

.mobile-header .icon-btn {
    margin:5px;
}

.ww-btn {
    background: #fff !important;
    margin: 0 !important;
}

.nbg {
    background: none !important;
    border: none !important;
}


.dbs-ticket {
    background: #152138;
}

.slk-web {
    background: #152138;
}

.upm-side {

    height: 100% ;
}

.nbg .ww-btn {
    background: #fff !important;
    color: #000 !important;
}

.wallet-value-box {
    padding: 5px;
    border: 1px solid #607fc7;
    border-radius: 5px;
    position: relative;
}

.wallet-list {position: absolute;min-width: 210px;padding: 5px;background: #2e3b5b;border-radius: 6px;top: 38px;left: 0;z-index: 99;}

.value-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 2px;
    font-size: 12px;
}


.wallet-list {
  display: none;
}
.wallet-list.active {
  display: block;
}

.wallet-value {
    font-size: 11px;
}

.tab-content {
    overflow: scroll;
    max-height: 832px;
}