.tabbed ul li,
span.lkTitle {
    border-bottom: 0 !important;
    white-space: nowrap
}

span.lkTitle,
ul.dragscroll li:hover {
    cursor: pointer !important
}

.btn:not(.btn-text),
.lay-red.active,
.lay-red:hover,
.tabbed ul li {
    cursor: pointer
}

.accordion h3,
.betPrismTabClose,
.card-title,
table.customTable td {
    -webkit-touch-callout: none;
    -khtml-user-select: none
}

.tabbed ul li,
.tournament-title {
    text-overflow: ellipsis;
    white-space: nowrap
}


.btn {
    --bs-btn-border-radius: 1rem;
    border-radius: var(--bs-btn-border-radius)
}

.badge {
    --bs-btn-badge-radius: .475rem;
    border-radius: var(--bs-btn-badge-radius)
}

.menu-sub-dropdown {
    border-radius: .475rem
}

.border-left-radius-0,
.border-top-left-radius-0,
.border-top-radius-0 {
    border-top-left-radius: 0 !important
}

.border-bottom-left-radius-0,
.border-bottom-radius-0,
.border-left-radius-0 {
    border-bottom-left-radius: 0 !important
}

::-webkit-scrollbar {
    -webkit-appearance: none
}

::-webkit-scrollbar:vertical {
    width: 5px
}

::-webkit-scrollbar:horizontal {
    height: 5px
}

::-webkit-scrollbar-thumb {
    background-color: #f90;
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%)
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #efefef
}

[data-kt-aside-minimize=on][data-kt-aside-hoverable=true] .aside:not(:hover) .menu-item {
    padding: .65rem 1rem
}

.form-check-image:hover,
.tr-all-3 {
    transition: .3s
}

.form-check-image:not(.active) .fs-7 {
    display: none;
    width: 50px
}

.form-check-image:not(.active):hover .fs-7 {
    display: block;
    width: auto
}

.flex-filter span.btn-custom {
    display: none
}

.collapse:not(.show),
[data-kt-aside-minimize=on] .aside:not(:hover) .bpr-group-filter {
    display: none !important
}

[data-kt-aside-minimize=on] .aside:not(:hover) .flex-filter span.btn-custom {
    display: block !important;
    opacity: 1;
    padding: .65rem 1rem
}

[data-kt-aside-minimize=on] .aside:not(:hover) .aside-menu span.heading-icon {
    margin-left: 16px;
    animation: .5s all
}

[data-kt-app-aside-minimize=on] #yg_app_aside_toggle {
    left: -15px !important
}

.app-aside {
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 0;
    border-top-right-radius: unset;
    border-bottom-right-radius: unset
}

.border-right-radius-0,
.border-top-radius-0,
.border-top-right-radius-0 {
    border-top-right-radius: 0 !important
}

.border-bottom-radius-0,
.border-bottom-right-radius-0,
.border-right-radius-0 {
    border-bottom-right-radius: 0 !important
}

.bpr-menu-headline {
    padding-top: 4rem
}

#yg_app_content_container {
    container-type: inline-size;
    container-name: app_container
}

.match-sportsbook-container {
    container-type: inline-size;
    container-name: match-sportsbook-container;
    grid-template-columns: 1fr 50%;
    gap: 15px
}

@container app_container (max-width:980px) {

    .match-sportsbook-container,
    .match-sportsbook-container .bettingPane .me-2 {
        margin-left: .5rem !important
    }

    .match-sportsbook-container .bettingPane {
        grid-template-columns: 1fr !important
    }

    .match-sportsbook-container {
        margin-right: .5rem !important
    }
}

@container app_container (max-width:850px) {
    #match-sportsbook-container {
        grid-template-columns: 1fr !important;
        gap: .75rem !important
    }
}

@container app_container (max-width:650px) {

    .b-1,
    .l-3 {
        display: none !important
    }

    .betting-grid {
        grid-template-columns: 40% 60% !important;
        border-top-right-radius: 0 !important
    }

    .bettingInPlace-ng {
        display: grid;
        grid-template-columns: repeat(4, 25%) !important
    }

    .heading-betables.heading-grid {
        grid-template-columns: 1fr repeat(2, 30%) !important
    }
}

@container app_container (max-width:450px) {

    .betting-grid,
    .heading-betables.heading-grid {
        grid-template-columns: 1fr repeat(2, 20%) !important
    }

    .b-2,
    .b-3,
    .l-2,
    .l-3 {
        display: none !important
    }

    .betting-grid {
        border-top-right-radius: 0 !important
    }
}

ul.scrollTabs .flickity-viewport {
    height: 43px !important;
    width: 100%;
    padding-left: 0 !important
}

span.lkTitle {
    display: inline-block
}

span.titleBox {
    width: 100%;
    overflow-x: hidden
}

.tabbed {
    width: 100%;
    margin: 0 auto 10px;
    border-bottom: 3px solid #000;
    overflow: hidden;
    transition: border 250ms;
    position: relative
}

.tabbed ul {
    margin: 0;
    padding: 5px 0 0 30px;
    overflow: hidden;
    float: left;
    list-style-type: none;
    width: 100%;
    display: flex;
    flex-flow: row;
    overflow-y: hidden;
    font-size: 6px !important
}

.tabbed ul * {
    margin: 0;
    padding: 0
}

