* {
    margin: 0;
    padding: 0;
    box-sizing: border-box
}

:root {
    --s4Color: #16815f;
    --BodyBackColor: #16815f;
    --BodyColor: #ccc;
    --BorderSeparator: #757575;
    --ColoriNext: #888;
    --EkipetColor: #ddd;
    --EkipetMajtasBack: #666;
    --Icon: url(data:image/svg + xml;charset=utf-8,<svgwidth=33height=33viewBox=0 0 33 33xmlns=http://www.w3.org/2000/svg><title>Oval61+Oval62</title><gfill=%234ACFA5fill-rule=evenodd><pathd=M16.5 32c5.682 0 11-2.864 11-7.25 0-2.922-5.57-7.25-11-7.25-5.75 0-11 3.852-11 7.25 0 4.386 5.318 7.25 11 7.25zm0 1c-4.5 0-12-2.25-12-8.25 0-3.75 5.373-8.25 12-8.25s12 5.25 12 8.25c0 6-7.5 8.25-12 8.25z/><pathd=M16.5 17c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm0 1a6 6 0 1 1 0-12 6 6 0 0 1 0 12z/><pathd=M16.5 32C25.06 32 32 25.06 32 16.5 32 7.94 25.06 1 16.5 1 7.94 1 1 7.94 1 16.5 1 25.06 7.94 32 16.5 32zm0 1C7.387 33 0 25.613 0 16.5S7.387 0 16.5 0 33 7.387 33 16.5 25.613 33 16.5 33z/></g></svg>);
    --InPlayColor: #ffdf1b;
    --InTitleColor: #e4e4e4;
    --InTitleLightColor: #4acfa5;
    --JPBackBorderColor: #8e0101;
    --JPBackColor: #6c0101;
    --JPLightColor: #f16a6a;
    --KamionatColor: #bbb;
    --KampionatiListBack: #666;
    --NavigationBack: #474747;
    --NavigationKampionatColor: #ddd;
    --NavigationSportColor: #bbb;
    --NavMenuVija: #16815f;
    --OddBackColor: #585858;
    --OddColor: #ffdf1b;
    --Ora: #bbb;
    --PositionColor: #ddd;
    --SearchColor: #666;
    --SelectedKoefBack: #e4e4e4;
    --SelectedKoefColor: #14805e;
    --SelectedKoefEkip: #545454;
    --TitleBackBorderColor: #4acfa5;
    --TitleBackColor: #14805e;
    --X12Back: #a7a7a7;
    --X12Color: #545454;
    --HumbeseColor: #910808;
    --dark-bg: #0f0b1e
}

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

input[type="number"] {
    -moz-appearance: textfield
}

.accordian-bet .acc-icon,
.accordian-bet .accordian-bet-content {
    display: none
}

.accordian-bet.acc-content-active .acc-icon {
    display: block
}

.accordian-bet.acc-content-active .accordian-bet-content {
    display: block
}

body {
    font-family: "Roboto", sans-serif;
    background: url(../img/Background.png) var(--dark-bg);
    color: var(--text-color);
    min-height: 100vh
}

body.active-humburger {
    height: 100vh;
    overflow: hidden
}

.main_section {
    position: relative;
    transition: 0.3s all
}

.main_section.sqeeze-section {
    transform: translateX(80vw)
}

.active-date {
    background-color: #14805e;
    cursor: pointer;
    color: #fff
}

.active-date:hover {
    background-color: #444feb
}

.overlay_menu {
    transition: 0.3s all
}

.overlay_menu.active-menu {
    left: 0
}

.overlay_menu .tab-group .tab-link {
    color: #a6adbb
}

.overlay_menu .tab-group .tab-link::before {
    content: " ";
    display: block;
    position: absolute;
    width: 40px;
    height: 28px;
    left: 50%;
    top: 3px;
    margin: 0 auto 7px -20px;
    background-repeat: no-repeat;
    background-image: url(/betx360/img/sidebar-sprite-v2.svg)
}

.overlay_menu .tab-group .tab-link.active-tab {
    color: var(--InTitleLightColor)
}

.overlay_menu .tab-group .tab-link.tab-1::before {
    background-position: -66px -4px
}

.overlay_menu .tab-group .tab-link.tab-2::before {
    background-position: -143px -4px
}

.overlay_menu .tab-group .tab-link.tab-3::before {
    background-position: -305px -4px
}

.overlay_menu .tab-group .tab-link.tab-4::before {
    background-position: -477px -4px
}

.overlay_menu nav a {
    border-bottom: 1px solid #444;
    color: #a6adbb
}

.overlay_menu nav a.active-nav {
    box-shadow: inset -3px 0 0 0 var(--TitleBackColor);
    border-right: 2px solid #333;
    background-color: #404040 !important
}

.overlay_menu nav a.active-nav p {
    color: #fff
}

.topnavbar .page-iconBox {
    height: 100%;
    width: 77px;
    background-color: var(--BodyBackColor);
    border-right: 1px solid var(--BorderSeparator);
    margin-right: 1px;
    white-space: nowrap
}

.topnavbar .page-iconBox .topbar_icon {
    background-image: url(../img/Balls_white.png);
    background-repeat: no-repeat;
    background-size: 57px 5237px;
    height: 52px;
    width: 55px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box
}

.topnavbar .page-iconBox .topbar_icon.slotImg {
    background-position: 0 -2137px, 100% 50% !important
}

.topnavbar .page-iconBox .topbar_icon.ballsImg {
    background-position: 0 -170px, 100% 50% !important
}

.topnavbar .page-iconBox .topbar_icon.gamesImg {
    background-position: 0 -4616px, 100% 50% !important
}

.topnavbar .page-iconBox .topbar_icon.tennisImg {
    background-position: 0 -4616px, 100% 50% !important
}

.topnavbar .page-iconBox .topbar_icon.gamesImg {
    background-position: 0 -339px, 100% 50% !important
}

.topnavbar .page-iconBox .topbar_icon.pallacanestroImg {
    background-position: 0 -1464px, 100% 50% !important
}

.topnavbar .page-iconBox .topbar_icon.footballImg {
    background-position: 0 -2534px, 100% 50% !important
}

.topnavbar .page-iconBox .topbar_icon.hockeyImg {
    background-position: 0 -394px, 100% 50% !important
}

.topnavbar .page-iconBox .topbar_icon.pallamanoImg {
    background-position: 0 -2648px, 100% 50% !important
}

.topnavbar .page-iconBox .topbar_icon.pallavoloImg {
    background-position: 0 -2195px, 100% 50% !important
}

.topnavbar .page-iconBox .topbar_icon.cricketImg {
    background-position: 0 -2252px, 100% 50% !important
}

.topnavbar .page-iconBox .topbar_icon.boxImg {
    background-position: 0 -2252px, 100% 50% !important
}

.topnavbar .page-iconBox .topbar_icon.floorballImg {
    background-position: 0 -1690px, 100% 50% !important
}

.topnavbar .page-iconBox .topbar_icon.rugbyImg {
    background-position: 0 -2476px, 100% 50% !important
}

.topnavbar .page-iconBox .topbar_icon.snookerImg {
    background-position: 0 -1407px, 100% 50% !important
}

.topnavbar .page-iconBox .topbar_icon.freccetteImg {
    background-position: 0 -2420px, 100% 50% !important
}

.topnavbar .page-iconBox .topbar_icon.badmintonImg {
    background-position: 0 -2757px, 100% 50% !important
}

.topnavbar .page-iconBox .topbar_icon.hockeyImg {
    background-position: 0 -2590px, 100% 50% !important
}

.topnavbar .page-iconBox .topbar_icon.tennistavoloImg {
    background-position: 0 -677px, 100% 50% !important
}

.topnavbar .page-iconBox .topbar_icon.calcioImg {
    background-position: 0 -4450px, 100% 50% !important
}

.topnavbar .page-iconBox .topbar_icon.squashImg {
    background-position: 0 -4168px, 100% 50% !important
}

.topnavbar .page-iconBox .topbar_icon.mmaImg {
    background-position: 0 -283px, 100% 50% !important
}

.topnavbar .page-iconBox p {
    color: var(--BodyColor);
    font-size: 11px;
    line-height: 13px;
    text-align: center;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 4px;
    height: 25px;
    margin-top: -12px;
    width: 77px;
    white-space: normal
}

.features .features-header {
    color: var(--InTitleColor);
    font-weight: 400;
    background-color: var(--TitleBackColor);
    font-size: 15px;
    line-height: 18px;
    display: flex;
    margin: 0;
    align-items: center;
    justify-content: space-between;
    height: 33px;
    padding: 0 10px
}

.features .features-header .features-title {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.features .features-header a {
    white-space: nowrap;
    color: var(--InTitleLightColor);
    font-size: 12px;
    display: flex;
    align-items: center;
    position: relative
}

.features .features-columnScroller {
    padding: 0;
    margin: 0;
    width: 100%;
    min-height: 44px;
    position: relative;
    backface-visibility: hidden;
    transform: translateZ(0)
}

.features .features-column {
    white-space: nowrap;
    min-height: 44px
}

.features .features-column .teamname svg {
    width: 15px;
    height: 16px
}

.features .features-column .teamname p {
    font-size: 13px;
    line-height: 21px;
    color: #ddd;
    overflow: hidden
}

.features .features-column .teamname span {
    height: 17px;
    font-size: 11px;
    line-height: 12px;
    font-weight: 400;
    color: #bbb;
    padding: 0 0 6px
}

.top-events .launcherHeader h1 {
    font-family: HelveticaNeue-CondensedBold, HelveticaNeueBoldCondensed, HelveticaNeue-Bold-Condensed, Helvetica Neue Bold Condensed, HelveticaNeueBold, HelveticaNeue-Bold, Helvetica Neue Bold, HelveticaNeue, Helvetica Neue, Roboto Condensed, Handset Condensed Bold, Samsung Sans, TeXGyreHerosCnBold, TeXGyreHerosBold, Segoe UI Semibold, Trebuchet MS, Roboto Bold, Roboto, Helvetica, Tahoma, Geneva, Arial Narrow, Arial, sans-serif;
    font-weight: 400;
    font-stretch: condensed;
    color: #fff;
    font-size: 21px;
    white-space: pre
}

.top-events .sub-header .calcio::before {
    content: "";
    position: absolute;
    top: 2px;
    left: 4px;
    width: 3px;
    height: 90%;
    background: #25765c
}

.top-events .event-cards-column .cards-info .player {
    width: 33px;
    height: 13px;
    background-position: -24px -528px;
    background-image: url(/img/player.svg)
}

.linkGroup::before {
    content: " ";
    background-image: url(/betx360/img/balls.png);
    background-repeat: no-repeat;
    background-size: 28px 2674px;
    display: block;
    width: 30px;
    height: 25px;
    position: absolute;
    left: 5px;
    top: 9px
}

.linkGroup.linkGroup_1::before {
    background-position: 0 -88px, 100% 50% !important
}

.linkGroup.linkGroup_2::before {
    background-position: 0 -176px
}

.linkGroup.linkGroup_3::before {
    background-position: 0 -750px, 100% 50% !important
}

.linkGroup.linkGroup_4::before {
    background-position: 0 -1355px, 100% 50% !important
}

.linkGroup.linkGroup_5::before {
    background-position: 0 -202px, 100% 50% !important
}

.linkGroup.linkGroup_6::before {
    background-position: 0 -1122px, 100% 50% !important
}

.box-shadow {
    box-shadow: 0 0 8px #000
}

.modal-content {
    display: none
}

.close-modal .down {
    display: none
}

.activeModal .modal-content {
    display: block
}

.activeModal .close-modal .up {
    display: none
}

.activeModal .close-modal .down {
    display: block
}

.modal-wrapper button.modaltabs-active {
    background: #14805e;
    color: #fff
}

.modal-wrapper .content {
    display: none
}

.modal-wrapper .content.modaltabs-active {
    display: block
}

.tabs-wrapper button.active {
    border-bottom: 2px solid #16815f
}

.tabs-wrapper .content {
    display: none
}

.tabs-wrapper .content.active {
    display: block
}

.live-icons-sec .live-icons {
    display: grid;
    place-items: center;
    position: relative;
    overflow: hidden;
    opacity: .5
}

.live-icons-sec .live-icons.active-icons {
    opacity: 1;
    color: var(--OddColor)
}

.live-icons-sec .live-icons.active-icons::after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 7px 7px;
    position: absolute;
    left: 50%;
    margin-left: -7px;
    bottom: 0
}

.live-icons-sec .live-icons.active-icons.live-icons1::after {
    border-color: #fff0 #fff0 var(--s4Color)
}

.live-icons-sec .live-icons.active-icons.live-icons2::after {
    border-color: #fff0 #fff0 var(--s4Color)
}

.live-icons-sec .live-icons.active-icons.live-icons3::after {
    border-color: #fff0 #fff0 var(--s4Color)
}

.live-icons-sec .live-icons.active-icons.live-icons4::after {
    border-color: #fff0 #fff0 var(--s4Color)
}

.live-icons-sec .live-icons.active-icons.live-icons7::after {
    border-color: #fff0 #fff0 var(--s4Color)
}

.live-icons-sec .live-icons p {
    font-size: 13px
}

body .jconfirm.jconfirm-material .jconfirm-box {
    background-color: #0f0b1e
}