.tabbed ul li {
    display: flex;
    padding: 10px 26px 8px;
    margin-right: 46px;
    position: relative;
    color: #030303;
    text-transform: uppercase;
    font: 600 10px/20px roboto, "Open Sans", Helvetica, sans-serif;
    transition: 250ms;
    width: 200px;
    float: left;
    margin-top: 5px;
    background: #fff
}

.tabbed ul li:after,
.tabbed ul li:before {
    overflow: hidden;
    display: block;
    content: " ";
    position: absolute;
    top: 0;
    height: 100%;
    width: 44px;
    background-color: #fff;
    transition: 250ms
}

.tabbed ul li:hover:after,
.tabbed ul li:hover:before {
    cursor: grab !important
}

.tabbed ul li:active:after,
.tabbed ul li:active:before {
    cursor: grabbing !important
}

.tabbed ul li:before {
    right: -24px;
    transform: skew(30deg, 0deg);
    box-shadow: rgba(0, 0, 0, .1) 3px 2px 5px, inset rgba(255, 255, 255, .09) -1px 0
}

.tabbed ul li:after {
    left: -24px;
    transform: skew(-30deg, 0deg);
    box-shadow: rgba(0, 0, 0, .1) -3px 2px 5px, inset rgba(255, 255, 255, .09) 1px 0
}

.tabbed ul li:hover,
.tabbed ul li:hover:after,
.tabbed ul li:hover:before {
    background-color: #f4f7f9;
    color: #444
}

.tabbed ul li.active {
    z-index: 3
}

.tabbed ul li.active,
.tabbed ul li.active:after,
.tabbed ul li.active:before {
    background-color: #000;
    color: #fff
}

.tabbed.round ul li {
    border-radius: 8px 8px 0 0
}

.tabbed.round ul li:before {
    border-radius: 0 8px 0 0
}

.tabbed.round ul li:after {
    border-radius: 8px 0 0
}

.betPrismTabClose {
    float: left;
    z-index: 5;
    display: block;
    position: absolute;
    left: 0;
    margin-left: auto;
    right: 94%;
    line-height: 2;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.content-zero,
table.customTable td {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.tabbed[class*=skin-] ul li {
    color: #fff;
    text-shadow: rgba(0, 0, 0, .1) 0 1px
}

.tabbed.skin-turquoise {
    border-bottom-color: #1abc9c
}

.tabbed.skin-turquoise ul li,
.tabbed.skin-turquoise ul li:after,
.tabbed.skin-turquoise ul li:before {
    background-color: #34d6b6
}

.tabbed.skin-turquoise ul li:hover,
.tabbed.skin-turquoise ul li:hover:after,
.tabbed.skin-turquoise ul li:hover:before {
    background-color: #40e2c2
}

.tabbed.skin-turquoise ul li.active,
.tabbed.skin-turquoise ul li.active:after,
.tabbed.skin-turquoise ul li.active:before {
    background-color: #1abc9c
}

.tabbed.skin-emerald {
    border-bottom-color: #2ecc71
}

.tabbed.skin-emerald ul li,
.tabbed.skin-emerald ul li:after,
.tabbed.skin-emerald ul li:before {
    background-color: #48e68b
}

.tabbed.skin-emerald ul li:hover,
.tabbed.skin-emerald ul li:hover:after,
.tabbed.skin-emerald ul li:hover:before {
    background-color: #54f297
}

.tabbed.skin-emerald ul li.active,
.tabbed.skin-emerald ul li.active:after,
.tabbed.skin-emerald ul li.active:before {
    background-color: #2ecc71
}

.tabbed.skin-peter-river {
    border-bottom-color: #3498db
}

.tabbed.skin-peter-river ul li,
.tabbed.skin-peter-river ul li:after,
.tabbed.skin-peter-river ul li:before {
    background-color: #4eb2f5
}

.tabbed.skin-peter-river ul li:hover,
.tabbed.skin-peter-river ul li:hover:after,
.tabbed.skin-peter-river ul li:hover:before {
    background-color: #5abeff
}

.tabbed.skin-peter-river ul li.active,
.tabbed.skin-peter-river ul li.active:after,
.tabbed.skin-peter-river ul li.active:before {
    background-color: #3498db
}

.tabbed.skin-amethyst {
    border-bottom-color: #9b59b6
}

.tabbed.skin-amethyst ul li,
.tabbed.skin-amethyst ul li:after,
.tabbed.skin-amethyst ul li:before {
    background-color: #b573d0
}

.tabbed.skin-amethyst ul li:hover,
.tabbed.skin-amethyst ul li:hover:after,
.tabbed.skin-amethyst ul li:hover:before {
    background-color: #c17fdc
}

.tabbed.skin-amethyst ul li.active,
.tabbed.skin-amethyst ul li.active:after,
.tabbed.skin-amethyst ul li.active:before {
    background-color: #9b59b6
}

.tabbed.skin-wet-asphalt {
    border-bottom-color: #34495e
}

.tabbed.skin-wet-asphalt ul li,
.tabbed.skin-wet-asphalt ul li:after,
.tabbed.skin-wet-asphalt ul li:before {
    background-color: #4e6378
}

.tabbed.skin-wet-asphalt ul li:hover,
.tabbed.skin-wet-asphalt ul li:hover:after,
.tabbed.skin-wet-asphalt ul li:hover:before {
    background-color: #5a6f84
}

.tabbed.skin-wet-asphalt ul li.active,
.tabbed.skin-wet-asphalt ul li.active:after,
.tabbed.skin-wet-asphalt ul li.active:before {
    background-color: #34495e
}

.tabbed.skin-sun-flower {
    border-bottom-color: #f1c40f
}

.tabbed.skin-sun-flower ul li,
.tabbed.skin-sun-flower ul li:after,
.tabbed.skin-sun-flower ul li:before {
    background-color: #ffde29;
    color: #0a0
}

.tabbed.skin-sun-flower ul li:hover,
.tabbed.skin-sun-flower ul li:hover:after,
.tabbed.skin-sun-flower ul li:hover:before {
    background-color: #ffea35
}

.tabbed.skin-sun-flower ul li.active,
.tabbed.skin-sun-flower ul li.active:after,
.tabbed.skin-sun-flower ul li.active:before {
    background-color: #f1c40f;
    color: #fff
}

.tabbed.skin-carrot {
    border-bottom-color: #e67e22
}

.tabbed.skin-carrot ul li,
.tabbed.skin-carrot ul li:after,
.tabbed.skin-carrot ul li:before {
    background-color: #ff983c
}

.tabbed.skin-carrot ul li:hover,
.tabbed.skin-carrot ul li:hover:after,
.tabbed.skin-carrot ul li:hover:before {
    background-color: #ffa448
}

.tabbed.skin-carrot ul li.active,
.tabbed.skin-carrot ul li.active:after,
.tabbed.skin-carrot ul li.active:before {
    background-color: #e67e22
}

.tabbed.skin-alizarin {
    border-bottom-color: #e74c3c
}

.tabbed.skin-alizarin ul li,
.tabbed.skin-alizarin ul li:after,
.tabbed.skin-alizarin ul li:before {
    background-color: #ff6656
}

.tabbed.skin-alizarin ul li:hover,
.tabbed.skin-alizarin ul li:hover:after,
.tabbed.skin-alizarin ul li:hover:before {
    background-color: #ff7262
}

.tabbed.skin-alizarin ul li.active,
.tabbed.skin-alizarin ul li.active:after,
.tabbed.skin-alizarin ul li.active:before {
    background-color: #e74c3c
}

.tabbed.skin-graphite {
    border-bottom-color: #454545
}

.tabbed.skin-graphite ul li,
.tabbed.skin-graphite ul li:after,
.tabbed.skin-graphite ul li:before {
    background-color: #5f5f5f
}

.tabbed.skin-graphite ul li:hover,
.tabbed.skin-graphite ul li:hover:after,
.tabbed.skin-graphite ul li:hover:before {
    background-color: #6b6b6b
}

.tabbed.skin-graphite ul li.active,
.tabbed.skin-graphite ul li.active:after,
.tabbed.skin-graphite ul li.active:before {
    background-color: #454545
}

.tabbed.skin-concrete {
    border-bottom-color: #95a5a6
}

.tabbed.skin-concrete ul li,
.tabbed.skin-concrete ul li:after,
.tabbed.skin-concrete ul li:before {
    background-color: #afbfc0
}

.tabbed.skin-concrete ul li:hover,
.tabbed.skin-concrete ul li:hover:after,
.tabbed.skin-concrete ul li:hover:before {
    background-color: #bbcbcc
}

.tabbed.skin-concrete ul li.active,
.tabbed.skin-concrete ul li.active:after,
.tabbed.skin-concrete ul li.active:before {
    background-color: #95a5a6
}

.tabbed.skin-green-sea {
    border-bottom-color: #16a085
}

.tabbed.skin-green-sea ul li,
.tabbed.skin-green-sea ul li:after,
.tabbed.skin-green-sea ul li:before {
    background-color: #30ba9f
}

.tabbed.skin-green-sea ul li:hover,
.tabbed.skin-green-sea ul li:hover:after,
.tabbed.skin-green-sea ul li:hover:before {
    background-color: #3cc6ab
}

.tabbed.skin-green-sea ul li.active,
.tabbed.skin-green-sea ul li.active:after,
.tabbed.skin-green-sea ul li.active:before {
    background-color: #16a085
}

.tabbed.skin-nephritis {
    border-bottom-color: #27ae60
}

.tabbed.skin-nephritis ul li,
.tabbed.skin-nephritis ul li:after,
.tabbed.skin-nephritis ul li:before {
    background-color: #41c87a
}

.tabbed.skin-nephritis ul li:hover,
.tabbed.skin-nephritis ul li:hover:after,
.tabbed.skin-nephritis ul li:hover:before {
    background-color: #4dd486
}

.tabbed.skin-nephritis ul li.active,
.tabbed.skin-nephritis ul li.active:after,
.tabbed.skin-nephritis ul li.active:before {
    background-color: #27ae60
}

.tabbed.skin-belize-hole {
    border-bottom-color: #2980b9
}

.tabbed.skin-belize-hole ul li,
.tabbed.skin-belize-hole ul li:after,
.tabbed.skin-belize-hole ul li:before {
    background-color: #439ad3
}

.tabbed.skin-belize-hole ul li:hover,
.tabbed.skin-belize-hole ul li:hover:after,
.tabbed.skin-belize-hole ul li:hover:before {
    background-color: #4fa6df
}

.tabbed.skin-belize-hole ul li.active,
.tabbed.skin-belize-hole ul li.active:after,
.tabbed.skin-belize-hole ul li.active:before {
    background-color: #2980b9
}

.tabbed.skin-wisteria {
    border-bottom-color: #8e44ad
}

.tabbed.skin-wisteria ul li,
.tabbed.skin-wisteria ul li:after,
.tabbed.skin-wisteria ul li:before {
    background-color: #a85ec7
}

.tabbed.skin-wisteria ul li:hover,
.tabbed.skin-wisteria ul li:hover:after,
.tabbed.skin-wisteria ul li:hover:before {
    background-color: #b46ad3
}

.tabbed.skin-wisteria ul li.active,
.tabbed.skin-wisteria ul li.active:after,
.tabbed.skin-wisteria ul li.active:before {
    background-color: #8e44ad
}

.tabbed.skin-midnight-blue {
    border-bottom-color: #2c3e50
}

.tabbed.skin-midnight-blue ul li,
.tabbed.skin-midnight-blue ul li:after,
.tabbed.skin-midnight-blue ul li:before {
    background-color: #46586a
}

.tabbed.skin-midnight-blue ul li:hover,
.tabbed.skin-midnight-blue ul li:hover:after,
.tabbed.skin-midnight-blue ul li:hover:before {
    background-color: #526476
}

.tabbed.skin-midnight-blue ul li.active,
.tabbed.skin-midnight-blue ul li.active:after,
.tabbed.skin-midnight-blue ul li.active:before {
    background-color: #2c3e50
}

.tabbed.skin-orange {
    border-bottom-color: #f39c12
}

.tabbed.skin-orange ul li,
.tabbed.skin-orange ul li:after,
.tabbed.skin-orange ul li:before {
    background-color: #ffb62c
}

.tabbed.skin-orange ul li:hover,
.tabbed.skin-orange ul li:hover:after,
.tabbed.skin-orange ul li:hover:before {
    background-color: #ffc238
}

.tabbed.skin-orange ul li.active,
.tabbed.skin-orange ul li.active:after,
.tabbed.skin-orange ul li.active:before {
    background-color: #f39c12
}

.tabbed.skin-pumpkin {
    border-bottom-color: #d35400
}

.tabbed.skin-pumpkin ul li,
.tabbed.skin-pumpkin ul li:after,
.tabbed.skin-pumpkin ul li:before {
    background-color: #ed6e1a
}

.tabbed.skin-pumpkin ul li:hover,
.tabbed.skin-pumpkin ul li:hover:after,
.tabbed.skin-pumpkin ul li:hover:before {
    background-color: #f97a26
}

.tabbed.skin-pumpkin ul li.active,
.tabbed.skin-pumpkin ul li.active:after,
.tabbed.skin-pumpkin ul li.active:before {
    background-color: #d35400
}

.tabbed.skin-pomegranate {
    border-bottom-color: #c0392b
}

.tabbed.skin-pomegranate ul li,
.tabbed.skin-pomegranate ul li:after,
.tabbed.skin-pomegranate ul li:before {
    background-color: #da5345
}

.tabbed.skin-pomegranate ul li:hover,
.tabbed.skin-pomegranate ul li:hover:after,
.tabbed.skin-pomegranate ul li:hover:before {
    background-color: #e65f51
}

.tabbed.skin-pomegranate ul li.active,
.tabbed.skin-pomegranate ul li.active:after,
.tabbed.skin-pomegranate ul li.active:before {
    background-color: #c0392b
}

.tabbed.skin-silver {
    border-bottom-color: #bdc3c7
}

.tabbed.skin-silver ul li,
.tabbed.skin-silver ul li:after,
.tabbed.skin-silver ul li:before {
    background-color: #d7dde1;
    color: #666
}

.tabbed.skin-silver ul li:hover,
.tabbed.skin-silver ul li:hover:after,
.tabbed.skin-silver ul li:hover:before {
    background-color: #e3e9ed
}

.tabbed.skin-silver ul li.active,
.tabbed.skin-silver ul li.active:after,
.tabbed.skin-silver ul li.active:before {
    background-color: #bdc3c7;
    color: #fff
}

.tabbed.skin-asbestos {
    border-bottom-color: #7f8c8d
}

.tabbed.skin-asbestos ul li,
.tabbed.skin-asbestos ul li:after,
.tabbed.skin-asbestos ul li:before {
    background-color: #99a6a7
}

.tabbed.skin-asbestos ul li:hover,
.tabbed.skin-asbestos ul li:hover:after,
.tabbed.skin-asbestos ul li:hover:before {
    background-color: #a5b2b3
}

.tabbed.skin-asbestos ul li.active,
.tabbed.skin-asbestos ul li.active:after,
.tabbed.skin-asbestos ul li.active:before {
    background-color: #7f8c8d
}

.tabbed.skin-dodgerblue {
    border-bottom-color: #1e90ff
}

.tabbed.skin-dodgerblue ul li,
.tabbed.skin-dodgerblue ul li:after,
.tabbed.skin-dodgerblue ul li:before {
    background-color: #00bfff
}

.tabbed.skin-dodgerblue ul li:hover,
.tabbed.skin-dodgerblue ul li:hover:after,
.tabbed.skin-dodgerblue ul li:hover:before {
    background-color: #3cf
}

.tabbed.skin-dodgerblue ul li.active,
.tabbed.skin-dodgerblue ul li.active:after,
.tabbed.skin-dodgerblue ul li.active:before {
    background-color: #1e90ff
}

.tabbed.skin-gray-black {
    border-bottom-color: #28343b
}

.tabbed.skin-black-glass,
.tabbed.skin-black-glass ul li,
.tabbed.skin-black-glass ul li:after,
.tabbed.skin-black-glass ul li:before,
.tabbed.skin-gray-black,
.tabbed.skin-gray-black ul li,
.tabbed.skin-gray-black ul li:after,
.tabbed.skin-gray-black ul li:before {
    transition: none
}

.tabbed.skin-gray-black ul li,
.tabbed.skin-gray-black ul li:after,
.tabbed.skin-gray-black ul li:before {
    background-color: #68737b
}

.tabbed.skin-gray-black ul li:hover,
.tabbed.skin-gray-black ul li:hover:after,
.tabbed.skin-gray-black ul li:hover:before {
    background-color: #707a83
}

.tabbed.skin-gray-black ul li.active,
.tabbed.skin-gray-black ul li.active:after,
.tabbed.skin-gray-black ul li.active:before {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2I1YmRjOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyODM0M2IiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+)
}

.tabbed.skin-black-glass {
    border-bottom-color: #0a0809
}

.tabbed.skin-black-glass ul li,
.tabbed.skin-black-glass ul li:after,
.tabbed.skin-black-glass ul li:before {
    background-color: #333
}

.tabbed.skin-black-glass ul li:hover,
.tabbed.skin-black-glass ul li:hover:after,
.tabbed.skin-black-glass ul li:hover:before {
    background-color: #444
}

.tabbed.skin-black-glass ul li.active,
.tabbed.skin-black-glass ul li.active:after,
.tabbed.skin-black-glass ul li.active:before {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2FlYmNiZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzZlNzc3NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzBhMGUwYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwYTA4MDkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+)
}

.rounded-top-right-01 {
    border-top-right-radius: .1rem
}

.rounded-top-right-02 {
    border-top-right-radius: .2rem
}

.rounded-top-right-03 {
    border-top-right-radius: .3rem
}

.rounded-top-right-04 {
    border-top-right-radius: .4rem
}

.rounded-top-right-05 {
    border-top-right-radius: .5rem
}

.rounded-top-right-06 {
    border-top-right-radius: .6rem
}

.rounded-top-right-07 {
    border-top-right-radius: .7rem
}

.rounded-top-right-08 {
    border-top-right-radius: .8rem
}

.rounded-top-right-09 {
    border-top-right-radius: .9rem
}

.rounded-top-right-10 {
    border-top-right-radius: 1rem
}

.rounded-bottom-right-01 {
    border-bottom-right-radius: .1rem
}

.rounded-bottom-right-02 {
    border-bottom-right-radius: .2rem
}

.rounded-bottom-right-03 {
    border-bottom-right-radius: .3rem
}

.rounded-bottom-right-04 {
    border-bottom-right-radius: .4rem
}

.rounded-bottom-right-05 {
    border-bottom-right-radius: .5rem
}

.rounded-bottom-right-06 {
    border-bottom-right-radius: .6rem
}

.rounded-bottom-right-07 {
    border-bottom-right-radius: .7rem
}

.rounded-bottom-right-08 {
    border-bottom-right-radius: .8rem
}

.rounded-bottom-right-09 {
    border-bottom-right-radius: .9rem
}

.rounded-bottom-right-10 {
    border-bottom-right-radius: 1rem
}

.rounded-top-left-01 {
    border-top-left-radius: .1rem
}

.rounded-top-left-02 {
    border-top-left-radius: .2rem
}

.rounded-top-left-03 {
    border-top-left-radius: .3rem
}

.rounded-top-left-04 {
    border-top-left-radius: .4rem
}

.rounded-top-left-05 {
    border-top-left-radius: .5rem
}

.rounded-top-left-06 {
    border-top-left-radius: .6rem
}

.rounded-top-left-07 {
    border-top-left-radius: .7rem
}

.rounded-top-left-08 {
    border-top-left-radius: .8rem
}

.rounded-top-left-09 {
    border-top-left-radius: .9rem
}

.rounded-top-left-10 {
    border-top-left-radius: 1rem
}

.rounded-bottom-left-01 {
    border-bottom-left-radius: .1rem
}

.rounded-bottom-left-02 {
    border-bottom-left-radius: .2rem
}

.rounded-bottom-left-03 {
    border-bottom-left-radius: .3rem
}

.rounded-bottom-left-04 {
    border-bottom-left-radius: .4rem
}

.rounded-bottom-left-05 {
    border-bottom-left-radius: .5rem
}

.rounded-bottom-left-06 {
    border-bottom-left-radius: .6rem
}

.rounded-bottom-left-07 {
    border-bottom-left-radius: .7rem
}

.rounded-bottom-left-08 {
    border-bottom-left-radius: .8rem
}

.rounded-bottom-left-09 {
    border-bottom-left-radius: .9rem
}

.rounded-bottom-left-10 {
    border-bottom-left-radius: 1rem
}

.rounded-all-01 {
    border-radius: .1rem
}

.rounded-all-02 {
    border-radius: .2rem
}

.rounded-all-03 {
    border-radius: .3rem
}

.rounded-all-04 {
    border-radius: .4rem
}

.rounded-all-05 {
    border-radius: .5rem
}

.rounded-all-06 {
    border-radius: .6rem
}

.rounded-all-07 {
    border-radius: .7rem
}

.rounded-all-08 {
    border-radius: .8rem
}

.rounded-all-09 {
    border-radius: .9rem
}

.rounded-all-10 {
    border-radius: 1rem
}

.zindex-2 {
    z-index: 2222
}

.top-n1 {
    top: -.1rem !important
}

.top-n2 {
    top: -.2rem !important
}

.top-n3 {
    top: -.3rem !important
}

.top-n4 {
    top: -.4rem !important
}

.top-n5 {
    top: -.5rem !important
}

.top-n6 {
    top: -.6rem !important
}

.top-n7 {
    top: -.7rem !important
}

.top-n8 {
    top: -.8rem !important
}

.top-n9 {
    top: -.9rem !important
}

.top-n10 {
    top: -1rem !important
}

.right-n-06 {
    right: -.06rem !important
}

.text-shadow-min {
    text-shadow: 0 -1px 1px #000
}

.min-w-128px {
    min-width: 128px !important
}

.heading-grid {
    display: grid;
    grid-template-columns: 40% 20% 10% 10% 20%;
}

.grid-bf {
    grid-template-columns: 60% 20% 20% !important
}

.grid-bf-odds {
    grid-template-columns: 60% 40% !important
}

.bfOdds {
    display: grid;
    grid-template-columns: 50% 50%
}

.content-zero {
    content: "\n" !important;
    text-indent: -9999px;
    opacity: .4;
    user-select: none;
    pointer-events: none;
    cursor: not-allowed
}

.betPrismMatchFigure {
    flex: 1 0 19%;
    height: 60px !important;
    margin: 1px;
    font-size: 24px !important;
    display: inline-grid !important
}

.tournament-logo {
    border-radius: 100%;
    border: 1px transparent;
    -webkit-font-smoothing: antialiased;
    height: 25px !important
}

.betting-grid,
.bettingInPlace-ng {
    display: grid;
    border-radius: 0 !important
}

.btn:disabled,
.btn:focus:not(.btn-text),
.btn:hover:not(.btn-text),
.btn:not(:disabled):not(.disabled):active:not(.btn-text) {
    -webkit-transition: color .15s, background-color .15s, border-color .15s, -webkit-box-shadow .15s;
    transition: color .15s, background-color .15s, border-color .15s, box-shadow .15s, -webkit-box-shadow .15s
}

.btn:focus:not(.btn-shadow):not(.btn-shadow-hover) {
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.btn.btn-clean,
.btn.btn-clean:disabled {
    color: #b5b5c3;
    background-color: transparent;
    border-color: transparent
}

.btn.btn-clean:focus:not(.btn-text),
.btn.btn-clean:hover:not(.btn-text):not(:disabled):not(.disabled),
.btn.btn-clean:not(:disabled):not(.disabled):active:not(.btn-text) {
    color: #3699ff;
    background-color: #f3f6f9;
    border-color: transparent
}

.b-1,
.b-3 {
    border-right: none !important
}

div.yg_subheader:before {
    content: "";
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    opacity: .55;
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    overflow: hidden
}

div.yg_subheader {
    background: #000000d4
}

div.yg_subheader .container-fluid {
    z-index: 1
}

.back-blue {
    background-color: #a6d8ff !important
}

.lay-red {
    background: #fac9d1 !important
}

.lay-red:hover {
    background: #e472ee !important
}

.lay-red.active {
    background-color: #f7aab7 !important;
    -webkit-transition: background-color .5s linear, color .5s linear
}

.back-blue:hover {
    cursor: pointer;
    background-color: #13ccf6 !important
}

.lay-red:nth-child(5) {
    text-align: center;
    font-weight: 500
}

table.customTable td {
    text-align: center;
    width: 12.5%;
    color: #000 !important;
    user-select: none
}

.accordion h3,
.card-title {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

table.customTable td:only-child {
    background-color: #cff
}

table.customTable td:first-child {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-left: 0 !important
}

table.customTable td:last-child {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-right: 0px !important
}

.flip-container,
span.menu-link span.badge:hover {
    animation: 3s linear infinite shimmer;
    background-image: linear-gradient(-70deg, rgba(255, 255, 255, 0) 46%, rgba(255, 255, 255, .632) 50%, rgba(255, 255, 255, .443) 52%, rgb(255 239 239 / 0%) 56%);
    background-size: 400% 100%;
    perspective: 1000px
}

.flip-container .text-center {
    position: absolute;
    width: 100%;
    backface-visibility: hidden;
    animation: 9s infinite flip;
    opacity: 0
}

@keyframes flip {

    0%,
    100% {
        transform: rotateX(0);
        opacity: 0
    }

    30%,
    5% {
        transform: rotateX(0);
        opacity: 1
    }

    35%,
    65% {
        transform: rotateX(180deg);
        opacity: 0
    }

    70%,
    95% {
        transform: rotateX(180deg);
        opacity: 1
    }
}

@keyframes blink {

    0%,
    100% {
        opacity: 1;
        color: #ea3f2f
    }

    50% {
        opacity: .5;
        color: #f0786d
    }
}

@keyframes shimmer {
    0% {
        background-position: 100% 50%
    }

    30% {
        background-position: 0 50%
    }
}

.flip-container .text-center:nth-child(3) {
    animation: 9s 6s infinite flip, 1s infinite blink
}

.flip-container .text-center:nth-child(2) {
    animation-delay: 3s
}

.flip-container .text-center:nth-child(3) {
    animation-delay: 6s
}

.betting-grid {
    grid-template-columns: 60% 40%;
    gap: 0;
    margin-bottom: 0;
    padding-top: 0;
    transition: .15s;
    overflow: hidden;
    background: 0 0 !important
}

.bettingInPlace-ng {
    grid-template-columns: repeat(6, 16.66%);
    border-bottom: 1px solid var(--bs-secondary-bg-subtle);
    border-top: 1px solid var(--bs-secondary-bg-subtle)
}

.bettingTableBetPrism .betting-grid:first-child {
    border-top-right-radius: 9px
}

.bettingTableBetPrism .betting-grid:last-child {
    border-bottom-right-radius: 9px;
    border-bottom-left-radius: 9px
}

.team-info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: .5rem;
    border-radius: 0;
    text-align: left
}

.bet-data,
.lay-data {
    padding: .5rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center
}

.bet-size,
.h-on-small,
.lay-size {
    display: block
}

.b-3 {
    background-color: #43ceed !important;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    margin-left: 1px;
    border: none !important
}

.b-1,
.b-2 {
    background-color: #bed7ec !important;
    color: #7b7b7b !important
}

.b-2 {
    border-left: 1px solid var(--bs-app-header-light-separator-color);
    border: none !important;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px
}

.b-1,
.l-1 {
    border-left: none !important
}

.b-1 {
    border-bottom-left-radius: 0;
    border: none !important
}

.l-1 {
    background: #f796ff !important;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    margin-right: 1px;
    border: none !important
}

.l-2,
.l-3 {
    background: #e0cdd0 !important;
    color: #7b7b7b !important
}

.l-2 {
    border-right: 1px solid var(--bs-app-header-light-separator-color);
    border: none !important;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px
}

.l-3 {
    border-bottom-right-radius: 0;
    border: none !important
}

.tr-all-1 {
    transition: .1s
}

.tr-all-2 {
    transition: .2s
}

.tr-all-4 {
    transition: .4s
}

.tr-all-5 {
    transition: .5s
}

.tr-all-6 {
    transition: .6s
}

.tr-all-7 {
    transition: .7s
}

.tr-all-8 {
    transition: .8s
}

.tr-all-9 {
    transition: .9s
}

.tr-all-100 {
    transition: 1s
}

.on-scrollbar {
    scrollbar-width: thin;
    -ms-overflow-style: none
}

.on-scrollbar::-webkit-scrollbar-track {
    -webkit-box-shadow: none !important;
    background-color: transparent !important
}

.on-scrollbar::-webkit-scrollbar {
    width: 6px !important;
    background-color: transparent
}

.on-scrollbar::-webkit-scrollbar-thumb {
    background-color: #acacac
}

.collapsing {
    -webkit-transition: height .3s;
    -o-transition: height .3s;
    transition: height .3s
}

@-webkit-keyframes flow-horizontal {

    0%,
    100% {
        transform: translateX(0)
    }

    50% {
        transform: translateX(-50%)
    }
}

@keyframes flow-horizontal {

    0%,
    100% {
        transform: translateX(0)
    }

    50% {
        transform: translateX(-50%)
    }
}

.tournament-title {
    display: inline-block !important;
    overflow: hidden;
    width: 165px
}

.flow-horizontal,
div * {
    -ms-overflow-style: none
}

.animation-none {
    animation: none !important
}

.greyed-icon {
    -webkit-filter: grayscale(1);
    -moz-filter: grayscale(1);
    -ms-filter: grayscale(1);
    -o-filter: grayscale(1);
    filter: grayscale(1);
    -webkit-transition: -webkit-all .2s ease-in;
    -moz-transition: -moz-all .2s ease-in;
    -o-transition: -o-all .2s ease-in;
    transition: .2s ease-in;
    height: 1.45rem !important;
    width: 1.45rem !important
}

.menu-item.show .greyed-icon,
.menu-link:hover .greyed-icon {
    filter: none !important;
    scale: 1.25
}

.menu-top-icon {
    width: 13.08px !important;
    height: 14.95px !important
}

.TableHighlights {
    grid-template-columns: 25% 75%
}

.betting-area {
    grid-template-columns: repeat(3, 33.33%)
}

.min-score-card {
    grid-template-columns: 15% repeat(2, 8%) 49% repeat(2, 10%);
    display: grid;
    column-gap: normal;
    border-top-right-radius: .25rem
}

.betting-bg:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 2.75rem;
    color: rgb(0 0 0 / 7%);
    z-index: 2;
    font-weight: bolder;
    pointer-events: none
}

.betting-bg.t1:before {
    content: '1'
}

.betting-bg.tX:before {
    content: 'X'
}

.betting-bg.t2:before {
    content: '2'
}

.team-info.bg-secondary:after {
    content: attr(data-shortname);
    position: absolute;
    bottom: 0;
    right: 2px;
    opacity: .1;
    font-weight: 700
}

.team-info.bg-secondary:hover::after {
    opacity: .6
}

@media (max-width:992px) {

    .app-aside,
    .aside {
        margin-top: var(--bs-app-header-height)
    }

    .team-info.bg-secondary:after {
        content: '' !important
    }
}

@media (min-width:992px) {
    .app-container {
        padding-left: 20px !important;
        padding-right: 10px !important
    }
}

@media (max-width:500px) {
    h4.team-title {
        content: "";
        font-size: 0
    }

    h4.team-title i.vs {
        display: none
    }

    h4.team-title::after {
        content: attr(data-shortname);
        font-size: 1.25rem
    }
}

@media (max-width:650px) {
    .betting-grid {
        grid-template-columns: 40% repeat(4, 15%)
    }

    .h-on-small {
        display: none !important
    }

    .TableHighlights {
        grid-template-columns: 25% 75%
    }
}

.flow-horizontal {
    flex-wrap: nowrap;
    overflow-x: auto;
    width: 100%;
    text-wrap: nowrap;
    scrollbar-width: none;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    padding: 2px 3px
}

.flow-horizontal::-webkit-scrollbar-track {
    -webkit-box-shadow: none !important;
    background-color: transparent !important
}

.flow-horizontal::-webkit-scrollbar {
    width: 0 !important;
    background-color: transparent !important
}

.flow-horizontal::-webkit-scrollbar-thumb {
    background-color: transparent !important
}

.flow-horizontal.animate-flow {
    display: flex;
    flex-wrap: nowrap;
    animation: 3s linear infinite forwards flow-horizontal
}

@media(max-width:450px) {

    .bettingInPlace-ng>div:first-child,
    .bettingInPlace-ng>div:last-child,
    .bettingInPlace-ng>div:nth-child(2),
    .bettingInPlace-ng>div:nth-last-child(2) {
        display: none !important
    }

    .heading-grid {
        display: grid;
        grid-template-columns: 40% 10% 20% 20% 10%
    }

    .betting-grid {
        grid-template-columns: 40% repeat(2, 60%)
    }

    .bettingInPlace-ng {
        grid-template-columns: repeat(2, 50%)
    }
}

@media(max-width:650px) {
    .betting-grid {
        grid-template-columns: 40% 60%
    }
}

.betting-grid {
    grid-template-columns: 40% 60%
}

.logoContainer {
    display: flex;
    align-items: center;
    gap: 5px
}

.logoBtpBtn {
    margin: 0;
    height: auto;
    background: 0 0;
    padding: 0;
    border: none;
    cursor: pointer;
    --border-right: 6px;
    --text-stroke-color: rgba(255, 255, 255, 0.6);
    --animation-color: #37FF8B;
    --fs-size: 1.5em;
    letter-spacing: 3px;
    text-decoration: none;
    font-size: var(--fs-size);
    font-family: Arial;
    position: relative;
    text-transform: uppercase;
    color: transparent;
    -webkit-text-stroke: 1px var(--text-stroke-color)
}

.hover-text {
    position: absolute;
    box-sizing: border-box;
    content: attr(data-text);
    background: linear-gradient(90deg, #2bdeac, #f028fd, #d8cce6, #2f2585);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    width: 0%;
    inset: 0;
    border-right: var(--border-right) solid;
    border-image: linear-gradient(90deg, #2BDEAC, #F028FD, #D8CCE6, #2F2585) 1;
    overflow: hidden;
    transition: .5s;
    -webkit-text-stroke: 1px transparent
}

.btpLoader,
.card,
.prismLoader {
    position: relative
}

.logoBtpBtn:hover .hover-text {
    width: 100%;
    filter: drop-shadow(0 0 23px #37FF8B)
}

.btpLoader .prismLoader .shadow,
.btpLoader .prismLoader .side {
    width: 35px;
    height: 35px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto
}

.btpLoader {
    width: 45px;
    height: 100px;
    display: block;
    transform-style: preserve-3d;
    transform: rotateX(-20deg)
}

.prismLoader {
    width: 100%;
    height: 100%;
    transform-style: preserve-3d;
    animation: 4s linear infinite spin
}

@keyframes spin {
    100% {
        transform: rotateY(360deg)
    }
}

.btpLoader .prismLoader .side {
    bottom: 0;
    transform-origin: center top;
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%)
}

.btpLoader .prismLoader .side1 {
    transform: rotateZ(-30deg) rotateY(90deg);
    background: conic-gradient(#2bdeac, #f028fd, #d8cce6, #2f2585)
}

.btpLoader .prismLoader .side2 {
    transform: rotateZ(30deg) rotateY(90deg);
    background: conic-gradient(#2f2585, #d8cce6, #f028fd, #2bdeac)
}

.btpLoader .prismLoader .side3 {
    transform: rotateX(30deg);
    background: conic-gradient(#2f2585, #d8cce6, #f028fd, #2bdeac)
}

.btpLoader .prismLoader .side4 {
    transform: rotateX(-30deg);
    background: conic-gradient(#2bdeac, #f028fd, #d8cce6, #2f2585)
}

.btpLoader .prismLoader .shadow {
    background: #8b5ad5;
    bottom: 35px;
    transform: rotateX(90deg) translateZ(-40px);
    filter: blur(12px)
}

.btn-group span:first-child {
    border-radius: .4rem !important 0 0 .4rem !important !important !important
}

.btn-group span:last-child {
    border-radius: 0 !important .4rem !important .4rem !important !important 0 !important
}



.loader {
    display: flex;
    align-items: center;
    height: 18px;
    width: 32px
}

.bar {
    display: inline-block;
    width: 3px;
    height: 12px;
    background-color: rgb(252 0 0 / 50%);
    border-radius: 10px;
    animation: 1s linear infinite scale-up4
}

.bar:nth-child(2) {
    height: 18px;
    margin: 0 5px;
    animation-delay: .25s
}

.bar:nth-child(3) {
    animation-delay: .5s
}

@keyframes scale-up4 {
    20% {
        background-color: #ffff;
        transform: scaleY(1.5)
    }

    40% {
        transform: scaleY(1)
    }
}

@media (min-width: 650px) {

    .w-md-60 {
        width: 60% !important;
    }
}

.bettingInPlace-ng div:nth-child(3) {
    margin-right: 2px;
}